.ng-select{padding-bottom:1.25em}.ng-select.ng-select-disabled .ng-select-container:after{border-bottom-color:transparent;background-image:linear-gradient(to right, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.42) 33%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,0.38)}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,0.38)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.ng-select.ng-select-disabled .ng-clear-wrapper{color:rgba(0,0,0,0.38)}.ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);color:#3f51b5}.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-opened .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px)}.ng-select .ng-select-container{color:rgba(0,0,0,0.87);align-items:baseline;min-height:51.5px}.ng-select .ng-select-container:after{border-bottom:thin solid rgba(0,0,0,0.42);content:'';bottom:0;left:0;right:0;position:absolute;transition:border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2)}.ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,0.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:rgba(0,0,0,0.87);border-width:2px}.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0;border-top:.84375em solid transparent}.ng-select .ng-select-container .ng-value-container .ng-placeholder{position:absolute;color:rgba(0,0,0,0.54);transform-origin:left 0;transition:transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1)}[dir="rtl"] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.ng-select .ng-select-container .ng-value-container .ng-input{bottom:.4375em}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,0.12)}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px 5px;margin:0 0.4375em 0.4375em 0}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 0.4375em 0.4375em}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.26)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:rgba(255,255,255,0.54);padding-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:rgba(255,255,255,0.87)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid transparent}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,0.54)}.ng-select .ng-clear-wrapper:hover{color:rgba(0,0,0,0.87)}.ng-select .ng-arrow-wrapper{bottom:2px}.ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:rgba(0,0,0,0.54)}.ng-select .ng-spinner-zone{top:3px}.ng-dropdown-panel{background:#fff;left:0}.ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12);margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:calc(100% - 1.25em);box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,0.2),0 -8px 10px 1px rgba(0,0,0,0.14),0 -3px 14px 2px rgba(0,0,0,0.12)}.ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,0.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,0.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,0.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:rgba(0,0,0,0.54);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,0.04)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background:rgba(0,0,0,0.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:rgba(0,0,0,0.87);text-align:left}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,0.04);color:rgba(0,0,0,0.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,0.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,0.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:rgba(0,0,0,0.38)}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}

/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #000;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #F84341;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #F84341;
  --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;
  /** 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;
  /** app colors **/
  --ion-color-back: #202124;
  --ion-color-white: #fff;
  --ion-color-menu-gray: #a09f9f;
  --ion-color-dark-green: #006400;
  --ion-color-orange: #f59e0b;
  --ion-color-pure-gray: #808080;
  --ion-color-light-trolley-gray:#808080;
  --ion-color-gray2:#d3d3d3;
  --ion-color-gray-96:#d3d3d396;
  --ion-color-gray-3b:#d3d3d33b;
  --ion-color-gray-59:#d3d3d359;
  --ion-color-light-white:#fafafa;
  --ion-color-othr-light-gray: #F5F5F5;
  --ion-color-gray: gray;
  --ion-color-dark-white: #e0e0e0;
  --ion-color-flight-gray: #D3D3D3;
  --ion-color-dark-gray:#5c6770;
  --ion-color-light-gray:#e6e8ed;
  --ion-color-red: #d3222a;
  --ion-color-logo-red: #d3222a;
  --ion-color-logo-red-op: #d3222b96;
  --ion-color-txt-color: #454545;
  --ion-color-box-shadow: #25201f4d;
  --ion-color-yellow: #f7de56;
  --ion-color-blue: #0000ff;
  --ion-color-yellowshade: #B8B008;
  --ion-color-yellowshade2: #9a9303;
  --ion-color-black: #000;
  --ion-color-ligh-black: #212529;
  --ion-color-grayshad: #3b3b3e;
  --ion-color-red-shade: #e74c3c;
  --ion-color-pale-blue: #dee2e6;
  --ion-color-graylight: #d5d5d5;
  --ion-color-suvagrey: #8c8c8c;
  --ion-color-chinese-silver: #ccc;
  --ion-color-blackscale: #343a40;
  --ion-color-mercury: #ebebeb;
  --ion-color-linkwater: #c8cbcf;
  --ion-color-whisper: #e6e6e6;
  --ion-color-graylightshade: #eee;
  --ion-color-ebonyclay: #343537;
  --ion-color-comet: #606062;
  --ion-color-periwinkle: #ddd;
  --ion-color-medium-light: #999;
  --ion-color-white-smoke: #f5f5f5;
  --ion-color-pinkswan: #b9b7b7ab;
  --c-b-gray-400:#9E9E9E;
  --ion-color-itemcard-border:#e1e1e1;
  --ion-color-transparent:#0000;
  /** app fonts **/
  --ion-font-family: "Helvetica";
  /** app fonts size**/
  --ion-font-eleven: 11px;
  --ion-font-twelve: 12px;
  --ion-font-thirteen: 13px;
  --ion-font-fourteen: 14px;
  --ion-font-fifteen: 15px;
  --ion-font-sixteen: 16px;
  --ion-font-seventeen: 17px;
  --ion-font-eighteen: 18px;
  --ion-font-twenty: 20px;
  --ion-font-twentyfour: 24px;
  --ion-font-twentyfive: 25px;
  --ion-font-thirtyfour: 34px;
  --ion-font-xs: 8px;
  --ion-font-xs-p: 9px;
  --ion-font-s: 10px;
  --ion-font-s-p: 11px;
  --ion-font-m: 12px;
  --ion-font-m-p: 13px;
  --ion-font-l: 14px;
  --ion-font-xl: 16px;
  --ion-font-xxl: 18px;
  --ion-font-3xl: 20px;
  --ion-font-4xl: 22px;
  --ion-font-5xl: 24px;
}
:root .searchbar .searchbar-input-container .searchbar-search-icon {
  background-image: none;
  font-size: 2.2rem;
  color: var(--ion-color-logo-red) !important;
}
:root .searchbar-search-icon {
  color: #666666;
}

* {
  -webkit-user-select: text;
  user-select: text;
}

@font-face {
  font-family: "Helvetica";
  src: url('Helvetica.62614726e8d8774f.woff2') format("woff2"), url('Helvetica.24e1693a1163ce28.woff') format("woff"), url('Helvetica.8a191867dda12122.ttf') format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica-Bold";
  src: url('Helvetica-Bold.4dad59652b1bc0ac.woff2') format("woff2"), url('Helvetica-Bold.35fa52c34356565a.woff') format("woff"), url('Helvetica-Bold.72fa72e55968327e.ttf') format("ttf");
  font-weight: bold;
  font-style: bold;
  font-display: swap;
}
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;
}

/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}

/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.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;
}

/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.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-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

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

/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

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

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}

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 {
  padding: 0;
  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=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;
}

* {
  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.ion-ce body {
  display: block;
}

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%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  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;
}

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;
}

.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;
  }
}

.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);
  }
}

.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;
  }
}

.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;
  }
}

.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;
  }
}

.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;
}

.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */ }
  .ngx-datatable [hidden] {
    display: none !important; }
  .ngx-datatable *,
  .ngx-datatable *:before,
  .ngx-datatable *:after {
    box-sizing: border-box; }
  .ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto; }
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute; }
  .ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap; }
    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ngx-datatable.fixed-row .datatable-scroll {
    white-space: nowrap; }
    .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
      white-space: nowrap; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .ngx-datatable .datatable-body-row,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row; }
  .ngx-datatable .datatable-body-cell,
  .ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625; }
    .ngx-datatable .datatable-body-cell:focus,
    .ngx-datatable .datatable-header-cell:focus {
      outline: none; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-right {
    z-index: 9; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-row-group,
  .ngx-datatable .datatable-row-right {
    position: relative; }
  .ngx-datatable .datatable-header {
    display: block;
    overflow: hidden; }
    .ngx-datatable .datatable-header .datatable-header-inner {
      align-items: stretch;
      -webkit-align-items: stretch; }
    .ngx-datatable .datatable-header .datatable-header-cell {
      position: relative;
      display: inline-block; }
      .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
        cursor: move; }
      .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
        line-height: 100%;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        padding: 0 4px;
        visibility: hidden; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
        cursor: ew-resize; }
      .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
        position: absolute;
        top: 0;
        bottom: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
          right: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
          left: 0; }
      .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
        height: inherit; }
  .ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block; }
    .ngx-datatable .datatable-body .datatable-scroll {
      display: inline-block; }
    .ngx-datatable .datatable-body .datatable-row-detail {
      overflow-y: hidden; }
    .ngx-datatable .datatable-body .datatable-row-wrapper {
      display: flex;
      flex-direction: column; }
    .ngx-datatable .datatable-body .datatable-body-row {
      outline: none; }
      .ngx-datatable .datatable-body .datatable-body-row > div {
        display: flex; }
  .ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto; }
    .ngx-datatable .datatable-footer .datatable-footer-inner {
      display: flex;
      align-items: center;
      width: 100%; }
    .ngx-datatable .datatable-footer .selected-count .page-count {
      flex: 1 1 40%; }
    .ngx-datatable .datatable-footer .selected-count .datatable-pager {
      flex: 1 1 60%; }
    .ngx-datatable .datatable-footer .page-count {
      flex: 1 1 20%; }
    .ngx-datatable .datatable-footer .datatable-pager {
      flex: 1 1 80%;
      text-align: right; }
      .ngx-datatable .datatable-footer .datatable-pager .pager,
      .ngx-datatable .datatable-footer .datatable-pager .pager li {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li,
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        outline: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        cursor: pointer;
        display: inline-block; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
        cursor: not-allowed; }

/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}

/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}

/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

@charset "UTF-8";

@font-face {
  font-family: 'data-table';
  src: url('data-table.19a1c5c211a201d8.eot');
  src: url('data-table.19a1c5c211a201d8.eot?#iefix') format('embedded-opentype'), url('data-table.d233a8724a9532b6.woff') format('woff'),
    url('data-table.4f99927ffc558471.ttf') format('truetype'), url('data-table.029992b38cb863a4.svg#data-table') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before {
  font-family: 'data-table' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
  font-family: 'data-table' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter::before {
  content: '\62';
}

.datatable-icon-collapse::before {
  content: '\61';
}

.datatable-icon-expand::before {
  content: '\63';
}

.datatable-icon-close::before {
  content: '\64';
}

.datatable-icon-up::before {
  content: '\65';
}

.datatable-icon-down::before {
  content: '\66';
}

.datatable-icon-sort-unset::before {
  content: '\63';
  opacity: 0.5;
}

.datatable-icon-sort::before {
  content: '\67';
}

.datatable-icon-done::before {
  content: '\68';
}

.datatable-icon-done-all::before {
  content: '\69';
}

.datatable-icon-search::before {
  content: '\6a';
}

.datatable-icon-pin::before {
  content: '\6b';
}

.datatable-icon-add::before {
  content: '\6d';
}

.datatable-icon-left::before {
  content: '\6f';
}

.datatable-icon-right::before {
  content: '\70';
}

.datatable-icon-skip::before {
  content: '\71';
}

.datatable-icon-prev::before {
  content: '\72';
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.bottom-4 {
  bottom: 1rem;
}
.left-4 {
  left: 1rem;
}
.right-0 {
  right: 0px;
}
.top-0 {
  top: 0px;
}
.top-\[70px\] {
  top: 70px;
}
.z-50 {
  z-index: 50;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.m-5 {
  margin: 1.25rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-20 {
  margin-left: 5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.h-12 {
  height: 3rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[100\%\] {
  min-width: 100%;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.border-collapse {
  border-collapse: collapse;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.select-all {
  -webkit-user-select: all;
          user-select: all;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-clip {
  text-overflow: clip;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}
.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.border {
  border-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-none {
  border-style: none;
}
.border-\[var\(--ion-color-dark-green\)\] {
  border-color: var(--ion-color-dark-green);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.bg-\[\#ededed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--ion-color-dark-green\)\] {
  background-color: var(--ion-color-dark-green);
}
.bg-\[var\(--ion-color-logo-red\)\] {
  background-color: var(--ion-color-logo-red);
}
.bg-\[var\(--ion-color-white\)\] {
  background-color: var(--ion-color-white);
}
.bg-\[var\(--ion-color-white-smoke\)\] {
  background-color: var(--ion-color-white-smoke);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}
.object-contain {
  object-fit: contain;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.pt-\[25px\] {
  padding-top: 25px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-snug {
  line-height: 1.375;
}
.text-\[\#0000ff\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 255 / var(--tw-text-opacity, 1));
}
.text-\[\#006400\] {
  --tw-text-opacity: 1;
  color: rgb(0 100 0 / var(--tw-text-opacity, 1));
}
.text-\[\#808080\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group:hover .group-hover\:text-\[\#006400\] {
  --tw-text-opacity: 1;
  color: rgb(0 100 0 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {

  .sm\:top-\[70px\] {
    top: 70px;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:min-w-\[330px\] {
    min-width: 330px;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:justify-normal {
    justify-content: normal;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .sm\:bg-\[var\(--ion-color-white\)\] {
    background-color: var(--ion-color-white);
  }

  .sm\:text-\[15px\] {
    font-size: 15px;
  }
}
@media (min-width: 768px) {

  .md\:w-12 {
    width: 3rem;
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1024px) {

  .lg\:top-\[97px\] {
    top: 97px;
  }

  .lg\:min-w-\[380\] {
    min-width: 380;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }
}
@media (min-width: 1280px) {

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.contact-col {
  flex: 0 0 auto;
  max-width: 558px;
}

* {
  letter-spacing: 0.3px !important;
  line-height: 1.3 !important;
  font-family: "Helvetica";
  font-size: 14px;
}

/* home page */
.shopfinder .heading h2::after, .stayinformed .heading h2::after, .methodology-areasection .heading h2::after {
  left: calc(50% - 40px);
  margin: 0px 0;
}

.heading h2::after {
  content: "";
  display: block;
  width: 60px;
  height: 5px;
  background: #f00;
  position: absolute;
  margin-top: 10px !important;
}

/* home page*/
[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}

.max-height {
  max-height: 60px;
}

img.img-fluid.max-height.about.pi2 {
  height: 58px;
}

img.img-fluid.max-height.about.b2b {
  height: 55px;
}

img.img-fluid.max-height.about.shops {
  height: 55px;
}

/* froala editor hide content*/
editor-data-view p[data-f-id=pbf] {
  display: none !important;
}

.froalaView.fr-view *,
.fr-element.fr-view * {
  overflow: visible !important;
  justify-content: flex-start !important;
}

.froalaView.fr-view,
.fr-element.fr-view {
  overflow-y: auto;
}

.fr-wrapper {
  min-height: 300px !important;
}

.fr-view:not(table) {
  width: auto !important;
}

/* froala editor hide content*/
span,
ion-card-title,
ion-label,
ion-note,
ion-select-option,
.custom-chk,
td,
th,
a,
p,
ul,
ion-input,
ion-button,
ion-select,
ion-textarea,
.item-title .alert-title,
.card_title,
.card_content,
.toast-clss,
.toast-class-block,
ion-title,
.title,
.form-control,
.alert-message,
.alert-title,
.prod-title,
span.alert-button-inner,
#alert-3-msg,
.alert-button-inner,
.toast-class-block,
.toast-clss,
span.beta,
.checkmark,
.labels,
.item-content,
option,
.section-heading,
label,
.label,
.disable,
.inActive,
.IsAllVegan,
.create-new-lbl,
.title-row,
.head-label,
.pilogo,
.parentComapny,
.content,
.titles.green,
h1,
.form-control datatable-header-cell.datatable-header-cell,
datatable-header-cell.datatable-header-cell,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-family: "Helvetica" !important;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.full {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  min-height: 100%;
  display: flex;
  font-size: 18px;
}

.full .page_wapper {
  background: rgba(0, 0, 0, 0.7490196078);
  flex: 0 0 100%;
}

.full.shop_location {
  background-image: url('shops_back.5c96deed9a4e2558.jpg') !important;
}

.full.admin {
  background-image: url('admin_back_2.eefcf167578d07d7.jpeg') !important;
}

.full.b2b {
  background-image: url('b2b_back.5a5595d694b48ae1.jpg') !important;
}

.clickEv {
  text-decoration: none;
}

.ngx-datatable a.clickEv {
  white-space: normal;
}

.ngx-datatable a.expand-data, span.expand-data {
  white-space: normal !important;
}

.ngx-datatable .datatable-header, .ngx-datatable .datatable-body {
  width: auto !important;
}

map-location .ngx-datatable .datatable-body {
  width: auto !important;
  overflow: visible !important;
}

datatable-header-cell.datatable-header-cell {
  background: var(--ion-color-txt-color) !important;
  color: var(--ion-color-white) !important;
  font-size: 15px !important;
}

datatable-header-cell.datatable-header-cell.common {
  background: var(--ion-color-white) !important;
  color: black !important;
}

datatable-header-cell.datatable-header-cell {
  min-height: 55px;
}

datatable-header-cell.datatable-header-cell.header-red {
  background: var(--ion-color-logo-red) !important;
  color: white !important;
}

app-error-page .header {
  background: black !important;
}

datatable-header-cell.datatable-header-cell.sort-active.text-center,
datatable-body-cell.datatable-body-cell.sort-active.text-center .datatable-body-cell-label {
  align-items: center;
}

datatable-body-cell.datatable-body-cell.sort-active.text-center .datatable-body-cell-label {
  display: flex;
}

.IsActiveInShopical .datatable-body-cell-label {
  display: flex;
  justify-content: center;
}

datatable-body-cell.datatable-body-cell.sort-active {
  height: auto !important;
  overflow: inherit !important;
}

datatable-body-cell.datatable-body-cell.trash-cell div:first-child {
  height: 100%;
}

.datatable-row-left {
  display: flex;
}

.ngx-datatable span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
}

inquiry-items .ngx-datatable.material .datatable-footer .page-count, inquiry-details .ngx-datatable.material .datatable-footer .page-count, inquiry-list-items .ngx-datatable.material .datatable-footer .page-count {
  display: none;
}

.action-arrow {
  display: flex !important;
  align-items: center;
}

.action-arrow span {
  align-items: normal !important;
  line-height: 1.6 !important;
}

.datatable-body-cell span {
  white-space: normal;
  width: 100%;
}

shopical .datatable-body-cell span {
  width: auto;
}

.ngx-datatable span img {
  width: 30px;
  height: auto;
  margin-right: 5px;
}

.datatable-header-cell-template-wrap {
  text-align: center;
  padding: 0px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

datatable-selection .empty-row {
  text-align: center;
  padding: 10px;
}

.ngx-datatable .custom-checkbox {
  margin: 4px 10px 0 0;
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 0.5px solid var(--ion-color-light-gray);
  padding: 5px;
}

datatable-header-cell.datatable-header-cell.gray-head {
  background: rgba(241, 241, 241, 0.9450980392) !important;
  color: var(--ion-color-txt-color) !important;
}

datatable-header-cell.datatable-header-cell.red-head {
  background: var(--ion-color-logo-red) !important;
  color: var(--ion-color-white) !important;
}

datatable-header-cell.datatable-header-cell.matched {
  background: var(--ion-color-black) !important;
  color: var(--ion-color-white) !important;
}

datatable-header-cell.datatable-header-cell.import-details {
  background: var(--ion-color-txt-color) !important;
  color: var(--ion-color-white) !important;
}

.datatable-header-cell-template-wrap span {
  white-space: normal !important;
  line-height: 18px;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-align: center;
}

datatable-header-cell.datatable-header-cell.resizeable {
  min-height: 55px;
}

.ngx-datatable .datatable-scroll .datatable-body-row .datatable-body-cell,
.ngx-datatable .datatable-scroll .datatable-body-row .datatable-body-group-cell {
  max-height: 350px;
}

subscripions .datatable-body-row .datatable-body-cell {
  height: 100% !important;
}

[class^=datatable-icon-]::before,
[class*=" datatable-icon-"]::before {
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  line-height: 0;
}

datatable-body-cell[style*="height: auto"] .action-arrow span {
  white-space: normal !important;
  word-break: break-word;
}

.ngx-datatable.scroll-horz .datatable-body ::-webkit-scrollbar {
  width: 0 !important;
}

datatable-body.datatable-body {
  scroll-snap-type: y none;
  height: auto;
}

a.datatable-icon-right,
a.datatable-icon-down,
i.datatable-icon-right,
i.datatable-icon-down {
  white-space: nowrap;
  display: block;
  color: var(--ion-color-logo-red);
}

a.datatable-icon-down {
  white-space: normal;
}

datatable-body-row {
  height: auto !important;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 0.5rem 1rem !important;
  font-size: 15px;
}

.ngx-datatable.material .datatable-footer {
  font-size: 13px;
  font-weight: 400;
  color: var(--ion-color-white) 8a;
}

.ngx-datatable .datatable-footer .page-count {
  flex: 1 1 20%;
}

.ngx-datatable.material .datatable-footer .page-count {
  padding: 0 1.2rem;
}

.ngx-datatable.material .datatable-footer .datatable-pager {
  margin: 0 10px;
}

.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 80%;
  text-align: right;
}

.ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li {
  display: inline-flex !important;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.ngx-datatable.material .datatable-footer .datatable-pager a {
  padding: 5px 10px;
  border-radius: 3px;
  margin: 6px 3px;
  text-align: center;
  /* vertical-align: top; */
  color: var(--ion-color-white) 8a;
  text-decoration: none;
  vertical-align: bottom;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  cursor: pointer;
  text-align: center;
  display: flex !important;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
  cursor: not-allowed;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li, .ngx-datatable .datatable-footer .datatable-pager .pager li a {
  outline: none;
  vertical-align: middle;
}

.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 20px;
  line-height: 20px;
  padding: 0 3px;
}

.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: 700;
}

.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: var(--ion-color-white) 42 !important;
  background-color: transparent !important;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  border-bottom: 1px solid var(--ion-color-light-gray);
}

map-location .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:first-child {
  padding: 10px 5px 0px 15px !important;
}

map-location .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell:nth-child(2) {
  padding: 10px 15px 0 0px !important;
}

.ngx-datatable {
  overflow: unset !important;
}
.ngx-datatable datatable-header {
  height: auto !important;
  overflow: hidden !important;
  position: sticky;
  background: var(--ion-color-white);
  top: 0;
  z-index: 100;
}
.ngx-datatable datatable-header:before {
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: var(--ion-color-white);
}

.ngx-datatable.material .datatable-header .datatable-row-left, .ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: var(--ion-color-white) !important;
  background-position: 100% 0 !important;
  background-repeat: repeat-y !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) !important;
}

.ngx-datatable.material .datatable-header .datatable-row-right, .ngx-datatable.material .datatable-body .datatable-row-right {
  background-color: var(--ion-color-white) !important;
  background-position: 100% 0 !important;
  background-repeat: repeat-y !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) !important;
}

.red-border {
  border: 1px solid var(--ion-color-logo-red) !important;
}

.red-background {
  background: var(--ion-color-logo-red) !important;
}

.datatable-body-cell .tbl-featured {
  top: -15px !important;
  left: -20px !important;
}

.ngx-datatable.material {
  background: var(--ion-color-white);
  box-shadow: 0 0 4px rgba(32, 33, 36, 0.28) !important;
}

.container ion-row ion-col h1 {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 0px !important;
}

ion-label.lbl-style-m a {
  color: var(--ion-color-white) !important;
  -webkit-text-decoration: auto !important;
          text-decoration: auto !important;
  font-size: var(--ion-font-l);
}

ion-label.lbl-style-m i {
  color: var(--ion-color-white);
  font-size: initial;
  min-width: 30px;
}

i.fa.fa-ban {
  color: var(--ion-color-logo-red) !important;
  padding: 0px;
  margin-right: 5px;
  font-size: 15px;
}

.message-note {
  display: block;
  text-align: end;
  padding: 5px 0px;
  font-size: var(--ion-font-s-p);
  font-style: normal;
}

.theme-default .bs-datepicker-head {
  color: white;
  background-color: black !important;
}

.theme-default .bs-datepicker-head button.next span,
.theme-default .bs-datepicker-head button.previous span {
  text-align: center;
}

.theme-default .bs-datepicker-body table td span {
  text-align: center;
}

.mobile-container ion-grid {
  padding: 0px;
}

.m-part {
  margin-bottom: 15px;
}

.m-part.alert ion-grid {
  padding: 0px;
}

.m-part.alert ion-col {
  flex: 0 0 50%;
  width: 50%;
}

.forms_block ion-grid ion-row ion-col {
  padding: 0 15px 0 0;
}

.red_border {
  border: 1px solid var(--ion-color-logo-red) !important;
}

.red_border_dashed {
  border: 1px dashed var(--ion-color-logo-red) !important;
}

.form-control[ng-reflect-bs-value="Invalid Date"] {
  border: 1px solid var(--ion-color-logo-red) !important;
}

ion-card-title {
  background: var(--ion-color-black);
  border-radius: 10px 10px 0 0;
  padding: 10px 0 10px 15px;
  color: var(--ion-color-white);
  font-size: 16px;
  margin-right: 58%;
}

.display_flex {
  display: flex !important;
}

.display_flex_baseline {
  display: flex !important;
  align-items: baseline !important;
}

.card_right_panels:has(app-empty-list) {
  padding-top: 10px;
}

.result-count-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  font-size: var(--ion-font-l);
  color: var(--ion-color-gray);
}

.search-filter-note-div {
  padding: 10px 0 0 0;
}

.search-filter-note-div:has(.detail_page_div) {
  padding: 0px;
}

.search-filter-note-div ion-label {
  color: var(--ion-color-logo-red);
  font-size: var(--ion-font-l);
}

.user-info-note-div {
  padding: 10px 0 0 0;
}

.user-info-note-div ion-label {
  color: var(--ion-color-gray);
  font-size: var(--ion-font-l);
}

.doc-span {
  font-size: 12px;
  word-break: break-word;
  padding: 0px 4px 0px 5px;
  margin-bottom: 3px;
  overflow: hidden;
  display: -webkit-box !important;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.ae-font .ae-picker-label {
  color: #000;
}

.ae-font .ae-picker-options .ae-picker-item {
  color: #000;
}

filter-view.ion-page {
  padding-bottom: 0px !important;
}

:root ion-img {
  min-height: 1px !important;
}

btn-title {
  display: flex;
}

ion-icon.searchbar-search-icon {
  left: 10px !important;
  top: 9px !important;
  color: black !important;
}

.cross-navigation-row {
  position: absolute !important;
  right: 0 !important;
}

.cross-navigation-row span a {
  color: var(--ion-color-blue) !important;
}

.count-btn-div .count-btn-label {
  display: flex;
  justify-content: space-between;
}

.count-btn-div ion-button {
  background: transparent;
  --background: transparent;
  box-shadow: none;
  --box-shadow: none !important;
  text-align: start;
  --padding-start: 1px;
  --padding-end: 1px;
  --padding-top: 0px;
  --padding-bottom: 10px;
  --border-radius: 0px;
  text-transform: none;
  line-height: normal;
  margin-inline: 0px;
  margin: 0;
  font-size: 14px !important;
  white-space: unset;
}

.btn_sub_title {
  color: #808080 !important;
  line-height: 17px;
  height: auto !important;
  letter-spacing: 0.3px !important;
  justify-content: space-between;
  font-size: 14px !important;
  transition: all 0.3s ease;
  font-weight: 400;
}

.count-btn-div ion-button.count {
  color: var(--ion-color-black) !important;
  font-size: 13px !important;
}

.basket-action-div-parent {
  padding: 10px 10px 0 0;
  display: flex;
  flex-wrap: wrap;
}

.basket-action-div {
  padding-right: 10px;
}

.btn-new-cc.small {
  height: 24px !important;
}

.btn-new-cc {
  padding: 0;
  margin-right: 10px;
  height: 30px !important;
  border-radius: 5px !important;
}

.btn-new-cc.small.disabled {
  border: 1px solid #b8b8b8 !important;
}

.btn-new-cc.disabled {
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  opacity: 0.5;
}

.btn-new-cc.small.bg-black {
  border: 1px solid var(--ion-color-black) !important;
}

.btn-new-cc.bg-black {
  background-color: transparent !important;
  border: 1px solid var(--ion-color-black) !important;
}

.btn-new-cc.small.bg-yellow {
  border: 1px solid var(--ion-color-warning) !important;
}

.btn-new-cc.bg-yellow {
  background-color: var(--ion-color-warning) !important;
  border: 1px solid var(--ion-color-warning) !important;
}

.btn-new-cc.small.tr-bg-yellow {
  border: 1px solid var(--ion-color-warning) !important;
}

.btn-new-cc.tr-bg-yellow {
  background-color: transparent !important;
  border: 1px solid var(--ion-color-warning) !important;
}

.btn-new-cc.small.bg-green {
  border: 1px solid var(--ion-color-dark-green) !important;
}

.btn-new-cc.bg-green {
  background-color: var(--ion-color-dark-green) !important;
  border: 2px solid var(--ion-color-dark-green) !important;
}

.btn-new-cc.small.tr-bg-green {
  border: 1px solid var(--ion-color-dark-green) !important;
}

.btn-new-cc.tr-bg-green {
  background-color: transparent !important;
  border: 1px solid var(--ion-color-dark-green) !important;
}

.btn-new-cc.small ion-label {
  font-size: 11px !important;
  padding: 0 7px 0 0;
}

.btn-new-cc ion-label {
  padding: 0 10px 0 0;
  font-size: 12px !important;
  letter-spacing: 0.5px;
  line-height: 12px !important;
}

.btn-new-cc.disabled ion-label {
  background: transparent !important;
  color: #606060 !important;
}

.btn-new-cc.bg-black ion-label {
  color: var(--ion-color-black) !important;
}

.btn-new-cc.bg-yellow ion-label {
  color: var(--ion-color-black) !important;
}

.btn-new-cc.tr-bg-yellow ion-label {
  color: var(--ion-color-black) !important;
}

.btn-new-cc.bg-green ion-label {
  color: var(--ion-color-white) !important;
}

.btn-new-cc.tr-bg-green ion-label {
  color: var(--ion-color-dark-green) !important;
}

.btn-new-cc span {
  height: 100% !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0px !important;
}

.btn-new-cc.disabled span {
  background: var(--ion-color-white);
}

.btn-new-cc.bg-black span {
  background: var(--ion-color-white);
}

.btn-new-cc.bg-yellow span {
  background: var(--ion-color-warning);
}

.btn-new-cc.bg-green span {
  background: var(--ion-color-dark-green);
}

.btn-new-cc.small span i {
  font-size: 11px !important;
}

.btn-new-cc span i {
  font-size: 12px !important;
  padding: 0 7px !important;
}

.btn-new-cc.disabled span i {
  color: #b8b8b8;
}

.btn-new-cc.bg-black span i {
  color: var(--ion-color-black);
}

.btn-new-cc.bg-yellow span i {
  color: var(--ion-color-black);
}

.btn-new-cc.tr-bg-yellow span i {
  color: var(--ion-color-black);
}

.btn-new-cc.bg-green span i {
  color: var(--ion-color-white);
}

.btn-new-cc span i.fa-plus {
  font-size: 14px !important;
}

.btn-new-cc span i.fa-arrows-turn-to-dots {
  font-size: 14px !important;
  line-height: 1px !important;
}

.btn-new-cc.tr-bg-green span i {
  color: var(--ion-color-dark-green);
}

.btn-new-cc:hover:not(.disabled) {
  transform: translateY(-2px);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.btn-action.small span {
  margin-right: 5px;
}

.btn-action.small span i {
  font-size: 12px;
}

.btn-action.small ion-label {
  font-size: 12px !important;
}

.btn-action {
  height: 32px;
  margin-inline: 0px;
  padding: 0;
  border-radius: 5px;
  margin-right: 10px;
}

.btn-action.small {
  height: 24px;
  padding-right: 5px;
}

.btn-action.bg-black {
  background-color: var(--ion-color-black);
  border: 1px solid var(--ion-color-black);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-white {
  background-color: var(--ion-color-white) !important;
  border: 1px solid var(--ion-color-black);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-red {
  background-color: var(--ion-color-logo-red) !important;
  border: 1px solid var(--ion-color-logo-red);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-gray {
  background-color: var(--ion-color-medium-light) !important;
  border: 1px solid var(--ion-color-medium-light);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-yellow {
  background-color: transparent !important;
  border: 1px solid var(--ion-color-warning);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-green {
  background-color: transparent !important;
  border: 1px solid var(--ion-color-dark-green);
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.bg-disabled {
  background-color: white !important;
  border: 1px solid #b8b8b8;
  opacity: 0.5;
  min-width: 140px;
  display: flex;
  justify-content: center;
}

.btn-action.small.bg-black {
  border: 1px solid var(--ion-color-black);
}

.btn-action.small.bg-white {
  border: 1px solid var(--ion-color-black);
}

.btn-action.small.bg-red {
  border: 1px solid var(--ion-color-logo-red);
}

.btn-action.small.bg-gray {
  border: 1px solid var(--ion-color-medium-light);
}

.btn-action.small.bg-yellow {
  border: 1px solid var(--ion-color-warning);
}

.btn-action.small.bg-green {
  border: 1px solid var(--ion-color-dark-green);
}

.btn-action.small.bg-disabled {
  border: 1px solid #b8b8b8;
}

.btn-action span {
  margin: 0 5px 0 0;
}

.btn-action.extra span {
  margin: 0 5px 0 0;
}

.btn-action.small span {
  margin-right: 5px;
}

.btn-action span.bg-white {
  background-color: var(--ion-color-white) !important;
}

.btn-action span.bg-red {
  background-color: var(--ion-color-logo-red) !important;
}

.btn-action span.bg-yellow {
  background-color: var(--ion-color-warning) !important;
}

.btn-action span.bg-green {
  background-color: var(--ion-color-dark-green) !important;
}

.btn-action span.bg-disabled {
  padding: 0 5px 0 0;
}

.btn-action span i {
  font-size: 14px;
  padding: 0;
}

.btn-action span i.fa-plus {
  font-size: 14px;
  padding: 0;
}

.btn-action.small span i {
  font-size: 12px;
}

.btn-action span i.black {
  color: var(--ion-color-black) !important;
}

.btn-action span i.red {
  color: var(--ion-color-logo-red) !important;
}

.btn-action span i.gray {
  color: var(--ion-color-gray) !important;
}

.btn-action span i.yellow {
  color: var(--ion-color-warning) !important;
}

.btn-action span i.green {
  color: var(--ion-color-dark-green) !important;
}

.btn-action span i.disabled {
  color: var(--ion-color-gray) !important;
  padding-top: 2px;
}

.btn-action ion-label {
  padding: 0px !important;
  font-size: 14px !important;
}

.btn-action.bg-disabled ion-label {
  color: #606060 !important;
}

.btn-action.small ion-label {
  font-size: 12px !important;
}

.btn-action.bg-yellow ion-label {
  color: var(--ion-color-warning) !important;
}

.btn-action.bg-green ion-label {
  color: var(--ion-color-dark-green) !important;
}

.datetime-text {
  display: contents;
}

.pointer {
  cursor: pointer !important;
}

.pointer-ev {
  pointer-events: none !important;
}

.no-pointer {
  cursor: auto !important;
}

ion-content {
  --background: var(--ion-color-white) !important;
  background: var(--ion-color-white) !important;
}

app-explore ion-content,
details-page ion-content,
app-home ion-content,
app-user ion-content,
sourcing-criteria-details ion-content,
buyer-profile-details ion-content {
  --background: var(--ion-color-othr-light-gray) !important;
  background: var(--ion-color-othr-light-gray) !important;
}

my-matchmaking-report .counts_filter_block ion-col.tab_contents.details-page,
profile-matchmaking-report .counts_filter_block ion-col.tab_contents.details-page,
fundrais-matchmaking-report .counts_filter_block ion-col.tab_contents.details-page,
user-enablers .counts_filter_block ion-col.tab_contents.details-page,
app-home .admin_right_panel .counts_filter_block.main_rows.mt-res .main_cols.auto-cols {
  padding: 0px !important;
}

impact-funding-resources .admin_right_panel .counts_filter_block.main_rows.mt-res .main_cols.auto-cols {
  padding: 0 15px !important;
}

ion-chip {
  background-color: var(--ion-color-logo-red);
  margin-left: 0px;
}

ion-chip ion-label {
  color: white !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.mat-chip-list-wrapper {
  display: block !important;
  margin: 0px 6px 0px 0px !important;
}

.mat-chip-list-wrapper input.mat-input-element {
  margin: 7px 0 0 0 !important;
}

ion-chip ion-icon {
  color: white !important;
  height: 16px;
  width: 16px;
  min-width: var(--ion-font-xl) !important;
  min-height: var(--ion-font-xl) !important;
}

ion-app {
  margin-bottom: env(safe-area-inset-bottom);
}

ion-note {
  font-size: 13px;
  font-style: italic;
}

.opt-05 {
  opacity: 0.5;
}

.chip-label {
  border-radius: 5px !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
  font-weight: normal !important;
  line-height: 14px !important;
  letter-spacing: 0.5px !important;
  background-color: #d3d3d3;
  color: #000;
  margin: 0px 0px 0px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inquiry-note-col.selected-item-text-area ion-textarea .textarea-wrapper {
  --padding-top: 4px ;
}

.green-chip {
  text-transform: capitalize !important;
  background-color: var(--ion-color-dark-green);
  color: #fff;
}

.orange-chip {
  text-transform: capitalize !important;
  background-color: #ff3a21;
  color: #fff;
}

.card_img a {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.card_img .clickEv.pointer.a img {
  cursor: pointer !important;
}

.popover-content {
  --width: auto !important;
  overflow: hidden !important;
}

ion-popover.item-list-component::part(content) {
  border-radius: 4px;
  height: auto;
}

ion-popover.item-list-component.empty-list::part(content) {
  height: auto !important;
}

.user-journy .popover-content {
  --width: 200px !important;
  overflow: hidden !important;
}

ion-popover.item-list-component {
  --width: 500px !important;
  overflow: hidden !important;
}

ion-popover.side-button-Product, ion-popover.side-button-Solutions, ion-popover.side-button-Company {
  --width: auto !important;
  --min-width: 115px !important;
  --box-shadow: -21px 1px 13px 3px rgb(0 0 0 / 24%) !important;
  margin-top: 10px;
}

.side-button-Product ion-col, .side-button-Solutions ion-col, .side-button-Company ion-col {
  padding: 10px 60px 10px 20px;
  font-size: 16px !important;
}

.side-button-Product ion-col ion-label, .side-button-Solutions ion-col ion-label, .side-button-Company ion-col ion-label {
  cursor: pointer;
  color: #212529 !important;
  text-align: left;
  transition: all 0.5s;
  white-space: nowrap;
  font-size: 16px;
  position: relative;
}

.action-sheet-wrapper {
  margin-bottom: env(safe-area-inset-bottom) !important;
}

button.action-sheet-button.ion-activatable.ion-focusable.selected_opt {
  color: var(--ion-color-white) !important;
  font-weight: bold;
}

.action-sheet-group {
  border-radius: 20px 20px 0px 0px;
}

ion-action-sheet button.action-sheet-button.ion-activatable.ion-focusable {
  background: var(--ion-color-black);
  color: var(--ion-color-white);
  padding: 15px;
  height: 45px;
}

ion-action-sheet button.action-sheet-button.ion-activatable.ion-focusable .action-sheet-button-inner {
  font-size: var(--ion-font-l);
}

ion-action-sheet .sc-ion-action-sheet-md-h {
  --background: black;
}

.mat-chip-list .mat-chip-list-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
}

.sc-ion-action-sheet-md-h .action-sheet-title {
  font-weight: bold;
  color: var(--ion-color-white) !important;
  border-bottom: 1px solid #ebebeb !important;
  background: var(--ion-color-black) !important;
}

.ng-select {
  padding-bottom: 0em !important;
  cursor: pointer;
}

.create-new {
  cursor: pointer;
  margin: 10px 3px;
  font-size: 14px;
}

.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 0em;
  min-height: 0em;
}

map-location .ng-dropdown-panel .ng-dropdown-header {
  padding: 0px !important;
}

custom-select .ng-dropdown-panel .ng-dropdown-header {
  padding: 0px !important;
  line-height: 20px !important;
  min-height: 37px !important;
}

.ng-dropdown-header {
  border-top: unset;
  padding: 0px !important;
}

.ng-dropdown-header:hover {
  background-color: #fff;
}

.has-feedback input {
  border: 0px !important;
  box-shadow: none !important;
  outline: none;
  background: transparent;
}

.form-group.has-feedback {
  margin: 0px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 9px 10px !important;
  position: relative;
  line-height: 18px !important;
}

bs-datepicker-container th,
bs-datepicker-container td {
  min-width: auto !important;
}

bs-datepicker-container.bottom {
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  left: 50% !important;
}

.ng-select-multiple input[type=checkbox] {
  position: absolute;
  top: 0;
  z-index: 1111;
  left: 7px;
  width: calc(100% - 7px);
  height: 100%;
  opacity: 0;
}

.ng-select-multiple label {
  cursor: pointer;
  position: relative;
  font-size: 14px !important;
  white-space: normal !important;
  width: 100%;
  display: inline-block;
}

.form-group.has-feedback label::after {
  top: 0 !important;
}

filter-view ng-select.form-control.ng-select-opened {
  border-radius: 10px 10px 0px 0px !important;
}

.ng-select .ng-select-container .ng-value-container {
  display: flex !important;
  align-items: center !important;
  border-top: none !important;
}

map-location .datatable-body-cell span {
  white-space: revert;
}

map-location .group-data custom-select .form-group {
  margin-bottom: 0px !important;
  width: 257px;
}

map-location .group-data custom-select .form-group ng-select.form-control {
  align-items: center !important;
  display: flex !important;
}

map-location .inputsgrids .ng-select .ng-select-container .ng-value-container {
  min-height: auto !important;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container {
  min-height: 38px;
  cursor: pointer;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  min-height: 38px;
  margin-right: 11px;
}

.ng-select .ng-select-container {
  align-items: center;
  min-height: 38px;
}

drop-down .ng-select .ng-select-container .ng-value-container {
  min-height: auto !important;
}

.ng-select.ng-select-single .ng-select-container.ng-has-value {
  margin: 3px 0px;
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
  border-top: 0px !important;
}

.ng-select .ng-select-container:after {
  border-bottom: 0px !important;
}

.filter-ng-select {
  border-radius: 10px;
  border: 1px solid var(--ion-color-logo-red);
  padding: 0px 13px !important;
}

.filter-ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding: 5px;
}

.ng-select .ng-has-value .ng-placeholder,
.ng-select.ng-select-opened .ng-placeholder {
  opacity: 0;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  opacity: 0;
}

.fa-map-marker, .fa-thumb-tack {
  color: var(--ion-color-logo-red) !important;
}

span.ng-tag-label {
  color: var(--ion-color-logo-red) !important;
  font-weight: bold !important;
  font-size: 14px !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  display: flex;
  white-space: normal !important;
  background: #d9d9d9 !important;
  color: var(--ion-color-black) !important;
  border-radius: 6px;
  margin: 2px 3px;
  padding: 8px;
  align-items: center !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-weight: normal !important;
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  color: var(--ion-color-black) !important;
  cursor: pointer;
  padding: 0 0 0 4px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  line-height: normal !important;
  white-space: normal !important;
  align-items: center !important;
  display: flex !important;
  padding: 0 10px;
  min-height: 38px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: rgba(0, 0, 0, 0.12);
  color: var(--ion-color-dark-green);
}

.ng-select .ng-select-container .ng-arrow-wrapper {
  bottom: auto !important;
  top: auto !important;
  align-self: center !important;
}

.ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow {
  height: 7px;
  margin: 0px !important;
  margin-left: 5px !important;
}

.ng-select .ng-select-container .ng-arrow-wrapper {
  bottom: auto !important;
  top: auto !important;
  align-self: center !important;
}

map-location .inputsgrids .ng-select .ng-select-container .ng-arrow-wrapper {
  width: 17px;
}

map-location .ng-select.ng-select-single .ng-select-container .ng-value-container,
map-location .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

custom-search .ng-select .ng-select-container .ng-value-container .ng-input > input {
  line-height: 26px !important;
  margin-left: 5px !important;
  margin-right: 15px !important;
}

.c-open .ng-input > input {
  display: none;
}

.ng-select .ng-select-container::after {
  border-bottom: 0px !important;
  margin: 3px 0px 0px 0px;
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,
.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper {
  border-top: 0px !important;
}

.ng-select .ng-clear {
  display: none !important;
  /* font-size: initial !important; */
  /* line-height: initial !important; */
  color: #fff !important;
  background: #000;
  border-radius: 50%;
  /* padding: 4px; */
  text-align: center !important;
  /* align-items: center; */
  /* display: flex; */
  /* vertical-align: middle; */
  height: 20px !important;
  width: 20px !important;
  font-size: initial !important;
  line-height: initial !important;
  top: -1px;
  position: relative;
}

.ng-select .ng-clear-wrapper {
  cursor: pointer;
  position: relative;
  display: flex !important;
  line-height: normal !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none !important;
  padding: 0px !important;
  min-height: 20px !important;
}

span.ng-clear-wrapper:after {
  content: "\f057";
  font-family: fontawesome;
  font-size: 18px;
  display: block;
  color: #000;
  margin: 0;
  padding: 0;
}

.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
  align-self: center !important;
  bottom: auto !important;
  z-index: 111 !important;
}

.ng-select div, .ng-select input, .ng-select span {
  cursor: pointer;
}

.InquiryQuantity input {
  padding-inline-start: 5px !important;
  padding-inline-end: 5px !important;
}

.basket-div button {
  vertical-align: middle;
  white-space: nowrap;
  padding: 0px 10px;
  letter-spacing: 0.3px;
  min-width: 130px;
  text-align: center;
  margin: 10px 15px 0 0;
  height: 30px;
}

.basket-div button span {
  font-size: var(--ion-font-m);
}

.basket-div button.add-inquiry-btn {
  background-color: var(--ion-color-black);
  color: var(--ion-color-white);
}

.basket-div button.add-inquiry-btn i {
  font-size: var(--ion-font-m) !important;
  padding-right: 3px;
}

.basket-div button.modify-inquiry-btn {
  background-color: transparent;
  color: var(--ion-color-logo-red);
  border: 1px solid var(--ion-color-logo-red);
}

.basket-div button.remove-inquiry-btn {
  background-color: transparent;
  color: var(--ion-color-gray);
  border: 1px solid var(--ion-color-itemcard-border);
}

.basket-div button.contact-supplier-btn {
  background-color: var(--ion-color-white);
  color: var(--ion-color-black);
  border: 1px solid var(--ion-color-black);
  display: flex;
  align-items: center;
  padding-top: 2px;
  border-radius: 5px;
}

.basket-div button.contact-supplier-btn i {
  padding-right: 8px;
}

.basket-div button.contact-supplier-btn span {
  margin-top: -2px;
}

.basket-div button.contact-supplier-btn:hover:not(.disabled) {
  transform: translateY(-2px);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.shop-address-detail i {
  padding: 0 7px 0 2px;
}

.date_range_label ion-img {
  width: 16px;
}

.date_range_label h3 {
  display: flex;
  align-items: center;
}

.date_range_label h3 span {
  margin-top: 1px;
  font-size: var(--ion-font-m) !important;
}

.date_range_label i {
  font-size: var(--ion-font-xl);
  padding-right: 10px;
}

.date_range_label i.fa-layer-group {
  padding-right: 8px;
}

.date_range_label i.fa-calendar-days {
  padding-right: 12px;
}

ion-label.brand_content {
  margin-top: 10px;
  color: var(--ion-color-light-trolley-gray) !important;
  font-size: var(--ion-font-m) !important;
  letter-spacing: 0.3px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-align: left;
}

ion-label.brand_content span {
  color: var(--ion-color-black);
  letter-spacing: 0.3px;
  font-size: var(--ion-font-l) !important;
}

#langeuage ion-select {
  font-size: 16px !important;
  line-height: 30px !important;
  --padding-top: 0px !important;
  --padding-end: 0px !important;
  --padding-bottom: 0px !important;
  --padding-start: 0px !important;
}

.black {
  color: var(--ion-color-black) !important;
}

.gray {
  color: grey;
  font-weight: normal;
}

.red {
  color: var(--ion-color-logo-red);
}

.green {
  color: var(--ion-color-dark-green) !important;
}

.yellow {
  color: var(--ion-color-yellowshade) !important;
}

.gray-pure {
  color: var(--ion-color-gray) !important;
}

.red-label {
  color: var(--ion-color-logo-red) !important;
}

.bold-text {
  font-weight: bold !important;
}

ion-select::part(icon) {
  opacity: 1 !important;
  margin-left: 5px;
}

.select-icon {
  position: relative;
  opacity: 1 !important;
  margin-left: 5px;
}

.m-45 {
  margin: 45px;
}

.p-0 {
  padding: 0px !important;
  cursor: auto;
}

.ml-20 {
  margin-left: 20px;
}

.mr-15 {
  margin-right: 15px;
}

.select-menu {
  filter: brightness(1) !important;
}

.white {
  color: var(--ion-color-white) !important;
}

.fcall {
  flex: 0 0 40%;
  max-width: 360px;
}

.custom-checkbox-div {
  display: flex;
  flex-wrap: wrap;
}

.custom-checkbox-div .custom-checkbox-item-div {
  display: flex;
  flex-wrap: wrap;
}

.custom-checkbox-div .custom-checkbox-header-titie {
  font-weight: 600;
  padding: 0px 15px 15px 0 !important;
}

.custom-checkbox {
  --border-radius: 4px;
  margin: 0px 10px 0 0;
  --background-checked: var(--ion-color-logo-red);
  --border-color-checked: var(--ion-color-logo-red);
}

.custom-checkbox-label {
  white-space: normal !important;
  margin: 0px !important;
  color: var(--ion-color-comet) !important;
  font-size: 14px !important;
  line-height: 20px;
  letter-spacing: 0.3px;
  white-space: nowrap !important;
}

.custom-checkbox-ion-item {
  --padding-start:0px;
  align-items: flex-start;
  --background: transparent;
  --background-hover: transparent;
  margin: 0px 0px 12px 0px;
  --border-color: transparent;
  --min-height: 10px !important;
}

span.checkmark-chk-f {
  display: block;
  width: 100%;
  padding: 10px;
  white-space: nowrap;
  border-right: 1px solid var(--ion-color-black);
  background: var(--ion-color-white);
  color: var(--ion-color-black);
}

.custom-chk span {
  position: initial !important;
  width: auto !important;
}

ion-label.custom-chk-f ion-checkbox.checkbox-checked ~ span.checkmark-chk-f {
  background: var(--ion-color-red);
  color: var(--ion-color-white);
  border-right: 1px solid var(--ion-color-black);
}

.disclaimer-class .custom-checkbox-label {
  white-space: normal !important;
}

.disclaimer-class .custom-checkbox {
  margin-top: 3px !important;
}

.btn-red-border {
  background-color: #fff;
  color: #000;
  white-space: nowrap;
  font-size: 14px !important;
  padding: 8px 20px;
  border: 1px solid var(--ion-color-logo-red);
  line-height: 16px !important;
  border-radius: 60px;
}

.btn-red {
  background-color: var(--ion-color-logo-red);
  color: #fff;
  white-space: nowrap;
  font-size: 14px !important;
  padding: 8px 20px;
  border: 1px solid var(--ion-color-logo-red);
  line-height: 16px !important;
  border-radius: 60px;
  box-shadow: 0px 2px 2px 0px rgba(211, 34, 42, 0.5);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(211, 34, 42, 0.5);
}

ion-button.btn-red {
  --background: var(--ion-color-logo-red);
  padding: 0px !important;
  --box-shadow: none !important;
  color: #fff !important;
  border: 1px solid var(--ion-color-logo-red) !important;
  border-radius: 60px !important;
  overflow: hidden;
  text-transform: initial;
  margin: 0px !important;
  --padding-start: 20px;
  --padding-end: 20px;
  --padding-top: 8px;
  --padding-bottom: 8px;
  height: 36px;
  min-width: 100px;
  letter-spacing: normal;
}

ion-button.btn-red-border {
  --background: transparent;
  padding: 0px !important;
  --box-shadow: none !important;
  color: var(--ion-color-logo-red) !important;
  border: 1px solid var(--ion-color-logo-red) !important;
  border-radius: 60px !important;
  overflow: hidden;
  margin: 0px !important;
  text-transform: initial;
  --padding-start: 20px;
  --padding-end: 20px;
  --padding-top: 8px;
  --padding-bottom: 8px;
  height: 36px;
  min-width: 100px;
  letter-spacing: normal;
}

ion-button.proxy {
  margin: 0 15px !important;
  height: auto !important;
  padding: 10px !important;
  min-width: auto !important;
  --padding-start: 8px !important;
  --padding-end: 8px !important;
  --padding-top: auto !important;
  --padding-bottom: auto !important;
  font-weight: normal;
  font-size: 15px !important;
}

.item-lbl {
  color: var(--ion-color-pure-gray);
  font-size: var(--ion-font-fourteen) !important;
  white-space: nowrap;
}

.forms_grids ion-radio-group {
  flex-wrap: wrap;
  display: flex;
  margin: 0px 0px 15px 0px;
}

.item-add-web {
  -webkit-text-decoration: auto;
          text-decoration: auto;
  letter-spacing: 0.3px;
}

.item-img {
  margin-right: 5px;
  width: 18px;
  height: 18px !important;
}

.item-img-2 {
  margin-right: 5px;
  display: inline-block;
  width: 12px;
}

.icon-center {
  display: flex !important;
  align-items: center !important;
}

.icon-center-2 {
  display: flex !important;
}

.icon-center-2 .prod-content a {
  display: inline;
}

.img-rnd {
  text-align: -webkit-center;
  width: 30px;
  height: 30px;
  padding: 7px;
  border-radius: 50%;
  box-shadow: 0 0 4px var(--ion-color-black);
  display: block;
  cursor: pointer;
}

ion-label,
p {
  font-size: 15px;
  cursor: auto;
  line-height: normal;
  color: var(--ion-color-back);
  font-weight: 400;
}

app-action-menu ion-label {
  font-size: var(--ion-font-l);
  color: var(--ion-color-black);
}

.transfer {
  background: var(--ion-color-white);
  cursor: pointer;
  border-radius: 20px !important;
  border: 1px solid var(--ion-color-light-gray);
  padding: 2px 8px;
  display: flex;
  align-items: center;
  margin: 0px 10px;
  min-height: 38px;
  font-size: 26px;
}

.transfer ion-icon {
  color: var(--ion-color-black);
  opacity: 1;
  line-height: 30px;
  padding: 0px !important;
  height: 30px;
  width: 30px;
  font-size: 30px;
}

.fa-circle-plus, .fa-plus {
  font-size: 26px;
}

.fa-upload {
  font-size: 20px;
}

.add_buttons, .add_button {
  background: var(--ion-color-black);
  cursor: pointer;
  border-radius: 20px !important;
  border: 1px solid var(--ion-color-light-gray);
  display: flex;
  align-items: center;
  margin: 0 0 0 10px;
  min-height: 34px;
}

.add_buttons .fa-circle-plus, .add_buttons .fa-circle-minus, .add_button .fa-circle-plus, .add_button .fa-circle-minus {
  padding: 0px 12px 0px 3px;
  margin: 0px;
  color: var(--ion-color-white) !important;
}

.add_buttons .fa-upload, .add_button .fa-upload {
  padding: 3px 6px;
  margin: 4px 3px 3px 10px;
  color: var(--ion-color-white);
}

.add_buttons .fa-plus {
  padding: 0px 0px 0px 6px;
  color: var(--ion-color-white);
  font-size: 18px;
}

.add_buttons ion-label, .add_button ion-label {
  padding-right: 15px;
  font-size: 14px !important;
  color: var(--ion-color-white);
}

app-add-shoplocation .add_buttons ion-label, app-add-shoplocation .add_button ion-label {
  color: var(--ion-color-white) !important;
}

.transfer ion-label {
  padding: 5px 10px !important;
  background: var(--ion-color-black) !important;
  border-radius: 20px !important;
}

ion-input {
  font-size: var(--ion-font-fourteen) !important;
  color: var(--ion-color-back) !important;
  --background: transparent !important;
  background: transparent !important;
  --inner-padding-end: 0px !important;
}

.ng-select-disabled .ng-input > input,
input[disabled] {
  pointer-events: auto !important;
  cursor: not-allowed !important;
  color: rgba(0, 0, 0, 0.3803921569) !important;
}

ion-select-option {
  font-size: var(--ion-font-fourteen) !important;
}

.status.IsActiveInShopical {
  white-space: normal;
  text-align: center !important;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

ion-radio-group ion-item ion-label {
  font-size: var(--ion-font-fourteen) !important;
}

ion-select {
  font-size: var(--ion-font-fourteen) !important;
}

check-list {
  margin: 0 -4px;
  display: flex;
  flex-wrap: wrap;
}

.cardlist.all_card {
  background: #f5f5f5 !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: none !important;
  margin: 0px !important;
}

.lbl-img {
  margin: 0px -5px 0px 5px !important;
  display: flex !important;
}

.item-title {
  font-size: var(--ion-font-fifteen);
  color: var(--ion-color-dark-green);
}

.shorting_select_boxs {
  max-width: 1601px;
  justify-content: flex-end;
}

.sc-ion-modal-ios-h:first-of-type {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.4);
}

ion-modal.modal-save-filter {
  justify-content: flex-start;
}

ion-modal.modal-menu-filter {
  justify-content: flex-start;
  --max-width: 280px;
}

ion-modal.modal-share {
  justify-content: center !important;
  --height: 230px !important;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

ion-modal {
  --ion-background-color: #0000;
  --max-width: 410px;
  --height: 100%;
}

.modal-region {
  --max-width: 100%;
  --width: 100% !important;
}

app-share.ion-page {
  padding-bottom: 0px !important;
}

app-share ion-content {
  border-radius: 20px;
  overflow: hidden;
}

.modal-share .modal-wrapper {
  width: 90% !important;
  --height: 212px !important;
  max-width: 444px;
  border: 1px solid var(--ion-color-white) !important;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  --background: #fff!important;
}

filter-view.ion-page {
  padding-bottom: 0px;
  max-width: 410px;
  z-index: 11;
}

.modal-class ion-backdrop {
  --backdrop-opacity: 0.33;
}

.flex-box {
  margin: 15px 0px;
  align-items: center;
  display: flex;
}

.flex-box-x {
  margin: 15px 0px 0px;
  align-items: center;
  display: flex;
}

.flex-box-x.status_div {
  margin: 0 0 15px 11px !important;
}

.modal-wrapper.ion-overlay-wrapper {
  max-width: 350px;
  width: 100%;
  margin: 0px !important;
  display: block;
  transform: translate(0px) !important;
  height: 100vh !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  --background: #fff !important;
}

app-share.ion-page {
  padding-bottom: 0px !important;
}

.modal-share .modal-wrapper {
  height: 212px !important;
}

ion-modal.modal-address {
  --max-width: 100% !important;
  --width: 100% !important;
  --height: 100% !important;
}

ion-modal.modal-address ion-row.search_blockss {
  height: 100% !important;
}

.modal-address .modal-wrapper.ion-overlay-wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0px !important;
  display: block;
  transform: translate(0px) !important;
  height: 100vh !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  --background: #fff !important;
}

.modal-region .modal-wrapper.ion-overlay-wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0px !important;
  display: block;
  transform: translate(0px) !important;
  height: 100vh !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  --background: #fff !important;
}

.modal-wrapper ion-label.f-white {
  margin-left: 5px !important;
  font-size: var(--ion-font-sixteen) !important;
  letter-spacing: 0.8px !important;
  font-weight: 400 !important;
  padding: 11px !important;
  line-height: 22px;
  height: auto;
  display: block;
}

.pointer {
  cursor: pointer;
}

.under-line {
  text-decoration: underline;
}

.f-black {
  font-size: var(--ion-font-sixteen);
  color: var(--ion-color-black);
}

.f-15 {
  font-size: var(--ion-font-fifteen) !important;
}

ion-col .text-center {
  text-align: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px;
}

.form-control {
  --ion-background-color: transparent;
  border: 1px solid var(--ion-color-white);
  font-size: var(--ion-font-thirteen);
}

.labels .errorMsg {
  color: var(--ion-color-red) !important;
}

.disable {
  font-weight: "600";
  font-size: var(--ion-font-thirteen);
  color: var(--ion-color-pure-gray) !important;
  cursor: pointer;
}

.btn-active {
  font-weight: "600";
  font-size: var(--ion-font-thirteen);
  color: var(--ion-color-dark-green) !important;
  cursor: pointer;
}

.btn-inactive {
  font-weight: "600";
  cursor: pointer;
  font-size: var(--ion-font-thirteen);
  color: var(--ion-color-red) !important;
}

.active-0 {
  color: var(--ion-color-dark-green);
  font-weight: "600";
  font-size: 14px !important;
  font-style: normal !important;
  border: 1px solid var(--ion-color-dark-green);
  padding: 0px 5px;
}

.inActive {
  color: var(--ion-color-logo-red);
  font-weight: "600";
  font-size: 14px !important;
  font-style: normal !important;
  border: 1px solid var(--ion-color-logo-red);
  padding: 0px 5px;
}

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

.modal-share .modal-wrapper {
  width: 90% !important;
  height: 212px !important;
  max-width: 444px;
  border: 1px solid var(--ion-color-white) !important;
  border-radius: 5px;
}

.ac_item_col span {
  text-align: center;
  /* align-items: center; */
  vertical-align: middle;
}

.ac_item_col span a {
  text-align: left !important;
  line-height: 18px;
  text-decoration: none !important;
  font-weight: bold !important;
  border: none !important;
  letter-spacing: 0.3px !important;
  font-size: 18px !important;
  vertical-align: middle;
}

.certimg {
  border: 1px solid var(--ion-color-light-gray);
  margin: 0 !important;
  border: none !important;
  height: auto !important;
  display: block;
  max-width: 35px !important;
  max-height: 35px !important;
  width: auto !important;
  flex: 0 0 35px;
}

.alert-message {
  text-align: left !important;
}

.contact-div {
  padding-bottom: 15px;
}

.contact-div div {
  padding-bottom: 8px;
  display: flex;
}

.contact-title {
  font-weight: bold;
  font-size: 16px !important;
  color: #000;
  padding: 0px 8px 0px 0px;
}

.contact-content {
  color: #5c6770;
  font-size: 16px !important;
}

.alertCustomCss {
  color: var(--ion-color-white);
}
.alertCustomCss button {
  color: var(--ion-color-white) !important;
  width: 60px !important;
  background-color: var(--ion-color-red) !important;
  border-radius: 5px !important;
}
.alertCustomCss .alert-button {
  float: right;
  min-width: auto !important;
}
.alertCustomCss span.alert-button-inner {
  justify-content: center !important;
}
.alertCustomCss .alert-head {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  text-align: start !important;
  padding-inline-start: 10px !important;
  padding-inline-end: 10px !important;
}
.alertCustomCss .alert-title {
  background-color: var(--ion-color-red) !important;
  color: var(--ion-color-white) !important;
  padding: 10px !important;
  letter-spacing: 0.8px !important;
  font-size: var(--ion-font-eighteen) !important;
}
.alertCustomCss .alert-message {
  text-align: left !important;
  padding-inline-start: 15px !important;
  padding-inline-end: 15px !important;
  -webkit-user-select: text;
          user-select: text;
}
.alertCustomCss .alert-wrapper {
  background-color: var(--ion-color-white) !important;
  max-width: 700px !important;
  width: 90% !important;
}
.alertCustomCss #alert-3-msg {
  margin-bottom: 15px;
}
.alertCustomCss .alert-button-group {
  display: block !important;
}

.alertCustomCssBtn.left_align_text .alert-message {
  text-align: left !important;
}

.alertCustomCssBtn {
  color: white;
}
.alertCustomCssBtn button {
  color: white !important;
  width: 60px;
  background-color: var(--ion-color-logo-red);
  border-radius: 5px !important;
}
.alertCustomCssBtn span.alert-button-inner {
  justify-content: center !important;
  font-weight: "600";
}
.alertCustomCssBtn .alert-button-group {
  justify-content: center !important;
  padding-top: 0px !important;
}
.alertCustomCssBtn .alert-head {
  padding-top: 0px !important;
  padding-bottom: 15px !important;
  text-align: start !important;
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}
.alertCustomCssBtn .alert-title {
  background-color: var(--ion-color-red) !important;
  color: #fff !important;
  font-weight: 400 !important;
  padding: 13px !important;
  letter-spacing: 0.8px !important;
  font-size: 16px !important;
  text-align: center;
}
.alertCustomCssBtn .alert-message {
  display: block;
  text-align: center !important;
  font-size: 14px !important;
  margin: 0px !important;
  padding: 0px 15px 15px 15px !important;
}
.alertCustomCssBtn .alert-wrapper {
  background-color: #fff !important;
  max-width: 350px !important;
  width: calc(100% - 20px);
  border-radius: 10px !important;
  padding: 0px 0px 15px 0px !important;
}
.alertCustomCssBtn #alert-3-msg {
  font-size: 15px !important;
}
.alertCustomCssBtn .alert-button {
  background-color: var(--ion-color-logo-red) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: normal !important;
  border-radius: 60px !important;
  letter-spacing: 0.5px;
  font-weight: "600";
  flex: 0 0 100px;
  min-width: auto !important;
}
.alertCustomCssBtn .alert-button.alert-button-role-cancel, .alertCustomCssBtn .alert-button.alert-button-discard {
  background: transparent !important;
  color: #000 !important;
  border-radius: 60px !important;
  border: 1px solid var(--ion-color-logo-red);
}
.alertCustomCssBtn .alert-button.alert-button-role-default {
  background: grey !important;
  color: #fff !important;
  border-radius: 60px !important;
}
.alertCustomCssBtn .alert-radio-group {
  border-top: none;
  border-bottom: none;
  display: flex;
}
.alertCustomCssBtn .alert-radio-group .alert-tappable {
  height: 35px;
  min-width: 100px !important;
  width: 125px;
}
.alertCustomCssBtn .alert-button-group-vertical {
  flex-direction: unset;
}

.deleteTypeRadioCustomCss .alert-button-inner {
  justify-content: unset !important;
  align-items: normal !important;
  width: auto !important;
  height: auto !important;
}
.deleteTypeRadioCustomCss .alert-radio-icon {
  min-height: 20px !important;
  min-width: 20px !important;
  left: 15px !important;
}
.deleteTypeRadioCustomCss button#radioRetain, .deleteTypeRadioCustomCss button#radioDelete {
  color: black !important;
  background-color: transparent !important;
  max-height: 35px !important;
}
.deleteTypeRadioCustomCss .alert-radio-label {
  padding-inline-start: 25px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}

ion-radio.sc-ion-select-popover {
  opacity: 0 !important;
}

.alert-button-inner {
  text-transform: capitalize !important;
}

a {
  color: var(--ion-color-blue);
}

ion-item.select-interface-option {
  --border-width: 0px;
  --border-color: transparent;
  --min-height: 40px !important;
  --inner-padding-end: 0px !important;
}

.toast-class-block {
  color: var(--ion-color-white) !important;
  --background: var(--ion-color-dark-green) !important;
  --end: 20px !important;
  --start: auto;
  font-size: var(--ion-font-fourteen) !important;
}

.toast-class-block.error {
  --background: var(--ion-color-red) !important;
}

.toast-clss {
  color: var(--ion-color-white) !important;
  --background: var(--ion-color-dark-green) !important;
  --max-width: 350px;
  --end: 20px !important;
  --start: auto;
  font-size: var(--ion-font-sixteen) !important;
}

.filter ion-item {
  --min-height: none !important;
  --inner-padding-end: 10px;
  --inner-border-width: 0 0 0 0;
  --highlight-height: 0px;
  --padding-start: 10px;
  --margin: 0px !important;
}

.filter ion-list {
  padding-top: 0px;
  padding-bottom: 0px;
}

.filter ion-label {
  margin: 4px 0px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.00938em !important;
  font-size: var(--ion-font-fifteen) !important;
  white-space: normal !important;
}

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

ion-row.filter-list ion-col {
  flex: 0 0 0 !important;
  --padding: 0px !important;
}

.alert-message::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  display: block !important;
  overflow-y: auto !important;
}

.alert-message::-webkit-scrollbar-thumb {
  display: block !important;
  overflow-y: auto !important;
  border-radius: 4px;
  background-color: rgba(var(--ion-color-black), 0.5);
  box-shadow: inset 0 0 6px rgba(var(--ion-color-black), 0.5);
}

.auto_cols {
  flex: unset;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap;
  padding: 0px 15px !important;
}

.auto_cols ion-label {
  font-size: var(--ion-font-sixteen) !important;
  cursor: pointer;
}

.f-13 {
  font-size: var(--ion-font-thirteen) !important;
}

#container strong {
  font-size: var(--ion-font-twenty);
  line-height: 26px;
}

#container p {
  font-size: var(--ion-font-sixteen);
  line-height: 22px;
  color: var(--ion-color-suvagrey);
  margin: 0;
}

#container a {
  text-decoration: none;
}

ion-col {
  padding: 0px;
}

.flag {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);
  background-color: green;
  padding: 5px 20px 5px 10px;
  color: #fff;
  font-size: 12px;
}

.tag_corner {
  background: linear-gradient(to bottom right, green 50%, transparent 50%) 0 0/40px 40px;
  background-repeat: no-repeat;
}

div.see_more {
  justify-content: flex-end;
  display: flex;
}

div a.see_more {
  padding: 10px 0 0 0;
  cursor: pointer;
  --background: transparent;
  background: transparent;
  /* min-width: 79px; */
  color: var(--ion-color-blue) !important;
  white-space: nowrap;
  height: auto;
  font-size: 13px;
  text-align: center;
}

.point_sale {
  display: flex !important;
  color: var(--ion-color-red-shade) !important;
  padding: 0 4px;
  border-radius: 0;
  width: auto !important;
  white-space: nowrap !important;
}

ion-select {
  text-align: right !important;
  padding-left: 0px;
  font-size: var(--ion-font-thirteen);
}

users-items ion-select {
  text-align: left !important;
  font-size: var(--ion-font-fourteen) !important;
  --padding-top: 6px;
  --padding-end: 6px;
  --padding-bottom: 6px;
  --padding-start: 6px;
  padding-left: 8px !important;
  /* min-height: 42px; */
  /* min-width: 80px; */
  background-color: var(--ion-color-white) !important;
  border-radius: 5px !important;
  border: 1px solid #a9abb3;
  transition: all 0.3s ease !important;
}

drop-down ion-select {
  --padding-top: 8px;
  --padding-end: 10px;
  --padding-bottom: 8px;
  --padding-start: 10px;
  background-color: #fff !important;
  transition: all 0.3s ease !important;
  min-height: 32px;
  min-width: 72px;
  border-radius: 5px !important;
  border: 1px solid #a9abb3;
  text-align: left !important;
  padding-left: 10px !important;
}

drop-down .form-group ng-select.form-control {
  min-width: 257px;
  align-items: center;
  display: flex;
}

status-view-drop-down ion-select {
  text-align: left !important;
  padding-left: 6px !important;
  font-size: var(--ion-font-thirteen);
  --padding-top: 8px;
  --padding-end: 10px;
  --padding-bottom: 8px;
  --padding-start: 10px;
  min-height: 42px;
  min-width: 80px;
  background-color: #ffffff !important;
  border-radius: 10px !important;
  border: 1px solid #a9abb3;
  transition: all 300ms ease !important;
}

.color-top {
  color: var(--ion-color-white) !important;
}

.main_cols {
  padding: 0px;
}

.right-panel {
  flex: 0 0;
}

.input-clear-icon.sc-ion-input-md {
  width: 16px !important;
  height: 16px !important;
  background-size: 22px;
}

@keyframes autofill {
  0%, 100% {
    color: #666;
    background: transparent;
  }
}
/* Change Autocomplete styles in Chrome*/
.native-input.sc-ion-input-md:-webkit-autofill {
  background-color: var(--ion-color-white) !important;
  border-radius: 10px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: none !important;
  -webkit-text-fill-color: inherit !important;
  /* -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset; */
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: var(--ion-color-black) !important;
}

/*Admin Mobile screen scroll*/
.mb-scroll {
  overflow: auto;
}

input:-internal-autofill-selected {
  background-image: none !important;
  background-color: #fff !important;
  --background: white;
  --color: -internal-light-dark(black, white) !important;
}

.page_wapper {
  padding: 20px;
}

.container {
  width: 100%;
  max-width: 1300px;
  display: block;
  margin: 0 auto;
}

ion-label {
  font-size: 15px;
  cursor: auto;
  line-height: normal;
  color: var(--ion-color-back);
  font-weight: 400;
}

map-location app-count ion-label {
  padding: 10px 0px 0px 20px;
  margin-bottom: 0px;
}

ion-label.brand_content {
  margin-top: 10px;
  color: var(--ion-color-light-trolley-gray) !important;
  font-size: 14px !important;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  letter-spacing: 0.3px;
  -webkit-box-orient: vertical;
  text-align: left;
}

.standard_pad_top {
  margin-top: 13px;
}

ion-label.brand_content.additional_address {
  line-clamp: 1 !important;
  -webkit-line-clamp: 1 !important;
}

.brand-icon-span {
  border: 1px solid var(--ion-color-graylight);
  border-radius: 4px;
  padding: 1px;
  background-color: var(--ion-color-medium-contrast);
  position: relative;
  color: rgb(67, 67, 67);
  margin-right: 10px;
}

.brand-icon {
  height: 36px;
  width: 36px;
  aspect-ratio: 1/1;
  object-fit: contain;
  vertical-align: middle;
  max-width: none;
}

.sell-lbl.brand_content span {
  font-size: var(--ion-font-l);
  font-weight: normal;
  line-height: 17px;
}

span {
  text-align: left;
  display: inline;
  vertical-align: unset;
}

editor-data-view span,
editor-data-view p {
  font-size: inherit;
}

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

.filters_button ion-img {
  width: auto;
  height: 22px;
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

.filter_nav ion-label.filters_button {
  display: block;
  color: var(--ion-color-black);
  font-size: 16px;
  width: auto;
  white-space: nowrap;
  padding: 8px 16px;
}

button-inner {
  justify-content: flex-start;
}

.page_search#search_boxs {
  position: relative;
  margin-bottom: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: normal !important;
}

.page_search#search_boxs .searchbar {
  display: flex !important;
  border-radius: 60px !important;
  padding: 0 10px !important;
  border: 1px solid var(--ion-color-logo-red);
  transition: 0.5s ease-in-out;
  box-shadow: none;
  width: 100%;
  background: #fff;
}

map-location .page_search#search_boxs .searchbar {
  padding: 0 !important;
}

map-location app-search-bar {
  width: 100%;
  max-width: 600px;
}

map-location app-search-bar.extra {
  margin: 10px 10px 0px 0px !important;
  display: flex;
}

map-location app-search-bar .container {
  padding: 0 !important;
}

.extra-view-des act-switch .form-group {
  margin-bottom: auto !important;
}

.extra-view-des act-switch .form-group .switchs_block {
  margin-top: auto !important;
}

compose-mail app-search-bar .container {
  padding: 0 !important;
}

.searchbar ion-img {
  padding: 0px !important;
  width: 18px !important;
  cursor: pointer;
  margin-right: 5px;
}

ion-textarea {
  margin-top: 0px !important;
}

ion-textarea::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  display: none;
}

.searchbar ion-input {
  --padding-top: 0px !important;
  --padding-bottom: 0px !important;
  --padding-start: 0px !important;
  --padding-end: 8px !important;
  padding: 5px 0px 5px 5px !important;
  font-size: 16px !important;
  cursor: auto;
  line-height: normal;
  color: #000 !important;
}

.IsAllVegan {
  display: inline-flex;
  color: var(--ion-color-dark-green) !important;
}

#menui_cons {
  margin-right: 15px !important;
  display: block;
}

ion-toggle {
  padding-inline: 0px;
  width: 43px;
  height: 24px;
  --handle-border-radius: 20.5px;
  --handle-height: calc(23px - (2px * 2));
  --handle-max-height: calc(100% - (var(--handle-spacing) * 2));
  --handle-width: calc(23px - (2px * 2));
  --handle-spacing: 3px;
  --ion-color-base: var(--ion-color-dark-green) !important;
  --handle-background: var(--ion-color-white);
  --background-checked: var(--ion-color-logo-red);
  --handle-background-checked: var(--ion-color-white);
  padding: 0px;
  margin-left: 10px;
}

/* profile menu css */
.profile_label_min {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0px !important;
}

.profile_div {
  display: flex !important;
  align-items: center !important;
  white-space: break-spaces !important;
}

.profile_div i {
  font-size: 26px !important;
  padding-right: 10px !important;
  padding-top: 2px !important;
}

.profile_label_min .fa-xmark {
  font-size: 18px !important;
  padding-right: 20px !important;
}

#tabblings {
  background: var(--ion-color-white);
  padding-left: 0px;
}

#tabblings ion-col {
  padding: 0px;
}

.page_search#search_boxs {
  width: 100%;
}

#search_icons {
  color: #000;
  font-size: 18px;
  padding-top: 11px;
  padding-right: 3px;
}

#serch_component {
  background: var(--ion-color-white);
  padding: 0px;
}

#serch_component .favrite ion-label i {
  color: var(--ion-color-logo-red);
  font-size: 28px;
  cursor: pointer;
}

#serch_component .favrite ion-label i:hover {
  font-weight: 900;
}

.container #serch_component .container {
  padding: 0px !important;
}

#serch_component ion-row {
  margin: 0px !important;
  margin: 0px 5px;
  align-items: center;
  justify-content: space-between;
}

#serch_component ion-row ion-col {
  padding: 0px;
}

#serch_component ion-row ion-col.favrite-col {
  flex: 0 0;
}

#serch_component .address_search-block {
  display: flex;
  align-items: center;
}

#serch_component .address_box {
  padding: 0px 15px;
}

#serch_component .address_box i {
  color: var(--ion-color-logo-red);
  font-size: 28px;
}

.filter_nav .custom-drop {
  padding: 0px !important;
}

.counts_filter_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 15px 0 5px 0px;
}

.left_filter_panel {
  flex: 0 0;
  white-space: nowrap;
  padding: 0;
}

.right_filter_panel {
  flex: 1 1 auto !important;
  width: 1% !important;
  max-width: none !important;
  padding: 0px 15px;
}

.cardlist_content_box .partner_class_label ion-label span a i.fa-map-marker-alt.fas {
  position: relative;
}

.right_filter_panel .sharing i {
  padding: 0 10px;
  font-size: 25px !important;
}

.filter_nav ion-label.toggle_btn {
  display: flex;
  align-items: center;
}

.downloads i.fas.fa-download.pointer {
  padding: 0 0 0 20px;
}

.downloads ion-img {
  width: 22px;
}

.container1 {
  padding: 0px;
}

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

.counts_searchbox .navigation_compo {
  padding: 0;
}

.counts_searchbox .sharing.navigation_compo {
  margin-left: 15px;
}

.counts_searchbox .downloads.navigation_compo {
  margin-left: 5px !important;
}

.switchs_block {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

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

.address_box i {
  color: var(--ion-color-logo-red);
  font-size: 28px;
}

.navigation_compo i {
  font-size: 20px !important;
  color: var(--ion-color-black) !important;
  display: block;
}

.center_button {
  flex: 0 0;
  white-space: nowrap;
}

.filters_button {
  padding: 0px 10px;
}

.filters_button i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.open_filter_button .filters_button {
  cursor: pointer;
  background: var(--ion-color-logo-red);
  color: var(--ion-color-white) !important;
  border-radius: 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.filter_nav .open_filter_button,
.filter_nav .drop_box {
  display: block;
  padding: 0px 10px;
}

#app-ui {
  display: none;
}

/* form new design container */
.right_panel {
  margin: 0 auto !important;
  max-width: 530px;
}

app-forgot-password ion-content .right_panel .forms_conponenl form .forms_block {
  padding-top: 5px !important;
  padding-bottom: 15px !important;
}

.forms_block {
  position: relative !important;
  background: var(--ion-color-white) !important;
  border-radius: 11px;
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
  padding: 20px;
  overflow: visible;
  padding-bottom: 0 !important;
  display: inline-block;
  width: 100%;
}

.forms_block.radius:empty {
  display: none;
}

.m-part .forms_block {
  border-radius: 0px 10px 10px 10px;
  padding: 12px 12px 1px 12px;
  overflow: visible;
}

.m-part .extra-view-des.forms_block {
  padding: 0px 15px !important;
}

.m-part .radius {
  border-radius: 10px;
  padding: 0px 20px 10px 20px;
}

.italic-font {
  font-style: italic;
}

.error-note {
  font-size: 14px !important;
  color: var(--ion-color-red) !important;
}

.error_msg_form_padding {
  padding: 0 0 10px 0;
}

.forms_headers {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 0px 30px;
  border-bottom: 1px solid #f1f3f7;
  min-height: 60px;
  border-radius: 10px 10px 0px 0px;
}

.forms_headers .heading {
  position: relative;
  font-size: 18px;
  line-height: 30px;
  color: #1b2032;
  font-weight: 400;
}

.forms_headers .heading i {
  font-size: 24px;
  margin-right: 10px;
  color: #9fa9b8;
  display: inline-block;
  vertical-align: middle;
  line-height: 23px;
}

.forms_body {
  position: relative;
  padding: 10px 30px 10px 30px;
  border-bottom: 1px solid #ddd;
}

.forms_body:last-child {
  border: none !important;
}

.form-group ion-label.errorMsg {
  color: var(--ion-color-red) !important;
}

.note-padding {
  font-size: 16px !important;
  margin: 15px 0 15px 10px !important;
  display: block;
}

.errorTitle {
  color: var(--ion-color-red) !important;
}

.filterCriteriaNote {
  color: var(--ion-color-gray) !important;
  font-size: 16px !important;
}

.form-group .form-control {
  position: relative;
  width: 100%;
  display: block;
  color: var(--ion-color-black);
  font-size: 14px !important;
  padding: 0;
  min-height: 39px !important;
  background-color: var(--ion-color-white) !important;
  border-radius: 7px !important;
  border: 1px solid #d3d3d3;
  transition: all 0.2s ease !important;
  --padding-top: 11px !important;
  --padding-end: 10px !important;
  --padding-bottom: 11px !important;
  --padding-start: 10px !important;
  --highlight-color: transparent;
}

.form-group input.form-control {
  display: block !important;
  padding: 11px 10px !important;
  min-height: 39px !important;
}

.form-group textarea.form-control {
  display: block !important;
  padding: 11px 10px !important;
  min-height: 100px !important;
}

.form-group .form-control-custom {
  position: relative;
  width: 100%;
  display: block;
  color: var(--ion-color-black);
  font-size: 14px !important;
  padding: 0;
  background-color: var(--ion-color-white) !important;
  border: 1px solid #d3d3d3;
  transition: all 0.2s ease !important;
  --highlight-color: transparent;
}

.form-group {
  margin-bottom: 18px;
}

.form-group ion-label {
  font-size: 14px;
  line-height: 18px;
  color: var(--ion-color-comet);
  margin-bottom: 5px;
  display: inline-block;
}

ion-searchbar.NumberBox input.searchbar-input {
  -webkit-padding-start: 0px !important;
  -webkit-padding-end: 10px !important;
  padding-inline-start: 0px !important;
  padding-inline-end: 10px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  font-size: 14px;
}

filter-view ion-searchbar.NumberBox .searchbar-clear-icon, ion-searchbar.NumberBox .searchbar-search-icon {
  display: none !important;
}

.solution-img {
  margin-left: 15px !important;
  max-height: 500px !important;
  max-width: 500px !important;
  padding: 30px !important;
}

faq ion-searchbar {
  --background: var(--ion-color-transparent) !important;
  --color: var(--ion-color-black) !important;
  --box-shadow: 0px !important;
  --icon-color: var(--ion-color-black) !important;
  --cancel-button-color: var(--ion-color-pure-gray);
  border-radius: 10px !important;
  --border-radius: 10px !important;
  border: 1px solid var(--ion-color-light-gray) !important;
}

.ng-select .ng-arrow-wrapper .ng-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.54) !important;
}

.form-group ng-select.form-control {
  padding: 0 10px !important;
  font-size: 14px !important;
  font-family: "Helvetica" !important;
  letter-spacing: 0.3px;
}

map-location .inputsgrids .form-group ng-select.form-control {
  font-size: 14px !important;
}

.ng-select-container.ng-has-value {
  margin: 0px !important;
}

.ng-value-container {
  display: flex !important;
  flex: 1 !important;
  align-items: center !important;
  padding: 0 !important;
  cursor: pointer;
}

.ng-dropdown-panel.ng-select-bottom {
  top: calc(100% + 1px) !important;
}

.ng-select.dropdown ::ng-deep .ng-select-container {
  min-height: 0px;
  border-radius: 10;
  background-color: #343A40;
  color: white;
}

.ng-select.dropdown ::ng-deep .ng-dropdown-panel {
  background-color: #343A40 !important;
  color: white;
}

.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
  align-self: flex-end;
  bottom: 13px;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  transform: translate(0%, -50%);
}

.form-group.passfild .form-control {
  padding-right: 40px !important;
}

.form-group.passfild {
  position: relative !important;
}

.form-group.passfild .passwordIcon {
  position: absolute;
  top: 33px;
  z-index: 11;
  right: 15px;
  font-size: 22px;
  display: block;
  cursor: pointer;
  color: black;
}

.form-group.chkboxs_items ion-item ion-label {
  margin: 0px !important;
  line-height: 20px;
}

.form-group.chkboxs_items ion-item {
  --min-height: auto !important;
  --background: transparent !important;
  background: transparent !important;
}

.form-group.chkboxs_items ion-item ion-checkbox {
  margin: 0px !important;
  margin: 1px 12px 1px 0px !important;
}

.uploadButton .uploadButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}

.uploadButton {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.uploadButton .prod_img {
  max-width: 100%;
  max-height: 120px;
}

.uploadButton .uploadButton-button, .uploadButton .uploadButton-button1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 100px;
  width: 150px;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0;
  color: var(--ion-color-comet);
  font-size: 14px;
  border: 1px dashed #d3d3d3;
  overflow: hidden;
  position: relative;
}

.uploadButton .uploadButton-button:hover {
  border-color: #000;
}

.uploadButton .uploadButton-file-name {
  align-items: center;
  padding: 0 10px;
  padding-left: 18px;
  min-height: 36px;
  top: 1px;
  position: relative;
  color: #1b2032;
  background-color: transparent;
  overflow: hidden;
  line-height: 22px;
}

label.uploadButton-button {
  display: flex !important;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  padding: 10px;
}

.notes {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #5c6770;
  display: block;
}

.uploadButton .uploadButton-button i {
  color: var(--ion-color-comet);
  font-size: 42px;
  margin-bottom: 12px;
}

.uploadButton .uploadButton-button i.fa-trash {
  color: var(--ion-color-logo-red);
  position: absolute;
  top: 6px;
  right: 6px;
}

.forms_conponenl .button_box {
  align-items: center;
}

error-view .forms_conponenl .button_box {
  padding: 10px 0 0px !important;
}

.forms_conponenl ion-segment.auth ion-segment-button {
  font-size: 16px;
  color: var(--ion-color-black);
  padding: 10px !important;
  cursor: pointer;
  flex: 0 0 auto;
}

.forms_conponenl ion-segment-button ion-label {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.transparent-bg {
  background: transparent !important;
}

bottom-btn.item-list-popover-btn .button_box {
  justify-content: center !important;
  margin: 0;
}

.admin_right_panel .container {
  padding: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.admin_right_panel #page_titles {
  padding: 0px !important;
}

.admin_right_panel .counts_filter_block.main_rows.mt-res .main_cols.auto-cols {
  padding: 0px !important;
}

#nav .nav-item #users span ~ i {
  margin-left: 10px !important;
  display: block;
  font-size: 18px;
}

.prod-title {
  flex: 0 0 100%;
  max-width: calc(100% - 140px);
}

.prod-title span {
  width: 100%;
}

.prod-title span a {
  max-width: calc(100% - 62px) !important;
}

prod-title i.fa.fa-ban {
  font-size: 16px;
  line-height: inherit;
}

inquiry-review-item .prod-title span, inquiry-review-item .prod-title span a, inquiry-review-item .prod-title span a h2 {
  font-size: var(--ion-font-xl) !important;
}

.search_box ion-searchbar input {
  padding-inline-start: 48px !important;
  padding-inline-end: 48px !important;
}

.searchbar .searchbar-input {
  padding: 4px;
  padding-inline-start: 35px;
  font-size: 14px;
}

input.searchbar-input {
  background: transparent !important;
  padding-inline-start: 45px;
  padding-inline-end: 35px;
  border: 1px solid var(--ion-color-light-gray) !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
  padding-left: 40px !important;
  padding-bottom: 8px !important;
  padding-top: 15px !important;
  padding-right: 40px !important;
  border-radius: 0px !important;
}

app-search-bar input.searchbar-input {
  border: none !important;
  padding-left: 40px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  padding-right: 40px !important;
  border-radius: 0px !important;
}

app-search-bar input.searchbar-input:focus {
  box-shadow: none !important;
}

.buybtn {
  border-radius: 50px;
  color: #fff !important;
  background: var(--ion-color-logo-red) !important;
  display: flex;
  align-items: center;
  padding: 7px 15px;
  line-height: 18px !important;
  text-align: center;
  overflow: visible;
  position: relative;
}

.cardlist {
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
  margin-bottom: 10px !important;
}

accordion .cardlist {
  padding: 0px;
}

.info_note_div {
  padding: 20px;
  border-radius: 10px;
  background: #F3F3F3;
  color: var(--ion-color-logo-red);
  margin: 30px 0;
}

.info_note_div ion-label {
  color: var(--ion-color-logo-red);
  font-size: 16px;
  font-weight: 600;
}

.count-note {
  display: flex;
  align-items: center;
  gap: 10px;
}

.count-note span {
  border-left: 1px solid darkgray;
  padding-left: 10px;
}

.cardlist.item_card_product {
  background-color: var(--ion-color-white);
  border-radius: 10px;
  display: flex;
  box-shadow: 0px 0px 2px 1px rgba(37, 32, 31, 0.3);
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
}

.item_card_product .cardlist_images_box {
  min-height: auto;
  max-width: 100px;
  border: 0px;
  border-radius: 10px;
}

.item_card_product .cardlist_images_box.import_file_img {
  min-height: auto;
  max-width: 125px;
  border: 0px;
  border-radius: 10px;
}

.item_card_product ion-row .cardlist_content_block {
  padding: 0px;
}

.item_card_product .cardlist_images_box ~ .cardlist_content_block {
  flex: 0 0 100%;
  max-width: calc(100% - 100px);
}

.item_card_product .cardlist_images_box.import_file_img ~ .cardlist_content_block {
  flex: 0 0 100%;
  max-width: calc(100% - 125px);
}

.item_card_product .desc-pedding {
  padding-left: 12px !important;
}

.item_card_product .cardlist_images_box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 95%;
  max-width: 95%;
  display: block;
  color: var(--ion-color-logo-red);
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid var(--ion-color-itemcard-border);
  font-size: 20px;
  line-height: 50px;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.item_card_product .cardlist_content_box .tags {
  width: 0;
  height: 0;
  border-top: 50px solid var(--ion-color-dark-green);
  border-bottom: 50px solid transparent;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  position: absolute;
  left: -50px;
  top: -50px;
  z-index: 11;
  transform: rotate(135deg);
}

.item_card_product .cardlist_content_box .tags span {
  position: absolute;
  top: -46px;
  width: 100px;
  right: -50px;
  text-align: center;
  font-size: var(--ion-font-m);
  transform: rotate(180deg);
  display: block;
  color: var(--ion-color-white);
}

.item_card_product .cardlist_content_box .tags i {
  position: absolute;
  top: -28px;
  width: 100px;
  right: -51px;
  text-align: center;
  font-size: var(--ion-font-xl);
  transform: rotate(180deg);
  display: block;
  color: var(--ion-color-white);
}

.page_wapper .cardlist.item_card_product {
  margin: 0px !important;
}

app-tabs.admin_details #tab_navs ion-segment ion-segment-button ion-label span {
  font-size: 16px !important;
  white-space: nowrap;
}

check-list {
  margin: 0 -4px;
}

all-item .card_right_panels > accordion > ion-grid {
  padding: 0px !important;
}

accordion .cardlist_content_box ion-label span a,
accordion .cardlist_content_box ion-label span a h3 {
  word-break: break-word;
}

accordion .cardlist_content_box .ac_item_col ion-label span a {
  word-break: break-all;
}

.buybtn .buya {
  color: white !important;
  text-decoration: none;
  font-size: 14px;
  padding: 0;
  font-weight: 700;
  line-height: 17px;
}

.cardlist_content_box ion-label span a i {
  color: var(--ion-color-logo-red);
  font-size: var(--ion-font-l);
  line-height: normal;
}

ion-label .icon-span i {
  color: var(--ion-color-logo-red);
  margin-right: 5px;
}

ion-label .add-span {
  font-size: 14px;
  color: #5c6770 !important;
  letter-spacing: 0.3px;
  text-decoration: none;
  display: block;
}

.buybtn i {
  cursor: pointer;
  color: white !important;
}

.buybtn i.fa-chevron-right:before {
  content: "\f178";
  font-weight: 900;
  font-family: "fontawesome";
}

span.ng-value-label {
  white-space: normal !important;
}

.searchbar-input.sc-ion-searchbar-md {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-inline-start: 35px !important;
  padding-inline-end: 35px !important;
  line-height: 26px;
}

.cardlist_images_box .tags span {
  font-size: 13px !important;
  bottom: 5px !important;
  right: 31px !important;
  line-height: 15px !important;
  max-width: 58px !important;
  text-align: center !important;
}

.partner_class {
  display: flex;
  justify-content: space-between;
}

.partner_class .icon-span {
  padding-right: 15px;
}

.partner_class .partner_span {
  font-weight: 600;
  color: var(--ion-color-dark-green) !important;
}

.custom-space .classified_box ion-label {
  margin-right: 0px !important;
}

.bold_big_text {
  font-weight: bold !important;
}

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

sub-item #app-ui .card_classification .classified_box {
  margin: 5px 0px 0px 0px !important;
}

accordion .card_classification {
  position: relative;
}

accordion .acord-item .cardlist {
  margin-bottom: 0px !important;
}

#subItem ion-label.more_info {
  bottom: -17px;
}

.filter_count_list.admin_list {
  padding-top: 5px;
}

.filter-ng-select {
  border-radius: 10px;
}

.filter-ng-select.ng-select-opened {
  border-radius: 10px 10px 0px 0px;
}

.ng-value div span {
  line-height: 25px;
  cursor: pointer;
}

app-classification {
  display: block !important;
  width: auto !important;
  white-space: normal !important;
}

.card_classification {
  position: relative !important;
}

.cardlist_content_box ion-label,
.cardlist_content_box2 ion-label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cardlist_content_box ion-label span a,
.cardlist_content_box2 ion-label span a {
  color: var(--ion-color-black);
  letter-spacing: 0.3px;
  text-decoration: none;
}

.ac_item_col ion-label {
  display: block !important;
}

/* new filter design start */
.new-filter {
  position: relative;
  background: var(--ion-color-white);
  padding: 20px 0;
}

.new-filter ion-searchbar.NumberBox {
  --box-shadow: none !important;
  border-radius: 1px !important;
  border: 1px solid #E1E1E1 !important;
}

.new-filter ion-searchbar.NumberBox input.searchbar-input {
  height: 39px;
  padding-left: 5px !important;
  padding-inline-start: 5px !important;
  border: none !important;
}

.new-filter .filter_section .model_list_title {
  display: block !important;
  font-size: 16px !important;
  color: var(--ion-color-black) !important;
  font-weight: 400 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}

.new-filter .custom-drop {
  position: relative;
  min-width: 170px !important;
  white-space: nowrap !important;
  display: inline-block;
}

.new-filter .form-group .custom_treviewcopo,
.new-filter .form-group ng-select.form-control {
  border: 1px solid #E1E1E1 !important;
  border-radius: 1px !important;
  padding: 5px !important;
}

.new-filter .form-group .open .main-tree-view {
  box-shadow: none !important;
  border: 1px solid #E1E1E1 !important;
  border-top: none !important;
}

.new-filter custom-select .ng-select .ng-select-container {
  min-height: 30px !important;
  color: var(--ion-color-black) !important;
  align-items: baseline !important;
}

.new-filter custom-select .ng-select .ng-select-container, .new-filter .ng-select.ng-select-single .ng-select-container {
  min-height: 30px !important;
}

.new-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  min-height: auto !important;
}

.new-filter .ng-select.ng-select-single .ng-select-container {
  height: auto;
}

.new-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container:has(.ng-value) {
  padding-bottom: 0px !important;
}

.new-filter .ng-dropdown-panel.ng-select-bottom {
  box-shadow: unset;
}

.new-filter .ng-dropdown-panel {
  position: unset;
  border: 0px;
}

.new-filter .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  padding-bottom: 5px;
}

.new-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background: #e4e4e4 !important;
  border: 1px solid #afabab;
}

.new-filter custom-select .ng-select .ng-dropdown-panel .ng-dropdown-header .form-group.has-feedback.select-all {
  padding: 0 10px !important;
  min-height: 3rem !important;
  white-space: normal !important;
  align-items: center !important;
  display: flex !important;
  word-break: break-word !important;
}

.new-filter custom-select .ng-select .ng-dropdown-panel .ng-dropdown-header .form-group.has-feedback {
  margin: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: transparent;
  padding: 0 !important;
  position: relative;
}

.new-filter custom-select .ng-select .ng-dropdown-panel .ng-dropdown-header .form-group.has-feedback input {
  border: 0px !important;
  box-shadow: none !important;
  outline: none;
  padding: 12px !important;
  font-size: 15px !important;
}

.new-filter custom-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--ion-color-black) !important;
}

.new-filter custom-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: rgba(0, 0, 0, 0.12) !important;
  color: var(--ion-color-dark-green) !important;
}

.new-filter .form-group.has-feedback.selectall .check-list {
  padding: 14px 13px !important;
}

.new-filter .ng-select-multiple input[type=checkbox] {
  left: 16px;
}

.new-filter .ng-select-multiple label {
  padding: 0px !important;
  white-space: normal !important;
}

.new-filter .ng-select-multiple input {
  cursor: pointer;
}

.new-filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  padding: 5px 7px !important;
}

.new-filter .ng-select.ng-select-single .ng-select-container .ng-value-container, .new-filter .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  padding-left: 5px;
  min-height: 30px;
}

investor-navigator .new-filter .form-control.custom_treviewcopo {
  padding: 5px !important;
  min-height: 42px !important;
}

.new-filter .customview .main-tree-view .search-inpt {
  border-width: 1px !important;
}

.new-filter .filter-input {
  border: 1px solid #E1E1E1 !important;
}

.new-filter .form-group .custom_treviewcopo .red-border,
.new-filter .form-group ng-select.red-border,
.new-filter .form-group .open .main-tree-view .red-border {
  border: 1px solid var(--ion-color-logo-red) !important;
}

.new-filter tree-view-search.errorTreeViewSearch .form-control {
  border-color: var(--ion-color-logo-red) !important;
}

.new-filter .btn-red-border:focus {
  box-shadow: unset !important;
}

.new-filter .form-group .custom_treviewcopo .chip-holder-div {
  margin-bottom: 0px !important;
}

.new-filter .form-group .custom_treviewcopo .ng-value {
  background: #e4e4e4 !important;
  border: 1px solid #afabab;
  padding: 5px 7px !important;
}

.new-filter .form-group .custom_treviewcopo .ng-value span.ng-value-label {
  padding: 1px 5px !important;
}

.new-filter .htwork {
  height: 36px !important;
}

.new-filter custom-tree-view-select.open_custom_tree_view .customview.hideint .main-tree-view ion-input.form-control.custom_input_control {
  margin-top: 0px;
  min-height: 39px !important;
}

.new-filter custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo .right_arrows {
  margin-top: 0px;
  margin-right: 5px;
}

.new-filter custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo {
  border-radius: 1px !important;
  min-height: 42px !important;
}

.new-filter custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo .chip-holder-div {
  padding-bottom: 0px;
}

/* new filter design end */
.filter_blocks .custom-drop, .filter_blocks .custom-drop1 {
  position: relative;
  min-width: 170px !important;
  white-space: nowrap !important;
  display: inline-block;
}

.custom-drop.from-tbl-row.show-drop ion-label.selected, .custom-drop1.from-tbl-row.show-drop ion-label.selected {
  background: var(--ion-color-txt-color) !important;
  border: 0px;
  border-radius: 10px 0px 0px 10px;
  color: var(--ion-color-white);
  padding: 12px 30px 13px 15px;
  font-size: 15px !important;
}

.custom-drop.from-tbl-row.show-drop .selected i.fa-caret-down, .custom-drop1.from-tbl-row.show-drop .selected i.fa-caret-down {
  color: var(--ion-color-white) !important;
  font-size: 15px !important;
  line-height: 14px !important;
  top: 14px !important;
}

.custom-drop.from-tbl-row.show-drop ion-radio-group.drop-list, .custom-drop1.from-tbl-row.show-drop ion-radio-group.drop-list {
  border: 1px solid var(--ion-color-txt-color);
}

.blue-link {
  color: var(--ion-color-blue) !important;
  text-align: center;
  display: contents;
  margin-right: 10px;
}

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

.black-color {
  color: var(--ion-color-black) !important;
}

.gray-color {
  color: var(--ion-color-gray) !important;
}

.red-color {
  color: var(--ion-color-logo-red) !important;
}

.flex-center {
  display: flex !important;
  align-items: center !important;
}

.font-3xl {
  font-size: var(--ion-font-3xl);
}

.font-4xl {
  font-size: var(--ion-font-4xl);
}

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

.line-height-extra {
  line-height: 26px;
}

.line-height-xxl {
  line-height: --ion-font-xxl;
}

.filter_blocks .form-group .open .custom_treviewcopo {
  border-radius: 10px 10px 0px 0px !important;
}

app-delivery-regions-terms .main-tree-view {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.cardlist .acord-item {
  display: flex;
}

.filter_count_list ion-label {
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0px 25px 12px 0px;
  white-space: nowrap;
  margin-bottom: 0px !important;
}

.filter_count_list ion-label .contents {
  display: block;
  font-size: 14px !important;
  color: var(--ion-color-gray);
  letter-spacing: 0.3px;
}

.filter_count_list ion-label .contents a {
  color: var(--ion-color-light-trolley-gray) !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: normal;
}

.location_points {
  margin-bottom: 8px;
}

.location_points a {
  display: flex;
  align-items: center;
}

.lbl_count_img a {
  color: #000;
  text-decoration: none;
}

.filter_count_list ion-label .count, .filter_count_list ion-label .count span {
  display: block;
  font-size: var(--ion-font-m) !important;
  color: var(--ion-color-black);
  padding: 7px 0;
}

.filter_count_list ion-label .count:empty {
  display: none !important;
}

.see-location {
  display: inline-block;
  white-space: pre-line;
  word-wrap: break-word;
}

.content_ac_item_row .ac_item_col ion-label {
  font-weight: bold;
}

.form-group div.flex-box-x ion-label {
  padding-right: 20px !important;
  min-width: auto !important;
}

.form-group div.flex-box-x .custom-drop {
  position: relative;
  min-width: 150px !important;
}

#web_ui.s_classifide {
  margin-top: -3px;
  position: relative;
}

.fancybox-active app-root {
  width: 100% !important;
  display: block !important;
  height: 100vh !important;
  overflow: hidden !important;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  background: transparent !important;
  --background: transparent !important;
}

.fancybox-container {
  background: rgba(0, 0, 0, 0.8);
  --background: transparent !important;
}

#classifides .classified_box {
  margin: 0 !important;
}

#classifides .classified_box.visible ion-label.more_info {
  right: 0 !important;
  bottom: auto !important;
  top: 27px !important;
}

#classifides .classified_boxs {
  text-align: center;
}

#Partner .swiper-pagination.swiper-pagination-bullets {
  display: none !important;
}

#Partner .swiper-wrapper {
  align-items: center !important;
}

how-it-works .swiper-wrapper {
  justify-content: center !important;
}

how-it-works .swiper-pagination.swiper-pagination-bullets {
  display: none;
}

.stat_menuicons i {
  color: #000 !important;
  font-size: 16px;
}

#home_wapper .classified_box {
  max-height: none !important;
}

#home_wapper #classifides .classified_box ion-label.more_info {
  display: none !important;
}

.ng-select.ng-select-focused {
  box-shadow: 0px 0px 3px var(--ion-color-logo-red) !important;
}

.uploadButton .uploadButton-button:focus,
.uploadButton .uploadButton-button.has-focus,
.form-group input.form-control:focus,
.form-group input.form-control.has-focus,
.form-group textarea.form-control:focus,
.form-group ion-input.form-control.has-focus {
  -ms-box-shadow: inset 0px 0px 3px var(--ion-color-logo-red) !important;
  -o-box-shadow: inset 0px 0px 3px var(--ion-color-logo-red) !important;
  box-shadow: 0px 0px 3px var(--ion-color-logo-red) !important;
  outline: none !important;
}

.form-group .form-control.custom_input_control:focus,
.form-group input.form-control-custom.has-focus,
.form-group textarea.form-control-custom:focus,
.form-group ion-input.form-control-custom.has-focus {
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.main-tree-view ion-input.form-control.search-inpt.has-focus {
  box-shadow: none !important;
}

custom-select#BSCountryID ng-select {
  border: none;
  border-bottom: 1px solid var(--ion-color-itemcard-border);
  border-radius: 0px !important;
}

custom-select#BSCountryID ng-select.form-control, custom-select#BSCountryID .ng-select .ng-select-container, custom-select#BSCountryID .ng-select.ng-select-single .ng-select-container .ng-value-container {
  min-height: 26px !important;
}

custom-select#BSCountryID .ng-select .ng-select-container.ng-has-value span.ng-clear-wrapper:after {
  font-size: 14px;
}

custom-select#BSCountryID .bs_red_bottom_border {
  border: none !important;
  border-bottom: 1px solid var(--ion-color-logo-red) !important;
}

/* Responsive form new design css start */
.reponsive_form_row .admin_section_div {
  padding: 25px 0 0 0;
}

.reponsive_form_row .admin_section_div .status_view_div {
  padding: 0px 0px 14px 0px;
}

.reponsive_form_row .admin_section_div .status_view_div ion-label {
  padding-right: 15px;
}

.reponsive_form_row .common_padding_top {
  padding-top: 15px !important;
}

.reponsive_form_row .common_padding_bottom {
  padding-bottom: 15px !important;
}

.reponsive_form_row .common_margin_top {
  margin-top: 15px !important;
}

.reponsive_form_row .common_margin_bottom {
  margin-bottom: 15px !important;
}

.reponsive_form_row .item_margin_top {
  margin-top: 10px !important;
}

.text_area_item_floating ion-textarea div.textarea-wrapper {
  width: 100% !important;
  --padding-top: 7px !important;
  margin-top: 7px !important;
}

.floating_label_title.errorTitle {
  color: var(--ion-color-logo-red) !important;
}

.floating_label_title {
  color: var(--ion-color-comet) !important;
}

.floating_label_title.label-floating {
  transform: translateY(160%);
}

.chips_block ion-item.floating_item.form-group {
  --min-height: 62px;
}

.reponsive_form_row .rich_text_div {
  padding-top: 25px;
  margin-bottom: 0px;
}

.navigation-padding .swiper-wrapper {
  padding: 0px 45px;
}

.floating_label_header_title {
  color: var(--ion-color-comet);
  font-size: 14px;
  font-weight: 600;
}

.disclaimer_header_titie {
  padding: 0 0 10px 0 !important;
}

.disclaimer_header_titie ion-label {
  font-weight: 600;
  padding-left: 0px !important;
}

.section_title_main_div {
  width: 100%;
}

.section_title_main_div .forms_block {
  padding-top: 10px;
}

.section_title_main_div .section_title_header_div {
  padding: 25px 0 10px 0;
}

.section_title_main_div .section_title_header_div div {
  font-weight: bold;
  color: #8a8a8a;
  font-size: 18px;
}

.section_title_main_div.with_border {
  border: 1px solid #dedede;
  margin-top: 15px;
  padding: 0 15px 5px 15px;
  border-radius: 10px;
}

.section_title_main_div.with_border.bottom_margin {
  margin-bottom: 35px;
}

.section_title_main_div.with_border .section_title_header_div {
  padding: 14px 0 0px 0;
}

.section_title_main_div.with_border .section_title_header_div.with_border_floating {
  padding: 0px !important;
  position: relative;
  top: -11px;
  left: 10px;
}

.section_title_main_div.with_border .section_title_header_div.with_border_floating div {
  background: white;
  padding: 0px 10px;
  font-size: 18px;
  width: max-content;
  max-width: 90%;
}

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

ion-item.floating_item.form-group {
  --background: white !important;
  background: #fff !important;
  color: #000;
  --padding-start: 0px;
  margin-bottom: 0px;
  margin-top: 20px;
  --highlight-background: var(--ion-color-logo-red);
  --inner-padding-end: 0px;
  --highlight-height: 0px;
}

.date_main_div {
  display: flex;
  width: 100%;
}

.date_main_div .floating_item {
  width: 50%;
}

.date_main_div .floating_item:first-child {
  padding-right: 8px;
}

.date_main_div .floating_item:last-child {
  padding-left: 8px;
}

app-empty-list a {
  color: var(--ion-color-dark-gray) !important;
  -webkit-text-decoration: auto;
          text-decoration: auto;
}

.tab-content {
  padding: 30px 20px;
  background-color: var(--ion-color-white);
  color: black;
  border-radius: 0.8rem !important;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
}

.counts_filter_block .tab-content {
  box-shadow: none !important;
  padding: 0 0 15px 0 !important;
}

.tab-content div {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal !important;
}

.tab-content span {
  font-size: 18px;
  color: var(--ion-color-black);
}

.tab-content a {
  color: var(--ion-color-blue);
  font-size: 18px;
  display: inline-flex;
}

.tab-content .btn-outline {
  color: var(--ion-color-logo-red);
  border: 1px solid var(--ion-color-logo-red);
  background-color: #fff;
}

.user-contact-div .user-country-code-div custom-select {
  width: 150px;
}

.status-drop-div ion-select {
  --padding-top: 3px;
  --padding-bottom: 3px;
  min-height: 28px;
  font-size: var(--ion-font-l);
  --padding-end: 1px;
  --padding-start: 6px;
  min-width: 120px;
  border-radius: 5px !important;
  border: 1px solid #a9abb3;
  text-align: left !important;
  padding-left: 10px !important;
}

.status-drop-div span {
  display: block;
  padding-top: 5px;
  font-size: var(--ion-font-l);
}

compose-mail #FilterSupplierIDs.open_custom_select.no_pad_top .form-group ng-select.form-control, ng-select.form-control.open_custom_select {
  border: 1px solid #d3d3d3 !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
}

.open_custom_select.no_pad_top .form-group ng-select.form-control, ng-select.form-control.open_custom_select {
  padding: 0 10px 0 0 !important;
}

.open_custom_select .form-group ng-select.form-control, ng-select.form-control.open_custom_select {
  border-radius: unset !important;
  border: none;
  border-bottom: 1px solid #d3d3d3;
  padding: 18px 10px 0 0 !important;
}

.open_custom_select .ng-select .ng-select-container, .open_custom_select.ng-select .ng-select-container {
  min-height: 62px;
}

.open_custom_select .ng-select.ng-select-multiple .ng-select-container, .open_custom_select.ng-select.ng-select-multiple .ng-select-container {
  min-height: 62px;
}

.open_custom_select .ng-select.ng-select-single .ng-select-container .ng-value-container, .open_custom_select.ng-select.ng-select-single .ng-select-container .ng-value-container {
  min-height: 62px !important;
}

.open_custom_select .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper, .open_custom_select.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
  margin: 0px 5px 0px 7px;
}

.open_custom_select .ng-select .ng-select-container span.ng-arrow-wrapper, .open_custom_select.ng-select .ng-select-container span.ng-arrow-wrapper {
  top: 5px !important;
  right: 5px;
}

.open_custom_select .ng-select .ng-has-value .ng-placeholder, .open_custom_select.ng-select .ng-has-value .ng-placeholder, .open_custom_select .ng-select.ng-select-opened .ng-placeholder, .open_custom_select.ng-select.ng-select-opened .ng-placeholder {
  opacity: 1;
  color: var(--ion-color-comet);
}

.open_custom_select .ng-select.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder), .open_custom_select.ng-select.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder), .open_custom_select .ng-select .ng-select-container .ng-value-container:has(.ng-value), .open_custom_select.ng-select .ng-select-container .ng-value-container:has(.ng-value) {
  border-top: 0px solid transparent !important;
}

sourcing-criteria-details .open_custom_select .ng-select.ng-select-multiple.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder), .open_custom_select.ng-select.ng-select-multiple.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder),
.open_custom_select .ng-select.ng-select-multiple .ng-select-container .ng-value-container:has(.ng-value), .open_custom_select.ng-select.ng-select-multiple .ng-select-container .ng-value-container:has(.ng-value) {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
}

.open_custom_select .ng-select.ng-select-multiple.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder), .open_custom_select.ng-select.ng-select-multiple.ng-select-opened .ng-select-container .ng-value-container:has(.ng-placeholder),
.open_custom_select .ng-select.ng-select-multiple .ng-select-container .ng-value-container:has(.ng-value), .open_custom_select.ng-select.ng-select-multiple .ng-select-container .ng-value-container:has(.ng-value) {
  border-top: 0px solid transparent !important;
  padding-top: 30px !important;
  padding-bottom: 10px !important;
  margin-top: 0px !important;
}

.open_custom_select .ng-select .ng-select-container .ng-value-container:has(.ng-placeholder), .open_custom_select.ng-select .ng-select-container .ng-value-container:has(.ng-placeholder) {
  border-top: 0px solid transparent;
}

.open_custom_select .ng-select.ng-select-multiple .ng-select-container .ng-value-container:not(.ng-value), .open_custom_select.ng-select.ng-select-multiple .ng-select-container .ng-value-container:not(.ng-value) {
  margin-top: 15px;
}

compose-mail #FilterSupplierIDs.open_custom_select .ng-select.ng-select-multiple .ng-select-container .ng-value-container:not(.ng-value), compose-mail #FilterSupplierIDs.open_custom_select.ng-select.ng-select-multiple .ng-select-container .ng-value-container:not(.ng-value) {
  margin-top: 0px;
}

compose-mail #FilterSupplierIDs.open_custom_select .ng-select .ng-select-container .ng-value-container .ng-placeholder, compose-mail #FilterSupplierIDs.open_custom_select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  padding-top: 5px !important;
}

compose-mail .user-country-code-div .open_custom_select .ng-select .ng-select-container .ng-value-container:not(.ng-value) .ng-placeholder, compose-mail .user-country-code-div .open_custom_select.ng-select .ng-select-container .ng-value-container:not(.ng-value) .ng-placeholder, generate-inquiry .open_custom_select .ng-select .ng-select-container .ng-value-container:not(.ng-value) .ng-placeholder, generate-inquiry .open_custom_select.ng-select .ng-select-container .ng-value-container:not(.ng-value) .ng-placeholder {
  padding-bottom: 0px;
  padding-top: 12px;
}

compose-mail .user-country-code-div .open_custom_select .ng-select .ng-select-container .ng-value-container:has(.ng-value) .ng-placeholder, compose-mail .user-country-code-div .open_custom_select.ng-select .ng-select-container .ng-value-container:has(.ng-value) .ng-placeholder, generate-inquiry .open_custom_select .ng-select .ng-select-container .ng-value-container:has(.ng-value) .ng-placeholder, generate-inquiry .open_custom_select.ng-select .ng-select-container .ng-value-container:has(.ng-value) .ng-placeholder {
  padding-bottom: 8px;
  padding-top: 0px;
}

compose-mail .open_custom_select .ng-select .ng-select-container .ng-value-container .ng-placeholder, compose-mail .open_custom_select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  padding-top: 12px;
}

sourcing-criteria-details .open_custom_select .ng-select .ng-select-container .ng-value-container .ng-placeholder, sourcing-criteria-details .open_custom_select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--ion-color-comet);
  padding-right: 20px;
  padding-bottom: 15px;
}

.open_custom_select .ng-select .ng-select-container .ng-value-container .ng-placeholder, .open_custom_select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--ion-color-comet);
  padding-right: 20px;
}

.open_custom_select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value, .open_custom_select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  padding: 0px !important;
  margin-top: 26px;
}

.custom_select_red_border.ng-select {
  border: 1px solid var(--ion-color-logo-red) !important;
}

.open_custom_select .ng-select.red_placeholder .ng-select-container .ng-value-container .ng-placeholder, .open_custom_select.ng-select.red_placeholder .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--ion-color-logo-red) !important;
}

.ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder {
  transform: translateY(-1.28125em) scale(1) perspective(100px) translateZ(0.001px) !important;
}

.open_custom_select .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-placeholder, .open_custom_select.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-placeholder {
  padding-bottom: 14px;
  top: 18px;
  color: var(--ion-color-comet);
  padding-right: 0px;
}

.open_custom_select .ng-select .ng-select-container.ng-has-value span.ng-clear-wrapper, .open_custom_select.ng-select .ng-select-container.ng-has-value span.ng-clear-wrapper {
  margin: 20px 15px 0 10px !important;
}

custom-search.open_custom_select .ng-select .ng-select-container span.ng-clear-wrapper, custom-search.open_custom_select.ng-select .ng-select-container span.ng-clear-wrapper, custom-search.open_custom_select .ng-select .ng-select-container div.ng-spinner-loader, custom-search.open_custom_select.ng-select .ng-select-container div.ng-spinner-loader {
  margin: 20px 15px 0 10px !important;
}

.open_custom_select ion-note {
  font-size: 12px;
}

.open_custom_select .ng-select.ng-select-focused {
  box-shadow: none !important;
}

.open_custom_select .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  opacity: 1;
}

custom-tree-view-select.open_custom_tree_view .customview.hideint .main-tree-view ion-input.form-control.custom_input_control {
  --padding-start: 10px !important;
}

custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo {
  border: none;
  border-bottom: 1px solid #dedede;
  border-radius: 0px !important;
  z-index: 2;
  background: transparent !important;
}

custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo .chip-holder-div {
  padding-bottom: 10px;
}

custom-tree-view-select.open_custom_tree_view .form-control.custom_treviewcopo .right_arrows {
  margin-top: -10px;
  margin-right: 15px;
}

custom-tree-view-select.open_custom_tree_view .tree-view-floating-label {
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  top: 28px;
  left: 0px;
}

custom-tree-view-select.open_custom_tree_view .tree-view-selected-floating-label {
  top: 0px !important;
  font-size: 14px !important;
  margin-bottom: 10px;
}

.sustainability-chip-row .app-chip-div, .palce-group-chip .app-chip-div {
  width: 100%;
  overflow: hidden;
}

.chips_block ion-item.floating_item.form-group ion-input.custom_input_control.form-control {
  --padding-top: 0px !important;
  margin-top: 0px;
  min-width: 100px;
}

.form-group ion-input.custom_input_control.form-control,
.form-group input.custom_input_control.form-control {
  border-radius: 0px !important;
  border: none;
  background: transparent !important;
  --padding-top: 2px !important;
  --padding-end: 2px !important;
  --padding-bottom: 0px !important;
  --padding-start: 0px !important;
  --highlight-color: transparent;
  min-height: 44px !important;
  display: flex;
  letter-spacing: 0.5px;
}

.form-group input.custom_input_control.form-control {
  padding: 30px 10px 11px 0 !important;
}

.form-group ion-textarea.custom_input_control.form-control {
  border-radius: 0px !important;
  border: none;
  background: transparent !important;
  --padding-top: 10px !important;
  --padding-bottom: 8px !important;
  --padding-end: 10px !important;
  --padding-start: 0px !important;
  --highlight-color: transparent;
  min-height: 35px !important;
  display: flex;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin-top: 7px;
}

.form-group .form-control.custom_input_control::placeholder {
  color: var(--var-ion-comet);
}

.form-group .form-control.custom_input_control .item-label-stacked,
.item-label-floating {
  --min-height: 28px !important;
  min-height: 28px !important;
}

.form-group textarea.form-control.custom_input_control:focus,
.form-group ion-input.form-control.custom_input_control.has-focus,
.form-group input.form-control.custom_input_control.has-focus {
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.custom_floating_date_input {
  z-index: 2;
}

.date_custom_floating_title {
  position: absolute;
  font-style: normal;
  color: var(--ion-color-comet);
  font-size: 14px !important;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}

.custom_floating_date_input.has-date ~ ion-label.date_custom_floating_title {
  font-size: 14px !important;
  top: 0px;
  left: 0px;
}

.buyer-profile-address .search_blockss #search_boxs .searchbar {
  border: none !important;
  border-radius: 0px !important;
}

.buyer-profile-address ion-searchbar {
  height: 72px !important;
}

.buyer-profile-address ion-searchbar .searchbar-input-container input:focus,
.buyer-profile-address ion-searchbar .searchbar-input-container input:valid {
  height: 62px;
}

.buyer-profile-address ion-searchbar .searchbar-input-container input {
  padding-top: 20px;
  z-index: 2;
  position: relative;
  padding-inline-start: 26px !important;
}

.buyer-profile-address ion-searchbar .searchbar-input-container ion-icon.searchbar-search-icon {
  top: 22px !important;
}

.buyer-profile-address ion-searchbar .searchbar-input-container .searchbar-clear-button {
  top: 10px;
  z-index: 3;
}

.buyer-profile-address .searchbar-clear-button {
  height: 85%;
}

.buyer-profile-address #search_boxs .add-error-div {
  display: block !important;
}

.buyer-profile-address ion-icon.searchbar-search-icon {
  left: 0px !important;
}

.add_more_btn {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 15px 0;
}

.add_more_btn div {
  display: flex;
  color: var(--ion-color-blue);
}

.add_more_btn div i {
  font-size: 14px;
  line-height: normal;
}

.add_more_btn div span {
  padding-left: 5px;
}

.accreditation_row {
  display: flex;
  width: 100%;
  padding-bottom: 30px;
}

.accreditation_row .first_col {
  padding-right: 15px;
}

.accreditation_row .second_col {
  display: flex;
  align-items: flex-end;
  flex: 0;
}

.accreditation_row .first_col .first_row_div, .accreditation_row .first_col .second_row_div {
  display: flex;
  width: 100%;
}

.accreditation_row .first_col .first_row_div div, .accreditation_row .first_col .second_row_div div {
  width: 100% !important;
}

.accreditation_row .first_col .second_row_div div {
  padding: 0px 8px;
}

.accreditation_row .first_col .second_row_div div:first-child {
  padding-left: 0px;
}

.accreditation_row .first_col .second_row_div div:last-child {
  padding-right: 0px;
}

.accreditation_row .file_upload_box {
  padding-bottom: 0px;
}

.accreditation_row .image_upload_col {
  max-width: 200px;
}

.accreditation_row .minus_btn_col {
  max-width: 35px;
}

.accreditation_row .file_upload_box ion-note {
  white-space: nowrap;
}

.accreditation_row .second_col .action_div {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 30px;
}

.accreditation_row .second_col .action_div div {
  display: flex;
  color: var(--ion-color-logo-red);
}

.accreditation_row .second_col .action_div div i {
  font-size: 16px;
}

.accreditation_row .second_col .action_div div span {
  padding-left: 5px;
}

.document_row {
  display: flex;
  width: 100%;
  padding-bottom: 30px;
}

.document_row .first_col {
  padding-right: 15px;
}

.document_row .second_col {
  display: flex;
  align-items: flex-end;
  flex: 0;
}

.document_row .first_col .first_row_div, .document_row .first_col .second_row_div {
  display: flex;
  width: 100%;
}

.document_row .first_col .first_row_div div, .document_row .first_col .second_row_div div {
  width: 100% !important;
}

.document_row .file_upload_box {
  padding-bottom: 0px;
}

.document_row .image_upload_col {
  max-width: 200px;
}

.document_row .minus_btn_col {
  max-width: 35px;
}

.document_row .file_upload_box ion-note {
  white-space: nowrap;
}

.document_row .second_col .action_div {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 30px;
}

.document_row .second_col .action_div div {
  display: flex;
  color: var(--ion-color-logo-red);
}

.document_row .second_col .action_div div i {
  font-size: 16px;
}

.document_row .second_col .action_div div span {
  padding-left: 5px;
}

.section-data-main-div {
  margin: 15px 0 35px;
  padding: 0 10px 10px 10px;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
  background: var(--ion-color-white);
}

#my-form .data-col {
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
}

.section-data-main-div .section-data-title-label {
  padding: 10px 15px 0 15px !important;
  position: relative;
  top: -11px;
  left: 10px;
  background: white;
  padding: 0px 10px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  letter-spacing: 0.8px;
  border-top-right-radius: 0.75rem !important;
  border-top-left-radius: 0.75rem !important;
}

.section-data-main-div .section-data-title-label.box-shadow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-right-radius: 0.75rem !important;
  border-top-left-radius: 0.75rem !important;
  box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
  z-index: -1; /* Shadow goes behind */
}

.service-price-section {
  align-items: center;
  padding: 0px;
}

.service-price-section ion-label {
  justify-content: space-between;
  display: flex;
  width: 100%;
  font-size: var(--ion-font-l);
  margin-top: 10px;
}

.service-price-section div {
  display: block;
  padding: 0px;
  font-size: var(--ion-font-l);
  line-height: 1.2rem;
}

ion-label.collapse-price {
  height: 100% !important;
}

span.price-type-lbl.collapse-price {
  height: 100% !important;
}

span.price-type-lbl.collapse-price ion-text {
  text-overflow: unset;
  -webkit-line-clamp: unset;
  overflow: unset;
  -webkit-box-orient: unset;
  white-space: break-spaces;
}

span.price-type-lbl {
  position: relative;
  white-space: nowrap;
  text-align: left;
  height: 22px;
  display: flex;
  width: 100%;
}

.price-type-lbl .price-title-div:first-child {
  display: flex;
}

.price-type-lbl .price-title-div:last-child {
  padding: 0px !important;
}

.price-title-div i {
  color: var(--ion-color-logo-red) !important;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  margin-top: -2px;
  margin-left: 7px;
}

.price-title-div i.fa-caret-up {
  padding: 2px 0 0 0px;
  margin-top: 0px;
}

.price-title-div ion-text {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.price-type-lbl.full-content {
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  border-radius: 10px;
}

span.price-type-lbl a {
  position: absolute;
  top: 7px;
  right: 0px;
  background: transparent !important;
}

.price-type-lbl .fa-solid {
  line-height: unset;
}

.price-with-border {
  border: 1px solid var(--ion-color-itemcard-border);
  padding: 5px !important;
  border-radius: 7px;
}

.date-pick-pos {
  position: relative;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  overflow: visible !important;
  padding: 0 4px !important;
  z-index: 111;
  cursor: pointer;
}

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

.element_content.inline-flex {
  display: flex;
  align-items: center;
}

.element_content.inline-flex i {
  font-size: 25px;
  display: block;
  margin-right: 10px;
}

.vegan-item {
  display: flex !important;
  padding: 10px 0px !important;
}

.vegan-item span {
  color: var(--ion-color-dark-green);
}

.vegan-icon {
  width: 17px;
  margin-right: 10px;
}

.two-level {
  display: grid;
}

.two-level ion-label {
  cursor: pointer;
}

.two-leve-data {
  font-weight: 700;
  font-size: 14px;
  color: var(--ion-color-logo-red) !important;
  padding-left: 15px;
  line-height: 1.2rem;
  letter-spacing: 0.3px;
}

#InquiryitemSearch form {
  max-width: none !important;
}

.impact-themes-content {
  position: relative;
  color: #5c6770 !important;
  font-size: 14px;
  line-height: 1.3rem;
  letter-spacing: 0.3px;
}

.font-17 {
  font-size: var(--ion-font-seventeen) !important;
}

.fa-seedling {
  color: var(--ion-color-dark-green);
}

.app_see_more_div div.see_more {
  padding: 0 10px 10px 0;
}

@media (max-width: 640px) {
  ion-card-title {
    font-size: 16px !important;
  }
}
#selShopLocation .ng-option {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 2px 16px;
}

.filter_count_list.admin_list {
  padding-top: 0px;
  align-items: center !important;
}

ion-popover {
  --width: auto !important;
}

ion-popover.select-popover {
  --width: auto !important;
  background: rgba(0, 0, 0, 0.5019607843);
}

.select-popover ion-list {
  padding: 0px;
}

ion-popover.action-component {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.001);
  --offset-y: 3px;
}

.action-component {
  --width: auto !important;
}

ion-select-popover ion-radio-group {
  --width: auto !important;
}

ion-select-popover ion-item.item-radio-checked {
  --background: rgba(0, 0, 0, 0.12) !important;
  --background-focused: transparent !important;
  --background-focused-opacity: 0.2 !important;
  --background-hover: transparent !important;
  --background-hover-opacity: 0.12 !important;
}

.select-popover ion-item.item-radio-checked ion-label {
  color: var(--ion-color-dark-green) !important;
}

app-classification.classified_visible {
  display: block;
  padding-bottom: 10px;
}

.products.classification_list_box.reset-padding .classified_box {
  max-height: none !important;
}

.products.classification_list_box.reset-padding .classified_boxs {
  display: flex !important;
  flex-wrap: wrap !important;
}

.products.classification_list_box.reset-padding .classified_box ion-label.more_info,
.products.classification_list_box.reset-padding .classified_box ion-label.less_info {
  display: none !important;
}

.products.classification_list_box.reset-padding .classified_box.visible {
  margin-bottom: 0px !important;
}

.products.classification_list_box.reset-padding .classified_boxs {
  padding-bottom: 0;
}

accordion .cardlist_filter_row {
  padding-right: 30px !important;
}

.progress-loader-redirect {
  background-color: rgba(0, 0, 0, 0.631372549);
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 100vh;
  display: grid;
  justify-items: center;
}

.progress-loader-redirect .loader-svg {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
}

.progress-loader-redirect img {
  align-self: end;
}

.progress-loader-redirect .loading-message-redirect {
  color: black;
  text-align: center;
  align-self: start;
}

.loading-spinner-redirect {
  align-self: center;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 15px;
  max-width: 300px;
}

.loading-spinner-lite-parent-div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100%;
}

.loading-spinner-lite {
  width: 60px;
  padding: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #dddddd;
  --_m:
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

.loading-spinner-lite.stop {
  animation: none;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
.note_content {
  font-size: 14px;
  font-weight: 600;
}

.btn_padding {
  padding: 10px 0 20px 0;
}

.drop-in {
  animation: drop-in 1s ease 500ms backwards;
}

.drop-in-2 {
  animation: drop-in 1500ms ease 400ms backwards;
}

@keyframes drop-in {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translate(0px);
  }
}
.fadeInUp {
  animation: fadeInUp 2s ease backwards;
}

@keyframes fadeInUp {
  0% {
    transform: translate(0px, 100px);
    opacity: 0;
  }
  50% {
    transform: translate(0px, 50px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
.data-point-a span.rect-icon-span {
  padding: 0px !important;
  display: block !important;
  position: relative;
}

span.rect-icon-span img {
  position: relative;
  z-index: 2;
}

.data-point-a.b2b-logo span.rect-icon-span .brand-icon {
  width: 38px;
  aspect-ratio: auto;
  height: auto;
  border-radius: 4px;
}

.data-point-a.b2b-logo.link_url span.rect-icon-span .brand-icon {
  width: 30px !important;
}

.counts_row {
  align-items: end;
}

.data-point-a {
  display: flex;
  align-items: center;
}

.data-point-a span.icon-span {
  border: 1px solid var(--ion-color-graylight);
  border-radius: 4px;
  padding: 6px !important;
  background-color: var(--ion-color-medium-contrast);
  position: relative;
  color: rgb(67, 67, 67);
}

.data-point-a span {
  display: unset !important;
  padding-left: 8px !important;
}

.data-point-a span.no-pad-left {
  padding-left: 0px !important;
}

.data-point-a span.grey-text {
  padding-left: 0px !important;
}

.parent-company-point-active.data-point-a div.icon-container {
  border-radius: 7px;
  border: 2px solid var(--ion-color-blue);
}

.ion-focused.label-floating.sc-ion-label-md-h, .ion-focused .label-floating.sc-ion-label-md-h, .item-has-focus.label-floating.sc-ion-label-md-h, .item-has-focus .label-floating.sc-ion-label-md-h, .item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating, .item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h, .item-has-value.label-floating.sc-ion-label-md-h, .item-has-value .label-floating.sc-ion-label-md-h {
  font-size: 14px;
  color: var(--ion-color-comet);
  transform: initial;
}

.parent-company-point-active.data-point-a span, .parent-company-point-inactive.data-point-a span {
  text-align: left;
  -webkit-line-clamp: 1;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.parent-company-point-inactive.data-point-a div.icon-container {
  border-radius: 7px;
}

.data-point-a.without_icon span {
  font-size: var(--ion-font-l) !important;
  font-weight: bold !important;
}

.app-label-col {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.data-point-round-i {
  display: inline-flex;
  border: 1px solid darkgray;
  padding: 8px !important;
  font-size: 20px !important;
  border-radius: 30px;
  text-decoration: none;
  color: var(--ion-color-black) !important;
}

.data-point-round-i .count {
  font-size: 16px !important;
}

.data-point-a div.icon-container {
  color: var(--ion-color-black);
  border: 2px solid var(--ion-color-black);
  border-radius: 100%;
  display: inline-flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  font-size: var(--ion-font-m);
  align-items: center;
  line-height: 1px !important;
}

.data-point-a div.data-point-red-circle {
  border-color: var(--ion-color-logo-red);
}

.data-point-a div.data-point-square {
  border-radius: 20%;
}

.data-point-a div.icon-container i {
  color: var(--ion-color-black);
  font-size: var(--ion-font-l);
  align-items: center;
  display: flex;
  line-height: 1px !important;
}

.data-point-a div.data-point-green-circle {
  border-color: var(--ion-color-dark-green);
}

.data-point-a div.data-point-green-circle i {
  color: var(--ion-color-dark-green);
}

.data-point-a.link_url {
  text-decoration: none;
}

.data-point-a.link_url div.icon-container i, .data-point-a.link_url span {
  color: var(--ion-color-blue) !important;
}

.data-point-a.link_url div.icon-container {
  border: 2px solid var(--ion-color-blue) !important;
}

.new_row_responsive_div {
  display: flex;
  flex-wrap: wrap;
}

.data_points_new_row {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
}

.data_points_new_row.line {
  border-top: 1px solid var(--ion-color-light-gray);
  padding-top: 10px;
}

.counts_filter_block {
  padding: 30px 0px 30px 15px;
  background: var(--ion-color-white);
  margin-top: 15px;
  box-shadow: 0px 0px 0px 1px rgba(140, 140, 140, 0.2) !important;
  border-radius: 10px;
}

.form-title .icon-container {
  border: 2px solid var(--ion-color-black);
  border-radius: 100%;
  display: inline-flex;
  height: 38px;
  width: 38px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

ion-label.form-title {
  margin: 20px 0 15px;
  display: flex;
  color: var(--ion-color-black);
  text-align: center;
  justify-content: center;
  align-items: center;
}

ion-label.form-title span.title {
  font-weight: bold;
  font-size: 20px;
  color: var(--ion-color-black);
  text-align: start;
}

ion-label.form-title span.sub-title {
  font-size: 15px;
  color: var(--ion-color-black);
  text-align: start;
  margin-top: 5px;
}

ion-label.form-title i {
  font-size: 18px;
}

.form-field-title {
  font-size: 16px;
}

.form_title_div {
  display: flex;
  align-items: baseline;
  padding: 20px 0px;
}

.form_title_div span {
  padding: 0 12px 0 0;
}

.form_title_div span i {
  font-size: 16px;
  color: var(--ion-color-logo-red);
}

.form_title_div ion-label {
  font-weight: 600;
  font-size: 15px;
  color: var(--ion-color-logo-red);
}

/*  new toggle switch design start */
.cl-toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 25px 12px 0px;
}

.cl-toggle-switch .labels {
  color: var(--ion-color-comet);
}

.cl-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 0 0 15px;
}

/* Input */
.cl-switch > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  right: 6px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.38);
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

/* Track */
.cl-switch > span::before {
  content: "";
  float: right;
  display: inline-block;
  margin: 3px 0px;
  border-radius: 50px;
  width: 44px;
  height: 20px;
  background-color: #ababab;
  vertical-align: top;
  transition: background-color 0.2s, opacity 0.2s;
}

/* Thumb */
.cl-switch > span::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 20px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background-color: var(--ion-color-white);
  border: 1px solid #7a7a7a;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, transform 0.2s;
}

/* Checked */
.cl-switch > input:checked {
  right: -10px;
  background-color: var(--ion-color-logo-red);
}

.cl-switch > input:checked + span::before {
  background-color: var(--ion-color-logo-red);
}

.cl-switch > input:checked + span::after {
  background-color: var(--ion-color-white);
  transform: translateX(20px);
  border: 1px solid var(--ion-color-logo-red);
  right: 19px;
  color: var(--ion-color-logo-red);
  content: "\f00c";
  display: flex;
  align-items: center;
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  font-size: var(--ion-font-m);
  padding-left: 7px;
}

/* Hover, Focus */
.cl-switch:hover > input {
  opacity: 0.04;
}

.cl-switch > input:focus {
  opacity: 0.12;
  height: auto;
  width: auto;
}

.cl-switch:hover > input:focus {
  opacity: 0.16;
}

/* Active */
.cl-switch > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.cl-switch > input:active + span::before {
  background-color: #8f8f8f;
}

.cl-switch > input:checked:active + span::before {
  background-color: #85b8b7;
}

/* Disabled */
.cl-switch > input:disabled {
  opacity: 0.5;
  height: auto;
  width: auto;
}

.cl-switch > input:disabled + span::before {
  background-color: #e4e4e4;
}

.cl-switch > input:disabled + span::after {
  background: #fafafa;
  border: 1px solid gainsboro;
}

.cl-switch > input:checked:disabled + span::before {
  background-color: var(--ion-color-logo-red);
  opacity: 0.5;
}

.cl-switch > input:checked:disabled + span::after {
  opacity: 0.8;
  border: 1px solid var(--ion-color-logo-red);
  background-color: var(--ion-color-white);
}

/*  new toggle switch design end */
/*  new radio button design start */
.cl-radio-group-div {
  display: flex;
  flex-wrap: wrap;
}

.cl-radio-group-div .cl-radio-header-title {
  font-weight: 600;
  padding: 0 15px 15px 0 !important;
}

.cl-radio-group-div .cl-radio-group-flex {
  display: flex;
  flex-wrap: wrap;
}

.cl-radio-group-div ion-radio-group ion-item {
  color: var(--ion-color-comet);
  --inner-border-width: 0px;
  border: 0px;
  --min-height: auto;
  display: flex;
  align-items: center;
  padding: 0 15px 15px 0 !important;
  margin: 0px !important;
  flex: 0 0 auto;
  white-space: nowrap;
  max-width: none;
  --padding-start: 0px !important;
  --padding-end: 0px !important;
  --inner-padding-end: 0;
  --inner-padding-start: 0;
}

.cl-radio-group-div ion-radio-group ion-item ion-label {
  color: var(--ion-color-black);
  margin: 0px !important;
  padding-left: 10px !important;
  line-height: normal !important;
  font-size: 15px !important;
}

.cl-radio-group-div ion-radio-group ion-item ion-radio {
  --color-checked: var(--ion-color-black) !important;
  margin: 0px !important;
}

.cl-single-toggle-switch-div {
  padding: 35px 0 0 0;
}

/*  new radio button design end */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
.Overview_box.left {
  flex: 0 0 70%;
  max-width: 70%;
}

.Overview_box.right {
  flex: 0 0 30%;
  max-width: 30%;
}

.admin_right_panel .container1 {
  padding-top: 12px !important;
}

@media (max-width: 1260px) {
  .admin_right_panel .container1 {
    padding-top: 12px !important;
  }
}
@media (max-width: 1150px) {
  .admin_right_panel .container1 {
    padding-top: 12px !important;
  }
  /* Responsive form new design css start */
  ion-row.reponsive_form_row ion-col.empty-col {
    flex: 0 0 10% !important;
    max-width: 10% !important;
  }
  ion-row.reponsive_form_row ion-col.data-col {
    flex: 0 0 80% !important;
    max-width: 80% !important;
  }
  /* Responsive form new design css end */
}
@media (max-width: 1090px) {
  .admin_right_panel .container1 {
    padding-top: 12px !important;
  }
  /* Responsive form new design css start */
  /* Responsive form new design css end */
}
@media (max-width: 992px) {
  .contact-col {
    flex: 0 0 auto;
    max-width: 558px;
  }
  how-it-works .swiper-wrapper {
    justify-content: flex-start !important;
  }
  find-address.ion-page {
    padding-bottom: 0px;
  }
  .admin-page_wapper .admin_left_panel {
    display: none;
  }
  .admin_right_panel {
    flex: 0 0 100%;
    max-width: 100% !important;
    padding: 12px;
  }
  .Overview_box.left {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .Overview_box.right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .item_card_product .cardlist_images_box ~ .cardlist_content_block {
    flex: 0 0 100%;
    max-width: calc(100% - 85px);
  }
  .item_card_product .cardlist_images_box.import_file_img ~ .cardlist_content_block {
    flex: 0 0 100%;
    max-width: calc(100% - 125px);
  }
  .admin_right_panel .container1 {
    padding-top: 12px !important;
  }
  .modal-wrapper.ion-overlay-wrapper {
    height: var(--height) !important;
  }
  .modal-share .modal-wrapper {
    height: 212px !important;
  }
  #home_wapper #classifides .classified_box.visible ion-label.more_info {
    top: 29px !important;
  }
  .tag_corner {
    background: linear-gradient(to bottom right, green 50%, transparent 50%) 0 0/28px 28px;
    background-repeat: no-repeat;
  }
  .item_card_info_data_point_row {
    gap: 10px !important;
  }
}
@media (max-width: 830px) {
  .contact-col {
    flex: 0 0 auto;
    max-width: 558px;
  }
  .cardlist.all_card act-menu {
    padding-right: 3px !important;
  }
  accordion #app-ui .card_classification .classified_box {
    margin: 0px 0px 0px 0px !important;
  }
  accordion .cardlist_content_block #web-ui.cardlist_filter_content {
    display: none !important;
  }
  #web-ui {
    display: none !important;
  }
  #app-ui {
    display: block !important;
  }
  ion-button.proxy {
    margin: 0px !important;
  }
  span.extra-space {
    padding: 0px;
  }
  .admin_right_panel .container1 {
    padding-top: 12px !important;
  }
  ion-label.brand_content {
    margin-top: 10px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  #app-ui.card_classification {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .filter_count_list .classified_box {
    padding: 0 !important;
  }
  accordion .card_img {
    height: 100px;
  }
  .counts_row {
    align-items: end !important;
  }
  .counts_row ion-col.lbl_count_img {
    margin-top: 0px !important;
    padding-top: 0px !important;
    display: block;
  }
  .filter_count_list.admin_list {
    padding-top: 0 !important;
  }
  app-classification.classified_visible {
    padding-bottom: 12px;
  }
  ion-label.brand_content span {
    font-size: var(--ion-font-l) !important;
  }
  accordion ion-label.brand_content {
    margin: 8px 0 5px 0;
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }
  .cross-navigation-row {
    position: relative !important;
  }
  .cross-navigation-row ion-col ion-label {
    display: flex;
    justify-content: flex-end;
    padding-right: 8px;
  }
  .parent-company-point {
    padding: 0 0 12px 0 !important;
  }
  .filter_count_list ion-label {
    padding: 0px 20px 15px 0px;
    white-space: normal;
  }
  .filter_count_list ion-label .count {
    white-space: normal;
    text-align: left;
  }
  .app-label-col-div {
    padding-right: 15px;
    margin-bottom: -2px;
  }
  ion-popover.item-list-component::part(content) {
    top: 56px !important;
    right: 60px !important;
  }
  inquiry-review-item .basket-action-div-parent {
    padding: 10px 10px 0 0;
  }
  .basket-action-div-parent {
    padding-top: 0px;
  }
  .btn-new-cc ion-label, .btn-new-cc.small ion-label {
    padding-top: 2px !important;
  }
  /* Responsive form new design css start */
  /* Responsive form new design css end */
}
@media (max-width: 768px) {
  .contact-col {
    flex: 0 0 auto;
    max-width: 448px;
  }
  .container ion-row ion-col h1 {
    font-size: 18px;
  }
  .forms_block ion-label.content {
    font-size: var(--ion-font-l) !important;
    line-height: 20px !important;
    display: block !important;
  }
  .m-part .forms_block {
    padding: 10px 10px 1px 10px;
    overflow: visible;
  }
  .admin_right_panel {
    padding: 10px;
  }
  .admin_right_panel .counts_filter_block.main_rows.mt-res .main_cols.auto-cols {
    padding: 0px;
  }
  .info_note_div {
    padding: 10px;
    margin: 15px 0;
  }
  .info_note_div ion-label {
    color: var(--ion-color-logo-red);
    font-size: 16px;
    font-weight: 600;
  }
  .ac_item_col span a {
    font-size: 16px !important;
  }
  bs-datepicker-container.bottom {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
  find-address.ion-page ion-row {
    height: auto;
  }
  .create-new-lbl {
    margin-right: 0px;
  }
  ion-card-title {
    margin-right: 0px;
  }
  .dateView {
    margin: 0px !important;
    padding: 0px !important;
    flex-wrap: wrap !important;
  }
  .dateView ion-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0px !important;
    width: 100% !important;
  }
  ion-button.btn-red {
    --padding-start: 10px;
    --padding-end: 10px;
    --padding-top: 8px;
    --padding-bottom: 8px;
    min-width: 115px !important;
  }
  ion-button.btn-red-border {
    --padding-start: 10px;
    --padding-end: 10px;
    --padding-top: 8px;
    --padding-bottom: 8px;
    min-width: 115px !important;
  }
  .counts_filter_block {
    flex-wrap: wrap;
  }
  .right_filter_panel {
    padding: 0px !important;
    white-space: nowrap !important;
    text-align: end;
  }
  .left_filter_panel {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .right_filter_panel {
    margin-top: 15px !important;
  }
  .counts_filter_block .left_filter_panel {
    padding: 0px;
    padding-right: 10px !important;
    flex: 0 0 90px;
    max-width: 90px;
  }
  .right_filter_panel .sharing i {
    padding: 0 0 0 20px;
    font-size: 26px !important;
  }
  .right_filter_panel:not(:last-child) {
    padding: 0px !important;
  }
  .searchbar-input.sc-ion-searchbar-md {
    padding-inline-start: 45px !important;
    padding-inline-end: 45px !important;
  }
  .item_card_product .cardlist_content_box .tags {
    border-top: 30px solid var(--ion-color-dark-green);
    border-bottom: 30px solid transparent;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    left: -30px;
    top: -30px;
  }
  .item_card_product .cardlist_content_box .tags span {
    display: none;
  }
  .item_card_product .cardlist_content_box .tags i {
    top: -26px;
    right: -50px;
    font-size: var(--ion-font-l);
  }
  .open_filter_button {
    padding: 0px 10px;
  }
  .filter_nav .open_filter_button, .filter_nav .drop_box {
    display: block;
    padding: 0px 0px 0px 20px;
    padding-right: 0;
  }
  .add_buttons {
    padding: 0px !important;
    margin: 0px !important;
    min-height: 26px;
  }
  .add_buttons.transfer {
    border: 20px !important;
    padding: 0px !important;
    margin: 0 10px 0 0 !important;
    background: var(--ion-color-black) !important;
  }
  .add_buttons .fa-upload, .add_button .fa-upload {
    margin: 0px;
  }
  .add_buttons .fa-circle-plus, .add_buttons .fa-circle-minus, .add_button .fa-circle-plus, .add_button .fa-circle-minus {
    padding: 2px 7px 1px 2px;
  }
  .add_buttons ion-label, .add_button ion-label {
    padding-right: 10px;
    font-size: 12px !important;
    color: var(--ion-color-white);
  }
  .add_buttons .fa-plus {
    font-size: 16px;
  }
  .add_buttons ion-label {
    font-size: 12px !important;
  }
  .add_buttons ion-icon {
    line-height: normal !important;
    font-size: 38px !important;
    height: 38px !important;
    width: 38px !important;
  }
  .add_buttons .fa-circle-plus, .fa-plus {
    font-size: 20px;
  }
  .transfer ion-label {
    display: block !important;
    background: var(--ion-color-black) !important;
    border-radius: 20px !important;
    font-size: 14px !important;
  }
  #nav .nav-item #users {
    min-width: 30px;
  }
  #serch_component {
    background: var(--ion-color-white);
    padding: 20px 0 10px 0;
  }
  #serch_component ion-row {
    margin: 0px -5px;
  }
  #serch_component ion-row ion-col {
    padding: 0px !important;
    max-width: 100% !important;
  }
  #serch_component .address_search-block {
    margin: 0px !important;
  }
  #serch_component .address_box {
    padding: 0px 15px;
  }
  .page_search#search_boxs {
    padding: 0px !important;
  }
  #serch_component .address_box i {
    font-size: 20px;
  }
  #serch_component .favrite ion-label i {
    font-size: 20px;
  }
  #change_pass_btn ion-button.btn-red {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .page_wapper {
    padding: 11px 0px !important;
  }
  .left_filter_panel {
    white-space: nowrap;
    padding: 0px;
  }
  .filter_nav .open_filter_button,
  .filter_nav .drop_box {
    display: block;
    padding: 0 0 0 15px;
  }
  .cardlist {
    margin-bottom: 10px !important;
    border-radius: 6px !important;
  }
  .nav-item.r-d-block.notification {
    margin-right: 14px !important;
  }
  .menuicons.arrow i {
    width: 40px !important;
    padding-top: 0 !important;
  }
  .counts_row ion-col.lbl_count_img .lbl-img {
    text-align: right !important;
  }
  .cardlist_content_box ion-label span a, .cardlist_content_box2 ion-label span a {
    font-size: var(--ion-font-l) !important;
  }
  /* Responsive form new design css start */
  /* Responsive form new design css end */
}
@media (max-width: 680px) {
  .admin_right_panel .filter_count_list ion-label.shops {
    display: flex !important;
  }
  .admin_right_panel .filter_count_list ion-label span.icons {
    display: inline-block !important;
  }
  .admin_right_panel .filter_count_list ion-label .contents {
    display: block !important;
    font-size: 15px;
  }
  .admin_right_panel .filter_count_list ion-label .contents i {
    display: block !important;
  }
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
  .admin_right_panel:has(sourcing-criteria), .admin_right_panel:has(buyer-profile) {
    padding: 10px 0px !important;
  }
  .mobile-container .counts_filter_block {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
@media (max-width: 640px) {
  .cardlist {
    border-radius: 0px !important;
  }
  .mobile-container {
    padding: 0px !important;
  }
  .mobile-container .note-padding {
    margin: 10px 0 10px 10px !important;
  }
  .mobile-container .datalist_forms_card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mobile-container ion-breadcrumbs {
    margin: 0 !important;
    font-size: 15px !important;
  }
  .mobile-container ion-card-title, .mobile-container .m-part .radius {
    border-radius: 0px !important;
  }
  .mobile-container .forms_block {
    box-shadow: 0 0 0 1px rgba(140, 140, 140, 0.2) !important;
  }
  .mobile-container .counts_filter_block {
    border-radius: 0;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .tab-content span {
    padding-right: 0 !important;
    font-size: 16px !important;
  }
  .mobile-container .contact-col {
    max-width: unset !important;
  }
  .mobile-container .items_counts {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .mobile-container .datachips_boxs {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
  .admin-page_wapper .container1 > #serch_component > ion-row > ion-col.address_search-col {
    flex: 0 0 100%;
    max-width: calc(100% - 120px) !important;
  }
  .admin-page_wapper enabler .container1 > #serch_component > ion-row > ion-col.address_search-col {
    max-width: 100% !important;
  }
  .item_card_product .desc-pedding {
    padding-left: 10px !important;
  }
  .item_card_product .cardlist_images_box {
    min-height: auto;
    max-width: 60px;
    border: 0px;
    border-radius: 10px;
  }
  .item_card_product.grid_view_card .cardlist_images_box {
    min-height: auto !important;
    flex: 0 0 auto;
  }
  .item_card_product.grid_view_card .cardlist_images_box .card_img {
    min-height: 60px !important;
  }
  .item_card_product .cardlist_images_box ~ .cardlist_content_block {
    flex: 0 0 100% !important;
    max-width: calc(100% - 60px) !important;
  }
  .item_card_product .cardlist_images_box.import_file_img {
    min-height: auto;
    max-width: 125px;
    border: 0px;
    border-radius: 10px;
    flex: 0 0 125px !important;
  }
  .item_card_product .cardlist_images_box.import_file_img ~ .cardlist_content_block {
    flex: 0 0 100% !important;
    max-width: calc(100% - 125px) !important;
  }
  .search-filter-note-div:has(.detail_page_div) {
    padding: 10px 0 0 0;
  }
  #serch_component {
    padding: 0;
  }
  .ac_item_col span a {
    font-size: 14px !important;
  }
  .info_note_div {
    padding: 15px;
    margin: 15px 10px;
  }
  .cardlist_images_box {
    min-height: 60px !important;
    max-width: 60px;
    flex: 0 0 60px;
  }
  .counts_filter_block {
    padding: 10px 0 0 0 !important;
  }
  .counts_filter_block .right_filter_panel {
    padding-right: 0px !important;
  }
  .sustainability-chip-row {
    padding-top: 3px;
  }
  .palce-group-chip {
    padding-top: 4px !important;
  }
  ion-button.proxy {
    margin: 0px !important;
    min-width: 100% !important;
  }
  .cardlist.all_card act-menu {
    padding-right: 0px !important;
  }
  .filter_nav .open_filter_button, .filter_nav .drop_box {
    position: relative;
  }
  .counts_row {
    align-items: end !important;
    padding-top: 0px !important;
  }
  accordion .products.classification_list_box {
    flex: 0 0 auto;
    max-width: calc(100% + 86px);
    display: block !important;
  }
  .open_filter_button .filters_button i {
    display: block;
    font-size: 13px;
    text-align: center;
  }
  .open_filter_button .filters_button {
    text-align: center;
  }
  .filter_count_list ion-label {
    padding: 0px 20px 10px 0px;
  }
  .counts_searchbox .count_boxs.navigation_compo {
    flex: 0 0 100%;
  }
  .counts_filter_block .left_filter_panel {
    padding: 0px;
    padding-right: 0px !important;
    flex: 0 0 200px;
    max-width: 200px;
  }
  .prod-title {
    max-width: calc(100% - 100px);
  }
  .prod-title span a {
    max-width: calc(100% - 25px) !important;
  }
  .products.classification_list_box .classified_box.visible ion-label.more_info {
    bottom: -9px !important;
    right: 20px !important;
  }
  .forms_body {
    padding: 10px !important;
  }
  .forms_headers {
    padding: 10px !important;
    min-height: auto !important;
  }
  .filter_count_list.admin_list {
    display: block !important;
  }
  .filter_count_list.admin_list .contect-padding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 10px 0 !important;
  }
  .filter_count_list.admin_list .contect-padding ion-label {
    min-width: 160px !important;
    padding: 0px !important;
  }
  .contect-padding span {
    display: block;
    padding-top: 0px !important;
    font-size: 15px;
  }
  status-view .contect-padding ion-select {
    min-width: 125px !important;
  }
  .admin_right_panel .vagen_icons_list ion-label {
    padding-right: 8px;
    margin-right: 0px !important;
  }
  .admin_right_panel .counts_filter_block.main_rows.mt-res .main_cols.auto-cols {
    padding: 0;
  }
  .section-data-main-div {
    border-radius: 0px;
  }
  .section-data-main-div .section-data-title-label {
    top: -7px;
  }
  .admin_right_panel sourcing-criteria btn-title .add_buttons {
    padding: 1px 0px 1px 0px !important;
  }
  .admin_right_panel sourcing-criteria btn-title .add_buttons .fa-circle-plus {
    font-size: 22px !important;
    padding: 0px 9px 0px 3px !important;
  }
  .admin_right_panel sourcing-criteria btn-title .form_add_btn {
    flex: 0 0 75px !important;
  }
  .admin_right_panel > sourcing-criteria {
    padding: 10px 0px !important;
  }
  compose-mail .user-country-code-div .open_custom_select .ng-select .ng-select-container .ng-value-container .ng-placeholder, .open_custom_select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    padding-top: 13px;
    padding-bottom: 0px;
  }
  custom-select#BSCountryID .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-placeholder {
    font-size: 10px;
  }
  custom-select#BSCountryID .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value span {
    font-size: 12px;
  }
  custom-select#BSCountryID .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value label {
    font-size: 12px;
  }
  custom-search .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    border-radius: 10px;
  }
  ion-popover.item-list-component {
    --width: 400px !important;
    overflow: hidden !important;
  }
  ion-popover.item-list-component::part(content) {
    top: 56px !important;
    right: 60px !important;
  }
  .partner_class_label {
    flex: 1;
  }
  .partner_label {
    display: flex;
    align-items: center;
  }
  .tab-container .container {
    padding-left: 5px !important;
  }
  .explore ion-segment-button ion-label span {
    font-size: 15px !important;
  }
  .explore ion-segment-button ion-label .icons i {
    font-size: 14px !important;
  }
  .explore ion-segment-button ion-label {
    padding: 1px 0;
  }
  .new_row_responsive_div {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .data_points_new_row {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  /*  new toggle switch design start */
  .date_main_div:not(.inline) {
    display: block;
    padding-top: 10px;
  }
  .date_main_div:not(.inline) .floating_item {
    width: 100%;
  }
  .date_main_div:not(.inline) .floating_item:first-child {
    padding-right: 0px;
  }
  .date_main_div:not(.inline) .floating_item:last-child {
    padding-left: 0px;
  }
  .accreditation_row {
    display: block;
  }
  .accreditation_row .first_col .second_row_div div:first-child {
    padding: 0 5px 0 0;
  }
  .accreditation_row .first_col .second_row_div div:last-child {
    padding: 0 0 0 5px;
  }
  .accreditation_row .second_col {
    display: block;
  }
  .accreditation_row .second_col .action_div {
    padding: 25px 0 0 0;
    display: flex;
    justify-content: center;
  }
  .document_row {
    display: block;
  }
  .document_row .first_col .first_row_div, .document_row .first_col .second_row_div {
    display: block;
  }
  .document_row .first_col .first_row_div div, .document_row .first_col .second_row_div div {
    padding: 0px;
  }
  .document_row .second_col {
    display: block;
  }
  .document_row .second_col .action_div {
    padding: 25px 0 0 0;
    display: flex;
    justify-content: center;
  }
  .section_title_main_div.with_border {
    border: 1px solid #dedede;
    margin-top: 10px;
    padding: 0 10px 5px 10px;
  }
  .section_title_main_div.with_border .section_title_header_div.with_border_floating {
    top: -9px;
  }
  .section_title_main_div.with_border .section_title_header_div.with_border_floating div {
    font-size: 16px;
  }
  .navigation-padding .swiper-wrapper {
    padding: 0px 45px;
  }
  .app_div .child-div {
    display: flex;
    flex-wrap: wrap;
  }
  .app_div .quantity-note {
    padding: 0px !important;
  }
  #langeuage {
    margin-right: 20px !important;
  }
  /*  new toggle switch design end */
}
@media (max-width: 580px) {
  /* Responsive form new design css start */
  .reponsive_form_row .common_padding_top {
    padding-top: 10px !important;
  }
  .reponsive_form_row .common_padding_bottom {
    padding-bottom: 10px !important;
  }
  .reponsive_form_row .item_margin_top {
    margin-top: 10px !important;
  }
  .open_custom_select .ng-select.ng-select-single .ng-select-container .ng-clear-wrapper, .open_custom_select.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
    margin: 10px 5px 0px 7px;
  }
  .open_custom_select .ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper, .open_custom_select.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
    margin-top: 2px;
    margin-left: 10px;
  }
  .open_custom_select .ng-select .ng-select-container .ng-arrow-wrapper, .open_custom_select.ng-select .ng-select-container .ng-arrow-wrapper {
    top: 6px !important;
  }
  .open_custom_select .ng-select .ng-select-container.ng-has-value span.ng-clear-wrapper, .open_custom_select.ng-select .ng-select-container.ng-has-value span.ng-clear-wrapper {
    margin: 15px 15px 0 10px !important;
  }
  custom-search.open_custom_select .ng-select .ng-select-container span.ng-clear-wrapper, custom-search.open_custom_select.ng-select .ng-select-container span.ng-clear-wrapper, custom-search.open_custom_select .ng-select .ng-select-container div.ng-spinner-loader, custom-search.open_custom_select.ng-select .ng-select-container div.ng-spinner-loader {
    margin: 15px 15px 0 10px !important;
  }
  ion-row.reponsive_form_row ion-col.empty-col {
    flex: 0 0 0% !important;
    max-width: 0% !important;
  }
  ion-row.reponsive_form_row ion-col.data-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .reponsive_form_row ion-col.data-col {
    padding: 0 0 20px 0;
  }
  .section_title_main_div .forms_block {
    padding-top: 0px !important;
  }
  .section_title_main_div .section_title_header_div {
    padding: 20px 0 10px 0;
  }
  .custom-checkbox-div .custom-checkbox-header-titie {
    padding-top: 2px !important;
  }
  /* Responsive form new design css end */
}
@media (max-width: 500px) {
  #company_add_btn ion-row.button_box ion-col {
    padding: 0px 15px 15px 15px;
  }
  #company_add_btn ion-row.button_box, #buyer_profile_add_btn ion-row.button_box {
    justify-content: flex-start;
  }
}
@media (max-width: 480px) {
  .card_img {
    height: auto !important;
  }
  .certimg {
    max-width: 30px !important;
    max-height: 30px !important;
    margin-left: 0px;
    flex: 0 0 30px;
  }
  #header {
    width: 100% !important;
    padding: 0 10px !important;
  }
  .modal-wrapper.ion-overlay-wrapper {
    max-width: 100%;
    width: 80%;
  }
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
  .admin_right_panel sourcing-criteria btn-title, .admin_right_panel buyer-profile btn-title {
    padding: 10px 10px 0px 10px;
  }
  .admin_right_panel:has(sourcing-criteria), .admin_right_panel:has(buyer-profile) {
    padding: 10px 0px !important;
  }
  ion-segment-button {
    font-size: 15px;
    padding: 15px 10px;
  }
  .navigation_compo i {
    font-size: 26px !important;
  }
  .sell-lbl.brand_content span {
    font-size: var(--ion-font-m);
  }
  .cardlist_content_box .partner_class_label ion-label span a i.fa-map-marker-alt.fas {
    position: relative;
  }
  .shop-address-detail i {
    padding-right: 4px;
  }
  ion-label.brand_content span {
    font-size: var(--ion-font-l) !important;
  }
  .filter_count_list ion-label .contents {
    font-size: 14px !important;
  }
  .filter_count_list ion-label .count, .filter_count_list ion-label .count span {
    font-size: var(--ion-font-m) !important;
    white-space: normal;
    text-align: left;
    margin-top: 2px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    line-height: 1rem !important;
  }
  .cardlist {
    margin-bottom: 10px;
  }
  .item_card_product .cardlist_images_box .icon {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .counts_searchbox .navigation_compo {
    padding: 0px;
  }
  .counts_searchbox {
    margin: 0;
  }
  .counts_searchbox .sharing.navigation_compo {
    margin-left: 0px !important;
  }
  .counts_searchbox .downloads.navigation_compo {
    margin-left: 0 !important;
    margin-bottom: 5px !important;
  }
  .filter_nav .open_filter_button, .filter_nav .drop_box {
    padding: 0px 0px 0px 20px;
  }
  .open_filter_button {
    padding: 0px;
  }
  ion-modal.modal-save-filter {
    --ion-background-color: #0000;
    --max-width: 80%;
    --height: 100%;
  }
  .lbl-img {
    width: 60px !important;
    max-width: 60px !important;
  }
  .lbl-img.max_io {
    width: 30px !important;
  }
  span.count.text-center {
    font-size: 12px;
  }
  span.count.text-center.overview {
    font-size: 14px;
  }
  accordion .vagen_icons_list ion-label {
    margin-right: 5px !important;
    padding-left: 0 !important;
  }
  ion-popover.item-list-component {
    --width: 90% !important;
    overflow: hidden !important;
  }
  #change_pass_btn ion-row.button_box ion-col {
    flex: 1 !important;
    padding: 10px 15px !important;
  }
  #change_pass_btn ion-row.button_box ion-col ion-button {
    width: 100% !important;
  }
  #company_add_first_step ion-row.button_box {
    justify-content: space-around;
  }
  .count-btn-div ion-button.count {
    font-size: 11px !important;
  }
  .count-btn-div ion-button {
    font-size: 11px !important;
  }
  #SelectSearchItems .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 400px !important;
  }
  div a.see_more {
    font-size: 11px;
  }
  .buybtn .buya {
    font-size: 11px;
    line-height: 11px;
  }
  .buybtn:has(.buya) {
    padding: 6px 8px;
    line-height: 12px !important;
  }
  .tab-container .container, .tab-container app-tabs {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .data-point-a div.data-point-red-circle {
    padding: 8px;
    font-size: var(--ion-font-m);
  }
  .data-point-a div.data-point-black-circle {
    padding: 8px;
    font-size: var(--ion-font-m);
  }
  .cardlist_content_box ion-label span a, .cardlist_content_box2 ion-label span a {
    font-size: var(--ion-font-l) !important;
  }
  .cardlist_content_box ion-label span a i {
    font-size: var(--ion-font-l);
  }
  .basket-div button.contact-supplier-btn {
    font-size: var(--ion-font-m);
  }
  .partner_class .partner_span {
    font-size: var(--ion-font-m);
  }
  .basket-div button.add-inquiry-btn i, .basket-div button.modify-inquiry-btn i, .basket-div button.remove-inquiry-btn i {
    font-size: var(--ion-font-xs-p) !important;
  }
  .app_div .basket-div button {
    margin-top: 0px !important;
  }
  .app_div .quantity-note {
    padding: 0px !important;
  }
  /*  new toggle switch design start */
  .cl-toggle-switch {
    padding: 0px 0px 10px 0px;
    width: 100%;
    justify-content: space-between;
  }
  .cl-toggle-switch ion-label, .cl-toggle-switch span {
    font-size: var(--ion-font-l) !important;
    line-height: 16px !important;
    line-clamp: unset;
    -webkit-line-clamp: unset;
  }
  .cl-switch > span::before {
    margin: 3px 0px;
    width: 42px;
    height: 18px;
  }
  .cl-switch > input:checked + span::after {
    font-size: var(--ion-font-s);
    right: 18px;
  }
  .cl-switch > span::after {
    width: 24px;
    height: 24px;
  }
  /*  new toggle switch design end */
}
@media (max-width: 445px) {
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
}
@media (max-width: 360px) {
  .admin_right_panel .container1 {
    padding: 0px !important;
  }
  .filter_nav.permission > .add_buttons:first-child {
    position: relative;
    margin-left: -10px;
    margin-right: 10px !important;
    text-align: center;
  }
  .forms_conponenl .button_box {
    align-items: center;
    padding: 0px !important;
  }
  ion-button.btn-red {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  ion-button.btn-red-border {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  ion-popover.item-list-component {
    --width: 90% !important;
    overflow: hidden !important;
  }
  .count-btn-div ion-button.count {
    white-space: normal;
  }
  .loading-spinner-redirect {
    max-width: 250px;
  }
}
@media (max-width: 280px) {
  .filter_count_list.admin_list .contect-padding ion-label {
    min-width: 140px !important;
  }
  status-view .contect-padding ion-select {
    min-width: 90px !important;
  }
}
:after,
:before,
* {
  margin: 0;
  box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: 1300px;
  display: block;
  padding: 1px 15px;
  margin: 0 auto;
}

.container-lg {
  max-width: 700px;
  padding-left: 16px;
  padding-right: 16px;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.extra-padding-top {
  padding-top: 35px;
}

h2 div.icon-container {
  color: var(--ion-color-logo-red);
  margin-right: 10px;
  border: 1px solid var(--ion-color-logo-red);
  border-radius: 100%;
  padding: 10px;
  display: inline-flex;
  height: 40px;
  width: 40px;
  justify-content: center;
}

h2 div.icon-container i {
  color: var(--ion-color-logo-red);
  font-size: 20px;
}

ion-accordion ion-item ion-label {
  letter-spacing: 0.5px;
}

ion-accordion .details-content {
  font-size: 15px;
  padding: 10px 15px;
  letter-spacing: 0.5px;
}

@media (min-width: 1050px) {
  .container-lg {
    max-width: 1050px;
  }
}
.tg-line {
  font-size: 22px !important;
  font-weight: normal !important;
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

@media (min-width: 1300px) {
  .container-lg {
    max-width: 1300px;
  }
}
.btn {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  background-image: none;
  border: 2px solid transparent;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  font-family: Helvetica;
  font-size: 14px;
  letter-spacing: 0.7px;
  font-weight: 500;
  color: var(--ion-color-white);
  background-color: var(--ion-color-logo-red);
  transition: background-color 70ms ease-in-out, border-color 70ms ease-in-out;
  padding: 0 14px;
  border-radius: 60px;
}

.button {
  padding: 10px 15px;
  border-radius: 64px;
  text-align: center;
  font-size: 14px;
  transition: all 0.5s;
  letter-spacing: 0.7px;
}

.btn-primary {
  background-color: var(--ion-color-logo-red) !important;
  border: 1px solid var(--ion-color-logo-red) !important;
  color: var(--ion-color-white) !important;
}

.btn-primary:hover {
  color: var(--ion-color-white) !important;
  background-color: #9d0909 !important;
  border-color: #9d0909 !important;
}

a.btn.btn-round.btn-outline.btn-primary.d-none.d-xs-inline-block {
  color: var(--ion-color-white);
  background-color: transparent;
  border-color: var(--ion-color-logo-red) !important;
}

a.btn.btn-round.btn-outline.login {
  color: var(--ion-color-logo-red) !important;
  background-color: var(--ion-color-white);
  border-color: transparent !important;
}

.btn-round {
  border-radius: 20px !important;
  padding: 10px 20px !important;
}

.btn-round.menu {
  padding: 3.8px 7.4px !important;
  min-width: auto;
}

.tield-title {
  color: var(--ion-color-logo-red);
  font-size: 30px;
}

.htwork {
  background: var(--ion-color-logo-red) !important;
  color: var(--ion-color-white) !important;
  font-size: 16px !important;
  padding: 10px 20px !important;
  height: auto !important;
  box-shadow: 0px 2px 2px 0px rgba(211, 34, 42, 0.5);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(211, 34, 42, 0.5);
  border-radius: 20px;
  -webkit-text-decoration: auto;
          text-decoration: auto;
}

.demo, .htwork.white {
  background: var(--ion-color-white) !important;
  color: var(--ion-color-logo-red) !important;
  font-size: 16px !important;
  padding: 10px 20px !important;
  height: auto !important;
  box-shadow: 0px 5px 5px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(255, 255, 255, 0.2);
  border-radius: 64px;
  -webkit-text-decoration: auto;
          text-decoration: auto;
}

.htwork.black {
  background-color: var(--ion-color-black) !important;
  border: 1px solid var(--ion-color-black) !important;
  color: var(--ion-color-white) !important;
  font-size: 16px !important;
  padding: 10px 20px !important;
  height: auto !important;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
  border-radius: 64px;
  position: absolute;
  transform: translate(-45%, 0%);
}

.bg-dark-black, .bg-white-block {
  position: relative;
}

.two-btn {
  position: absolute;
  transform: translate(-50%, 0%);
  text-align: center;
  vertical-align: middle;
  bottom: -10px;
  left: 50%;
}

.bg-dark-black .htwork-2, .bg-white-block .htwork-2 {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 16px !important;
  padding: 8px 15px !important;
  box-shadow: 0px 5px 10px 0px rgba(211, 34, 42, 0.5);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(211, 34, 42, 0.5);
}

.fir-btn {
  margin-right: 10px;
}

.sec-btn {
  margin-left: 10px;
}

.bg-dark-black .htwork, .bg-white-block .htwork {
  position: absolute;
  transform: translate(-45%, 0%);
  padding: 8px 15px !important;
  text-align: center;
  vertical-align: middle;
  bottom: -22px;
  white-space: nowrap;
  box-shadow: 0px 5px 10px 0px rgba(211, 34, 42, 0.5);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(211, 34, 42, 0.5);
  left: 50%;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.flex-container.flex-container-row {
  flex-direction: row;
}

.flex-container.flex-items-center {
  align-items: center;
}

.flex0 {
  flex: 0 0 auto;
}

.flex1 {
  flex: 1 1 auto;
}

.navigation .container {
  padding-left: 10px;
  padding-right: 10px;
}

.container {
  height: 100%;
}

.outer-block {
  background-color: #F8F8F8;
}

.row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.p-5 {
  padding: 3rem !important;
}

.p-5-r {
  padding: 3rem !important;
}

.methodology-box ul {
  padding-inline-start: 10px;
}

ul.social_icons {
  padding-inline-start: 0px;
}

@media (max-width: 830px) {
  .button, .htwork, .demo, .htwork.white, .htwork.black, .bg-dark-black .htwork-2, .bg-white-block .htwork-2, .bg-dark-black .htwork, .bg-white-block .htwork {
    padding: 5px 15px !important;
    font-size: 14px !important;
  }
  .tg-line {
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  .btn-round {
    padding: 5px 15px !important;
  }
  .container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .bg-dark-black .htwork-2, .bg-white-block .htwork-2 {
    padding: 8px 12px !important;
    font-size: 16px;
  }
  .fir-btn {
    margin-right: 5px;
  }
  .sec-btn {
    margin-left: 5px;
  }
  .tield-title {
    color: var(--ion-color-logo-red);
    font-size: 26px;
  }
}
.extra-backgrnd {
  background: rgba(0, 0, 0, 0.8);
  min-height: 500px;
}

.slider-text {
  padding-top: 97px;
}

.slider-title {
  font-size: 55px !important;
  color: #fff;
  margin-top: 2rem;
  margin-bottom: 30px;
  font-weight: bold;
}

.slider-des {
  color: #fff;
  font-size: 24px !important;
  letter-spacing: 0.7px;
}

p {
  letter-spacing: 0.7px;
  font-size: 24px;
}

@media (max-width: 992px) {
  .slider-title {
    font-size: 40px !important;
  }
  p {
    font-size: 20px !important;
  }
}
@media (max-width: 830px) {
  .slider-title {
    font-size: 26px !important;
  }
  .slider-des {
    font-size: 20px !important;
  }
  p {
    font-size: 18px !important;
  }
}
/* .bs-datepicker */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
  /* button */
  /* .bs-datepicker-head */
  /* .bs-datepicker-body */
  /* .current-timedate */
  /* .bs-datepicker-multiple */
  /* .bs-datepicker-btns */
  /*.bs-datepicker-custom-range */
  /* .bs-datepicker-predefined-btns */
  /* .bs-datepicker-buttons */
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
  /* .bs-datepicker-head button */
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
  /* .bs-datepicker-body table */
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  /* .bs-datepicker-body table.days */
  /* .bs-datepicker-body table.weeks */
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
  /* todo: check first :not(.disabled) usage */
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  /*z-index: 1;*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
.bs-datepicker-body table.days span.active:not(.select-start):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}

/* .bs-timepicker */
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}

/* screen size < 1024px */
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
/* theming */
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

/*!
 * froala_editor v4.1.1 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-view.fr-element-scroll-visible{overflow-x:visible !important}.fr-box.fr-basic{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-basic .fr-element{font-family:sans-serif;color:#414141;font-size:14px;line-height:1.6;padding:20px;box-sizing:border-box;overflow-x:auto;min-height:60px;text-align:left}.fr-box.fr-basic.fr-rtl .fr-element{text-align:right}.fr-element{background:transparent;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element [contenteditable="true"]{outline:0 solid transparent}.fr-box a.fr-floating-btn{box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:40px;width:40px;background:#FFF;color:#333333;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;outline:none;left:0;top:0;line-height:40px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;box-sizing:border-box;border:none}.fr-box a.fr-floating-btn svg{-webkit-transition:transform 0.2s ease 0s;-moz-transition:transform 0.2s ease 0s;-ms-transition:transform 0.2s ease 0s;-o-transition:transform 0.2s ease 0s;fill:#333333}.fr-box a.fr-floating-btn i,.fr-box a.fr-floating-btn svg{font-size:14px;line-height:40px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#333333}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:none;position:relative;display:block;z-index:2;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:14px;color:#AAA;font-family:sans-serif;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block;white-space:nowrap;text-overflow:ellipsis}.fr-wrapper ::selection{background:rgba(181,214,253,0.8);color:#000}.fr-box.fr-basic .fr-wrapper{background:#FFF;border:1px solid #CCCCCC;border-bottom-color:#efefef;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}@media (min-width: 992px){.fr-box.fr-document{min-width:21cm}.fr-box.fr-document .fr-wrapper{text-align:left;padding:30px;min-width:21cm;background:#efefef}.fr-box.fr-document .fr-wrapper .fr-element{text-align:left;background:#FFF;width:21cm;margin:auto;min-height:26cm !important;padding:1cm 2cm;overflow:visible;z-index:auto}.fr-box.fr-document .fr-wrapper .fr-element hr{margin-left:-2cm;margin-right:-2cm;background:#efefef;height:1cm;outline:none;border:none}.fr-box.fr-document .fr-wrapper .fr-element img{z-index:1}}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#222222;color:#FFF;font-size:11px;line-height:22px;font-family:Arial, Helvetica, sans-serif;-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:2147483647;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-btn-wrap,.fr-popup .fr-btn-wrap,.fr-modal .fr-btn-wrap{float:left;white-space:nowrap;position:relative}.fr-toolbar .fr-btn-wrap.fr-hidden,.fr-popup .fr-btn-wrap.fr-hidden,.fr-modal .fr-btn-wrap.fr-hidden{display:none}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn,.fr-modal .fr-command.fr-btn{background:transparent;color:#333333;-moz-outline:0;outline:none;border:0;line-height:1;cursor:pointer;text-align:left;margin:4px 2px;padding:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;height:40px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-btn-hover,.fr-popup .fr-command.fr-btn.fr-btn-hover,.fr-modal .fr-command.fr-btn.fr-btn-hover{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner,.fr-modal .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text,.fr-modal .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-toolbar .fr-command.fr-btn svg,.fr-popup .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn svg,.fr-modal .fr-command.fr-btn i,.fr-modal .fr-command.fr-btn svg{display:block;text-align:center;float:none;margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn svg.fr-svg,.fr-popup .fr-command.fr-btn svg.fr-svg,.fr-modal .fr-command.fr-btn svg.fr-svg{height:24px}.fr-toolbar .fr-command.fr-btn svg path,.fr-popup .fr-command.fr-btn svg path,.fr-modal .fr-command.fr-btn svg path{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;fill:#333333}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only,.fr-modal .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span,.fr-modal .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:30px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:bold;padding:0 4px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img,.fr-modal .fr-command.fr-btn img{margin:8px 7px;width:24px}.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,.fr-popup .fr-command.fr-btn.fr-btn-active-popup,.fr-modal .fr-command.fr-btn.fr-btn-active-popup{background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:normal}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown svg,.fr-modal .fr-command.fr-btn.fr-dropdown i,.fr-modal .fr-command.fr-btn.fr-dropdown span,.fr-modal .fr-command.fr-btn.fr-dropdown img,.fr-modal .fr-command.fr-btn.fr-dropdown svg{margin-left:3px;margin-right:11px}.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,.fr-popup .fr-command.fr-btn.fr-dropdown:after,.fr-modal .fr-command.fr-btn.fr-dropdown:after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333333;right:2px;top:18px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;content:""}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active{fill:#333333;background:#d6d6d6;-webkit-transition:0.5s ease;-moz-transition:0.5s ease;-ms-transition:0.5s ease;-o-transition:0.5s ease}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover{background:#ebebeb;fill:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after{border-top-color:#333333}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after{border-top:0;border-bottom:4px solid #222222}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled,.fr-modal .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after,.fr-modal .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden,.fr-modal .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar .fr-tabs .fr-command.fr-btn,.fr-popup .fr-tabs .fr-command.fr-btn,.fr-modal .fr-tabs .fr-command.fr-btn{margin:0;width:46px;height:40px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab{background:#FFF}.fr-toolbar .fr-tabs .fr-command.fr-btn span,.fr-popup .fr-tabs .fr-command.fr-btn span,.fr-modal .fr-tabs .fr-command.fr-btn span{height:27px}.fr-toolbar .fr-tabs .fr-command.fr-btn img,.fr-toolbar .fr-tabs .fr-command.fr-btn svg,.fr-popup .fr-tabs .fr-command.fr-btn img,.fr-popup .fr-tabs .fr-command.fr-btn svg,.fr-modal .fr-tabs .fr-command.fr-btn img,.fr-modal .fr-tabs .fr-command.fr-btn svg{margin:8px 11px;width:24px;height:24px}.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:#0098f7}.fr-toolbar.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn.fr-active,.fr-modal.fr-disabled .fr-btn,.fr-modal.fr-disabled .fr-btn.fr-active{color:#bdbdbd;-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,.fr-modal.fr-rtl .fr-btn-grp.fr-float-left{float:right}.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,.fr-modal.fr-rtl .fr-btn-grp.fr-float-right{float:left}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-toolbar.fr-rtl .fr-btn-wrap,.fr-popup.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-btn-wrap,.fr-modal.fr-rtl .fr-command.fr-btn,.fr-modal.fr-rtl .fr-btn-wrap{float:right}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden){display:inline-flex;float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus,.fr-desktop .fr-command.fr-btn-hover,.fr-desktop .fr-command.fr-expanded{outline:0;color:#333333}.fr-desktop .fr-command:hover:not(.fr-table-cell),.fr-desktop .fr-command:focus:not(.fr-table-cell),.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell){background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after,.fr-desktop .fr-command.fr-btn-hover::after,.fr-desktop .fr-command.fr-expanded::after{border-top-color:#333333}.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),.fr-desktop .fr-command:active{color:#333333;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus,.fr-desktop .fr-command.fr-active.fr-btn-hover,.fr-desktop .fr-command.fr-active.fr-expanded{background:#ebebeb}.fr-desktop .fr-command.fr-active:active{background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:transparent}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:transparent}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:#d6d6d6}.fr-command.fr-btn.fr-options{width:16px;margin-left:-5px}.fr-command.fr-btn.fr-options.fr-btn-hover,.fr-command.fr-btn.fr-options:hover,.fr-command.fr-btn.fr-options:focus{border-left:solid 1px #FAFAFA;-webkit-transition:border-left 0s, background-color 0.5s;-moz-transition:border-left 0s, background-color 0.5s;-ms-transition:border-left 0s, background-color 0.5s;-o-transition:border-left 0s, background-color 0.5s}.fr-command.fr-btn+.fr-dropdown-menu{background:#FFF;display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:4;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-overflow-scrolling:touch;overflow:hidden;zoom:1;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;height:auto;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{padding:0;margin:auto;display:inline-block;text-align:left;position:relative;box-sizing:border-box;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;float:left;height:0;margin-top:0 !important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{position:relative}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:8px 0;min-width:72px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 20px;line-height:200%;display:flex;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg{width:24px;height:24px;margin:3px 4px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path{fill:#333333}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut{margin-left:20px;font-weight:bold;-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;box-shadow:0 3px 1px -2px rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12)}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right !important}body.fr-prevent-scroll{overflow:hidden}body.fr-prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222222;font-family:Arial, Helvetica, sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:2147483640;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:1.2}.fr-modal.fr-middle .fr-modal-wrapper{margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);position:absolute}.fr-modal .fr-modal-wrapper{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#FFF;min-width:300px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;overflow:hidden;width:90%;position:relative}@media (min-width: 768px) and (max-width: 991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width: 992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:960px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#FFF;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;border-bottom:solid #efefef 1px;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line{height:56px;padding:0 10px}.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close{margin:10px;position:absolute;top:0;right:0}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:20px;padding:19px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:auto;padding-bottom:20px}.fr-modal .fr-modal-wrapper div.fr-modal-body:focus{outline:0}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button{margin-left:24px}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner{border:0}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index:2147483639}ol.decimal_type{counter-reset:item}ol.decimal_type>li{display:block;position:relative}ol.decimal_type>li:before{content:counters(item,".") ". ";counter-increment:item;position:absolute;margin-right:100%;right:10px}.fr-popup{position:absolute;display:none;color:#222222;background:#FFF;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:2147483635;text-align:left;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2}.fr-popup .fr-icon{text-align:center;vertical-align:middle;font-size:20px;line-height:1;cursor:pointer;font-weight:400;box-sizing:content-box;padding:6px}.fr-popup .fr-icon-container{padding:20px;max-height:200px;overflow:auto;box-sizing:border-box}@supports not (-ms-high-contrast: none){.fr-popup .fr-icon-container{grid-template-columns:repeat(auto-fill, minmax(36px, 36px));display:grid}}@media (min-width: 768px){.fr-popup .fr-icon-container{min-width:276px}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.fr-popup .fr-icon-container{display:inline-flex}}@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px){.fr-popup .fr-icon-container{width:236px}}.fr-popup .fr-input-focus{background:whitesmoke}.fr-popup.fr-above{margin-top:-10px;border-top:0}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{display:none !important}.fr-popup.fr-empty{display:none !important}.fr-popup .fr-hs{display:block !important}.fr-popup .fr-hs.fr-hidden{display:none !important}.fr-popup .fr-input-line{position:relative;padding:15px 0}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"],.fr-popup .fr-input-line textarea{width:100%;margin-bottom:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:solid 1px #999999;color:#222222;font-size:14px;background:#FFF;position:relative;z-index:2;padding:4px 12px;box-sizing:border-box;-webkit-transition:border 0.5s, padding 0.5s;-moz-transition:border 0.5s, padding 0.5s;-ms-transition:border 0.5s, padding 0.5s;-o-transition:border 0.5s, padding 0.5s}.fr-popup .fr-input-line input[type="text"]:hover,.fr-popup .fr-input-line input[type="number"]:hover,.fr-popup .fr-input-line textarea:hover{border:solid 1px #515151}.fr-popup .fr-input-line input[type="text"]:focus,.fr-popup .fr-input-line input[type="number"]:focus,.fr-popup .fr-input-line textarea:focus{border:solid 2px #0098f7;padding:3px 11px}.fr-popup .fr-input-line input[type="text"],.fr-popup .fr-input-line input[type="number"]{height:46px}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:29px;left:12px;font-size:14px;color:grey;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;z-index:3;display:block;background:#FFF;padding:0;cursor:text}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray;width:auto;left:4px;padding:0 4px;font-size:11px;top:9px}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:none}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{white-space:nowrap;line-height:0}.fr-popup .fr-buttons .fr-btn{margin-left:4px;margin-right:4px;display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-buttons.fr-tabs{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;overflow:hidden}@media (max-width: 768px){.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll{overflow:scroll;overflow-y:hidden;width:276px}}.fr-popup .fr-buttons:not(.fr-tabs){padding:5px}.fr-popup .fr-layer{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:195px;box-sizing:border-box;margin:20px;display:none}@media (min-width: 768px){.fr-popup .fr-layer{width:260px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;outline:none;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#0098f7}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0098f7}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:18px;height:18px;padding:10px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:18px;height:18px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px;top:7px;left:7px}.fr-popup .fr-checkbox input:not(:checked)+span{border:solid 2px #999999}.fr-popup .fr-checkbox input:not(:checked):active+span{background-color:#f5f5f5}.fr-popup .fr-checkbox input:not(:checked):focus+span,.fr-popup .fr-checkbox input:not(:checked):hover+span{border-color:#515151}.fr-popup .fr-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:checked:active+span{background-color:#EcF5Ff}.fr-popup .fr-checkbox input:checked:focus+span,.fr-popup .fr-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-text-edit-layer{width:250px;box-sizing:border-box;display:block !important}.fr-toolbar{color:#222222;background:#FFF;position:relative;font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border:1px solid #CCCCCC;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.2;padding-bottom:0;-webkit-transition:padding-bottom 0.5s;-moz-transition:padding-bottom 0.5s;-ms-transition:padding-bottom 0.5s;-o-transition:padding-bottom 0.5s}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar .fr-newline{clear:both;display:block;content:"";margin-left:9px;margin-right:9px;background:#efefef;height:1px;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s}.fr-toolbar.fr-toolbar-open .fr-newline{height:0}.fr-toolbar .fr-float-right{float:right}.fr-toolbar .fr-float-left{float:left}.fr-toolbar .fr-more-toolbar{float:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#f5f5f5;-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;height:0;overflow:hidden;box-sizing:border-box;width:100%}.fr-toolbar .fr-more-toolbar.fr-expanded{height:48px}.fr-toolbar .fr-more-toolbar.fr-overflow-visible{overflow:visible}.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn{margin-left:4px;margin-right:4px}.fr-toolbar .fr-btn-grp{display:inline-block;margin:0 17px 0 12px}@media (max-width: 768px){.fr-toolbar .fr-btn-grp{margin:0 7px 0 6px}}.fr-toolbar .fr-command.fr-btn.fr-open{margin-top:10px;margin-bottom:-1px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active){background:#f5f5f5}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;box-shadow:0 3px 5px -1px rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12);border:0;white-space:nowrap;position:absolute;margin-top:5px;z-index:2147483630}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;border-top:0}.fr-toolbar.fr-inline .fr-newline{height:0}.fr-toolbar.fr-inline .fr-more-toolbar{position:absolute !important}.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded{position:relative !important}.fr-toolbar.fr-top{top:0;border-bottom:0;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom{bottom:0;border-top:0;padding-bottom:0;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-bottom .fr-newline{padding-top:0;-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;-ms-transition:padding-top 0.5s;-o-transition:padding-top 0.5s}.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline{padding-top:48px;background:#FFF}.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open{margin-top:-1px;margin-bottom:10px;border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-sticky-on{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:32px;width:1px;margin:8px 4px}.fr-separator.fr-hs{clear:both;width:calc(100% - (2 * 4px));margin:0 4px;height:1px}.fr-separator.fr-hidden{display:none !important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-second-toolbar{border:1px solid #CCCCCC;border-top:0;background:#FFF;line-height:1.4;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-second-toolbar::after{clear:both;display:block;content:"";height:0}.fr-second-toolbar:empty{min-height:calc(10px);position:relative;margin-top:calc(-1px);z-index:2}#fr-logo{float:left;outline:none}#fr-logo>span{display:inline-block;float:left;font-family:sans-serif;padding:11px 5px 10px 15px;font-size:12px;font-weight:500;color:#b1b2b7;-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;-o-transition:color 0.3s}#fr-logo>svg{height:20px;width:47px;margin:7px 0;cursor:pointer}#fr-logo>svg *{-webkit-transition:fill 0.3s;-moz-transition:fill 0.3s;-ms-transition:fill 0.3s;-o-transition:fill 0.3s}#fr-logo:hover>span,#fr-logo:focus>span{color:#0098f7}#fr-logo:hover>svg .fr-logo,#fr-logo:focus>svg .fr-logo{fill:#0098f7}.fr-visibility-helper{display:none;margin-left:0 !important}@media (min-width: 768px){.fr-visibility-helper{margin-left:1px !important}}@media (min-width: 992px){.fr-visibility-helper{margin-left:2px !important}}@media (min-width: 1200px){.fr-visibility-helper{margin-left:3px !important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:sticky;z-index:10}.fr-sticky-on.fr-sticky-ios{position:-webkit-sticky;left:0;right:0;width:auto !important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view .fr-highlight-change,.fr-highlight-change>img,.fr-highlight-change>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-video>iframe,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-highlight-change>p,.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted){background-color:#f3eec3;opacity:0.5}.fr-highlight-change.fr-highlight-change>table td,.fr-highlight-change.fr-highlight-change>hr{border-color:#f3eec3}.fr-tracking-deleted.fr-tracking-deleted>table td,.fr-tracking-deleted.fr-tracking-deleted>hr{border-color:#dc3545}.fr-tracking-deleted img,.fr-tracking-deleted>.fr-video>video,.fr-tracking-deleted>.fr-video>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{opacity:0.5;background-color:#dc3545}.fr-view .fr-tracking-deleted{background-color:#dc3545;text-decoration:line-through;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1}.fr-highlight-change>.fr-video>iframe,.fr-tracking-deleted>.fr-video>iframe,.fr-highlight-change>.fr-video>video,.fr-tracking-deleted>.fr-video>video,.fr-highlight-change>.fr-video>embed,.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe{padding:10px !important}.fr-tracking-deleted img,.fr-highlight-change img{border:2px solid #f3eec3}.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td){opacity:0.5;background-color:#f3eec3}.fr-highlight-change #isPasted>table td{opacity:0.5;border-color:#f3eec3}.fr-track-hide{display:none}.fr-track-hide-mobile{width:0;height:0;overflow:hidden;position:absolute}.fr-ios-mobile-disable-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fr-bottom-extended{flex-wrap:wrap;display:flex;box-sizing:border-box}.position-relative{position:relative !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-box .fr-counter{padding:10px;float:right;color:#999999;content:attr(data-chars);font-size:14px;font-family:sans-serif;z-index:1;border-radius:2px 0 0 0;-moz-border-radius:2px 0 0 0;-webkit-border-radius:2px 0 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:none;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{position:absolute;top:0;right:0;display:none;background:#FFF;color:#333333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-layer.fr-color-hex-layer{margin:0;padding:20px;padding-top:0;float:left}.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line{float:left;width:calc(100% - 50px);padding:15px 0 0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons{float:right;width:38px;height:40px;padding:17px 0 0;margin:0}.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:13px;height:40px;width:38px}.fr-popup .fr-separator+.fr-colors-tabs{margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block;padding:20px;padding-bottom:0}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i,.fr-popup .fr-color-set>span>svg{text-align:center;line-height:32px;height:24px;width:24px;margin:4px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span>i path,.fr-popup .fr-color-set>span>svg path{fill:#222222}.fr-popup .fr-color-set>span .fr-selected-color{color:#FFF;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after{-webkit-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0)}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:0.2;-moz-opacity:0.2;opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-emoticon{width:24px;height:24px;font-family:"Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols}.fr-popup .fr-emoticon img{height:24px;width:24px}.fr-popup .fr-command.fr-btn.fr-tabs-unicode{padding:0 0 0 14px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-emoticon-container{width:368px}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;box-sizing:border-box;text-align:center}.fr-popup .fr-file-upload-layer:hover{background:#ebebeb}.fr-popup .fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-file-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-file-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-file-progress-bar-layer{box-sizing:border-box}.fr-popup .fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-file-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-height-auto{height:auto !important}.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}.fr-trim-button:hover{background:#ebebeb}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-by-url-padding{padding:11.5px 0}.fr-popup .fr-upload-progress-layer{border-radius:0;box-sizing:border-box;padding-left:20px;padding-top:15px;margin:auto !important;max-height:100%;overflow-y:auto;overflow-x:hidden;width:100% !important;overscroll-behavior:contain}.fr-popup .fr-files-by-url-layer{width:calc(100% - 40px) !important}.fr-popup .fr-files-embed-layer{width:calc(100% - 40px) !important}.fr-popup .fr-files-upload-layer{border:dashed 2px #bdbdbd;margin:20px;position:relative;font-size:10px;letter-spacing:1px;line-height:140%;text-align:center;width:calc(100% - 40px) !important}.fr-popup .fr-files-upload-layer:hover{background:#ebebeb}.fr-popup .fr-files-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-files-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-files-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-files-progress-bar-layer{width:calc(100% - 40px);width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}.fr-popup .fr-files-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-files-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-files-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-progress-bar-style{width:calc(100% - 40px)}.fr-progress-bar{position:relative;background-color:#4CAF50;height:8px;margin-bottom:8px;margin-left:20px;margin-right:20px;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}.fr-pull-left{float:left}.fr-pull-right{float:right}.fr-icons{padding:10px 20px 0;display:inline}.fr-transform-135{transform:rotate(135deg)}.fr-icons i{margin:4px;padding:2px;cursor:pointer;color:#999588;font-size:20px}.fr-blue-decorator{background:#4a7fba;color:white;display:grid;padding:5px}.fr-upload-progress{padding:1px}.fr-upload-section{position:relative;width:100%;width:-moz-available;width:-webkit-stretch;width:-webkit-fill-available;width:stretch}@media screen and (max-width: 399px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 400px) and (max-width: 469px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 470px) and (max-width: 680px){.fr-upload-section{margin-left:7px;margin-right:7px}.fr-files-upload-layer{padding-top:7px;padding-bottom:7px}}@media screen and (min-width: 681px){.fr-upload-section{margin-left:35px;margin-right:35px}.fr-files-upload-layer{padding-top:20px;padding-bottom:20px}}.fr-half-circle{width:60px;height:25px;background-color:white;border-top-left-radius:110px;border-top-right-radius:110px;transform:rotate(180deg);border-bottom:0;position:relative;z-index:1;left:50%;margin-top:-1px;margin-left:-25px}.fr-decorated{overflow:hidden;text-align:center}.fr-decorated>span{position:relative;display:inline-block}.fr-decorated>span:before,.fr-decorated>span:after{content:'';position:absolute;top:50%;border-bottom:2px solid #ffffff;width:100%;margin:0 20px}.fr-decorated>span:before{right:100%}.fr-decorated>span:after{left:100%}.fr-align-right{float:right}.fr-checkbox-container{display:inline-block;position:relative;padding-left:20px;margin-bottom:12px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.fr-files-checkbox-line{display:flex;align-items:center;font-size:10px}.fr-files-checkbox-line label{cursor:pointer;vertical-align:middle}.fr-insert-checkbox input{height:13px !important;width:13px !important}.fr-autoplay-checkbox input{height:13px !important;width:13px !important}button[data-cmd="insertFiles"]{padding-left:2px !important;padding-top:2.7px !important}button[data-cmd="autoplay"] svg{position:relative !important;top:3.2px !important}button[data-cmd="insertAll"]{padding-left:4px !important}button[data-cmd="insertAll"] svg{position:relative !important;top:3.2px !important}.fr-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.fr-checkmark{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee}.fr-file-list-item{display:flex;justify-content:space-between;align-items:center;padding-top:7px;flex-wrap:wrap;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:7px}.fr-file-item-left{display:flex;flex-wrap:wrap}.fr-file-item-icon{display:flex;align-items:center;padding-left:7px}.fr-file-item-description{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;max-width:400px;margin-left:5px}.fr-cloud-icon{height:30px;width:32px;background-color:white;border-radius:50%;display:flex;justify-content:center;position:relative;margin:0 auto;margin-top:-18px}.fr-files-checkbox{position:relative;display:inline-block;width:13px;height:13px;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}.fr-files-checkbox svg{margin-left:0px;margin-top:0px;display:none;width:10px;height:10px}.fr-files-checkbox span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-files-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:pointer;height:18px;margin:0;padding:0;width:18px}.fr-files-checkbox input:not(:checked)+span{border:solid 2px #999999}.fr-files-checkbox input:not(:checked):active+span{background-color:#f5f5f5}.fr-files-checkbox input:not(:checked):focus+span,.fr-files-checkbox input:not(:checked):hover+span{border-color:#515151}.fr-files-checkbox input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-files-checkbox input:checked+span svg{display:block}.fr-files-checkbox input:checked:active+span{background-color:#EcF5Ff}.fr-files-checkbox input:checked:focus+span,.fr-files-checkbox input:checked:hover+span{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-checkbox-disabled{opacity:0.4;position:relative;display:inline-block;width:13px !important;height:13px !important;padding-right:5px;border-radius:100%;line-height:1;box-sizing:content-box;vertical-align:middle}.fr-checkbox-disabled svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-checkbox-disabled span{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:15px;height:15px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;-webkit-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, border-color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, border-color 0.2s ease 0s}.fr-checkbox-disabled input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border:0 none;cursor:default;height:13px !important;margin:0;padding:0;width:13px !important;top:7px;left:7px}.fr-checkbox-disabled input:not(:checked)+span{border:solid 2px #999999}.fr-checkbox-disabled input:not(:checked):active+span{background-color:#f5f5f5}.fr-checkbox-disabled input:checked+span{background:#0098f7;border:solid 2px #0098f7}.fr-checkbox-disabled input:checked+span svg{display:block}.fr-checkbox-disabled input:checked:active+span{background-color:#EcF5Ff}.fr-file-view{position:absolute;max-width:60%;right:10%;z-index:2147483642}.fr-file-item-thumbnail-hover{transition:transform .2s}.fr-file-item-thumbnail-hover:hover{transform:scale(1.3)}.fr-file-name{padding-top:5px;font-size:12px;font-weight:bold}.fr-margin-16{margin-bottom:16px}.fr-none{display:none}.fr-display-block{display:block}.fr-files-manager-tooltip{position:relative}.padding-top-15{padding-top:15px !important;padding-bottom:0px !important}.fr-files-manager-tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:250px;word-break:break-word;word-wrap:break-word;background-color:black;color:#fff;text-align:left;padding:4px;border-radius:2px;font-weight:100;font-size:10px;position:absolute;top:80%;left:50%;z-index:2147483647}.fr-files-manager-tooltip:hover .tooltiptext{visibility:visible}.fr-file-details{display:flex;flex-wrap:wrap;font-size:10px}.fr-file-date{word-break:break-word;word-wrap:break-word;max-width:110px;color:#444;padding-top:2px;padding-bottom:2px}.fr-file-size{color:#444;padding-top:2px;padding-bottom:2px}.dot{width:20px;height:20px;background-image:radial-gradient(circle, grey 1px, transparent 2px);background-size:100% 33.33%;margin-left:2px;margin-right:2px}.fr-file-action-icons{margin-right:5px;margin-left:5px !important;color:#999;height:25px !important;padding:5px !important}@media screen and (max-width: 700px){.fr-files-manager-tooltip .tooltiptext{max-width:250px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%;font-size:8px}}@media screen and (max-width: 500px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:0%}.fr-file-item-description{width:130px}.fr-file-item-right{width:100%}.progress-circle{font-size:6px}}@media screen and (max-width: 320px){.fr-files-manager-tooltip .tooltiptext{max-width:100px;visibility:hidden;word-break:break-word;word-wrap:break-word;top:90%;left:-50%;font-size:8px}.dot{width:20px;margin-left:0px;margin-right:3px}.fr-file-item-description{width:80px}.fr-file-details{display:flex;flex-wrap:wrap;font-size:9px}.fr-file-name{font-size:10px}.fr-file-action-icons{padding:0px !important}}@media screen and (min-width: 501px){.progress-circle{font-size:9px}}.fr-file-view-modal{display:block;position:fixed;position:-ms-page;z-index:2147483641;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.7)}.fr-file-view-modal-content{display:inline-block;text-align:center}.fr-file-view-image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:80%;max-height:70%}.fr-file-view-close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.fr-file-view-close:hover,.fr-file-view-close:focus{color:#bbb;text-decoration:none;cursor:pointer}.fr-file-error{color:red;font-weight:200;font-size:12px;padding-bottom:5px}.fr-file-error-h5{margin:0}.fr-file-item-right{display:flex;align-items:center;justify-content:flex-end;margin-right:20px}.fr-file-item-action-buttons{display:flex;align-items:center;justify-content:space-around}.fr-file-item-autoplay-checkbox{align-items:center;margin:0px;padding:0px;margin-right:5px}.fr-autoplay-checkbox-label{margin:0;cursor:default !important}.fr-checkbox-container:hover input ~ .fr-checkmark{background-color:#ccc}.fr-checkbox-container input:checked ~ .fr-checkmark{background-color:#2196F3}.fr-checkmark:after{content:"";position:absolute;display:none}.fr-checkbox-container input:checked ~ .fr-checkmark:after{display:block}.fr-container .fr-checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.fr-file-item-details .file-name{font-weight:bold;display:inline}.fr-file-item-details .file-description{font-weight:300;font-size:11px;display:inline}.fr-width-10{width:10%;display:inline-block}.fr-width-20{width:20%;display:inline-block}.fr-width-30{width:30%;display:inline-block}.fr-width-40{width:40%;display:inline-block}.fr-width-50{width:50%;display:inline-block}.fr-width-60{width:60%;display:inline-block}.fr-width-100{width:100%;display:inline-block}.fr-width-80{width:80%;display:inline-block}.fr-width-90{width:90%;display:inline-block}.fr-width-85{width:85%;display:inline-block}.fr-width-5{width:5%;display:inline-block}.fr-width-7{width:7%;display:inline-block}.fr-img-icon{color:#aaaaaa;font-size:16px;padding:0px 4px}.fr-position-content{position:relative;top:10px}.file-error{color:red}#myprogressBar{width:10%;height:5px;background-color:#4CAF50;position:relative;top:-30px}.fr-files-manager{z-index:2147483641 !important}.progress-circle{margin:0px;margin-left:10px;position:relative;padding:0;width:5em;height:5.1em;background-color:#f2e9e1;border-radius:50%;line-height:5em}.progress-circle:after{border:none;position:absolute;top:0.35em;left:0.35em;text-align:center;display:block;border-radius:50%;width:4.3em;height:4.3em;background-color:white;content:" "}.progress-circle span{position:absolute;line-height:5em;width:5em;text-align:center;display:block;color:#53777a;z-index:2}.progress-circle.over50 .left-half-clipper{clip:rect(auto, auto, auto, auto)}.progress-circle.over50 .first50-bar{position:absolute;clip:rect(0, 5em, 5em, 2.5em);background-color:#53777a;border-radius:50%;width:5em;height:5em}.progress-circle:not(.over50) .first50-bar{display:none}.progress-circle.p0 .value-bar{display:none}.progress-circle.p1 .value-bar{transform:rotate(4deg)}.progress-circle.p2 .value-bar{transform:rotate(7deg)}.progress-circle.p3 .value-bar{transform:rotate(11deg)}.progress-circle.p4 .value-bar{transform:rotate(14deg)}.progress-circle.p5 .value-bar{transform:rotate(18deg)}.progress-circle.p6 .value-bar{transform:rotate(22deg)}.progress-circle.p7 .value-bar{transform:rotate(25deg)}.progress-circle.p8 .value-bar{transform:rotate(29deg)}.progress-circle.p9 .value-bar{transform:rotate(32deg)}.progress-circle.p10 .value-bar{transform:rotate(36deg)}.progress-circle.p11 .value-bar{transform:rotate(40deg)}.progress-circle.p12 .value-bar{transform:rotate(43deg)}.progress-circle.p13 .value-bar{transform:rotate(47deg)}.progress-circle.p14 .value-bar{transform:rotate(50deg)}.progress-circle.p15 .value-bar{transform:rotate(54deg)}.progress-circle.p16 .value-bar{transform:rotate(58deg)}.progress-circle.p17 .value-bar{transform:rotate(61deg)}.progress-circle.p18 .value-bar{transform:rotate(65deg)}.progress-circle.p19 .value-bar{transform:rotate(68deg)}.progress-circle.p20 .value-bar{transform:rotate(72deg)}.progress-circle.p21 .value-bar{transform:rotate(76deg)}.progress-circle.p22 .value-bar{transform:rotate(79deg)}.progress-circle.p23 .value-bar{transform:rotate(83deg)}.progress-circle.p24 .value-bar{transform:rotate(86deg)}.progress-circle.p25 .value-bar{transform:rotate(90deg)}.progress-circle.p26 .value-bar{transform:rotate(94deg)}.progress-circle.p27 .value-bar{transform:rotate(97deg)}.progress-circle.p28 .value-bar{transform:rotate(101deg)}.progress-circle.p29 .value-bar{transform:rotate(104deg)}.progress-circle.p30 .value-bar{transform:rotate(108deg)}.progress-circle.p31 .value-bar{transform:rotate(112deg)}.progress-circle.p32 .value-bar{transform:rotate(115deg)}.progress-circle.p33 .value-bar{transform:rotate(119deg)}.progress-circle.p34 .value-bar{transform:rotate(122deg)}.progress-circle.p35 .value-bar{transform:rotate(126deg)}.progress-circle.p36 .value-bar{transform:rotate(130deg)}.progress-circle.p37 .value-bar{transform:rotate(133deg)}.progress-circle.p38 .value-bar{transform:rotate(137deg)}.progress-circle.p39 .value-bar{transform:rotate(140deg)}.progress-circle.p40 .value-bar{transform:rotate(144deg)}.progress-circle.p41 .value-bar{transform:rotate(148deg)}.progress-circle.p42 .value-bar{transform:rotate(151deg)}.progress-circle.p43 .value-bar{transform:rotate(155deg)}.progress-circle.p44 .value-bar{transform:rotate(158deg)}.progress-circle.p45 .value-bar{transform:rotate(162deg)}.progress-circle.p46 .value-bar{transform:rotate(166deg)}.progress-circle.p47 .value-bar{transform:rotate(169deg)}.progress-circle.p48 .value-bar{transform:rotate(173deg)}.progress-circle.p49 .value-bar{transform:rotate(176deg)}.progress-circle.p50 .value-bar{transform:rotate(180deg)}.progress-circle.p51 .value-bar{transform:rotate(184deg)}.progress-circle.p52 .value-bar{transform:rotate(187deg)}.progress-circle.p53 .value-bar{transform:rotate(191deg)}.progress-circle.p54 .value-bar{transform:rotate(194deg)}.progress-circle.p55 .value-bar{transform:rotate(198deg)}.progress-circle.p56 .value-bar{transform:rotate(202deg)}.progress-circle.p57 .value-bar{transform:rotate(205deg)}.progress-circle.p58 .value-bar{transform:rotate(209deg)}.progress-circle.p59 .value-bar{transform:rotate(212deg)}.progress-circle.p60 .value-bar{transform:rotate(216deg)}.progress-circle.p61 .value-bar{transform:rotate(220deg)}.progress-circle.p62 .value-bar{transform:rotate(223deg)}.progress-circle.p63 .value-bar{transform:rotate(227deg)}.progress-circle.p64 .value-bar{transform:rotate(230deg)}.progress-circle.p65 .value-bar{transform:rotate(234deg)}.progress-circle.p66 .value-bar{transform:rotate(238deg)}.progress-circle.p67 .value-bar{transform:rotate(241deg)}.progress-circle.p68 .value-bar{transform:rotate(245deg)}.progress-circle.p69 .value-bar{transform:rotate(248deg)}.progress-circle.p70 .value-bar{transform:rotate(252deg)}.progress-circle.p71 .value-bar{transform:rotate(256deg)}.progress-circle.p72 .value-bar{transform:rotate(259deg)}.progress-circle.p73 .value-bar{transform:rotate(263deg)}.progress-circle.p74 .value-bar{transform:rotate(266deg)}.progress-circle.p75 .value-bar{transform:rotate(270deg)}.progress-circle.p76 .value-bar{transform:rotate(274deg)}.progress-circle.p77 .value-bar{transform:rotate(277deg)}.progress-circle.p78 .value-bar{transform:rotate(281deg)}.progress-circle.p79 .value-bar{transform:rotate(284deg)}.progress-circle.p80 .value-bar{transform:rotate(288deg)}.progress-circle.p81 .value-bar{transform:rotate(292deg)}.progress-circle.p82 .value-bar{transform:rotate(295deg)}.progress-circle.p83 .value-bar{transform:rotate(299deg)}.progress-circle.p84 .value-bar{transform:rotate(302deg)}.progress-circle.p85 .value-bar{transform:rotate(306deg)}.progress-circle.p86 .value-bar{transform:rotate(310deg)}.progress-circle.p87 .value-bar{transform:rotate(313deg)}.progress-circle.p88 .value-bar{transform:rotate(317deg)}.progress-circle.p89 .value-bar{transform:rotate(320deg)}.progress-circle.p90 .value-bar{transform:rotate(324deg)}.progress-circle.p91 .value-bar{transform:rotate(328deg)}.progress-circle.p92 .value-bar{transform:rotate(331deg)}.progress-circle.p93 .value-bar{transform:rotate(335deg)}.progress-circle.p94 .value-bar{transform:rotate(338deg)}.progress-circle.p95 .value-bar{transform:rotate(342deg)}.progress-circle.p96 .value-bar{transform:rotate(346deg)}.progress-circle.p97 .value-bar{transform:rotate(349deg)}.progress-circle.p98 .value-bar{transform:rotate(353deg)}.progress-circle.p99 .value-bar{transform:rotate(356deg)}.progress-circle.p100 .value-bar{transform:rotate(360deg)}.left-half-clipper{border-radius:50%;width:5em;height:5em;position:absolute;clip:rect(0, 5em, 5em, 2.5em)}.value-bar{position:absolute;clip:rect(0, 2.5em, 5em, 0);width:5em;height:5em;border-radius:50%;border:0.45em solid #53777a;box-sizing:border-box}.align-autoplay{align-items:flex-end;margin-right:7px}.fr-hovered-over-file{background-color:#F0F0F0}.fr-thumbnail-padding{padding-right:4px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0 !important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483630 !important;width:auto !important}.fr-box.fr-fullscreen .fr-wrapper{background-color:#FFF}.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0 !important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0 !important}.fr-box.fr-fullscreen .fr-second-toolbar{margin-top:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-fullscreen-wrapper{z-index:2147483640 !important;width:100% !important;margin:0 !important;padding:0 !important;overflow:visible !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th{text-align:left}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:0.5px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}img.fr-draggable{-webkit-user-select:none;user-select:none}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-modal .fr-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more{margin-top:10px}.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-head .fr-modal-tags{padding:0 20px;display:none;text-align:left}.fr-modal .fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 12px;margin:8px 0 8px 8px;text-decoration:none;border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, background 0.2s ease 0s;cursor:pointer;background-color:#f5f5f5}.fr-modal .fr-modal-head .fr-modal-tags a:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a:active{background-color:#d6d6d6}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag{background-color:#EcF5Ff;color:#0098f7}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus{outline:none;background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover{background-color:#ebebeb}.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active{background-color:#d6d6d6}.fr-show-tags .fr-modal-more svg path{fill:#0098f7}div.fr-modal-body{-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 20px;padding:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 20px) / 2)}@media (min-width: 768px) and (max-width: 1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 40px) / 3)}}@media (min-width: 1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 60px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:20px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#FFF;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#CCCCCC;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-moz-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-ms-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-o-transition:opacity 0.2s ease 0s, filter 0.2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s;-moz-transition:background 0.2s ease 0s, color 0.2s ease 0s;-ms-transition:background 0.2s ease 0s, color 0.2s ease 0s;-o-transition:background 0.2s ease 0s, color 0.2s ease 0s;box-sizing:border-box;position:absolute;cursor:pointer;margin:0;line-height:40px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#B8312F;fill:#FFF;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#FFF;fill:#0098f7;padding:8px;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:0.75;-moz-opacity:0.75;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block;width:40px;height:40px}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#FFF}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-line-breaker{cursor:text;border-top:1px solid #0098f7;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (40px / 2));top:-20px}.fr-line-breaker a.fr-floating-btn svg{margin:8px;height:24px;width:24px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-wrapper-markdown{display:flex}.fr-markdown-view{width:calc(52% - 1px);box-sizing:inherit}.fr-markdown-editor{width:calc(48% - 1px);box-sizing:inherit;background-color:#eee}.fr-markdown-editor>p{margin:0}.fr-markdown-view>p{margin-top:0}.gutter-horizontal{display:flex;z-index:9;background-color:#dadada;cursor:col-resize;width:2px}.e-resize-handler{z-index:9;width:1px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;font-size:10px;color:#c5c5c5}.fr-markdown-view>dl{margin-top:0;margin-bottom:1rem}.fr-markdown-view>dt{font-weight:700}.fr-markdown-view>dd{margin-bottom:.5rem;margin-left:0}.fr-markdown-view>pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;background-color:#f8f8f8;border:1px solid #dfdfdf;margin-top:1.5em;margin-bottom:1.5em;padding:0.125rem 0.3125rem 0.0625rem}.fr-markdown-view>code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:normal;padding:0.125rem 0.3125rem 0.0625rem}.fr-markdown-view>pre code{background-color:transparent;border:0;padding:0}.fr-markdown-view>sup{top:-.5em}.footnote-a{color:#007bff;text-decoration:none;background-color:transparent}.fr-markdown-view>hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1)}.blockquote{margin:0 0 1rem;border-left:5px solid #eee;padding:10px 20px;font-size:1.25rem}.fr-markdown-view>table{width:100%;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse}.fr-markdown-view>table>tbody>tr>td,.fr-markdown-view>table>tbody>tr>th,.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border:1px solid #ddd}.fr-markdown-view>table>thead>tr>td,.fr-markdown-view>table>thead>tr>th{border-bottom-width:2px}.fr-markdown-view>table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.fr-markdown-view>a{color:#337ab7;text-decoration:none}.fr-markdown-view>h1{font-size:2em !important}.fr-markdown-view>h2{font-size:1.5em !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;box-sizing:content-box}.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222222}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}.fr-popup .fr-special-character{width:24px;height:24px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}.fr-trim-button:hover{background:#ebebeb}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fr-slidecontainer{width:100%}.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}.fr-range-value-start{position:absolute}.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}.fr-range-value-end{position:absolute}.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}#startTimeValue{top:-153% !important}#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}#endTimeValue{top:-153% !important}#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}.fr-range-slider{position:relative;width:80%;height:15px}.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element .fr-video{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element .fr-video::after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}.fr-element .fr-video.fr-active>*{z-index:2;position:relative}.fr-element .fr-video>*{box-sizing:content-box;max-width:100%;border:none}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box .fr-video-resizer.fr-active{display:block}.fr-box .fr-video-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;z-index:4;box-sizing:border-box}.fr-box .fr-video-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-popup .fr-video-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-video-upload-layer:hover{background:#ebebeb}.fr-popup .fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-video-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-video-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;animation:loading 2s linear infinite}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-video-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-autoplay-margin{margin-top:0px !important}.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{box-sizing:border-box}.fr-view li img.fr-dii.fr-fil{margin-right:20px}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=""],.fr-view table[border='0'] th[class=""]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir="rtl"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir="rtl"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir="rtl"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}.fr-view span.fr-img-caption.fr-dii.fr-fil,.fr-view p img.fr-dii.fr-fil{margin-right:15px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}