@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/* ==========================================================================
   Base styles: opinionated defaults
========================================================================== */
html{color:var(--color-body-text); font-size:1em; line-height:1.5; overflow-x:hidden;}
body{font-family:'Roboto', serif; margin-top:var(--app-header-height); overflow-x:hidden;}
body{background:-webkit-linear-gradient(132deg, #f3e3ff, transparent 40%), linear-gradient(316deg, #fff, transparent 40%), linear-gradient(305deg, #f1d5b6, transparent 80%), linear-gradient(285deg, #78c3ff, transparent 30%); background:linear-gradient(132deg, #f3e3ff, transparent 40%), linear-gradient(316deg, #fff, transparent 40%), linear-gradient(305deg, #f1d5b6, transparent 80%), linear-gradient(285deg, #78c3ff, transparent 30%); background-blend-mode:screen; background-attachment:fixed; /*text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;*/}
/*body.page-bg-solid{background:rgb(var(--color-body-bg));}*/
body.page-bg-gradient{background-image:-webkit-linear-gradient(135deg, rgb(var(--color-body-bg-from)), rgb(var(--color-body-bg-to))); background-image:linear-gradient(135deg, rgb(var(--color-body-bg-from)), rgb(var(--color-body-bg-to)));}
html{height:100%;}
::-moz-selection{background:#b3d4fc; text-shadow:none;}
::selection{background:#b3d4fc; text-shadow:none;}
*, *:before, *:after{box-sizing:border-box;}
body:has(.floating-form.active), body:has(.white-popup:not(.mfp-hide)), body:has(.page-url.active), body:has(.page-loader.active), body:has(.global-search.active), body:has(.drawer-wrapper.active), body:has(.media-library.active), body:has(.show-bell-notifications.active){overflow:hidden;}
/* Body Backdrop Top 0 */
body:has(.floating-form.active):before, body:has(.link-contextual-help.active):before{background-color:rgba(67,89,113,0.72); backdrop-filter:blur(6px); bottom:0; content:''; position:fixed; top:0; z-index:4; z-index:6;}
@media (min-width:1025px){:is([dir="ltr"]) body:has(.floating-form.active):before, :is([dir="ltr"]) body:has(.link-contextual-help.active):before{left:60px; right:0;}:is([dir="rtl"]) body:has(.floating-form.active):before, :is([dir="rtl"]) body:has(.link-contextual-help.active):before{left:0; right:60px;}}
@media (max-width:1024px){body:has(.floating-form.active):before, body:has(.link-contextual-help.active):before{left:0; right:0;}}

body:has(.row-slider){overflow-x:hidden;}
img, video, audio{vertical-align:middle; max-width:100%;}
figure{margin:0; padding:0;}
hr{display:block; /*height:1px;*/ border:0; border-top:1px solid rgb(var(--color-border)); margin:1em 0; padding:0;}
.light-border-1{border-color:rgba(255,255,255,.2);}
.dark-border-1{border-color:rgba(0,0,0,.05);}
audio, canvas, iframe, img, svg, video{vertical-align:middle;}
ul,ol,li{margin:0; padding:0; list-style:none;}
a{color:rgb(var(--color-link)); text-decoration:none;}
fieldset{border:0; margin:0; padding:0;}
textarea{resize:none;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin:0; padding:0;}
.input:-webkit-autofill {transition:background-color 5000s ease-in-out 0s;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--color-input-background) inset;}
input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px var(--color-input-background) inset; -webkit-text-fill-color:#333;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}
::-ms-reveal{display:none;}
p a:not([class]):hover{text-decoration:underline;}
/*input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1px #c4c4c4 !important;}*/

/* ==========================================================================
   Helper classes
========================================================================== */
.hidden, [hidden]{display:none !important;}
.sr-only{border:0; clip:rect(0, 0, 0, 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap; width:1px; /* 1 */}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto; height:auto; margin:0; overflow:visible; position:static; white-space:inherit; width:auto;}
.invisible{visibility:hidden;}
.clearfix::before, .clearfix::after{content:" "; display:table;}
.clearfix::after{clear:both;}
.back-drop{visibility:hidden; opacity:0; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(15,21,32,0.7); z-index:1000; transition:all 0.4s; transition-timing-function:var(--transition-timing);}
.back-drop.show{visibility:visible; opacity:1;}
html .hide-scroll, html .overflow-hidden{overflow:hidden;}
html .overflow-visible{overflow:visible;}
.full-height{height:100%;}
.min-full-height{min-height:100%;}
.full-width{width:100%;}
.block{display:block;}
.pointer{cursor:pointer;}
.link-small{color:#7c7c7c; font-size:.9rem;}
.link-small:hover{color:rgb(var(--color-link)); text-decoration:underline;}
:is([dir="ltr"]) .text-left, :is([dir="rtl"]) .text-right{text-align:left;}
:is([dir="rtl"]) .text-left, :is([dir="ltr"]) .text-right{text-align:right;}
html .text-center{text-align:center;}
html .text-grey-light{color:rgb(var(--color-text-grey));}
html body .text-black{color:var(--color-body-text);}
.text-grey-light .icon-link, .text-black .icon-link{color:inherit;}
a.text-grey-light:hover, a.text-black:hover, .button.text-black:hover{color:rgb(var(--color-link));}
a.text-link:not(:has(.icn-label)):hover{text-decoration:underline;}
a.text-link:has(.icn-label):hover .icn-label span{text-decoration:underline;}
.text-uppercase{text-transform:uppercase;}
html body .bold-300{font-weight:300;}
html body .bold{font-weight:500;}
html body .bolder{font-weight:700;}
html body .bold-900{font-weight:900;}
html .no-bold{font-weight:400;}
html .no-bg-color{background-color:transparent !important;}
html .highlight{background-color:rgba(var(--color-primary),.2); border-radius:0.28571429rem; padding:.06rem .2rem;}
.disable{cursor:none; opacity:.27; pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.disable::selection{background:transparent;}
.grayscale{filter:grayscale(1);}
.no-opacity{opacity:1;}
.ellipsis-parent{display:grid; grid-template-columns:1fr;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.no-wrap{white-space:nowrap;}
.break-word{overflow-wrap:break-word;}
.margin-0-auto{margin:0 auto;}
html .underline{text-decoration:underline;}
.form-separator{border-top:1px solid rgba(0,0,0,0.1);}
.pos-rel{position:relative;}
html .pos-static{position:static;}
html .pos-sticky{position:sticky; top:0;}
html .pos-sticky[style*="--stickat"]{top:var(--stickat);}
tr.pos-sticky{z-index:3;}
.abso-vert-scroll{bottom:0; left:0; overflow-x:hidden; overflow-y:auto; position:absolute; right:0; top:0;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.no-shrink{flex-shrink:0;}
html body .no-box-shadow{box-shadow:none !important;}
html body .box-shadow-1{box-shadow:0 0.125rem 0.375rem 0 rgba(161,172,184,.3);}
html body .box-shadow-2{box-shadow:0 0.125rem 0.375rem 0 rgba(0,0,0,.3);}
html .auto-width{width:auto;}
html body .auto-height{height:auto;}
html body .no-min-height{min-height:1px !important;}
html body .no-min-width{min-width:1px !important;}
html body .no-bg-image{background-image:none !important;}
.remove-border{border:none !important;}
.hide-border{border-color:transparent !important;}
.max-width-100{max-width:100%;}
html .max-width-1250{max-width:1250px;}
.max-width-100 img{height:auto;}
html .no-max-width{max-width:none;}
html .no-max-height{max-height:none;}
html .radius{border-radius:var(--border-radius);}
html .radius-md{border-radius:1.5rem;}
html .radius-sm{border-radius:1rem;}
html .radius-ssm{border-radius:.75rem;}
html .radius-xs{border-radius:.5rem;}
html .radius-top{border-radius:var(--border-radius) var(--border-radius) 0 0;}
html .radius-bottom{border-radius:0 0 var(--border-radius) var(--border-radius);}
html .radius-bottom-ssm{border-radius:0 0 var(--border-radius-ssm) var(--border-radius-ssm);}
html body .no-radius{border-radius:0;}
html .full-radius{border-radius:10rem;}
html body .no-bottom-radius{border-bottom-left-radius:0; border-bottom-right-radius:0;}
html body .no-top-radius{border-top-left-radius:0; border-top-right-radius:0;}
html .lh-1{line-height:1;}
html .lh-2{line-height:1.25 !important;}
html .lh-2-1{line-height:1.4 !important;}
html .lh-default{line-height:1.5 !important;}
html .lh-175{line-height:1.75 !important;}
html .vertical-middle{vertical-align:middle;}
html .no-flex-wrap{flex-wrap:nowrap;}
html body [style*="--txtcolor"]{color:var(--txtcolor);}
.paragraph > p + p{margin-top:1rem;}
.aspect-ratio-16-9{aspect-ratio:16/9;}
.aspect-ratio-9-195{aspect-ratio:9/19.5;}
.aspect-ratio-4-3{aspect-ratio:4/3;}
.aspect-ratio-1-1{aspect-ratio:1/1;}
.anim-float{animation:float 4s ease-out infinite;}
.transition-all{transition-property:all; transition-duration:.4s; transition-timing-function:var(--transition-timing);}
html .ovrf-x-hidden{overflow-x:hidden;}
html .bd-filter-blur{backdrop-filter:blur(6px);}
code{background:#f2f1f1; border-radius:var(--border-radius); padding: .125rem .25rem;}
pre{align-items:center; background:#f9f9f9; border-radius:var(--border-radius); display:flex; flex-direction:column; justify-content:center; margin:1.5rem 0; padding:1rem 2.5rem 1rem 1rem;}
pre code{background-color:transparent;}
/*.ttsSentenceSample .highlight{background:transparent; border-radius:0; box-shadow:0 2px rgb(var(--color-primary)); padding:0;}*/
.ttsSentenceSample .highlight{background:transparent; border-radius:0; /*box-shadow:0 2px rgb(var(--color-primary));*/ padding:0; position:relative;}
.ttsSentenceSample .highlight:before{background:rgba(var(--color-primary),.5); bottom:0; content:''; display:block; left:0; position:absolute; top:0; width:100%; animation: animatedBackground 400ms linear infinite;}

@keyframes animatedBackground {
    from { width:0; }
    to { width:100%; }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Ritesh Puranik's custom styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*=============================================
      VARIABLES
=============================================*/
:root{

/********** L A Y O U T **********/
--color-body-bg:240,240,240;
--color-body-bg-from:255,242,213;
--color-body-bg-to:209,253,255;
--color-body-text:#002041;
--color-text-grey:107,114,128;
--color-link:0,113,220;
--color-link-hover:#1e88e5;
--color-menu-hover-bg:rgba(0,0,0,0.03);
--color-text-group:#002041;
--color-border:229,229,229;
--color-row-hover-bg:#fffee5;
--color-skeleton:226,229,231;
--color-package-1:105,65,198;
--border-radius:0.27rem;
--border-radius-ssm:0.75rem;
--shadow-dropdown:-2px 0 15px rgba(0,0,0,.14);

/*--color-text:#1c1d1f;*/

/********** C O L O R   S C H E M E **********/
--color-primary:176,27,93;
--color-secondary:74,88,102;
--color-success:0,164,108;
--color-warning:203,106,5;
--color-danger:209,48,48;
--color-complete:20,161,200;
--color-dark:25,53,61;

--color-primary-light:255,241,247;
--color-secondary-light:243,244,246;
--color-success-light:236,253,245;
--color-complete-light:239,246,255;
--color-warning-light:254,252,232;
--color-danger-light:254,242,242;
--color-dark-light:241,243,244;

--color-primary-rgb:216,26,93;
--color-secondary-rgb:#7987a1;

--color-third:#031f42;

/********** A P P   H E A D E R **********/
--app-header-height:60px;
--bg-app-header:255,255,255;
--shadow-app-header:0 0.125rem 0.375rem 0 rgba(161,172,184,.3);
--color-app-header-link:107,114,128;

/********** N A V I G A T I O N **********/
--color-nav:#394963;
--color-nav-active:#0071dc;
--color-nav-bg-from:176,27,93;
--color-nav-bg-to:255,123,49;
--color-nav-link:255,255,255;
--color-submenu-bg:255,255,255;

/********** G L O B A L   S E A R C H **********/
--color-global-search-bg:255,255,255;
--color-global-search-input-bg:247,247,247;

/********** B U T T O N S **********/
--color-button-bg:255,255,255;
--color-button-text:0,32,65;
--color-button-hover-text:0,113,220;
--color-primary-button:0,113,220;
--color-primary-button-hover:0,90,175;

/********** A L E R T S **********/
--alert-primary:255,241,247;
--alert-secondary:243,244,246;
--alert-success:231,249,241;
--alert-warning:255,248,227;
--alert-danger:255,239,239;
--alert-complete:225,245,254;
--alert-dark:220,223,225;

/********** C A R D **********/
--color-card-background:#fff;
--shadow-card:0 2px 6px 0 rgba(67,89,113,.12);

/********** I N P U T **********/
--color-input-background:#fff;
--color-input-border:#c0ccda;
--color-checkbox-background:#fff;
--color-checkbox-border:#c5c5c5;

/********** A N I M A T I O N **********/
--transition-timing:cubic-bezier(.4,0,.2,1);

/********** C A L E N D A R **********/
--fc-page-bg-color:#fff;
--fc-today-bg-color:#FFFDE7;
--fc-border-color:rgb(var(--color-border));
--fc-event-bg-color:rgba(var(--color-success),0.18);
--fc-event-border-color:rgba(var(--color-success),0.18);
--fc-event-text-color:rgb(var(--color-dark));
--fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

/********** T O O L S **********/
--tool-pdf:244,15,2;
--tool-word:23,110,210;
--tool-powerpoint:201,66,35;
--tool-excel:1,110,49;

}/*root*/

/*=============================================

      D A R K  M O D E

=============================================*/

:is(.dark-mode):root{

/********** L A Y O U T **********/
--color-body-bg:15,16,20;
--color-base-1:35,34,38;
--color-body-text:#d1d1d1;
--color-text-grey:145,145,147;
--color-text-danger:239,83,80;
--color-text-warning:255,152,0;
--color-text-success:76,175,80;
--color-text-complete:3,169,244;
--color-border:57,57,60;
--color-menu-hover-bg:#00000050;/* rgb(35,34,38); */
--shadow-dropdown:0 0 3px 2px rgba(0,0,0,.54);

/********** C O L O R   S C H E M E **********/
--color-primary:176,27,93;
--color-secondary:74,88,102;
--color-success:76,175,80;/*47,107,62*/
--color-warning:255,152,0;/*105,89,38*/
--color-danger:239,83,80;/*114,41,41*/
--color-complete:3,169,244;/*38,69,90*/
--color-dark:0,0,0;

/********** A P P   H E A D E R **********/
--color-app-header-link:131,138,153;

/********** N A V I G A T I O N **********/
--color-nav-bg-from:35,34,38;
--color-nav-bg-to:35,34,38;
--color-nav-link:255,255,255;

/********** A L E R T S **********/
--alert-primary:176,27,93;
--alert-secondary:74,88,102;
--alert-success:47,107,62;
--alert-warning:105,89,38;
--alert-danger:114,41,41;
--alert-complete:38,69,90;
--alert-dark:15,16,20;

/********** C A R D **********/
--color-card-background:#232226;
--shadow-card:0 2px 6px 0 rgba(0,0,0,.81);

/********** B U T T O N S **********/
--color-button-text:209,209,209;

/********** I N P U T **********/
--color-input-background:#232226;
--color-input-border:#39393c;
--color-checkbox-background:var(--color-card-background);
--color-checkbox-border:rgba(var(--color-app-header-link),.5);

}/*dark root*/

/*=============================================
      DARK MODE
=============================================*/
:is(.dark-mode){
      body{background:rgb(var(--color-body-bg));}
      .side-nav{background:rgb(var(--color-base-1)); box-shadow:1px 0 #39393c;}
      .nav-main-label{color:rgb(255,255,255)}
      .app-header{background:rgb(var(--color-base-1)); box-shadow:0 1px #39393c;}
      .fc-group-dropdown{border:1px solid var(--color-input-border);}
      a.box-link:hover .box-link-content, a.box-link.active .box-link-content{background-color:rgb(var(--color-base-1));}
      .dropdown-content a:hover, .dropdown-content a:focus, .fc-group-dropdown-item:hover, .dd-parent-menu.active{background-color:var(--color-menu-hover-bg);}
      body:has(.floating-form.active):before, body:has(.link-contextual-help.active):before{background-color:rgba(0,0,0,.72);}
      .floating-form-footer, .modal-popup-footer{box-shadow:0 -1px #39393c;}
      .bg-white{background-color:var(--color-card-background);}
      .bg-light-grey{background-color:var(--color-menu-hover-bg);}
      .skeleton{background-color:rgb(var(--color-body-bg)); background-image:linear-gradient(90deg, rgba(35, 34, 38, 0), rgba(57,55,61,.75), rgba(35, 34, 38, 0));}
      .avatar-initial:not([style]){background-color:rgb(var(--color-body-bg)); color:var(--color-body-text);}
      .no-data-dialog{background-color:rgb(var(--color-base-1)); border:1px solid rgb(var(--color-border)); box-shadow:var(--shadow-card);}
      .side-nav:not(.side-nav-lg) .nav-main-text, .side-nav:not(.side-nav-lg) .nav-main-text:after, .tooltip, .tooltip:after{background-color:#2e3566;}
      /* .nav-main-text,  */.tooltip{filter:drop-shadow(2px 4px 6px black);}
      .mfp-bg{background-color:rgba(0,0,0,.72);}
      .backdrop-white, .notification{background-color:var(--color-card-background); box-shadow:var(--shadow-card);}
      .button:hover, .button:focus{box-shadow:0 0 0 3px rgba(255,255,255,.1);}
      a.app-header-link:hover{color:#fff;}
      .nav-main-label:not(.has-submenu):hover, .nav-main-label:not(.has-submenu).active, .side-nav-lg .nav-sub-label:hover, .side-nav-lg .nav-sub-label.active, .side-nav:not(.side-nav-lg) .has-submenu.active{background-color:rgba(255,255,255,.18);}
      .close-floating-form{box-shadow:0 0 0 4px #091114;}
      .tag-selector .tag{background-color:rgb(66,66,66);}
      .tag-action{color:rgba(255,255,255,.5);}
      input:-internal-autofill-selected{color:var(--color-body-text);}
      .fc-input, .fc-select{color:var(--color-body-text);}
      .tag-selector-dropdown a{color:var(--color-body-text);}
      .tag-selector-dropdown a:hover{background-color:var(--color-menu-hover-bg);}
      .tag{background-color:rgb(var(--color-body-bg));}
      .tag:not([style*="--bgcolor"]){color:var(--color-body-text);}
      /*.tag:not(.tag-rounded)[style*="--bgcolor"]:not([style*="--txtcolor"]){color:#000;}*/
      .tag:not([style*="--bgcolor"]):not([style*="--txtcolor"]){color:var(--color-body-text);}
      .tag:has(a.tag-action:hover){background-color:rgb(var(--color-danger)); color:#fff;}
      .tag-action:hover{color:#fff;}
      .tbl-transcript{background-color:transparent;}
      .tbl-transcript tr + tr{box-shadow:0 1px rgb(var(--color-border)) inset;}
      .tbl-transcript th{border-color:rgb(var(--color-border));}
      .button.button-outline{background-color:rgb(var(--color-body-bg));}
      .fc-progress .button.button-outline{background-color:inherit;}
      .button-outline.dark{color:var(--color-body-text);}
      .fc-input-group .button{background-color:rgb(var(--color-body-bg)); color:rgb(var(--color-button-text));}
      .sr-star:before, .star-rating a.sr-star:hover ~ .sr-star:before{color:rgba(255,255,255,.18);}
      .upload, .upload-sm, .prop-thumbnail, .fc-progress-bar-bg{background-color:rgb(var(--color-body-bg));}
      .bg-lighter-grey{background-color:rgb(57,57,60);}
      .light-grey-border{border-color:var(--color-input-border);}
      /*.backdrop, .backdrop-inline{background-color:rgba(0,0,0,0.45);}*/
      .accordion-header:not(.active):hover, .accordion-header.active, .contextual-help-content .accordion-content{background-color:rgb(var(--color-border));}
      .avatar-offline::after{background-color:#6f6c77;}
      a.tab-link:hover, .tab-link.active{color:#fff;}
      .tab-link:before{background-color:#fff;}
      .tab-pill .tab-link.active{background-color:rgb(var(--color-body-bg));}
      .otp-code .fc-input{background-color:var(--color-input-background);}
      .fc-input.with-only-bg, .fc-input-group.with-only-bg, .fc-select.with-only-bg{background-color:rgb(var(--color-body-bg));}
      .fc-input:focus, .fc-select:focus, .fc-input-group:has(.fc-input:focus), .fc-input-group:has(.fc-select:focus){background-color:rgb(var(--color-body-bg));}
      .fc-input-group .fc-input:focus, .fc-input-group.fc-select:focus, .bg-white.dtfc-fixed-left, .bg-white.dtfc-fixed-right, .dtfc-fixed-left, .dtfc-fixed-right{background-color:transparent !important;}
      .dataTable tr:hover td{background-color:rgb(var(--color-body-bg)) !important;}
      .disable .fc-checkbox input[type="checkbox"] + label:before{background-color:#36343a; border-color:#36343a;}
      .mfp-close, .mfp-close-btn-in .mfp-close{color:#a4a4a4;}
      .dropdown-content{border-color:rgb(var(--color-border));}
      .pick-color-box{box-shadow:0 0 0 1px rgba(255,255,255,0.3) inset;}
      .icon-gradient-1:before{background:linear-gradient(to right, #ffffff, #666 100%) text;}
      .device-mobile{border-color:#474747;}
      .device-tablet{border-color:#474747;}
      .device-laptop{border-color:#474747;}
      .text-danger, .fc-message.danger, .fc-progress.danger .fc-progress-label{color:rgb(var(--color-text-danger));}
      .alert-danger{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-text-danger));}
      .text-warning, .fc-message.warning, .fc-progress.warning .fc-progress-label{color:rgb(var(--color-text-warning));}
      .alert-warning{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-text-warning));}
      .text-success, .fc-message.success, .fc-progress.success .fc-progress-label{color:rgb(var(--color-text-success));}
      .alert-success{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-text-success));}
      .text-complete, .fc-message.complete, .fc-progress.complete .fc-progress-label{color:rgb(var(--color-text-complete));}
      .alert-complete{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-text-complete));}
      .text-primary, .fc-message.primary{color:rgb(var(--color-primary));}
      .alert-primary{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-primary));}
      .text-secondary, .fc-message.secondary{color:rgb(var(--color-secondary));}
      .alert-secondary{background-color:rgba(var(--color-body-bg),.5); border-color:rgb(var(--color-secondary));}
      .fc-progress.success .fc-progress-inner{background-color:rgb(var(--color-text-success));}
      .fc-progress.warning .fc-progress-inner{background-color:rgb(var(--color-text-warning));}
      .fc-progress.danger .fc-progress-inner{background-color:rgb(var(--color-text-danger));}
      .fc-progress.complete .fc-progress-inner{background-color:rgb(var(--color-text-complete));}
      .bg-dark-page, .button:not(.dropdown-button).active{background:rgb(var(--color-body-bg));}
      .text-dark{color:#fff;}
      .fc-progress-inner:not([style^="--bgcolor"]){background-color:rgba(255,255,255,.54);}
      .media-library .modal-popup{background-color:rgb(var(--color-body-bg)); border:1px solid rgb(var(--color-border));}
      .link-list:hover, .link-list.active, .bell-notifications{background-color:rgb(var(--color-body-bg));}
      *::-webkit-scrollbar-track-piece, *::-webkit-scrollbar-track-piece{background:#2C2C2C !important;}
      *::-webkit-scrollbar, *::-webkit-scrollbar{background:transparent; height:14px; width:14px;}
      *::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb{background:#9F9F9F !important; border:4px solid #2C2C2C !important; border-radius:10px; box-shadow:0 0 0 4px transparent inset;}
      *::-webkit-resizer, *::-webkit-resizer{display:none;}

}

/*=============================================
      ICON FONT
=============================================*/
@font-face{font-family:"fntmlapp"; src:url("fntmlapp.eot"); src:url("fntmlapp.eot?#iefix") format("embedded-opentype"), url("fntmlapp.woff") format("woff"), url("fntmlapp.ttf") format("truetype"), url("fntmlapp.svg#fntmlapp") format("svg"); font-weight:normal; font-style:normal;}

/*=============================================
      LAYOUT
=============================================*/
#root, .app{align-items:stretch; display:flex; flex:1 1 auto; flex-direction:column; min-height:calc(100vh - var(--app-header-height)); width:100%;}
html .app-header{align-items:center; background-color:rgb(var(--bg-app-header)); /*border-bottom:1px solid rgba(72, 94, 144, 0.16);*/ box-shadow:var(--shadow-app-header); display:flex; flex-direction:row; height:var(--app-header-height); justify-content:space-between; position:fixed; top:0; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing); z-index:5;}
:is([dir="ltr"]) .app-header{left:60px; right:0;}
:is([dir="rtl"]) .app-header{left:0; right:60px;}
.app-header > aside{align-items:center; display:flex;}
.app-header-link{align-items:center; color:rgb(var(--color-app-header-link)); display:flex; height:var(--app-header-height); justify-content:center; width:var(--app-header-height);}
a.app-header-link:hover{color:rgb(var(--color-primary));}
.app-header .icon-badge{box-shadow:0 0 0 3px rgb(var(--bg-app-header));}
:is([dir="ltr"]) .app-header-full, :is([dir="rtl"]) .app-header-full{left:0; right:0;}
:is([dir="ltr"]) .app-header-full ~ main, :is([dir="rtl"]) .app-header-full ~ main{margin-left:0; margin-right:0;}

/*Dark App Header*/
html .dark-app-header .dropdown-content{color:inherit;}
.dark-app-header .avatar-name h6, .dark-app-header .app-header-link, .dark-app-header .avatar-initial:not([style]), .dark-app-header .dropdown-label, html .dark-app-header .button{color:rgba(255,255,255,0.65);}
html .dark-app-header .dropdown-label:hover, html .dark-app-header .button:hover{color:rgba(255,255,255,1);}
html .dark-app-header .dropdown .dropdown-label{border-color:rgba(255,255,255,0.63);}
html .dark-app-header .dropdown .dropdown-label:hover{border-color:rgba(255,255,255,1);}
.dark-app-header .avatar-name h5{color:rgba(255,255,255,0.85);}
.dark-app-header a:hover .avatar-name h6, .dark-app-header a:hover .avatar-name h5, .dark-app-header .app-header-link:hover, .dark-app-header a.avatar-user:hover .avatar-name h5, .dark-app-header a:hover .avatar-initial:not([style]){color:#fff;}
.dark-app-header .avatar-initial:not([style]){background-color:transparent;}

main{min-height:calc(100vh - var(--app-header-height)); height:1px;}
:is([dir="ltr"]) main{margin-left:60px;}
:is([dir="rtl"]) main{margin-right:60px;}

/*:is([dir="ltr"]) .side-nav-lg ~ main{margin-left:270px;}
:is([dir="rtl"]) .side-nav-lg ~ main{margin-right:270px;}*/
.container{width:100%; padding-right:1.5rem; padding-left:1.5rem; margin-right:auto; margin-left:auto;}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl{margin-right:auto; margin-left:auto; padding-right:1rem; padding-left:1rem; width:100%;}

html .bg-white{background-color:#fff;}
html .bg-light-grey{background-color:#f2f2f2;}
html .bg-lighter-grey{background-color:#fafafa;}
html .bg-light-blue{background-color:#edf7fe;}
html .bg-lighter-blue{background-color:#f3fbff;}
html .bg-light-success{background-color:rgb(var(--color-success-light));}
html .bg-light-danger{background-color:rgb(var(--color-danger-light));}
html .bg-primary{background-color:rgb(var(--color-primary));}
html .bg-primary-light{background-color:rgb(var(--color-primary-light));}
html .bg-secondary{background-color:rgb(var(--color-secondary));}
html .bg-secondary-light{background-color:rgb(var(--color-secondary-light));}
html .bg-success{background-color:rgb(var(--color-success));}
html .bg-success-light{background-color:rgb(var(--color-success-light));}
html .bg-warning{background-color:rgb(var(--color-warning));}
html .bg-warning-light{background-color:rgb(var(--color-warning-light));}
html .bg-danger{background-color:rgb(var(--color-danger));}
html .bg-danger-light{background-color:rgb(var(--color-danger-light));}

.backdrop-white{background-color:rgba(255,255,255,.36); backdrop-filter:blur(6px);}
.backdrop-black{background-color:rgba(0,0,0,.36); backdrop-filter:blur(6px);}
.backdrop-white-card{background:rgb(151,100,100,.22); backdrop-filter:blur(13px); box-shadow:1px 3px 6px rgba(0,0,0,.49);}
.bg-login-4:has(.backdrop-white-card){overflow:visible;}
.bg-login-4:has(.backdrop-white-card):before{border-radius:5rem;}
.backdrop-card-ring{height:500px; width:500px; border-radius:50%; background:transparent; border:50px solid rgba(255, 255, 255, 0.1); bottom:-250px; right:-250px; box-sizing:border-box; position:absolute;}
.backdrop-card-ring::after{content:""; position:absolute; height:600px; width:600px; border-radius:50%; background:transparent; border:30px solid rgba(255, 255, 255, 0.1); bottom:-80px; right:-110px; box-sizing:border-box;}
html .plan-business:before, html .plan-enterprise:before{background-image:linear-gradient(225deg, rgba(var(--color-plan),.32), rgba(var(--color-plan),.81));}
.backdrop-card-glow{background-image:linear-gradient(
120deg, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.25) 20%, rgba(255, 255, 255, 0.08) 20%), linear-gradient(0deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)); bottom:0; left:0; position:absolute; right:0; top:0; animation:cardGradient 45s ease-in-out infinite; background-size:150% 150%;}

@keyframes cardGradient{
      0% {
            background-position: 0% 10%;
      }
      50% {
            background-position: 100% 91%;
      }
      100% {
            background-position: 0% 10%;
      }
}

/*=============================================
      HEADINGS
=============================================*/
h1,.h1{font-size:calc(1.3625rem + 1.35vw);}
h2,.h2{font-size:calc(1.325rem + 0.9vw);}
h3,.h3{font-size:calc(1.2875rem + 0.45vw);}
h4,.h4{font-size:calc(1.2625rem + 0.15vw);}
h5,.h5{font-size:1.215rem;}
h6,.h6{font-size:1rem;}

/*=============================================
      DISPLAY
=============================================*/
html body .display-1{font-size:calc(1.525rem + 3.3vw); line-height:1.1;}
html body .display-2{font-size:calc(1.475rem + 2.7vw); line-height:1.1;}
html body .display-3{font-size:calc(1.425rem + 2.1vw); line-height:1.1;}
html body .display-4{font-size:calc(1.375rem + 1.5vw); line-height:1.1;}
html body .display-5{font-size:calc(1.325rem + 0.9vw); line-height:1.1;}
html body .display-6{font-size:calc(1.275rem + 0.3vw); line-height:1.1;}
html body .display-7{font-size:1rem;}
html body .display-7-1{font-size:1.1rem;}
html body .display-8{font-size:.85rem;}
html body .display-9{font-size:.75rem;}

/*=============================================
      COLORED TEXT
=============================================*/
html body .text-primary{color:rgb(var(--color-primary));}
html body .text-secondary{color:rgb(var(--color-secondary));}
html body .text-success{color:rgb(var(--color-success));}
html body .text-warning{color:rgb(var(--color-warning));}
html body .text-danger{color:rgb(var(--color-danger));}
html body .text-complete{color:rgb(var(--color-complete));}
html body .text-link{color:rgb(var(--color-link));}
html body .text-dark{color:rgb(var(--color-dark));}
html body .text-white{color:#fff;}
html body a.text-white:hover{color:#fff; text-decoration:underline;}
html body .text-tool-pdf{color:rgb(var(--tool-pdf));}
html body .text-tool-word{color:rgb(var(--tool-word));}
html body .text-tool-powerpoint{color:rgb(var(--tool-powerpoint));}
html body .text-tool-excel{color:rgb(var(--tool-excel));}

.text-grey-light.text-link{color:rgb(var(--color-text-grey));}
.text-black.text-link{color:var(--color-body-text);}

/*=============================================
      TEXT STYLES
=============================================*/
mark, .mark{background-color:#ffeecc; border-radius:4px; padding:0.1875em 0.3875em;}
.opacity-05{opacity:.5;}

/*=============================================
      GRID SYSTEM
=============================================*/
.container{width:100%; padding-right:2rem; padding-left:2rem; margin-right:auto; margin-left:auto;}
@media (min-width:576px){.container{max-width:540px;}}
@media (min-width:768px){.container{max-width:720px;}}
@media (min-width:992px){.container{max-width:960px;}}
@media (min-width:1200px){.container{max-width:1140px;}}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl{width:100%; padding-right:1rem; padding-left:1rem; margin-right:auto; margin-left:auto;}
@media (min-width:576px){.container, .container-sm{max-width:540px;}}
@media (min-width:768px){.container, .container-sm, .container-md{max-width:720px;}}
@media (min-width:992px){.container, .container-sm, .container-md, .container-lg{max-width:960px;}}
@media (min-width:1200px){.container, .container-sm, .container-md, .container-lg, .container-xl{max-width:1140px;}}
.row{display:flex; flex-wrap:wrap; margin-right:-1rem; margin-left:-1rem; position:relative;}
.row-sm{margin-right:-0.5rem; margin-left:-0.5rem;}
.row-sm > .col, .row-sm > [class*="col-"]{flex-shrink:0; padding-right:0.5rem; padding-left:0.5rem;}
.row-xs{margin-right:-0.25rem; margin-left:-0.25rem;}
.row-xs > .col, .row-xs > [class*="col-"]{padding-right:0.25rem; padding-left:0.25rem;}
.row-lg{margin-right:-1.5rem; margin-left:-1.5rem;}
.row-lg > .col, .row-lg > [class*="col-"]{flex-shrink:0; padding-right:1.5rem; padding-left:1.5rem;}
.row-xl{margin-right:-2rem; margin-left:-2rem;}
.row-xl > .col, .row-xl > [class*="col-"]{flex-shrink:0; padding-right:2rem; padding-left:2rem;}

.row-slider{position:relative;}
.row-slider .row{flex-wrap:nowrap;}
.row-slider-nav{left:0; position:absolute; right:0; transform:translateY(-50%); top:50%; z-index:2;}
.row-slider-left, .row-slider-right{align-items:center; background-color:#fff; border:1px solid rgba(var(--color-primary),.23); border-radius:1rem; box-shadow:0 0 7px rgba(var(--color-primary),.23); color:rgb(var(--color-primary)); display:flex; height:2.4rem; justify-content:center; position:absolute; top:0; width:2.4rem;}
:is([dir="ltr"]) .row-slider-left{left:-3rem;}
:is([dir="ltr"]) .row-slider-right{right:-3rem;}
.row-slider-left:active, .row-slider-right:active{transform:translateY(2px);}
.row-slider-item-ghost{filter:blur(2px) grayscale(1); opacity:.5; pointer-events:none; transform:scale(.95); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.row-slider-dot-set{align-items:center; display:flex; flex-direction:row; gap:.25rem; justify-content:center;}
.row-slider-dot{background-color:rgba(var(--color-secondary),.36); border-radius:1rem; height:.5rem; width:.5rem; transition-property:all; transition-duration:.1s; transition-timing-function:var(--transition-timing);}
.row-slider-dot.active{background-color:rgb(var(--color-primary)); width:1rem;}

.no-gutters{margin-right:0; margin-left:0;}
.no-gutters > .col, .no-gutters > [class*="col-"]{padding-right:0; padding-left:0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto{flex-shrink:0; position:relative; width:100%; padding-right:1rem; padding-left:1rem; transition-property:all; transition-duration:.5s; transition-timing-function:var(--transition-timing);}
.col{flex-basis:0; flex-grow:1; max-width:100%;}
.row-cols-1 > *{flex:0 0 100%; max-width:100%;}
.row-cols-2 > *{flex:0 0 50%; max-width:50%;}
.row-cols-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
.row-cols-4 > *{flex:0 0 25%; max-width:25%;}
.row-cols-5 > *{flex:0 0 20%; max-width:20%;}
.row-cols-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
.col-auto{flex:0 0 auto; width:auto; max-width:100%;}
html body .col-minify{flex:0 0 0; max-width:0;}
.col-0{flex:0 0 0; max-width:0;}
.col-1{flex:0 0 8.33333%;  max-width:8.33333%;}
.col-2{flex:0 0 16.66667%; max-width:16.66667%;}
.col-3{flex:0 0 25%; max-width:25%;}
.col-4{flex:0 0 33.33333%; max-width:33.33333%;}
.col-5{flex:0 0 41.66667%; max-width:41.66667%;}
.col-6{flex:0 0 50%; max-width:50%;}
.col-7{flex:0 0 58.33333%; max-width:58.33333%;}
.col-8{flex:0 0 66.66667%; max-width:66.66667%;}
.col-9{flex:0 0 75%; max-width:75%;}
.col-10{flex:0 0 83.33333%; max-width:83.33333%;}
.col-11{flex:0 0 91.66667%; max-width:91.66667%;}
.col-12{flex:0 0 100%; max-width:100%;}
.order-first{order:-1;}
.order-last{order:13;}
.order-0{order:0;}
.order-1{order:1;}
.order-2{order:2;}
.order-3{order:3;}
.order-4{order:4;}
.order-5{order:5;}
.order-6{order:6;}
.order-7{order:7;}
.order-8{order:8;}
.order-9{order:9;}
.order-10{order:10;}
.order-11{order:11;}
.order-12{order:12;}
.offset-1{margin-left:8.33333%;}
.offset-2{margin-left:16.66667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.33333%;}
.offset-5{margin-left:41.66667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.33333%;}
.offset-8{margin-left:66.66667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.33333%;}
.offset-11{margin-left:91.66667%;}

@media (min-width:576px){
  .col-sm{flex-basis:0; flex-grow:1; max-width:100%;}
  .row-cols-sm-1 > *{flex:0 0 100%; max-width:100%;}
  .row-cols-sm-2 > *{flex:0 0 50%; max-width:50%;}
  .row-cols-sm-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
  .row-cols-sm-4 > *{flex:0 0 25%; max-width:25%;}
  .row-cols-sm-5 > *{flex:0 0 20%; max-width:20%;}
  .row-cols-sm-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-sm-auto{flex:0 0 auto; width:auto; max-width:100%;}
  .col-sm-0{flex:0 0 0; max-width:0;}
  .col-sm-1{flex:0 0 8.33333%; max-width:8.33333%;}
  .col-sm-2{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-sm-3{flex:0 0 25%; max-width:25%;}
  .col-sm-4{flex:0 0 33.33333%; max-width:33.33333%;}
  .col-sm-5{flex:0 0 41.66667%; max-width:41.66667%;}
  .col-sm-6{flex:0 0 50%; max-width:50%;}
  .col-sm-7{flex:0 0 58.33333%; max-width:58.33333%;}
  .col-sm-8{flex:0 0 66.66667%; max-width:66.66667%;}
  .col-sm-9{flex:0 0 75%; max-width:75%;}
  .col-sm-10{flex:0 0 83.33333%; max-width:83.33333%;}
  .col-sm-11{flex:0 0 91.66667%; max-width:91.66667%;}
  .col-sm-12{flex:0 0 100%; max-width:100%;}
  .order-sm-first{order:-1;}
  .order-sm-last{order:13;}
  .order-sm-0{order:0;}
  .order-sm-1{order:1;}
  .order-sm-2{order:2;}
  .order-sm-3{order:3;}
  .order-sm-4{order:4;}
  .order-sm-5{order:5;}
  .order-sm-6{order:6;}
  .order-sm-7{order:7;}
  .order-sm-8{order:8;}
  .order-sm-9{order:9;}
  .order-sm-10{order:10;}
  .order-sm-11{order:11;}
  .order-sm-12{order:12;}
  .offset-sm-0{margin-left:0;}
  .offset-sm-1{margin-left:8.33333%;}
  .offset-sm-2{margin-left:16.66667%;}
  .offset-sm-3{margin-left:25%;}
  .offset-sm-4{margin-left:33.33333%;}
  .offset-sm-5{margin-left:41.66667%;}
  .offset-sm-6{margin-left:50%;}
  .offset-sm-7{margin-left:58.33333%;}
  .offset-sm-8{margin-left:66.66667%;}
  .offset-sm-9{margin-left:75%;}
  .offset-sm-10{margin-left:83.33333%;}
  .offset-sm-11{margin-left:91.66667%;}
}

@media (min-width:768px){/*768*/
  .col-md{flex-basis:0; flex-grow:1; max-width:100%;}
  .row-cols-md-1 > *{flex:0 0 100%; max-width:100%;}
  .row-cols-md-2 > *{flex:0 0 50%; max-width:50%;}
  .row-cols-md-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
  .row-cols-md-4 > *{flex:0 0 25%; max-width:25%;}
  .row-cols-md-5 > *{flex:0 0 20%; max-width:20%;}
  .row-cols-md-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-md-auto{flex:0 0 auto; width:auto; max-width:100%;}
  .col-md-0{flex:0 0 0; max-width:0;}
  .col-md-1{flex:0 0 8.33333%; max-width:8.33333%;}
  .col-md-2{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-md-3{flex:0 0 25%; max-width:25%;}
  .col-md-4{flex:0 0 33.33333%; max-width:33.33333%;}
  .col-md-5{flex:0 0 41.66667%; max-width:41.66667%;}
  .col-md-6{flex:0 0 50%; max-width:50%;}
  .col-md-7{flex:0 0 58.33333%; max-width:58.33333%;}
  .col-md-8{flex:0 0 66.66667%; max-width:66.66667%;}
  .col-md-9{flex:0 0 75%; max-width:75%;}
  .col-md-10{flex:0 0 83.33333%; max-width:83.33333%;}
  .col-md-11{flex:0 0 91.66667%; max-width:91.66667%;}
  .col-md-12{flex:0 0 100%; max-width:100%;}
  .order-md-first{order:-1;}
  .order-md-last{order:13;}
  .order-md-0{order:0;}
  .order-md-1{order:1;}
  .order-md-2{order:2;}
  .order-md-3{order:3;}
  .order-md-4{order:4;}
  .order-md-5{order:5;}
  .order-md-6{order:6;}
  .order-md-7{order:7;}
  .order-md-8{order:8;}
  .order-md-9{order:9;}
  .order-md-10{order:10;}
  .order-md-11{order:11;}
  .order-md-12{order:12;}
  .offset-md-0{margin-left:0;}
  .offset-md-1{margin-left:8.33333%;}
  .offset-md-2{margin-left:16.66667%;}
  .offset-md-3{margin-left:25%;}
  .offset-md-4{margin-left:33.33333%;}
  .offset-md-5{margin-left:41.66667%;}
  .offset-md-6{margin-left:50%;}
  .offset-md-7{margin-left:58.33333%;}
  .offset-md-8{margin-left:66.66667%;}
  .offset-md-9{margin-left:75%;}
  .offset-md-10{margin-left:83.33333%;}
  .offset-md-11{margin-left:91.66667%;}
}

@media (min-width:992px){
  .col-lg{flex-basis:0; flex-grow:1; max-width:100%;}
  .row-cols-lg-1 > *{flex:0 0 100%; max-width:100%;}
  .row-cols-lg-2 > *{flex:0 0 50%; max-width:50%;}
  .row-cols-lg-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
  .row-cols-lg-4 > *{flex:0 0 25%; max-width:25%;}
  .row-cols-lg-5 > *{flex:0 0 20%; max-width:20%;}
  .row-cols-lg-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-lg-auto{flex:0 0 auto; width:auto; max-width:100%;}
  .col-lg-0{flex:0 0 0; max-width:0;}
  .col-lg-1{flex:0 0 8.33333%; max-width:8.33333%;}
  .col-lg-2{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-lg-3{flex:0 0 25%; max-width:25%;}
  .col-lg-4{flex:0 0 33.33333%; max-width:33.33333%;}
  .col-lg-5{flex:0 0 41.66667%; max-width:41.66667%;}
  .col-lg-6{flex:0 0 50%; max-width:50%;}
  .col-lg-7{flex:0 0 58.33333%; max-width:58.33333%;}
  .col-lg-8{flex:0 0 66.66667%; max-width:66.66667%;}
  .col-lg-9{flex:0 0 75%; max-width:75%;}
  .col-lg-10{flex:0 0 83.33333%; max-width:83.33333%;}
  .col-lg-11{flex:0 0 91.66667%; max-width:91.66667%;}
  .col-lg-12{flex:0 0 100%; max-width:100%;}
  .order-lg-first{order:-1;}
  .order-lg-last{order:13;}
  .order-lg-0{order:0;}
  .order-lg-1{order:1;}
  .order-lg-2{order:2;}
  .order-lg-3{order:3;}
  .order-lg-4{order:4;}
  .order-lg-5{order:5;}
  .order-lg-6{order:6;}
  .order-lg-7{order:7;}
  .order-lg-8{order:8;}
  .order-lg-9{order:9;}
  .order-lg-10{order:10;}
  .order-lg-11{order:11;}
  .order-lg-12{order:12;}
  .offset-lg-0{margin-left:0;}
  .offset-lg-1{margin-left:8.33333%;}
  .offset-lg-2{margin-left:16.66667%;}
  .offset-lg-3{margin-left:25%;}
  .offset-lg-4{margin-left:33.33333%;}
  .offset-lg-5{margin-left:41.66667%;}
  .offset-lg-6{margin-left:50%;}
  .offset-lg-7{margin-left:58.33333%;}
  .offset-lg-8{margin-left:66.66667%;}
  .offset-lg-9{margin-left:75%;}
  .offset-lg-10{margin-left:83.33333%;}
  .offset-lg-11{margin-left:91.66667%;}
}

@media (min-width:1200px){
  .col-xl{flex-basis:0; flex-grow:1; max-width:100%;}
  .row-cols-xl-1 > *{flex:0 0 100%; max-width:100%;}
  .row-cols-xl-2 > *{flex:0 0 50%; max-width:50%;}
  .row-cols-xl-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
  .row-cols-xl-4 > *{flex:0 0 25%; max-width:25%;}
  .row-cols-xl-5 > *{flex:0 0 20%; max-width:20%;}
  .row-cols-xl-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-xl-auto{flex:0 0 auto; width:auto; max-width:100%;}
  .col-xl-0{flex:0 0 0; max-width:0;}
  .col-xl-1{flex:0 0 8.33333%; max-width:8.33333%;}
  .col-xl-2{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-xl-3{flex:0 0 25%; max-width:25%;}
  .col-xl-4{flex:0 0 33.33333%; max-width:33.33333%;}
  .col-xl-5{flex:0 0 41.66667%; max-width:41.66667%;}
  .col-xl-6{flex:0 0 50%; max-width:50%;}
  .col-xl-7{flex:0 0 58.33333%; max-width:58.33333%;}
  .col-xl-8{flex:0 0 66.66667%; max-width:66.66667%;}
  .col-xl-9{flex:0 0 75%; max-width:75%;}
  .col-xl-10{flex:0 0 83.33333%; max-width:83.33333%;}
  .col-xl-11{flex:0 0 91.66667%; max-width:91.66667%;}
  .col-xl-12{flex:0 0 100%; max-width:100%;}
  .order-xl-first{order:-1;}
  .order-xl-last{order:13;}
  .order-xl-0{order:0;}
  .order-xl-1{order:1;}
  .order-xl-2{order:2;}
  .order-xl-3{order:3;}
  .order-xl-4{order:4;}
  .order-xl-5{order:5;}
  .order-xl-6{order:6;}
  .order-xl-7{order:7;}
  .order-xl-8{order:8;}
  .order-xl-9{order:9;}
  .order-xl-10{order:10;}
  .order-xl-11{order:11;}
  .order-xl-12{order:12;}
  .offset-xl-0{margin-left:0;}
  .offset-xl-1{margin-left:8.33333%;}
  .offset-xl-2{margin-left:16.66667%;}
  .offset-xl-3{margin-left:25%;}
  .offset-xl-4{margin-left:33.33333%;}
  .offset-xl-5{margin-left:41.66667%;}
  .offset-xl-6{margin-left:50%;}
  .offset-xl-7{margin-left:58.33333%;}
  .offset-xl-8{margin-left:66.66667%;}
  .offset-xl-9{margin-left:75%;}
  .offset-xl-10{margin-left:83.33333%;}
  .offset-xl-11{margin-left:91.66667%;}
}

@media (min-width:1600px){
  .col-xxl{flex-basis:0; flex-grow:1; max-width:100%;}
  .row-cols-xxl-1 > *{flex:0 0 100%; max-width:100%;}
  .row-cols-xxl-2 > *{flex:0 0 50%; max-width:50%;}
  .row-cols-xxl-3 > *{flex:0 0 33.33333%; max-width:33.33333%;}
  .row-cols-xxl-4 > *{flex:0 0 25%; max-width:25%;}
  .row-cols-xxl-5 > *{flex:0 0 20%; max-width:20%;}
  .row-cols-xxl-6 > *{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-xxl-auto{flex:0 0 auto; width:auto; max-width:100%;}
  .col-xxl-0{flex:0 0 0; max-width:0;}
  .col-xxl-1{flex:0 0 8.33333%; max-width:8.33333%;}
  .col-xxl-2{flex:0 0 16.66667%; max-width:16.66667%;}
  .col-xxl-3{flex:0 0 25%; max-width:25%;}
  .col-xxl-4{flex:0 0 33.33333%; max-width:33.33333%;}
  .col-xxl-5{flex:0 0 41.66667%; max-width:41.66667%;}
  .col-xxl-6{flex:0 0 50%; max-width:50%;}
  .col-xxl-7{flex:0 0 58.33333%; max-width:58.33333%;}
  .col-xxl-8{flex:0 0 66.66667%; max-width:66.66667%;}
  .col-xxl-9{flex:0 0 75%; max-width:75%;}
  .col-xxl-10{flex:0 0 83.33333%; max-width:83.33333%;}
  .col-xxl-11{flex:0 0 91.66667%; max-width:91.66667%;}
  .col-xxl-12{flex:0 0 100%; max-width:100%;}
  .order-xxl-first{order:-1;}
  .order-xxl-last{order:13;}
  .order-xxl-0{order:0;}
  .order-xxl-1{order:1;}
  .order-xxl-2{order:2;}
  .order-xxl-3{order:3;}
  .order-xxl-4{order:4;}
  .order-xxl-5{order:5;}
  .order-xxl-6{order:6;}
  .order-xxl-7{order:7;}
  .order-xxl-8{order:8;}
  .order-xxl-9{order:9;}
  .order-xxl-10{order:10;}
  .order-xxl-11{order:11;}
  .order-xxl-12{order:12;}
  .offset-xxl-0{margin-left:0;}
  .offset-xxl-1{margin-left:8.33333%;}
  .offset-xxl-2{margin-left:16.66667%;}
  .offset-xxl-3{margin-left:25%;}
  .offset-xxl-4{margin-left:33.33333%;}
  .offset-xxl-5{margin-left:41.66667%;}
  .offset-xxl-6{margin-left:50%;}
  .offset-xxl-7{margin-left:58.33333%;}
  .offset-xxl-8{margin-left:66.66667%;}
  .offset-xxl-9{margin-left:75%;}
  .offset-xxl-10{margin-left:83.33333%;}
  .offset-xxl-11{margin-left:91.66667%;}
}

@media (max-width:1023px){
  [class*="col-"][data-col-prelabel]:before, .tbl-transcript [data-col-prelabel]:before{color:rgb(var(--color-text-grey)); content:attr(data-col-prelabel); display:block; font-size:.9rem; padding-bottom:.36rem;}
}


/*=============================================
      STACK ROW -> COLUMNS
=============================================*/
.stack-row{display:flex; flex-wrap:wrap; height:calc(100vh - var(--app-header-height)); margin-right:-1rem; margin-left:-1rem; overflow:hidden; position:relative; z-index:1;}

/*.col-pa{bottom:0; position:absolute; top:0;}*/
.stack-row:has(.with-overlay.active):before{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; content:''; left:0; position:fixed; right:0; top:0; z-index:9;}
.modal-popup .stack-row:has(.with-overlay.active):before{position:absolute;}

/*Position Absolute*/
.col-pa{bottom:0; margin-left:-100%; position:absolute; top:0;}
.col-pa-right{bottom:0; margin:0 !important; position:absolute; right:-100vw; top:0;}
/*Position Relative*/
.col-pr{margin-left:0; position:relative;}

[class*="col-pa"].active{margin-left:0; z-index:10;}
[class*="col-pa-right"].active{right:0; z-index:10;}

.card .stack-row .active[class*="col-pa"]:not(.backdrop-white){background-color:var(--color-card-background); border-radius:var(--border-radius);}
.card .stack-row:has(.with-overlay.active):before{border-radius:var(--border-radius); position:absolute;}

/*.stack-col-1, .stack-col-2, .stack-col-3, .stack-col-4, .stack-col-5, .stack-col-6, .stack-col-7, .stack-col-8, .stack-col-9, .stack-col-10, .stack-col-11, .stack-col-12, .stack-col-auto{flex-shrink:0; position:relative; width:100%; padding-right:1rem; padding-left:1rem; transition-property:all; transition-duration:.5s; transition-timing-function:var(--transition-timing);}*/

/*sm*/
@media (min-width:576px){
}
/*md*/
@media (min-width:768px){
  .col-pa-md{bottom:0; margin-left:-100%; position:absolute; top:0;}
  .col-pr-md{margin-left:0; position:relative;}
}
/*lg*/
@media (min-width:992px){
  .col-pa-lg{bottom:0; margin-left:-100%; position:absolute; top:0;}
  .col-pr-lg{margin-left:0; position:relative;}
}
/*xl*/
@media (min-width:1200px){
  .col-pa-xl{bottom:0; margin-left:-100%; position:absolute; top:0;}
  .col-pr-xl{margin-left:0; position:relative;}
}

/*@media (max-width:777px){
  .col-pa{margin-left:-100%;}
  .col-pa.active{margin-left:0;}
  :is([dir="ltr"]) body .col-pa{border:none;}
  html body [class*="col-pa"], .stack-row > [class*="col"]{bottom:0; position:absolute; top:0;}
}*/

/*=============================================
      Z INDEX
=============================================*/
html .z-1{z-index:1;}
html .z-2{z-index:2;}
html .z-3{z-index:3;}
html .z-4{z-index:4;}
html .z-5{z-index:5;}
html .z-6{z-index:6;}
html .z-7{z-index:7;}
html .z-8{z-index:8;}
html .z-9{z-index:9;}
html .z-10{z-index:10;}
html .z-25{z-index:25;}
html .z-50{z-index:50;}
html .z-75{z-index:75;}
html .z-100{z-index:100;}

/*=============================================
      BOX SHADOW
=============================================*/
.bs-header{box-shadow:var(--shadow-app-header);}

/*=============================================
      RESPONSIVE DISPLAY
=============================================*/
/*.for-mobile, .for-tab, .for-desk{display:none;}*/

@media (max-width:1365px){
  html body .for-desk{display:none;}
}

@media (min-width:1365px){
  html body .for-mobile{display:none;}
}

@media (max-width:993px){
  html body .for-tab{display:none;}
}

@media (max-width:767px){
  html body .for-desk-tab{display:none;}
}

@media (min-width:993px){
  html body .for-only-mobile{display:none !important;}
  html .fc-group-dropdown{min-width:36vw;}
}

@media (min-width:768px){
  html body .for-exl-mobile{display:none !important;}
}

/*@media (min-width:768px) and (max-width:1365px){
  html body .for-mobile{display:none;}
}*/

/*=============================================
      PADDING
=============================================*/
html body .p-0{padding:0;}
html .p-05{padding:.125rem;}
html .p-1{padding:.25rem;}
html .p-2{padding:.5rem;}
html .p-3{padding:.75rem;}
html .p-4{padding:1rem;}
html .p-5{padding:1.25rem;}
html .p-6{padding:1.5rem;}
html .p-7{padding:1.75rem;}
html .p-8{padding:2rem;}
html .p-9{padding:2.25rem;}
html .p-10{padding:2.5rem;}

html .px-0{padding-left:0; padding-right:0;}
html .px-1{padding-left:.25rem; padding-right:.25rem;}
html .px-16{padding-left:4rem; padding-right:4rem;}
html .px-2{padding-left:.5rem; padding-right:.5rem;}
html .px-3{padding-left:.75rem; padding-right:.75rem;}
html .px-4{padding-left:1rem; padding-right:1rem;}
html .px-5{padding-left:1.25rem; padding-right:1.25rem;}
html .px-6{padding-left:1.5rem; padding-right:1.5rem;}
html .px-7{padding-left:1.75rem; padding-right:1.75rem;}
html .px-8{padding-left:2rem; padding-right:2rem;}
html .px-9{padding-left:2.25rem; padding-right:2.25rem;}
html .px-10{padding-left:2.5rem; padding-right:2.5rem;}

html .py-0{padding-top:0; padding-bottom:0;}
html .py-1{padding-top:.25rem; padding-bottom:.25rem;}
html .py-2{padding-top:.5rem; padding-bottom:.5rem;}
html .py-3{padding-top:.75rem; padding-bottom:.75rem;}
html .py-4{padding-top:1rem; padding-bottom:1rem;}
html .py-5{padding-top:1.25rem; padding-bottom:1.25rem;}
html .py-6{padding-top:1.5rem; padding-bottom:1.5rem;}
html .py-7{padding-top:1.75rem; padding-bottom:1.75rem;}
html .py-8{padding-top:2rem; padding-bottom:2rem;}
html .py-9{padding-top:2.25rem; padding-bottom:2.25rem;}
html .py-10{padding-top:2.5rem; padding-bottom:2.5rem;}

html .pt-0{padding-top:0;}
html .pt-1{padding-top:.25rem;}
html .pt-2{padding-top:.5rem;}
html .pt-3{padding-top:.75rem;}
html .pt-4{padding-top:1rem;}
html .pt-5{padding-top:1.25rem;}
html .pt-6{padding-top:1.5rem;}
html .pt-7{padding-top:1.75rem;}
html .pt-8{padding-top:2rem;}
html .pt-9{padding-top:2.25rem;}
html .pt-10{padding-top:2.5rem;}
html .pt-11{padding-top:2.75rem !important;}
html .pt-12{padding-top:3rem !important;}
html .pt-13{padding-top:3.25rem !important;}
html .pt-14{padding-top:3.5rem !important;}
html .pt-15{padding-top:3.75rem !important;}

html .pb-0{padding-bottom:0;}
html .pb-1{padding-bottom:.25rem;}
html .pb-2{padding-bottom:.5rem;}
html .pb-3{padding-bottom:.75rem;}
html .pb-4{padding-bottom:1rem;}
html .pb-5{padding-bottom:1.25rem;}
html .pb-6{padding-bottom:1.5rem;}
html .pb-7{padding-bottom:1.75rem;}
html .pb-8{padding-bottom:2rem;}
html .pb-9{padding-bottom:2.25rem;}
html .pb-10{padding-bottom:2.5rem;}

/*=============================================
      MARGIN
=============================================*/
.m-0{margin:0 !important;}
.m-1{margin:.25rem !important;}
.m-2{margin:.5rem !important;}
.m-3{margin:.75rem !important;}
.m-4{margin:1rem !important;}
.m-5{margin:1.25rem !important;}
.m-6{margin:1.5rem !important;}
.m-7{margin:1.75rem !important;}
.m-8{margin:2rem !important;}
.m-9{margin:2.25rem !important;}
.m-10{margin:2.5rem !important;}
.m-auto{margin:auto !important;}

.mx-0{margin-right:0 !important; margin-left:0 !important;}
.mx-1{margin-right:.25rem !important; margin-left:.25rem !important;}
.mx-2{margin-right:.5rem !important; margin-left:.5rem !important;}
.mx-3{margin-right:.75rem !important; margin-left:.75rem !important;}
.mx-4{margin-right:1rem !important; margin-left:1rem !important;}
.mx-5{margin-right:1.25rem !important; margin-left:1.25rem !important;}
.mx-6{margin-right:1.5rem !important; margin-left:1.5rem !important;}
.mx-7{margin-right:1.75rem !important; margin-left:1.75rem !important;}
.mx-8{margin-right:2rem !important; margin-left:2rem !important;}
.mx-9{margin-right:2.25rem !important; margin-left:2.25rem !important;}
.mx-10{margin-right:2.5rem !important; margin-left:2.5rem !important;}
.mx-auto{margin-right:auto !important; margin-left:auto !important;}

.my-0{margin-top:0 !important; margin-bottom:0 !important;}
.my-05{margin-top:.125rem !important; margin-bottom:.125rem !important;}
.my-1{margin-top:.25rem !important; margin-bottom:.25rem !important;}
.my-2{margin-top:.5rem !important; margin-bottom:.5rem !important;}
.my-3{margin-top:.75rem !important; margin-bottom:.75rem !important;}
.my-4{margin-top:1rem !important; margin-bottom:1rem !important;}
.my-5{margin-top:1.25rem !important; margin-bottom:1.25rem !important;}
.my-6{margin-top:1.5rem !important; margin-bottom:1.5rem !important;}
.my-7{margin-top:1.75rem !important; margin-bottom:1.75rem !important;}
.my-8{margin-top:2rem !important; margin-bottom:2rem !important;}
.my-9{margin-top:2.25rem !important; margin-bottom:2.25rem !important;}
.my-10{margin-top:2.5rem !important; margin-bottom:2.5rem !important;}
.my-auto{margin-top:auto !important; margin-bottom:auto !important;}

.mt-0{margin-top:0 !important;}
.mt-05{margin-top:.125rem !important;}
.mt-1{margin-top:.25rem !important;}
.mt-1-5{margin-top:.4rem !important;}
.mt-2{margin-top:.5rem !important;}
.mt-3{margin-top:.75rem !important;}
.mt-4{margin-top:1rem !important;}
.mt-5{margin-top:1.25rem !important;}
.mt-6{margin-top:1.5rem !important;}
.mt-7{margin-top:1.75rem !important;}
.mt-8{margin-top:2rem !important;}
.mt-9{margin-top:2.25rem !important;}
.mt-10{margin-top:2.5rem !important;}
.mt-11{margin-top:2.75rem !important;}
.mt-12{margin-top:3rem !important;}
.mt-auto{margin-top:auto !important;}

.mb-0{margin-bottom:0 !important;}
.mb-1{margin-bottom:.25rem !important;}
.mb-2{margin-bottom:.5rem !important;}
.mb-3{margin-bottom:.75rem !important;}
.mb-4{margin-bottom:1rem !important;}
.mb-5{margin-bottom:1.25rem !important;}
.mb-6{margin-bottom:1.5rem !important;}
.mb-7{margin-bottom:1.75rem !important;}
.mb-8{margin-bottom:2rem !important;}
.mb-9{margin-bottom:2.25rem !important;}
.mb-10{margin-bottom:2.5rem !important;}
.mb-11{margin-bottom:2.75rem !important;}
.mb-12{margin-bottom:3rem !important;}
.mb-auto{margin-bottom:auto !important;}

.mr-0{margin-right:0 !important;}
.mr-1{margin-right:0.25rem !important;}
.mr-2{margin-right:0.5rem !important;}
.mr-3{margin-right:1rem !important;}
.mr-4{margin-right:1.5rem !important;}
.mr-5{margin-right:3rem !important;}
.mr-auto{margin-right:auto !important;}
.ml-0{margin-left:0 !important;}
.ml-1{margin-left:0.25rem !important;}
.ml-2{margin-left:0.5rem !important;}
.ml-3{margin-left:1rem !important;}
.ml-4{margin-left:1.5rem !important;}
.ml-5{margin-left:3rem !important;}
.ml-auto{margin-left:auto !important;}
:is([dir="rtl"]) .mr-0{margin-left:0 !important;}
:is([dir="rtl"]) .mr-1{margin-left:0.25rem !important;}
:is([dir="rtl"]) .mr-2{margin-left:0.5rem !important;}
:is([dir="rtl"]) .mr-3{margin-left:1rem !important;}
:is([dir="rtl"]) .mr-4{margin-left:1.5rem !important;}
:is([dir="rtl"]) .mr-5{margin-left:3rem !important;}
:is([dir="rtl"]) .mr-auto{margin-left:auto !important;}
:is([dir="rtl"]) .ml-0{margin-right:0 !important;}
:is([dir="rtl"]) .ml-1{margin-right:0.25rem !important;}
:is([dir="rtl"]) .ml-2{margin-right:0.5rem !important;}
:is([dir="rtl"]) .ml-3{margin-right:1rem !important;}
:is([dir="rtl"]) .ml-4{margin-right:1.5rem !important;}
:is([dir="rtl"]) .ml-5{margin-right:3rem !important;}
:is([dir="rtl"]) .ml-auto{margin-right:auto !important;}

.m-n1{margin:-0.25rem !important;}
.m-n2{margin:-0.5rem !important;}
.m-n3{margin:-.75rem !important;}
.m-n4{margin:-1rem !important;}
.m-n5{margin:-1.25rem !important;}
.m-n6{margin:-1.5rem !important;}
.m-n7{margin:-1.75rem !important;}
.m-n8{margin:-2rem !important;}
.m-n9{margin:-2.25rem !important;}
.m-n10{margin:-2.5rem !important;}

.mt-n1{margin-top:-0.25rem !important;}
.mt-n2{margin-top:-0.5rem !important;}
.mt-n3{margin-top:-.75rem !important;}
.mt-n4{margin-top:-1rem !important;}
.mt-n5{margin-top:-1.25rem !important;}
.mt-n6{margin-top:-1.5rem !important;}
.mt-n7{margin-top:-1.75rem !important;}
.mt-n8{margin-top:-2rem !important;}
.mt-n9{margin-top:-2.25rem !important;}
.mt-n10{margin-top:-2.5rem !important;}
.mt-n11{margin-top:-2.75rem !important;}
.mt-n12{margin-top:-3rem !important;}
.mt-n13{margin-top:-3.25rem !important;}
.mt-n14{margin-top:-3.5rem !important;}
.mt-n15{margin-top:-3.75rem !important;}

.mb-n1{margin-bottom:-0.25rem !important;}
.mb-n2{margin-bottom:-0.5rem !important;}
.mb-n3{margin-bottom:-.75rem !important;}
.mb-n4{margin-bottom:-1rem !important;}
.mb-n5{margin-bottom:-1.25rem !important;}
.mb-n6{margin-bottom:-1.5rem !important;}
.mb-n7{margin-bottom:-1.75rem !important;}
.mb-n8{margin-bottom:-2rem !important;}
.mb-n9{margin-bottom:-2.25rem !important;}
.mb-n10{margin-bottom:-2.5rem !important;}
.mb-n11{margin-bottom:-2.75rem !important;}
.mb-n12{margin-bottom:-3rem !important;}
.mb-n13{margin-bottom:-3.25rem !important;}
.mb-n14{margin-bottom:-3.5rem !important;}
.mb-n15{margin-bottom:-3.75rem !important;}

/*=============================================
      WIDTH
=============================================*/
.w-auto{width:auto!important;}
.w-1px{width:1px!important;}
.w-2px{width:2px!important;}
.w-3px{width:3px!important;}
.w-4px{width:4px!important;}
.w-5px{width:5px!important;}
.w-6px{width:6px!important;}
.w-7px{width:7px!important;}
.w-8px{width:8px!important;}
.w-9px{width:9px!important;}
.w-10px{width:10px!important;}
.w-15px{width:15px!important;}
.w-20px{width:20px!important;}
.w-25px{width:25px!important;}
.w-30px{width:30px!important;}
.w-35px{width:35px!important;}
.w-40px{width:40px!important;}
.w-45px{width:45px!important;}
.w-50px{width:50px!important;}
.w-55px{width:55px!important;}
.w-60px{width:60px!important;}
.w-65px{width:65px!important;}
.w-70px{width:70px!important;}
.w-75px{width:75px!important;}
.w-80px{width:80px!important;}
.w-85px{width:85px!important;}
.w-90px{width:90px!important;}
.w-95px{width:95px!important;}
.w-100px{width:100px!important;}
.w-115px{width:115px!important;}
.w-125px{width:125px!important;}
.w-140px{width:140px!important;}
.w-150px{width:150px!important;}
.w-175px{width:175px!important;}
.w-200px{width:200px!important;}
.w-225px{width:225px!important;}
.w-250px{width:250px!important;}
.w-275px{width:275px!important;}
.w-300px{width:300px!important;}
.w-325px{width:325px!important;}
.w-350px{width:350px!important;}
.w-375px{width:375px!important;}
.w-400px{width:400px!important;}
.w-425px{width:425px!important;}
.w-450px{width:450px!important;}
.w-475px{width:475px!important;}
.w-500px{width:500px!important;}
.w-550px{width:550px!important;}
.w-600px{width:600px!important;}
.w-650px{width:650px!important;}
.w-700px{width:700px!important;}
.w-750px{width:750px!important;}
.w-800px{width:800px!important;}
.w-850px{width:850px!important;}
.w-900px{width:900px!important;}
.w-950px{width:950px!important;}
.w-1000px{width:1000px!important;}

html .w-50vw{width:50vw;}
html .w-90vw{width:90vw;}

/*=============================================
      HEIGHT
=============================================*/
.h-auto{height:auto!important;}
.h-1px{height:1px!important;}
.h-2px{height:2px!important;}
.h-3px{height:3px!important;}
.h-4px{height:4px!important;}
.h-5px{height:5px!important;}
.h-6px{height:6px!important;}
.h-7px{height:7px!important;}
.h-8px{height:8px!important;}
.h-9px{height:9px!important;}
.h-10px{height:10px!important;}
.h-15px{height:15px!important;}
.h-20px{height:20px!important;}
.h-25px{height:25px!important;}
.h-30px{height:30px!important;}
.h-35px{height:35px!important;}
.h-40px{height:40px!important;}
.h-45px{height:45px!important;}
.h-50px{height:50px!important;}
.h-55px{height:55px!important;}
.h-60px{height:60px!important;}
.h-65px{height:65px!important;}
.h-70px{height:70px!important;}
.h-75px{height:75px!important;}
.h-80px{height:80px!important;}
.h-85px{height:85px!important;}
.h-90px{height:90px!important;}
.h-95px{height:95px!important;}
.h-100px{height:100px!important;}
.h-125px{height:125px!important;}
.h-115px{height:115px!important;}
.h-150px{height:150px!important;}
.h-175px{height:175px!important;}
.h-200px{height:200px!important;}
.h-225px{height:225px!important;}
.h-250px{height:250px!important;}
.h-275px{height:275px!important;}
.h-300px{height:300px!important;}
.h-325px{height:325px!important;}
.h-350px{height:350px!important;}
.h-375px{height:375px!important;}
.h-400px{height:400px!important;}
.h-425px{height:425px!important;}
.h-450px{height:450px!important;}
.h-475px{height:475px!important;}
.h-500px{height:500px!important;}
.h-550px{height:550px!important;}
.h-600px{height:600px!important;}
.h-650px{height:650px!important;}
.h-700px{height:700px!important;}
.h-750px{height:750px!important;}
.h-800px{height:800px!important;}
.h-850px{height:850px!important;}
.h-900px{height:900px!important;}
.h-950px{height:950px!important;}
.h-1000px{height:1000px!important;}

.h-30vh{height:30vh;}
.h-90vh{height:90vh;}

html .min-h-30vh{min-height:30vh;}
html .min-h-35vh{min-height:35vh;}
html .min-h-40vh{min-height:40vh;}

html .max-h-30vh{max-height:30vh;}
html .max-h-60vh{max-height:60vh;}

/*=============================================
      ICON SYSTEM
      class*= class contains
      class^= class begins with
      class$ = class ends with
=============================================*/
[class^="icon-"], [class*=" icon-"]{display:inline-flex; height:24px; position:relative; width:24px;}
[class^="icon-"]:before, [class*=" icon-"]:before{display:inline-block; direction:ltr !important; font-family:"fntmlapp" !important; font-size:24px; font-style:normal !important; font-weight:normal !important; font-variant:normal !important; text-transform:none !important; speak:none; height:24px; line-height:25px; position:relative; width:24px; text-align:center; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

[class*="icon-sm"]{height:18px; line-height:18px; width:18px;}
.icon-sm:before{font-size:18px; height:18px; line-height:19px; width:18px;}
[class*="icon-xs"]{height:14px; line-height:14px; width:14px;}
.icon-xs:before{font-size:14px; height:14px; line-height:15px; width:14px;}
[class*="icon-xxs"]{height:14px; line-height:14px; width:14px;}
.icon-xxs:before{font-size:11px; height:11px; line-height:12px; width:11px;}
[class*="icon-lg"]{height:32px; line-height:32px; width:32px;}
.icon-lg:before{font-size:32px; height:32px; line-height:33px; width:32px;}
[class*="icon-xl"]{height:48px; line-height:48px; width:48px;}
.icon-xl:before{font-size:48px; height:48px; line-height:49px; width:48px;}
[class*="icon-xxl"]{height:64px; line-height:64px; width:64px;}
.icon-xxl:before{font-size:64px; height:64px; line-height:65px; width:64px;}

.alert aside:has([class^="icon-"]:only-child), .notification aside:has([class^="icon-"]:only-child)/*, .flex-table aside:has([class^="icon-"]:only-child)*/{line-height:1;}

/*:is([dir="rtl"]) [class^="icon-"], :is([dir="rtl"]) [class*=" icon-"]{transform:scaleX(-1);}*/
/*:is([dir="rtl"]) .icon-tick-1:before, :is([dir="rtl"]) .icon-circle-tick:before, :is([dir="rtl"]) .icon-billing-1:before, :is([dir="rtl"]) .icon-payment-1:before, :is([dir="rtl"]) .icon-help-1:before{transform:scaleX(-1);}*/

.icn-label{align-items:center; display:flex; gap:10px;}
.icn-label:has(.icon-xs):not(.ft-gap){gap:5px;}
.icn-label span{display:block;}
.icon-badge{background-color:rgb(var(--color-danger)); border-radius:.5rem; box-shadow:0 0 0 3px #fff; height:.45rem; position:absolute; right:-2px; top:-2px; width:.45rem;}
.icon-badge-xs{box-shadow:0 0 0 2px #fff; height:.36rem; width:.36rem;}
.icon-badge[style^="--bgcolor"]{background-color:var(--bgcolor);}
.modal-popup-header .icon-badge{box-shadow:0 0 0 3px #f5f5f5;}

.icon-home-1:before{content:'\0061';}
.icon-home-2:before{content:'\0062';}
.icon-filter-1:before{content:'\0063';}
.icon-filter-2:before{content:'\0064';}
.icon-filter-3:before{content:'\0065';}
.icon-download-1:before{content:'\e10e';}
.icon-upload-1:before{content:'\e10f';}
.icon-hand-1:before{content:'\0066';}
.icon-hand-2:before{content:'\0067';}
.icon-eye-1:before{content:'\0069';}
.icon-eye-2:before{content:'\0068';}
.icon-shield-1:before{content:'\006a';}
.icon-shield-2:before{content:'\006b';}
.icon-shield-3:before{content:'\006c';}
.icon-shield-4:before{content:'\006d';}
.icon-login-1:before{content:'\006e';}
.icon-login-2:before{content:'\006f';}
.icon-login-2:before{content:'\006f';}
.icon-link-1:before{content:'\0070';}
.icon-link-2:before{content:'\0071';}
.icon-link-3:before{content:'\004c';}
.icon-language-1:before{content:'\0072';}
.icon-menu-1:before{content:'\0073';}
.icon-menu-2:before{content:'\0074';}
.icon-menu-3:before{content:'\0075';}
.icon-menu-4:before{content:'\0076';}
.icon-menu-5:before{content:'\0077';}
.icon-menu-6:before{content:'\0078';}
.icon-menu-7:before{content:'\007a';}
.icon-menu-8:before{content:'\0041';}
.icon-menu-9:before{content:'\005b';}
.icon-menu-10:before{content:'\005d';}
.icon-layout-1:before{content:'\0079';}
.icon-drag-1:before{content:'\0042';}
.icon-dashboard-1:before{content:'\0043';}
.icon-copy-1:before{content:'\0044';}
.icon-inbox-1:before{content:'\0046';}
.icon-inbox-2:before{content:'\0047';}
.icon-inbox-3:before{content:'\0048';}
.icon-inbox-4:before{content:'\0049';}
.icon-inbox-5:before{content:'\004a';}
.icon-inbox-6:before{content:'\004b';}
.icon-delete-1:before{content:'\004d';}
.icon-delete-2:before{content:'\004e';}
.icon-share-1:before{content:'\004f';}
.icon-power-1:before{content:'\0050';}
.icon-cloud-1:before{content:'\0051';}
.icon-cloud-2:before{content:'\0052';}
.icon-cloud-3:before{content:'\e11e';}
.icon-cloud-4:before{content:'\e11f';}
.icon-target-1:before{content:'\0053';}
.icon-sort-1:before{content:'\0054';}
.icon-at-1:before{content:'\0055';}
.icon-radio-1:before{content:'\0056';}
.icon-radio-2:before{content:'\0057';}
.icon-checkbox-1:before{content:'\0058';}
.icon-checkbox-2:before{content:'\0059';}
.icon-gear-1:before{content:'\005a';}
.icon-tag-1:before{content:'\0030';}
.icon-tag-2:before{content:'\0031';}
.icon-tag-3:before{content:'\e03d';}
.icon-tag-4:before{content:'\e03e';}
.icon-tag-5:before{content:'\e03f';}
.icon-tag-6:before{content:'\e040';}
.icon-tag-7:before{content:'\e120';}
.icon-layer-1:before{content:'\0032';}
.icon-layer-2:before{content:'\0033';}
.icon-layer-3:before{content:'\0034';}
.icon-layer-4:before{content:'\0035';}
.icon-sun-1:before{content:'\0036';}
.icon-moon-1:before{content:'\0037';}
.icon-search-1:before{content:'\0038';}
.icon-lock-1:before{content:'\0039';}
.icon-lock-2:before{content:'\0021';}
.icon-lock-3:before{content:'\0022';}
.icon-lock-4:before{content:'\0023';}
.icon-circle-1:before{content:'\0024';}
.icon-circle-2:before{content:'\0025';}
.icon-circle-3:before{content:'\0026';}
.icon-circle-4:before{content:'\0027';}
.icon-circle-5:before{content:'\0028';}
.icon-report-1:before{content:'\0029';}
.icon-report-2:before{content:'\002a';}
.icon-report-3:before{content:'\002b';}
.icon-report-4:before{content:'\002c';}
.icon-report-5:before{content:'\002d';}
.icon-qr-1:before{content:'\002e';}
.icon-tree-1:before{content:'\002f';}
.icon-tree-2:before{content:'\003a';}
.icon-tree-3:before{content:'\003b';}
.icon-tree-4:before{content:'\003c';}
.icon-tree-5:before{content:'\003d';}
.icon-path-1:before{content:'\003e';}
.icon-path-2:before{content:'\003f';}
.icon-block-1:before{content:'\0040';}
.icon-help-1:before{content:'\005e';}
.icon-help-2:before{content:'\005f';}
.icon-help-3:before{content:'\0060';}
.icon-help-4:before{content:'\007b';}
.icon-warning-1:before{content:'\007c';}
.icon-circle-6:before{content:'\0045';}
.icon-circle-7:before{content:'\007d';}
.icon-circle-8:before{content:'\007e';}
.icon-play-1:before{content:'\005c';}
.icon-play-2:before{content:'\e000';}
.icon-play-3:before{content:'\e001';}
.icon-pause-1:before{content:'\e002';}
.icon-circle-9:before{content:'\e003';}
.icon-circle-10:before{content:'\e004';}
.icon-circle-11:before{content:'\e005';}
.icon-printer-1:before{content:'\e006';}
.icon-bell-1:before{content:'\e007';}
.icon-bell-2:before{content:'\e008';}
.icon-user-1:before{content:'\e009';}
.icon-user-2:before{content:'\e00a';}
.icon-user-3:before{content:'\e00b';}
.icon-user-4:before{content:'\e00c';}
.icon-user-5:before{content:'\e00d';}
.icon-user-6:before{content:'\e00e';}
.icon-user-7:before{content:'\e00f';}
.icon-user-8:before{content:'\e010';}
.icon-user-9:before{content:'\e011';}
.icon-user-10:before{content:'\e012';}
.icon-user-11:before{content:'\e013';}
.icon-user-12:before{content:'\e014';}
.icon-user-13:before{content:'\e015';}
.icon-user-14:before{content:'\e016';}
.icon-user-15:before{content:'\e017';}
.icon-user-16:before{content:'\e018';}
.icon-user-17:before{content:'\e019';}
.icon-user-18:before{content:'\e01a';}
.icon-user-19:before{content:'\e01b';}
.icon-user-20:before{content:'\e01c';}
.icon-user-21:before{content:'\e01d';}
.icon-emoji-1:before{content:'\e01e';}
.icon-emoji-2:before{content:'\e01f';}
.icon-emoji-3:before{content:'\e020';}
.icon-emoji-4:before{content:'\e021';}
.icon-emoji-5:before{content:'\e022';}
.icon-email-1:before{content:'\e023';}
.icon-email-2:before{content:'\e024';}
.icon-email-3:before{content:'\e025';}
.icon-email-4:before{content:'\e026';}
.icon-email-5:before{content:'\e027';}
.icon-email-6:before{content:'\e028';}
.icon-globe-1:before{content:'\e029';}
.icon-globe-2:before{content:'\e02a';}
.icon-chat-1:before{content:'\e02b';}
.icon-chat-2:before{content:'\e02c';}
.icon-chat-3:before{content:'\e02d';}
.icon-chat-4:before{content:'\e02e';}
.icon-chat-5:before{content:'\e02f';}
.icon-chat-6:before{content:'\e030';}
.icon-chat-7:before{content:'\e031';}
.icon-chat-8:before{content:'\e032';}
.icon-chat-9:before{content:'\e133';}
.icon-cart-1:before{content:'\e033';}
.icon-cart-2:before{content:'\e034';}
.icon-cart-3:before{content:'\e035';}
.icon-cart-4:before{content:'\e036';}
.icon-bag-1:before{content:'\e037';}
.icon-bag-2:before{content:'\e038';}
.icon-bag-3:before{content:'\e039';}
.icon-money-1:before{content:'\e03a';}
.icon-money-2:before{content:'\e03b';}
.icon-money-3:before{content:'\e03c';}
.icon-shop-1:before{content:'\e041';}
.icon-ticket-1:before{content:'\e042';}
.icon-money-4:before{content:'\e043';}
.icon-vehicle-1:before{content:'\e044';}
.icon-safety-1:before{content:'\e045';}
.icon-star-1:before{content:'\e046';}
.icon-star-2:before{content:'\e047';}
.icon-star-3:before{content:'\e048';}
.icon-heart-1:before{content:'\e049';}
.icon-heart-2:before{content:'\e04a';}
.icon-heart-3:before{content:'\e04b';}
.icon-card-1:before{content:'\e04c';}
.icon-hand-3:before{content:'\e04d';}
.icon-hand-4:before{content:'\e04e';}
.icon-hand-5:before{content:'\e04f';}
.icon-hand-6:before{content:'\e050';}
.icon-hand-7:before{content:'\e051';}
.icon-hand-8:before{content:'\e052';}
.icon-hand-9:before{content:'\e053';}
.icon-date-1:before{content:'\e054';}
.icon-date-2:before{content:'\e055';}
.icon-date-3:before{content:'\e056';}
.icon-date-4:before{content:'\e057';}
.icon-date-5:before{content:'\e058';}
.icon-date-6:before{content:'\e059';}
.icon-date-7:before{content:'\e05a';}
.icon-date-8:before{content:'\e05b';}
.icon-time-1:before{content:'\e05c';}
.icon-time-2:before{content:'\e05d';}
.icon-time-3:before{content:'\e05e';}
.icon-time-4:before{content:'\e05f';}
.icon-time-5:before{content:'\e060';}
.icon-time-6:before{content:'\e061';}
.icon-arrow-1:before{content:'\e062';}
.icon-arrow-2:before{content:'\e063';}
.icon-arrow-3:before{content:'\e064';}
.icon-arrow-4:before{content:'\e065';}
.icon-arrow-5:before{content:'\e066';}
.icon-arrow-6:before{content:'\e067';}
.icon-arrow-7:before{content:'\e068';}
.icon-arrow-8:before{content:'\e069';}
.icon-arrow-9:before{content:'\e06a';}
.icon-arrow-10:before{content:'\e06b';}
.icon-arrow-11:before{content:'\e06c';}
.icon-arrow-12:before{content:'\e06d';}
.icon-arrow-13:before{content:'\e06e';}
.icon-arrow-14:before{content:'\e06f';}
.icon-arrow-15:before{content:'\e070';}
.icon-arrow-16:before{content:'\e071';}
.icon-arrow-17:before{content:'\e072';}
.icon-arrow-18:before{content:'\e073';}
.icon-arrow-19:before{content:'\e074';}
.icon-arrow-20:before{content:'\e075';}
.icon-arrow-21:before{content:'\e076';}
.icon-arrow-22:before{content:'\e077';}
.icon-arrow-23:before{content:'\e078';}
.icon-arrow-24:before{content:'\e079';}
.icon-arrow-25:before{content:'\e07a';}
.icon-arrow-26:before{content:'\e07b';}
.icon-arrow-27:before{content:'\e07c';}
.icon-arrow-28:before{content:'\e07d';}
.icon-arrow-29:before{content:'\e07e';}
.icon-arrow-30:before{content:'\e07f';}
.icon-arrow-31:before{content:'\e105';}
.icon-arrow-32:before{content:'\e106';}
.icon-arrow-33:before{content:'\e107';}
.icon-arrow-34:before{content:'\e108';}
.icon-arrow-35:before{content:'\e109';}
.icon-arrow-36:before{content:'\e10a';}
.icon-arrow-37:before{content:'\e10b';}
.icon-arrow-38:before{content:'\e10c';}
.icon-arrow-39:before{content:'\e10d';}
.icon-arrow-40:before{content:'\e12b';}
.icon-arrow-41:before{content:'\e12c';}
.icon-arrow-42:before{content:'\e12d';}
.icon-arrow-43:before{content:'\e12e';}
.icon-learning-1:before{content:'\e080';}
.icon-learning-2:before{content:'\e081';}
.icon-learning-3:before{content:'\e082';}
.icon-learning-4:before{content:'\e083';}
.icon-learning-5:before{content:'\e0f4';}
.icon-learning-6:before{content:'\e0f5';}
.icon-learning-7:before{content:'\e102';}
.icon-learning-8:before{content:'\e103';}
.icon-learning-9:before{content:'\e104';}
.icon-learning-10:before{content:'\e112';}
.icon-learning-11:before{content:'\e113';}
.icon-learning-12:before{content:'\e114';}
.icon-device-1:before{content:'\e084';}
.icon-device-2:before{content:'\e085';}
.icon-device-3:before{content:'\e086';}
.icon-device-4:before{content:'\e087';}
.icon-device-5:before{content:'\e088';}
.icon-device-6:before{content:'\e089';}
.icon-device-7:before{content:'\e08a';}
.icon-device-8:before{content:'\e08b';}
.icon-device-9:before{content:'\e08c';}
.icon-device-10:before{content:'\e08d';}
.icon-device-11:before{content:'\e08e';}
.icon-object-1:before{content:'\e08f';}
.icon-object-2:before{content:'\e090';}
.icon-object-3:before{content:'\e091';}
.icon-object-4:before{content:'\e092';}
.icon-object-5:before{content:'\e093';}
.icon-object-6:before{content:'\e094';}
.icon-object-7:before{content:'\e095';}
.icon-object-8:before{content:'\e096';}
.icon-object-9:before{content:'\e097';}
.icon-object-10:before{content:'\e098';}
.icon-object-11:before{content:'\e099';}
.icon-object-12:before{content:'\e09a';}
.icon-object-13:before{content:'\e09b';}
.icon-object-14:before{content:'\e09c';}
.icon-object-15:before{content:'\e09d';}
.icon-object-16:before{content:'\e09e';}
.icon-object-17:before{content:'\e09f';}
.icon-object-18:before{content:'\e0a0';}
.icon-object-19:before{content:'\e0a1';}
.icon-object-20:before{content:'\e0a2';}
.icon-object-21:before{content:'\e0a3';}
.icon-object-22:before{content:'\e0a4';}
.icon-object-23:before{content:'\e0a5';}
.icon-object-24:before{content:'\e0a6';}
.icon-object-25:before{content:'\e0a7';}
.icon-object-26:before{content:'\e0a8';}
.icon-object-27:before{content:'\e0a9';}
.icon-object-28:before{content:'\e0aa';}
.icon-object-29:before{content:'\e0ab';}
.icon-object-30:before{content:'\e0ac';}
.icon-object-31:before{content:'\e0ad';}
.icon-object-32:before{content:'\e0df';}
.icon-object-33:before{content:'\e0e0';}
.icon-object-34:before{content:'\e0e1';}
.icon-object-35:before{content:'\e0e2';}
.icon-object-36:before{content:'\e0f6';}
.icon-object-37:before{content:'\e0f7';}
.icon-object-38:before{content:'\e0f8';}
.icon-object-39:before{content:'\e0f9';}
.icon-sm.icon-object-39:before{font-size:16px;}
.icon-object-40:before{content:'\e0fa';}
.icon-object-41:before{content:'\e0fb';}
.icon-object-42:before{content:'\e0fc';}
.icon-object-43:before{content:'\e0fd';}
.icon-object-44:before{content:'\e0fe';}
.icon-object-45:before{content:'\e0ff';}
.icon-object-46:before{content:'\e127';}
.icon-document-1:before{content:'\e0ae';}
.icon-document-2:before{content:'\e0af';}
.icon-document-3:before{content:'\e0b0';}
.icon-document-4:before{content:'\e0b1';}
.icon-document-5:before{content:'\e0b2';}
.icon-document-6:before{content:'\e0b3';}
.icon-document-7:before{content:'\e0b4';}
.icon-document-8:before{content:'\e0b5';}
.icon-document-9:before{content:'\e0b6';}
.icon-document-10:before{content:'\e0b7';}
.icon-document-11:before{content:'\e0b8';}
.icon-document-12:before{content:'\e0b9';}
.icon-document-13:before{content:'\e0ba';}
.icon-document-14:before{content:'\e0bb';}
.icon-document-15:before{content:'\e0bc';}
.icon-document-16:before{content:'\e0bd';}
.icon-document-17:before{content:'\e0be';}
.icon-document-18:before{content:'\e0bf';}
.icon-document-19:before{content:'\e0c0';}
.icon-document-20:before{content:'\e0c1';}
.icon-document-21:before{content:'\e0c2';}
.icon-document-22:before{content:'\e0c3';}
.icon-document-23:before{content:'\e0c4';}
.icon-document-24:before{content:'\e0c5';}
.icon-document-25:before{content:'\e0c6';}
.icon-document-26:before{content:'\e0c7';}
.icon-document-27:before{content:'\e0c8';}
.icon-document-28:before{content:'\e0c9';}
.icon-document-29:before{content:'\e0ca';}
.icon-document-30:before{content:'\e0cb';}
.icon-document-31:before{content:'\e0cc';}
.icon-document-32:before{content:'\e0cd';}
.icon-document-33:before{content:'\e0ce';}
.icon-document-34:before{content:'\e0cf';}
.icon-document-35:before{content:'\e0d0';}
.icon-document-36:before{content:'\e0d1';}
.icon-document-37:before{content:'\e0d2';}
.icon-document-38:before{content:'\e0d3';}
.icon-document-39:before{content:'\e0d4';}
.icon-document-40:before{content:'\e0d5';}
.icon-document-41:before{content:'\e0d6';}
.icon-document-42:before{content:'\e0d7';}
.icon-document-43:before{content:'\e0d8';}
.icon-document-44:before{content:'\e0d9';}
.icon-document-45:before{content:'\e0da';}
.icon-document-46:before{content:'\e0db';}
.icon-document-47:before{content:'\e0dc';}
.icon-document-48:before{content:'\e0dd';}
.icon-document-49:before{content:'\e0de';}
.icon-document-50:before{content:'\e100';}
.icon-document-51:before{content:'\e101';}
.icon-document-52:before{content:'\e121';}
.icon-document-53:before{content:'\e122';}
.icon-document-54:before{content:'\e123';}
.icon-document-55:before{content:'\e124';}
.icon-document-56:before{content:'\e125';}
.icon-document-57:before{content:'\e126';}
.icon-document-58:before{content:'\e128';}
.icon-document-59:before{content:'\e12a';}
.icon-status-1:before{content:'\e0e3';}
.icon-status-2:before{content:'\e0e4';}
.icon-status-3:before{content:'\e0e5';}
.icon-status-4:before{content:'\e0e6';}
.icon-status-5:before{content:'\e0e7';}
.icon-status-6:before{content:'\e0e8';}
.icon-status-7:before{content:'\e0e9';}
.icon-status-8:before{content:'\e0ea';}
.icon-status-9:before{content:'\e0eb';}
.icon-status-10:before{content:'\e0ec';}
.icon-status-11:before{content:'\e0ed';}
.icon-status-12:before{content:'\e0ee';}
.icon-status-13:before{content:'\e0ef';}
.icon-status-14:before{content:'\e0f0';}
.icon-status-15:before{content:'\e0f1';}
.icon-status-16:before{content:'\e0f2';}
.icon-status-17:before{content:'\e0f3';}
.icon-logo-1:before{content:'\e110';}
.icon-logo-2:before{content:'\e111';}
.icon-logo-3:before{content:'\e11c';}
.icon-logo-4:before{content:'\e129'; font-size:21px;}
.icon-sm.icon-logo-4:before{font-size:14px;}
.icon-resize-1:before{content:'\e116';}
.icon-crop-1:before{content:'\e115';}
.icon-rotate-1:before{content:'\e117';}
.icon-rotate-2:before{content:'\e118';}
.icon-flip-1:before{content:'\e119';}
.icon-zoom-1:before{content:'\e11a';}
.icon-zoom-2:before{content:'\e11b';}
.icon-manual-1:before{content:'\e11d';}
.icon-table-1:before{content:'\e12f';}
.icon-text-style-1:before{content:'\e130';}
.icon-text-style-2:before{content:'\e131';}
.icon-text-style-3:before{content:'\e132';}

.icon-toggle-menu:before{content:'\005b';}
.icon-gradient-1:before{background:linear-gradient(to right, rgb(var(--color-nav-bg-from)), rgb(var(--color-nav-bg-to)) 100%) text; -webkit-text-fill-color:transparent;}

/*=============================================
      ICON SPINNER
=============================================*/
.icon-spinner{border-radius:9999px; font-size:1rem; flex-shrink:0; position:relative;}
.icon-spinner span{border-top:.14em solid rgba(70,102,108,.18); border-right:.14em solid rgba(70,102,108,.18); border-bottom:.14em solid rgba(70,102,108,.18); border-left:.14em solid rgb(var(--color-primary)); border-radius:9999px; bottom:0; left:0; position:absolute; right:0; top:0; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation:anm-spinner .72s infinite linear; animation:anm-spinner .72s infinite linear;}
.primary .icon-spinner span, .secondary .icon-spinner span, .success .icon-spinner span, .warning .icon-spinner span, .danger .icon-spinner span, .complete .icon-spinner span, .dark .icon-spinner span, .link .icon-spinner span{border-color:rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgb(255,255,255);}
@-webkit-keyframes anm-spinner{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@keyframes anm-spinner{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

a{color:rgb(var(--color-link));}

/*=============================================
      HEADINGS
=============================================*/
.heading{font-size:1.5rem; font-weight:500;}
.sub-heading{font-size:1rem;}
.heading + .sub-heading{padding-top:.5rem;}
.sub-heading-grey{color:#888; font-size:.9rem;}

/*=============================================
      FLEX TABLE
=============================================*/
.flex-table{display:flex; flex-direction:row; flex-shrink:0; justify-content:space-between; width:100%;}
.flex-table > aside{position:relative;}
html body .ft-gap-xs{gap:2px;}
html body .ft-gap-sm{gap:5px;}
html body .ft-gap{gap:10px;}
html body .ft-gap-md{gap:15px;}
html body .ft-gap-lg{gap:10px 1.125rem;}
html body .ft-gap-xl{gap:15px 1.5rem;}
html body .ft-gap-xxl{gap:30px 2.75rem;}
html body .no-gap{gap:0;}
html body .ft-vgap{gap:10px;}
html body .ft-vgap-md{gap:1rem;}
html body .ft-vgap-lg{gap:1.125rem;}
html body .ft-vgap-xl{gap:1.5rem;}
html body .ft-vgap-xxl{gap:1.75rem;}
.ft-wrap{flex-wrap:wrap; justify-content:flex-start;}
html body .ft-no-wrap{flex-wrap:nowrap;}
.ft-col-spread{flex:1 1 auto;}
.ft-col-5{width:5%;}
.ft-col-7{width:7%;}
.ft-col-10{width:10%;}
.ft-col-15{width:15%;}
.ft-col-20{width:20%;}
.ft-col-25{width:25%;}
.ft-col-30{width:30%;}
.ft-col-35{width:35%;}
.ft-col-40{width:40%;}
.ft-col-45{width:45%;}
.ft-col-48{width:48%;}
.ft-col-50{width:50%;}
.ft-col-55{width:55%;}
.ft-col-60{width:60%;}
.ft-col-65{width:65%;}
.ft-col-70{width:70%;}
.ft-col-75{width:75%;}
.ft-col-80{width:80%;}
.ft-col-85{width:85%;}
.ft-col-90{width:90%;}
html body .align-items-baseline{align-items:baseline;}
html body .align-items-center{align-items:center;}
html body .align-items-start{align-items:flex-start;}
html body .align-items-stretch{align-items:stretch;}
html body .align-self-center{align-self:center;}
html body .align-items-bottom{align-items:flex-end;}
html body .align-self-bottom{align-self:flex-end;}
html body .justify-items-center{justify-content:safe center;}
html body .justify-items-start{justify-content:flex-start;}
html body .justify-items-end{justify-content:flex-end;}
html body .justify-space-around{justify-content:space-around;}
html body .justify-space-between{justify-content:space-between;}
html body .justify-content-center{justify-content:center;}

html body .flex-v-center{align-items:center; display:flex;}

html body .string-flex{align-items:center; display:flex; flex-direction:row; flex-wrap:wrap; /*gap:5px;*/}
html body .string-flex.no-ft-wrap{flex-wrap:nowrap;}
html body .string-flex:not[class*="ft-gap"]{gap:5px;}

/*flexTable Column*/
html .ft-column{flex-direction:column; height:100%;}

/*flexTable Column*/
html .ft-row{flex-direction:row;}

/*=============================================
      GLOBAL SEARCH
=============================================*/
.global-search{background-color:rgb(var(--color-global-search-bg)); display:flex; flex-direction:column; position:fixed; top:-70px; transition-property:all; transition-duration:.5s; transition-timing-function:var(--transition-timing);}
:is([dir="ltr"]):has(.side-nav.side-nav-lg) .global-search{left:270px;}
:is([dir="rtl"]):has(.side-nav.side-nav-lg) .global-search{right:270px;}
.global-search-bar{background-color:rgb(var(--color-global-search-input-bg)); border-bottom:1px solid rgba(72, 94, 144, 0.16); display:flex; flex-direction:row; height:60px;}
.global-search.active{top:0; bottom:0;}
.global-search:not(.active) .global-search-content{display:none;}
.global-search-text{background-color:transparent; border:none; box-shadow:none; flex:1 1 auto; height:100%; line-height:60px; outline:none; padding:0 1rem; width:100%;}
.global-search-content{/*display:flex; flex-direction:row;*/ flex:1 1 auto; overflow-x:hidden; overflow-y:auto; /*gap:2rem; padding:2rem;*/}
.global-search-results{width:70%;}/*temp*/
.global-search-history{width:30%;}/*temp*/

/*=============================================
      SIDEBAR NAVIGATION
=============================================*/
.side-nav{background:linear-gradient(to bottom, rgb(var(--color-nav-bg-from)), rgb(var(--color-nav-bg-to))) rgb(var(--color-nav-bg-from)); bottom:0; display:flex; flex-direction:column; justify-content:space-between; position:fixed; top:0; width:60px; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing); z-index:6;}
:is([dir="ltr"]) .side-nav{left:0;}
:is([dir="rtl"]) .side-nav{right:0;}
.side-nav-lg{/*overflow-x:hidden;*/ width:270px;}
:is([dir="ltr"]):has(.side-nav-lg) .app-header{left:270px; right:0;}
:is([dir="rtl"]):has(.side-nav-lg) .app-header{left:0; right:270px;}

.app-logo{display:block; height:60px; padding:15px;}
/*.side-nav-lg .app-logo{width:100%;}*/
.side-nav.side-nav-lg .app-logo-icon, .side-nav:not(.side-nav-lg) .app-logo-full{display:none;}
.app-logo img{height:30px;}
.side-nav-scrollable{display:flex; flex-direction:column; flex:1 1 auto; /*overflow-x:hidden; overflow-y:auto;*/}
.side-nav-content{flex:1 1 auto; margin:2rem 0;}

.side-nav-lg .side-nav-scrollable{overflow:hidden;}
.side-nav-lg .side-nav-content{overflow-x:hidden; overflow-y:auto;}

.nav-main-list{display:flex; flex-direction:column; gap:.5rem 0;}
.nav-main-list > li{position:relative;}
.nav-main-label{align-items:center; color:rgb(var(--color-nav-link)); display:flex; gap:0 12px; padding:1rem;}
.side-nav-lg .has-submenu{position:relative; /*width:238px;*/}
:is([dir="ltr"]) .side-nav-lg .has-submenu{padding-right:2.5rem;}
:is([dir="rtl"]) .side-nav-lg .has-submenu{padding-left:2.5rem;}
.side-nav-lg .has-submenu:before{content:'\e066'; direction:ltr !important; font-family:fntmlapp !important; font-size:14px; line-height:24px; position:absolute; text-align:center; text-transform:none !important; top:1rem; width:2.5rem;}
:is([dir="ltr"]) .side-nav-lg .has-submenu:before{right:5px;}
:is([dir="rtl"]) .side-nav-lg .has-submenu:before{left:5px;}
.side-nav-lg .has-submenu.active:before{content:'\e067';}
.has-submenu:not(.active) + .nav-sub{display:none;}
.nav-main-pic{align-items:center; display:flex; height:24px; justify-content:center; line-height:24px; width:24px;}
.nav-main-text{font-weight:500; line-height:1; white-space:nowrap;}
.side-nav:not(.side-nav-lg) .nav-main-text{display:none;}
.nav-sub{display:flex; flex-direction:column; gap:4px 0; padding:0 1rem 1rem 2.5rem;}
.nav-sub-label{border-radius:var(--border-radius); color:var(--color-body-text); display:block; padding:.25rem .75rem;}
.side-nav.side-nav-lg .nav-sub-label{font-weight:500;}
.nav-main-label:not(.has-submenu):hover, .nav-main-label:not(.has-submenu).active, .side-nav-lg .nav-sub-label:hover, .side-nav-lg .nav-sub-label.active, .side-nav:not(.side-nav-lg) .has-submenu.active{background-color:rgba(0,0,0,0.2);}
.side-nav-lg .nav-sub-label{color:rgb(var(--color-nav-link));}

.side-nav:not(.side-nav-lg) .nav-sub{background-color:var(--color-input-background); border-radius:var(--border-radius); box-shadow:var(--shadow-dropdown); padding:.75rem .5rem; position:absolute; top:0; width:230px;}
/*.side-nav:not(.side-nav-lg) .nav-main-list > li:last-child .nav-sub{bottom:0; top:auto;}*/
:is([dir="ltr"]) .side-nav:not(.side-nav-lg) .nav-sub{left:63px;}
:is([dir="rtl"]) .side-nav:not(.side-nav-lg) .nav-sub{right:63px;}
.side-nav:not(.side-nav-lg) a.nav-sub-label:hover, .side-nav:not(.side-nav-lg) a.nav-sub-label.active{background-color:var(--color-menu-hover-bg);}

.side-nav:not(.side-nav-lg) .nav-main-text{background-color:rgb(var(--color-dark)); border-radius:var(--border-radius); color:#fff; display:none; font-size:0.9rem; font-weight:400; line-height:1.2; padding:7px 10px; position:absolute; pointer-events:none; width:auto; white-space:nowrap; word-wrap:normal; z-index:1; -webkit-animation:popupFromRight .3s; animation:popupFromRight .3s; transition-timing-function:var(--transition-timing);}
.side-nav:not(.side-nav-lg) .nav-main-text:after{background-color:rgb(var(--color-dark)); top:calc(50% - 5px); content:''; position:absolute; display:block; width:10px; height:10px; transform:rotate(45deg); z-index:1;}
.side-nav:not(.side-nav-lg) .nav-main-label:not(.active):hover .nav-main-text{display:block;}
:is([dir="ltr"]) .side-nav:not(.side-nav-lg) .nav-main-text{left:70px;}
:is([dir="rtl"]) .side-nav:not(.side-nav-lg) .nav-main-text{right:70px;}
:is([dir="ltr"]) .side-nav:not(.side-nav-lg) .nav-main-text:after{left:-3px;}
:is([dir="rtl"]) .side-nav:not(.side-nav-lg) .nav-main-text:after{right:-3px;}
/* :is(.dark-mode) .side-nav:not(.side-nav-lg) .nav-main-text, :is(.dark-mode) .side-nav:not(.side-nav-lg) .nav-main-text:after{background-color:rgb(var(--color-button-bg));} */

.close-side-nav{background-color:rgb(var(--color-primary)); border-radius:.25rem; box-shadow:0 0 0 4px rgb(var(--bg-app-header)); display:none; height:24px; position:absolute; top:20px; transition:all .1s; width:24px; z-index:3;}
:is([dir="ltr"]) .close-side-nav{left:255px;}
:is([dir="rtl"]) .close-side-nav{right:255px;}
a.close-side-nav:hover{left:245px; width:36px;}
.close-side-nav:before{color:#fff; direction:ltr !important; font-family:fntmlapp !important; font-size:10px; font-weight:900; height:24px; line-height:24px; left:0; position:absolute; right:1px; text-align:center; text-transform:none !important; top:0;}
:is([dir="ltr"]) .close-side-nav:before{content:'\e062'; }
:is([dir="rtl"]) .close-side-nav:before{content:'\e063'; }
:is([dir="ltr"]) a.close-side-nav:hover:before{left:-10px;}
:is([dir="rtl"]) a.close-side-nav:hover:before{left:10px;}
.side-nav:not(.side-nav-lg) .close-side-nav{display:none;}

/*=============================================
      BELL NOTIFICATIONS
=============================================*/
.bell-notifications-wrapper{bottom:5px; position:fixed; top:63px;}
:is([dir="ltr"]) .bell-notifications-wrapper{right:3px;}
:is([dir="rtl"]) .bell-notifications-wrapper{left:3px;}

.show-bell-notifications.active{color:rgb(var(--color-primary));}
.show-bell-notifications:not(.active) + .bell-notifications-wrapper{display:none;}

.bell-notification-item-set{display:flex; flex-direction:column;}
.bell-notification-item{border-bottom:1px solid rgb(var(--color-border)); display:flex; flex-direction:row;}
.bell-notification-item:hover{box-shadow:4px 0 #FFD54F inset;}
a.bell-notification-item{color:inherit;}

.bell-notification-item.unread{background-color:rgba(0,0,0,0.02);}
.bell-notification-item.primary{background-color:rgb(var(--color-primary-light));}
.bell-notification-item.secondary{background-color:rgb(var(--color-secondary-light));}
.bell-notification-item.success{background-color:rgb(var(--color-success-light));}
.bell-notification-item.complete{background-color:rgb(var(--color-complete-light));}
.bell-notification-item.warning{background-color:rgb(var(--color-warning-light));}
.bell-notification-item.danger{background-color:rgb(var(--color-danger-light));}
.bell-notification-item.dark{background-color:rgb(var(--color-dark-light));}

.bni-success{background:url(bg-confetti-1.png) no-repeat center; background-size:700px;}

.bni-bg-1{background:url(bg-image-5.svg) no-repeat center; background-size:600px;}

.bni-data{display:flex; flex-direction:row; flex:1 1 auto; gap:.75rem; padding:1rem 1.5rem;}
a.bni-data{color:var(--color-body-text);}
a.bni-data:hover .bni-title{color:rgb(var(--color-link));}
.bni-avatar{flex-shrink:0; width:2rem;}
.bni-content{flex:1 1 auto;}
.bni-menu{padding:.75rem;}

.bell-notifications{background-color:rgb(var(--color-submenu-bg)); border-radius:var(--border-radius); box-shadow:var(--shadow-dropdown); display:flex; flex-direction:column; height:100%;}
/*.bell-notifications-header{border-bottom:1px solid rgba(72,94,144,0.16);}*/
/*.bell-notifications-header h5{font-size:1rem; font-weight:500; line-height:50px; padding:0 20px;}*/
.bell-notifications-contents{flex:1 1 auto; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;}
.bell-notifications-footer{box-shadow:0 -1px rgb(var(--color-border)); position:relative; z-index:3;}
.bell-notifications-footer .container{padding-right:.5rem; padding-left:.5rem;}
.bell-notifications .button{background-color:transparent;}

body:has(.show-bell-notifications.active):before{background-color:rgba(67,89,113,0.2); bottom:0; content:''; position:fixed; top:60px; z-index:4;}
@media (max-width:1024px){body:has(.show-bell-notifications.active):before{left:0; right:0;}}
@media (min-width:1025px){
      :is([dir="ltr"]) body:has(.show-bell-notifications.active):before{left:60px; right:0;}
      :is([dir="rtl"]) body:has(.show-bell-notifications.active):before{right:60px; left:0;}
}

/*=============================================
      CONTEXTUAL HELP
=============================================*/
.contextual-help{background-color:var(--color-card-background); border-radius:var(--border-radius); box-shadow:var(--shadow-card); bottom:5px; display:none; position:fixed; z-index:9999; transition:all .25s ease; transition-timing-function:var(--transition-timing);}
body:has(.link-contextual-help.active) .contextual-help{display:block;}
:is([dir="ltr"]) .contextual-help{left:65px;}
:is([dir="ltr"]) body:has(.side-nav-lg) .contextual-help{left:275px;}
:is([dir="rtl"]) .contextual-help{right:65px;}
:is([dir="rtl"]) body:has(.side-nav-lg) .contextual-help{right:275px;}
.contextual-help:not(.active){display:none;}
/* body:has(.link-contextual-help.active):before{background-color:rgba(67,89,113,0.72); backdrop-filter:blur(6px); bottom:0; content:''; position:fixed; top:var(--app-header-height); z-index:4; left:60px; right:0;} */
.contextual-help-header{align-items:center; display:flex; flex-direction:row; gap:10px; justify-content:space-between;}
.feature-tour-item{display:flex; flex-direction:row; gap:.5rem; padding:.75rem 1.25rem;}
.feature-tour-item + .feature-tour-item{border-top:1px solid rgb(var(--color-border));}
.feature-tour-item-title{flex:1 1 auto;}

@media (max-width: 1024px){
      body:has(.link-contextual-help.active):before{left:0; right:0;}
      :is([dir="ltr"]) .contextual-help{left:5px;}
      :is([dir="rtl"]) .contextual-help{right:5px;}
}

@media (max-width:767px){
      .contextual-help{left:5px; right:5px;}
}

/*=============================================
      AVATAR
=============================================*/
.avatar{display:block; flex-shrink:0; height:2.375rem; position:relative; width:2.375rem;}
.avatar-xs{display:block; height:1.625rem; position:relative; width:1.625rem;}
.avatar-sm{display:block; height:2rem; position:relative; width:2rem;}
.avatar-md{display:block; height:3rem; position:relative; width:3rem;}
.avatar-lg{display:block; height:4rem; position:relative; width:4rem;}
.avatar-xl{display:block; height:6rem; position:relative; width:6rem;}
.avatar-xxl{display:block; height:9rem; position:relative; width:9rem;}

.avatar-img{border-radius:9999px; height:100%; width:100%;}
.avatar-initial{align-items:center; background-color:var(--bgcolor); border-radius:9999px; bottom:0; color:rgba(0,0,0,0.7); display:flex; font-size:.9rem; font-weight:500; justify-content:center; left:0; line-height:1; position:absolute; right:0; text-transform:uppercase; top:0; width:100%;}
.avatar-initial:not([style]){background-color:#ECEFF1;}
.avatar-xs .avatar-initial{font-size:.625rem; font-weight:900;}
.avatar-sm .avatar-initial{font-size:.75rem; font-weight:700;}
.avatar-md .avatar-initial{font-size:1.125rem; font-weight:400;}
.avatar-lg .avatar-initial{font-size:1.5rem; font-weight:400;}
.avatar-xl .avatar-initial{font-size:2rem; font-weight:400;}
.avatar-xxl .avatar-initial{font-size:3.6rem; font-weight:300;}

[class^="avatar"].square .avatar-img, [class^="avatar"].square .avatar-initial{border-radius:.375rem;}

.avatar-group{align-items:center; display:flex;}
:is([dir="ltr"]) .avatar-group [class^="avatar"] + [class^="avatar"]{margin-left:-0.8rem;}
:is([dir="rtl"]) .avatar-group [class^="avatar"] + [class^="avatar"]{margin-right:-0.8rem;}
.avatar-group .avatar-img, .avatar-group .avatar-initial{border:3px solid var(--color-card-background); transition:all .25s ease; transition-timing-function:var(--transition-timing);}
.avatar-group [class^="avatar"]:hover .avatar-img, .avatar-group [class^="avatar"]:hover .avatar-initial{box-shadow:0 0.25rem 1rem rgba(161,172,184,.45); transform:translateY(-4px); z-index:2;}
.avatar-group [class^="avatar"]:hover .avatar-img{position:relative;}
.avatar-group-count:not([style]){background-color:#546E7A; color:#fff;}

.avatar-user{color:inherit; display:flex; flex-direction:row; gap:10px;}
[class^="avatar"]:has(.avatar-img){flex-shrink:0;}
.avatar-name{flex:1 1 auto;}
.avatar-name h5{font-size:.875rem; font-weight:500;}
a.avatar-user:hover .avatar-name h5{color:rgb(var(--color-link)); text-decoration:underline;}
.avatar-name h6{color:rgb(var(--color-text-grey)); font-size:.85rem;}
.notification .avatar-name h6{color:inherit;}
.avatar-user:has(.avatar-name h5:only-child), .avatar-user:has(.avatar-name h6:only-child){align-items:center;}
.avatar-user:has(.avatar-xs) .avatar-name h5{font-weight:400;}

.avatar-offline::after, .avatar-online::after{border-radius:100%; bottom:2px; box-shadow:0 0 0 2px var(--color-card-background); content:''; height:8px; position:absolute; width:8px; z-index:1;}
:is([dir="ltr"]) .avatar-offline::after, :is([dir="ltr"]) .avatar-online::after{right:2px;}
:is([dir="rtl"]) .avatar-offline::after, :is([dir="rtl"]) .avatar-online::after{left:2px;}
:is([dir="ltr"]) .avatar-lg .avatar-offline::after, :is([dir="ltr"]) .avatar-lg .avatar-online::after{bottom:6px; right:6px;}
:is([dir="rtl"]) .avatar-lg .avatar-offline::after, :is([dir="rtl"]) .avatar-lg .avatar-online::after{bottom:6px; left:6px;}
:is([dir="ltr"]) .avatar-xl .avatar-offline::after, :is([dir="ltr"]) .avatar-xl .avatar-online::after{bottom:10px; right:10px;}
:is([dir="rtl"]) .avatar-xl .avatar-offline::after, :is([dir="rtl"]) .avatar-xl .avatar-online::after{bottom:10px; left:10px;}
:is([dir="ltr"]) .avatar-xxl .avatar-offline::after, :is([dir="ltr"]) .avatar-xxl .avatar-online::after{bottom:16px; right:16px;}
:is([dir="rtl"]) .avatar-xxl .avatar-offline::after, :is([dir="rtl"]) .avatar-xxl .avatar-online::after{bottom:16px; left:16px;}

.avatar-online::after{background-color:rgb(var(--color-success));}
.avatar-offline::after{background-color:#c0ccda;}
[class^="avatar"].square .avatar-offline::after, [class^="avatar"].square .avatar-online::after{bottom:0;}

.octagon{clip-path:polygon(46.1731656763% .7612046749%,47.411809549% .3407417371%,48.6947380778% .0855513863%,50% 0,51.3052619222% .0855513863%,52.588190451% .3407417371%,53.8268343237% .7612046749%,82.1111055711% 12.4769334274%,83.2842712475% 13.0554747147%,84.3718855375% 13.7821953496%,85.3553390593% 14.6446609407%,86.2178046504% 15.6281144625%,86.9445252853% 16.7157287525%,87.5230665726% 17.8888944289%,99.2387953251% 46.1731656763%,99.6592582629% 47.411809549%,99.9144486137% 48.6947380778%,100% 50%,99.9144486137% 51.3052619222%,99.6592582629% 52.588190451%,99.2387953251% 53.8268343237%,87.5230665726% 82.1111055711%,86.9445252853% 83.2842712475%,86.2178046504% 84.3718855375%,85.3553390593% 85.3553390593%,84.3718855375% 86.2178046504%,83.2842712475% 86.9445252853%,82.1111055711% 87.5230665726%,53.8268343237% 99.2387953251%,52.588190451% 99.6592582629%,51.3052619222% 99.9144486137%,50% 100%,48.6947380778% 99.9144486137%,47.411809549% 99.6592582629%,46.1731656763% 99.2387953251%,17.8888944289% 87.5230665726%,16.7157287525% 86.9445252853%,15.6281144625% 86.2178046504%,14.6446609407% 85.3553390593%,13.7821953496% 84.3718855375%,13.0554747147% 83.2842712475%,12.4769334274% 82.1111055711%,.7612046749% 53.8268343237%,.3407417371% 52.588190451%,.0855513863% 51.3052619222%,0 50%,.0855513863% 48.6947380778%,.3407417371% 47.411809549%,.7612046749% 46.1731656763%,12.4769334274% 17.8888944289%,13.0554747147% 16.7157287525%,13.7821953496% 15.6281144625%,14.6446609407% 14.6446609407%,15.6281144625% 13.7821953496%,16.7157287525% 13.0554747147%,17.8888944289% 12.4769334274%);}

/*=============================================
      PAGE HERO
=============================================*/
.page-hero{background-image:linear-gradient(135deg, #FFE3EA 0%, #c3cfe2 100%); min-height:10rem;}
/*.page-hero{background:url(temp/pic-4.jpg) no-repeat center; background-size:cover; min-height:10rem; position:relative; color:#fff;}
.page-hero:before{background-image:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 70%); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}*/

.user-hero{background-color:red; border-radius:var(--border-radius) var(--border-radius) 0 0; /*padding-bottom:56.25%;*/}

.user-profile-header{background:url(bg-image-4.jpg) no-repeat center top; background-size:cover; border-radius:var(--border-radius) var(--border-radius) 0 0; height:7rem;}
.user-profile-header.sm{height:5rem;}

.event-profile-header{background:url(temp/pic-7.jpg) no-repeat center; background-size:cover; border-radius:var(--border-radius) var(--border-radius) 0 0; height:12rem;}

.user-header-wrapper{background-color:#fff; box-shadow:var(--shadow-card);}
.user-header-wrapper .user-profile-header{border-radius:0;}

/*=============================================
      BADGE
=============================================*/
.badge{background-color:#6b7280; border-radius:var(--border-radius); color:#fff; display:inline-flex; font-size:.75rem; font-weight:500; padding:0.25em 0.72em; white-space:nowrap;}
.badge[style*="--bgcolor"]{background-color:var(--bgcolor);}
.badge[style*="--txtcolor"]{color:var(--txtcolor);}
:is([dir="ltr"]) .badge + .badge{margin-left:10px;}
:is([dir="rtl"]) .badge + .badge{margin-right:10px;}
.badge.primary{background-color:rgb(var(--color-primary));}
.badge.secondary{background-color:rgb(var(--color-secondary));}
.badge.success{background-color:rgb(var(--color-success));}
.badge.warning{background-color:rgb(var(--color-warning));}
.badge.danger{background-color:rgb(var(--color-danger));}
.badge.complete{background-color:rgb(var(--color-complete));}
.badge.dark{background-color:rgb(var(--color-dark));}

.badge-rounded{border-radius:50rem;}

.badge-dot{font-size:0; flex-shrink:0; height:.5rem; width:.5rem;}
.badge-dot-label{display:flex; flex-direction:row; gap:10px;}
.badge-dot-label .badge-dot{margin-top:7px;}
.badge-dot-label span{display:block;}
.badge-dot-label:has(.display-8){gap:5px;}
.badge-dot-label:has(.display-8) .badge-dot:not(.no-shrink){height:.375rem; width:.375rem;}
.badge-dot-label:has(.display-6) .badge-dot{margin-top:9px;}
.badge-dot[style*="--bgcolor"]{background-color:var(--bgcolor);}

.badge-sm{font-size:.7rem; padding:0.1em 0.62em;}

/*=============================================
      TAG
=============================================*/
.tag{align-items:center; background-color:var(--color-menu-hover-bg); border-radius:var(--border-radius); /* color:rgb(var(--color-dark)); */ color:var(--color-body-text); display:inline-flex; font-size:0.9375rem; gap:5px; padding:.5rem .75rem;}
.tag[style*="--bgcolor"]{background-color:var(--bgcolor);}
html body .tag[style*="--txtcolor"]{color:var(--txtcolor);}
html body .tag[style*="--brdcolor"]{border-color:var(--brdcolor); border-style:solid; border-width:1px;}
.tag-action{color:rgba(0,0,0,0.5);/* height:1rem; position:relative; width:1rem;*/}
/*.tag-action:before{direction:ltr !important; font-family:fntmlapp !important; height:1rem; line-height:1rem; left:0; position:absolute; text-align:center; text-transform:none !important; top:0; width:1rem;}*/
.tag-action:hover{color:rgb(var(--color-danger));}
.tag:has(a.tag-action:hover){background-color:rgb(var(--color-danger-light)); color:rgb(var(--color-danger));}
.tag-outline:has(a.tag-action:hover){border-color:rgba(var(--color-danger),.5);}
a.tag{color:inherit;}
a.tag:hover{background-color:rgb(var(--color-link)); color:#fff;}
a.tag-outline:hover{border-color:rgb(var(--color-link)); color:rgb(var(--color-link));}
:is([dir="ltr"]) a.tag-sm{padding-right:.9rem;}
:is([dir="rtl"]) a.tag-sm{padding-left:.9rem;}
a:hover .tag{color:inherit;}
:is([dir="ltr"]) .tag.px-0:has(a.tag-action-close){padding-right:.75rem;}
:is([dir="rtl"]) .tag.px-0:has(a.tag-action-close){padding-left:.75rem;}

.tag-sm{padding:.25rem .5rem;}
.tag-xs{font-size:.7rem; padding:.125rem .35rem;}

.tag-rounded{border-radius:9999px;}

.tag-outline{background-color:transparent !important; border:1px solid var(--bgcolor);}
.tag-outline:not([style]){border:1px solid rgb(var(--color-border));}

.tag-list{align-items:center; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px;}

.tag-selector{align-items:center; border:1px solid rgb(var(--color-border)); border-radius:var(--border-radius); display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; padding:.25rem .3rem;}
.tag-selector-add{align-self:center; flex:1 1 auto; position:relative;}
.tag-selector input[type="text"]{border:none; box-shadow:none; font-size:.9rem; outline:none; background-color:transparent; padding:0.46875rem; margin:0; width:100%; max-width:inherit;}
.tag-selector-dropdown{background-color:var(--color-input-background); border:1px solid rgb(var(--color-border)); border-radius:var(--border-radius); box-shadow:0 2px 6px 0 rgba(67,89,113,.12); display:none; font-size:.8rem; left:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; min-width:12rem; max-height:202px; padding:0.3125rem 0; position:absolute; transform:translateY(-1px); z-index:5; -webkit-animation:fadeIn .5s; animation:fadeIn .5s;}
.tag-selector input[type="text"]:focus + .tag-selector-dropdown{display:block;}
.tag-selector-dropdown a{color:#121212; display:flex; line-height:1.54; padding:0.532rem 1.25rem;}
.tag-selector-dropdown a:hover{background-color:#f8f8f9;}
.tag-selector-dropdown a + a{border-top:1px solid rgba(0,0,0,0.07);}

.tag-dark .tag-action{color:rgba(255,255,255,0.5);}
.tag-dark .tag-action:hover{color:#fff;}
.tag-dark:has(a.tag-action:hover){background-color:rgb(var(--color-danger));}

.tag-slider .tag{flex-shrink:0; max-width:200px;}

/*=============================================
      COLOR BOX
=============================================*/
.color-box:not([style]){background-color:rgb(240,243,246);}
.color-box[style^="--bgcolor"]{background-color:rgb(var(--bgcolor));}
.color-box-full[style^="--bgcolor"]{background-color:var(--bgcolor);}

/*=============================================
      PICK COLOR
=============================================*/
.pick-color{align-items:center; color:inherit; display:flex; flex-direction:row; gap:15px;}
a.pick-color:hover .pick-color-box{transform:scale(1.3);}
a.pick-color:hover{color:var(--color-link);}
.pick-color-box{background-color:rgb(var(--bgcolor)); border-radius:20px; box-shadow:0 0 0 1px rgba(0,0,0,0.1) inset; height:32px; transition:all 0.12s ease; width:32px;}

.portal-logo-preview{padding:15px 0;}
.portal-logo-preview img{height:34px;}
.portal-logo-preview-dark{background-color:#1c273c; border-radius:10px; padding:15px;}


/*=============================================
      TOOLTIP
=============================================*/
.has-tooltip{position:relative;}
.tooltip{background-color:rgb(var(--color-dark)); border-radius:var(--border-radius); bottom:95%; color:#fff; display:none; font-size:0.9rem; font-weight:400; left:50%; line-height:1.2; max-width:270px; padding:7px 10px; position:absolute; pointer-events:none; text-align:center; width:auto; word-wrap:normal; transform:translate(-50%,-5px); /*transform-style:preserve-3d;*/ z-index:200; -webkit-animation:fadeIn .5s; animation:fadeIn .5s; transition-timing-function:var(--transition-timing);}
.tooltip:after{bottom:-8px; content:''; position:absolute; display:block; width:10px; height:10px; transform-origin:50% 50%; transform:rotate(45deg) translateX(-50%); background-color:rgb(var(--color-dark)); left:50%; z-index:400;}
.tooltip.below{bottom:auto; top:100%;}
.tooltip.below:after{bottom:auto; top:-1px;}

.tooltip.right{bottom:auto; top:50%;}
.tooltip.right:after{top:50%;}
:is([dir="ltr"]) .tooltip.right{left:100%; transform:translateY(-50%);}
:is([dir="ltr"]) .tooltip.right:after{left:0;}
:is([dir="rtl"]) .tooltip.right{right:100%; transform:translateY(-50%);}
:is([dir="rtl"]) .tooltip.right:after{right:-8px;}

.tooltip.left{bottom:auto; top:50%;}
.tooltip.left:after{top:50%;}
:is([dir="ltr"]) .tooltip.left{left:auto; right:100%; transform:translateY(-50%);}
:is([dir="ltr"]) .tooltip.left:after{left:auto; right:-8px;}
:is([dir="rtl"]) .tooltip.left{left:100%; right:auto; transform:translateY(-50%);}
:is([dir="rtl"]) .tooltip.left:after{left:0; right:auto;}

.tooltip-md{text-align:left; width:250px; white-space:normal;}
.tooltip-sm{width:130px; white-space:normal;}
.button .tooltip{white-space:normal;}

/*=============================================
      BUTTON
=============================================*/
.button{align-items:center; background-color:var(--color-card-background); /*border:1px solid rgb(var(--color-border));*/ border:1px solid var(--color-input-border); border-radius:var(--border-radius); color:rgb(var(--color-button-text)); cursor:pointer; display:inline-flex; font-size:0.9375rem; font-weight:500; justify-content:center; line-height:1; padding:0.75rem 1.25rem; white-space:nowrap; transition-property:box-shadow, border, background; transition-duration:.4s; transition-timing-function:var(--transition-timing);}
.button.transparent{background-color:transparent;}
.button:hover, .button.no-padding:hover{border-color:rgb(var(--color-link)); color:rgb(var(--color-button-hover-text)); z-index:2;}
.button.primary{background-color:rgb(var(--color-primary)); border-color:rgb(var(--color-primary)); color:#fff;}
.button.secondary{background-color:rgb(var(--color-secondary)); border-color:transparent; color:#fff;}
.button.success{background-color:rgb(var(--color-success)); border-color:transparent; color:#fff;}
.button.warning{background-color:rgb(var(--color-warning)); border-color:transparent; color:#fff;}
.button.danger{background-color:rgb(var(--color-danger)); border-color:transparent; color:#fff;}
.button.complete{background-color:rgb(var(--color-complete)); border-color:transparent; color:#fff;}
.button.dark{background-color:rgb(var(--color-dark)); border-color:transparent; color:#fff;}
.button.link{background-color:rgb(var(--color-link)); border-color:transparent; color:#fff;}
.button[style^="--bgcolor"]{background-color:rgb(var(--bgcolor)); border-color:rgb(var(--bgcolor)); color:#fff;}
.button[style^="--bgcolor"]:hover, .button[style^="--bgcolor"]:focus{box-shadow:0 0 0 3px rgba(var(--bgcolor),.4); color:#fff;}

.button-outline{background-color:transparent;}
.button-outline.primary{background-color:transparent; border-color:rgb(var(--color-primary)); color:rgb(var(--color-primary));}
.button-outline.secondary{background-color:transparent; border-color:rgb(var(--color-secondary)); color:rgb(var(--color-secondary));}
.button-outline.success{background-color:transparent; border-color:rgb(var(--color-success)); color:rgb(var(--color-success));}
.button-outline.warning{background-color:transparent; border-color:rgb(var(--color-warning)); color:rgb(var(--color-warning));}
.button-outline.danger{background-color:transparent; border-color:rgb(var(--color-danger)); color:rgb(var(--color-danger));}
.button-outline.complete{background-color:transparent; border-color:rgb(var(--color-complete)); color:rgb(var(--color-complete));}
.button-outline.dark{background-color:transparent; border-color:rgb(var(--color-dark)); color:rgb(var(--color-dark));}
.button-outline.link{background-color:transparent; border-color:rgb(var(--color-link)); color:rgb(var(--color-link));}

.button:hover, .button:focus{box-shadow:0 0 0 3px rgba(0,0,0,.1);}
.button.primary:hover, .button.primary:focus{box-shadow:0 0 0 3px rgba(var(--color-primary),.4)}
.button.secondary:hover, .button.secondary:focus{box-shadow:0 0 0 3px rgba(var(--color-secondary),.4)}
.button.success:hover, .button.success:focus{box-shadow:0 0 0 3px rgba(var(--color-success),.4)}
.button.warning:hover, .button.warning:focus{box-shadow:0 0 0 3px rgba(var(--color-warning),.4)}
.button.danger:hover, .button.danger:focus{box-shadow:0 0 0 3px rgba(var(--color-danger),.4)}
.button.complete:hover, .button.complete:focus{box-shadow:0 0 0 3px rgba(var(--color-complete),.4)}
.button.dark:hover, .button.dark:focus{box-shadow:0 0 0 3px rgba(var(--color-dark),.4)}
.button.link:hover, .button.link:focus{box-shadow:0 0 0 3px rgba(var(--color-link),.4)}

.button:active, .catalog-button:active{transform:translateY(2px);}

.button-sm{font-size:0.75rem; font-weight:400; padding:0.5rem .75rem;}
.button-lg{font-size:1.09375rem; padding:1rem 1.75rem;}

.button-rounded{border-radius:50rem;}

/*.button:has(.icn-label){padding:.75rem 1rem;}*/
.button:has(.icn-label):not([class*='-sm']):not([class*='p-']):not([class*='px-']):not([class*='py-']){padding:.75rem 1rem;}
.button-sm:has(.icn-label):not([class*='p-']):not([class*='px-']):not([class*='py-']){padding:.5rem;}
.button-lg:has(.icn-label){padding:1rem 1.25rem;}
.button .icn-label:not([class*='ft-gap']){gap:8px;}
.button-lg .icn-label{gap:12px;}

.button.no-border{border-color:transparent !important;}
.button.no-padding{background-color:transparent;}
.button.no-padding:hover, .button.no-padding:focus{box-shadow:none;}
.button.no-padding:hover span{text-decoration:underline;}

.button-group{align-items:stretch; display:flex; flex-direction:row;}
:is([dir="ltr"]) .button-group > .button:not(:last-child), :is([dir="ltr"]) .button-group .dropdown:not(:last-child) .button{border-top-right-radius:0; border-bottom-right-radius:0;}
:is([dir="rtl"]) .button-group > .button:not(:last-child), :is([dir="rtl"]) .button-group .dropdown:not(:last-child) .button{border-top-left-radius:0; border-bottom-left-radius:0;}
:is([dir="ltr"]) .button-group .button + .button, :is([dir="ltr"]) .button-group .button:nth-child(n+3), :is([dir="ltr"]) .button-group .button + .dropdown .button, :is([dir="ltr"]) .button-group .dropdown + .button, :is([dir="ltr"]) .button-group .dropdown + .dropdown .button{border-top-left-radius:0; border-bottom-left-radius:0;}
:is([dir="rtl"]) .button-group .button + .button, :is([dir="rtl"]) .button-group .button:nth-child(n+3), :is([dir="rtl"]) .button-group .button + .dropdown .button, :is([dir="rtl"]) .button-group .dropdown + .button, :is([dir="rtl"]) .button-group .dropdown + .dropdown .button{border-top-right-radius:0; border-bottom-right-radius:0;}
:is([dir="ltr"]) .button-group .button + .button, :is([dir="ltr"]) .button-group .button + .dropdown .button, :is([dir="ltr"]) .button-group .dropdown + .button, :is([dir="ltr"]) .button-group .dropdown + .dropdown{margin-left:-1px;}
:is([dir="rtl"]) .button-group .button + .button, :is([dir="rtl"]) .button-group .button + .dropdown .button, :is([dir="rtl"]) .button-group .dropdown + .button, :is([dir="rtl"]) .button-group .dropdown + .dropdown{margin-right:-1px;}
.button-group .button:hover, .button-group .button:focus{z-index:2;}
.button-group.without-border > .button, .button-group.without-border > .dropdown .button{border-color:transparent;}
.button-group.without-border > .button:hover, .button-group.without-border > .dropdown .button:hover{border-color:inherit; box-shadow:none;}

.button-group[style*="--bgcolor"] button{border:none; margin:0 !important;}
.button-group[style*="--bgcolor"] button:not(.active){background-color:var(--bgcolor);}
.button-group[style*="--bgcolor"] button.active{background-color:rgb(var(--color-secondary));}

.button-group .dropdown{align-self:stretch;}
.button-group .dropdown-button{height:100%;}
:is([dir="ltr"]) body .button-group .button.dropdown-label:has(.icn-label):not([class*='-sm']):not([class*='p-']):not([class*='px-']):not([class*='py-']){padding:.75rem 1.75rem .75rem 1rem;}
:is([dir="rtl"]) body .button-group .button.dropdown-label:has(.icn-label):not([class*='-sm']):not([class*='p-']):not([class*='px-']):not([class*='py-']){padding:.75rem 1rem .75rem 1.75rem;}

/*.button-block{width:100%;}*/
.button-block{display:flex; width:100%;}
.button:not(.dropdown-button).active{background-color:rgba(var(--color-primary),0.081);}

/*=============================================
      INPUT
=============================================*/
.fc-input{background-color:var(--color-input-background); border:1px solid var(--color-input-border); border-radius:var(--border-radius); box-shadow:none; color:var(--color-text-group); font-size:0.9375rem; line-height:1; outline:none; padding:.5rem .75rem; width:100%; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,outline,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-duration:.15s; transition-timing-function:var(--transition-timing);}
.fc-input:focus, .fc-select:focus, .fc-input-group:focus-within{border-color:rgba(var(--color-primary),.72); box-shadow:0 0 0 0.15rem rgba(var(--color-primary),.2);}
:is(.dark-mode) .fc-input:focus, :is(.dark-mode) .fc-select:focus, :is(.dark-mode) .fc-input-group:focus-within{color:#fff;}
/*.fc-input::-moz-placeholder{color:#bebebf;}
.fc-input:-ms-input-placeholder{color:#bebebf;}
.fc-input::-webkit-input-placeholder{color:#bebebf;}
.fc-input::placeholder{color:#bebebf;}*/

.fc-input::placeholder, .fc-input:focus::placeholder{transition:all .25s ease; transition-timing-function:var(--transition-timing);}
.fc-input:focus::placeholder{transform:translateX(0.15rem);}

.fc-input-group{align-items:stretch; background-color:var(--color-input-background); border:1px solid var(--color-input-border); border-radius:var(--border-radius); display:flex; flex-direction:row; position:relative; width:100%;}
.fc-input-group .fc-input, .fc-input-group .fc-select, .flexdatalist-multiple .fc-input, .fc-input-group .fc-input-otp{background-color:transparent; border:none; box-shadow:none;}

.fc-group-prepend, .fc-group-append{align-items:center; border-radius:var(--border-radius); color:rgb(var(--color-text-grey)); display:flex; flex-direction:column; justify-content:center; padding:0 0.625rem;}
:is([dir="ltr"]) .fc-group-append, :is([dir="rtl"]) .fc-group-prepend{border-top-left-radius:0; border-bottom-left-radius:0;}
:is([dir="rtl"]) .fc-group-append, :is([dir="ltr"]) .fc-group-prepend{border-top-right-radius:0; border-bottom-right-radius:0;}
.fc-group-top{justify-content:flex-start; padding-top:7px;}
a.fc-group-prepend, a.fc-group-append{color:rgb(var(--color-link));}
a.fc-group-prepend:hover, a.fc-group-append:hover{font-weight:500;}
a.fc-group-prepend [class*=" icon-"], a.fc-group-append [class*=" icon-"]{color:#6b7280;}
a.fc-group-prepend:hover [class*=" icon-"], a.fc-group-append:hover [class*=" icon-"]{color:rgb(var(--color-link)); text-decoration:none;}
.fc-input-group .button{background-color:#f0f3f6; border:2px solid var(--color-input-background); border-radius:var(--border-radius); color:#6b7280; font-weight:400;}
:is([dir="ltr"]) .fc-input-group:has(.button.fc-group-prepend) .fc-input:not(:first-child){padding-left:.75rem;}
:is([dir="rtl"]) .fc-input-group:has(.button.fc-group-prepend) .fc-input:not(:first-child){padding-right:.75rem;}
:is([dir="ltr"]) .fc-input-group:has(.button.fc-group-append) .fc-input:not(:last-child){padding-right:.75rem;}
:is([dir="rtl"]) .fc-input-group:has(.button.fc-group-append) .fc-input:not(:last-child){padding-left:.75rem;}

:is([dir="ltr"]) .fc-input-group .fc-input:not(:last-child){border-top-right-radius:0; border-bottom-right-radius:0; padding-right:0;}
:is([dir="rtl"]) .fc-input-group .fc-input:not(:last-child){border-top-left-radius:0; border-bottom-left-radius:0; padding-left:0;}

:is([dir="ltr"]) .fc-input-group > .fc-input:not(:first-child){border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:transparent; padding-left:0;}
:is([dir="rtl"]) .fc-input-group > .fc-input:not(:first-child){border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:transparent; padding-right:0;}

.fc-input-group .fc-checkbox label{margin:0;}
.fc-input-group .fc-checkbox label:before{transform:none;}
.fc-input-group .fc-checkbox input[type="checkbox"]:checked + label:after{top:0;}

.fc-group > label, .fc-group-label{color:rgb(var(--color-text-grey)); display:block; font-size:0.875rem; margin-bottom:.5rem; position:relative;}
.fc-group > .mandatory:after{color:#ff6b72; content:'*'; margin-inline:4px;}

.fc-select{border:1px solid var(--color-input-border); border-radius:var(--border-radius); box-shadow:none; color:var(--color-text-group); font-size:0.9375rem; min-height:36px; outline:none; width:100%; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,outline,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-duration:.15s; transition-timing-function:var(--transition-timing); -webkit-appearance:none; -moz-appearance:none; appearance:none;}
:is([dir="ltr"]) .fc-select{background:var(--color-input-background) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23a7b2bf' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.625rem center; background-size:8px 10px; padding:.5rem 1.75rem .5rem .75rem;}
:is([dir="rtl"]) .fc-select{background:var(--color-input-background) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23a7b2bf' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat left 0.625rem center; background-size:8px 10px; padding:.5rem .75rem .5rem 1.75rem;}

textarea.fc-input{line-height:1.375;}

.fc-message{font-size:.8rem;}
.fc-input-group + .fc-message, .fc-input + .fc-message, .fc-group + .fc-message, .upload-sm + .fc-message, .bg-light-grey + .fc-message{margin-top:.5rem;}
.fc-group label + .fc-message{margin-bottom:.75rem;}
.fc-group:has(label + .fc-message) label{margin-bottom:.25rem;}
.fc-message.primary{color:rgb(var(--color-primary));}
.fc-message.secondary{color:rgb(var(--color-secondary));}
.fc-message.success{color:rgb(var(--color-success));}
.fc-message.warning{color:rgb(var(--color-warning));}
.fc-message.danger{color:rgb(var(--color-danger));}
.fc-message.complete{color:rgb(var(--color-complete));}

.fc-input.with-only-bg, .fc-input-group.with-only-bg, .fc-select.with-only-bg{background-color:rgb(var(--color-global-search-input-bg)); border-color:transparent;}

.fc-group-dropdown{background-color:var(--color-input-background); border:1px solid rgba(var(--color-dark),.3); border-radius:var(--border-radius); box-shadow:var(--shadow-dropdown); display:none; /*font-size:0.9375rem;*/ left:0; min-width:12rem; padding:0.3125rem 0; position:absolute; right:0; top:100%; transform:translateY(-1px); z-index:4; -webkit-animation:fadeIn .5s; animation:fadeIn .5s; transition-timing-function:var(--transition-timing);}
.fc-group-dropdown.active{display:block;}
.fc-group-dropdown{overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;}
.fcgd-item{color:var(--color-body-text); display:flex; flex-direction:row; gap:10px; line-height:1.54; padding:0.532rem 1.25rem;}
a.fcgd-item:hover, a.fcgd-item:focus{background-color:var(--color-menu-hover-bg);}

/*=============================================
      OTP CODE
=============================================*/
.otp-code{align-items:center; border:1px solid var(--color-input-border); border-radius:var(--border-radius); display:flex; flex-direction:row; overflow:hidden; /*gap:.5rem; justify-content:center;*/}
.otp-code .fc-input{background-color:rgba(var(--color-success),.05); border:none; border-radius:0; /*border-width:0 0 2px; border-color:grey;*/ box-shadow:none; color:rgb(var(--color-success)); cursor:not-allowed; font-size:1.75rem; font-weight:500; flex:1 1 auto; outline:none; padding:.5rem 0; pointer-events:none; text-align:center; /*width:2.25rem;*/}
.otp-code .fc-input + .fc-input{border-left:1px solid var(--color-input-border);}
.otp-code .fc-input:nth-child(1){cursor:pointer; pointer-events:all;}
.otp-code .fc-input:valid{/*color:rgb(var(--color-primary));*/ background-color:transparent;}
.otp-code .fc-input:focus::placeholder{transform:none;}

/*=============================================
      CHECKBOX
=============================================*/
.fc-checkbox{display:flex; flex-direction:row; gap:10px; position:relative;}
.fc-checkbox input[type="checkbox"]{position:absolute; margin:0; top:3px; z-index:-1; width:18px; height:18px; opacity:0;}
.fc-checkbox label{cursor:pointer; display:flex; flex:1 1 auto; gap:10px; min-height:18px; min-width:18px; position:relative; /*padding-left:1.5rem;*/ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.fc-checkbox label:before{background-color:var(--color-checkbox-background); border:1px solid var(--color-checkbox-border); border-radius:4px; content:''; display:block; flex-shrink:0; height:18px; transform:translateY(2px); /*left:0; position:absolute; top:3px;*/ width:18px;}
.fc-checkbox.align-items-center label:before{align-self:center; transform:translateY(0);}
.fc-checkbox.align-items-center input[type="checkbox"]:checked + label:after{align-self:center; top:auto;}
.fc-checkbox input[type="checkbox"]:checked + label:after{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQCAYAAACRBXRYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMTcvMjQtRltGAAAA9klEQVRoge2YQQ6CMBBF/xBP4tpzuHbTi3AQD0I3rDmH96kLqSEqhulUhsh/K0x4OoFHJZWUEgjxovEegOwbBkhcYYDElUM+EBHPOXZBCOEMADHGweBfY4wniw+gLZlh9HsAF6vfdd0AcAVcTI7H6Pd4BGDxjyWzTH3j7xcx5zPABeSLF0K4WfzxY2v01avPlv3m9UTLk/6PviaeBf7Xm7dHv/lwYtEyO/WNfxHVfE2Qcz4UF5++3pe8ES0i1V6SYX/JnR1Y42u/i/56/rO7aYBboHLEgDJk+uv4mw2wBjW3C+j/xn8LkBAPuA1DXGGAxBUGSFy5AxcHVKbrT7T0AAAAAElFTkSuQmCC") left center; background-size:160px 16px; background-repeat:no-repeat; animation-name:checkbox-check; animation-duration:320ms; animation-timing-function:steps(9); animation-fill-mode:forwards; animation-iteration-count:1; content:''; display:block; height:18px; position:absolute; top:2px; width:17px;}
:is(.dark-mode) .fc-checkbox input[type="checkbox"]:checked + label:after{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==") left center;}
:is(.dark-mode) .fc-checkbox.warning input[type="checkbox"]:checked + label:after{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQCAYAAACRBXRYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDEvMTcvMjQtRltGAAAAxklEQVRoge2YsRHDIBAE712Ki6E81+JiVItSnCggkCU/D3qPvTtDJBYYtEpktVYBZHHLPgD8NwQIqRAgpEKAF2JmxcxK0F+ifu8ZNn8d6RPgh0TCafynpEfQv/ecpfWD+3fx1q+1Mk6GpCJplbQE/VVSwW+e7Ux0b/DLvufy8f3+7sTAy/uqr8wT5IHvuXx8p39acEcES+8aoyP0roV/vd8V2swxOGJ3yPjX+unBzRjNJUQjxp/s2yYApMB/QEiFACEVAoRUXsLf8xJVNf0WAAAAAElFTkSuQmCC") left center;}
.fc-checkbox label:empty:before{transform:none;}
.fc-checkbox input[type="checkbox"]:checked + label:empty:after{top:0;}
:is([dir="ltr"]) .fc-checkbox input[type="checkbox"]:checked + label:after{left:1px;}
:is([dir="rtl"]) .fc-checkbox input[type="checkbox"]:checked + label:after{right:0px;}
.fc-checkbox input[type="checkbox"][disabled] + label{cursor:not-allowed !important; opacity:0.27;}
.disable .fc-checkbox input[type="checkbox"] + label:before{background-color:#ededed; border-color:#ddd;}
.fc-cb-circle label:before{border-radius:9999px;}
.fc-checkbox.primary input[type="checkbox"]:checked + label:before, .primary input[type="checkbox"]:indeterminate + label:before{border-color:rgb(var(--color-primary)); background-color:rgb(var(--color-primary));}
.fc-checkbox.secondary input[type="checkbox"]:checked + label:before, .secondary input[type="checkbox"]:indeterminate + label:before{border-color:rgb(var(--color-secondary)); background-color:rgb(var(--color-secondary));}
.fc-checkbox.success input[type="checkbox"]:checked + label:before, .success input[type="checkbox"]:indeterminate + label:before{border-color:#00a46c; background-color:#00a46c;}
.fc-checkbox.warning input[type="checkbox"]:checked + label:before, .warning input[type="checkbox"]:indeterminate + label:before{border-color:#f1be24; background-color:#f1be24;}
.fc-checkbox.danger input[type="checkbox"]:checked + label:before, .danger input[type="checkbox"]:indeterminate + label:before{border-color:#d13030; background-color:#d13030;}
.fc-checkbox.complete input[type="checkbox"]:checked + label:before, .complete input[type="checkbox"]:indeterminate + label:before{border-color:#14a1c8; background-color:#14a1c8;}
.fc-checkbox.dark input[type="checkbox"]:checked + label:before, .dark input[type="checkbox"]:indeterminate + label:before{border-color:rgb(var(--color-dark)); background-color:rgb(var(--color-dark));}
.fc-checkbox.dark input[type="checkbox"]:checked + label::after, .fc-checkbox.danger input[type="checkbox"]:checked + label::after, .fc-checkbox.complete input[type="checkbox"]:checked + label::after, .fc-checkbox.primary input[type="checkbox"]:checked + label::after, .fc-checkbox.secondary input[type="checkbox"]:checked + label::after, .fc-checkbox.success input[type="checkbox"]:checked + label::after{
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==") left center;}
.dark input[type="checkbox"]:indeterminate + label::after, .danger input[type="checkbox"]:indeterminate + label::after, .complete input[type="checkbox"]:indeterminate + label::after, .primary input[type="checkbox"]:indeterminate + label::after, .secondary input[type="checkbox"]:indeterminate + label::after, .success input[type="checkbox"]:indeterminate + label::after{background-color:#fff;}
@keyframes checkbox-check{0%{background-position:0px;}100%{background-position:-144px;}}

/*=============================================
      RADIO
=============================================*/
.fc-radio{display:flex; flex-direction:row; gap:10px; position:relative;}
.fc-radio input[type="radio"]{position:absolute; margin:0; top:3px; z-index:-1; width:18px; height:18px; opacity:0;}
.fc-radio label{cursor:pointer; display:flex; gap:10px; min-height:18px; min-width:18px; position:relative; /*padding-left:1.5rem;*/ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.fc-radio label:before{background-color:var(--color-checkbox-background); border:1px solid var(--color-input-border); border-radius:99px; content:''; display:block; height:18px; flex-shrink:0; transform:translateY(3px); /*left:0; position:absolute; top:3px;*/ width:18px; -webkit-transition:border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); transition:border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);}
.fc-radio input[type="radio"]:checked + label:before{background-color:var(--color-card-background); border-color:#6c6c6c; border-width:5px;}
.fc-radio input[type="radio"][disabled] + label{cursor:not-allowed !important; opacity:0.27;}
.fc-input-group .fc-radio label:before, .fc-input-group .fc-checkbox label:before{background-color:var(--color-input-background); transform:translateY(0);}

.fc-radio.primary input[type="radio"]:checked + label:before{border-color:rgb(var(--color-primary));}
.fc-radio.secondary input[type="radio"]:checked + label:before{border-color:rgb(var(--color-secondary));}
.fc-radio.success input[type="radio"]:checked + label:before{border-color:#00a46c;}
.fc-radio.warning input[type="radio"]:checked + label:before{border-color:rgb(var(--color-warning));}
.fc-radio.danger input[type="radio"]:checked + label:before{border-color:rgb(var(--color-danger));}
.fc-radio.complete input[type="radio"]:checked + label:before{border-color:rgb(var(--color-complete));}
.fc-radio.dark input[type="radio"]:checked + label:before{border-color:rgb(var(--color-dark));}
/* hide focus style if not from keyboard navigation */
.js-focus-visible .form-check input[type="radio"]:focus:not(.focus-visible) + label:before{box-shadow:none;}


/*=============================================
      DROPDOWN => CHECKBOX + RADIO
=============================================*/
/*html .dropdown-item:has(.fc-checkbox), html .dropdown-item:has(.fc-radio){padding:0;}
.dropdown-item .fc-checkbox label, .dropdown-item .fc-radio label{padding:0.532rem 1.25rem; width:100%;}
:is([dir="ltr"]) .dropdown-item .fc-checkbox input[type="checkbox"]:checked + label:after{left:1.3rem;}
:is([dir="rtl"]) .dropdown-item .fc-checkbox input[type="checkbox"]:checked + label:after{right:1.25rem;}*/

/*=============================================
      CUSTOM SELECT
=============================================*/
.fc-custom input[type="radio"], .fc-custom input[type="checkbox"]{position:absolute; margin:0; top:3px; z-index:-1; width:18px; height:18px; opacity:0;}
.fc-custom input[type="radio"]:not(:checked) + .fc-custom-content:hover, .fc-custom input[type="checkbox"]:not(:checked) + .fc-custom-content:hover{border:1px dashed rgba(var(--color-primary),.7); transform:translateY(-3px);}
.fc-custom input[type="radio"] + .fc-custom-content, .fc-custom input[type="checkbox"] + .fc-custom-content{border:1px dashed var(--color-input-border); border-radius:var(--border-radius); cursor:pointer; display:flex; padding:1rem; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing);}
.fc-custom input[type="radio"]:checked + .fc-custom-content, .fc-custom input[type="checkbox"]:checked + .fc-custom-content{background-color:rgba(var(--color-primary),0.05); border-color:rgb(var(--color-primary));}

/*=============================================
      SWITCH
=============================================*/
.fc-switch{display:flex; flex-direction:row; gap:10px; position:relative;}
.fc-switch input[type="checkbox"]{position:absolute; margin:0; top:3px; z-index:-1; width:18px; height:18px; opacity:0;}
.fc-switch label{cursor:pointer; display:flex; flex-direction:row; flex:1 1 auto; gap:10px; min-width:28px; position:relative;}
.fc-switch label:before{background-color:rgba(149,151,157,0.36); border-radius:50px; box-shadow:0 0 0 1px rgba(15,23,42,.07) inset; content:''; height:16px; min-width:28px; transition:background 310ms, box-shadow 250ms; transition-timing-function:var(--transition-timing); transform:translateY(3px);}
.fc-switch label:after{background-color:transparent; border-radius:.75rem; box-shadow:0 0 0 3px inset var(--color-card-background); content:''; height:12px; position:absolute; top:2px; width:12px; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing); transform:translateY(3px);}
:is([dir="ltr"]) .fc-switch label:after{left:2px;}
:is([dir="rtl"]) .fc-switch label:after{right:2px;}
.fc-switch input[type="checkbox"]:checked + label:before{background-color:#9e9e9e;}
:is([dir="ltr"]) .fc-switch input[type="checkbox"]:checked + label:after{background-color:var(--color-card-background); box-shadow:none; left:14px;}
:is([dir="rtl"]) .fc-switch input[type="checkbox"]:checked + label:after{background-color:var(--color-card-background); box-shadow:none; right:14px;}
.fc-switch input[type="checkbox"][disabled] + label{cursor:not-allowed !important; opacity:0.27;}

.fc-switch.primary input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-primary));}
.fc-switch.secondary input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-secondary));}
.fc-switch.success input[type="checkbox"]:checked + label:before{background-color:#00a46c;}
.fc-switch.warning input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-warning));}
.fc-switch.danger input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-danger));}
.fc-switch.complete input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-complete));}
.fc-switch.dark input[type="checkbox"]:checked + label:before{background-color:rgb(var(--color-dark));}

.fc-switch-lg{gap:20px;}
.fc-switch-lg label{gap:20px; min-width:2.75rem;}
.fc-switch-lg label:before{height:1.5rem; min-width:2.75rem; transform:none;}
.fc-switch-lg label:after{box-shadow:0 0 0 5px inset var(--color-card-background); height:1.25rem; top:.125rem; transform:none; width:1.25rem;}
:is([dir="ltr"]) .fc-switch-lg label:after{left:.125rem;}
:is([dir="rtl"]) .fc-switch-lg label:after{right:.125rem;}
:is([dir="ltr"]) .fc-switch-lg input[type="checkbox"]:checked + label:after{left:1.375rem;}
:is([dir="rtl"]) .fc-switch-lg input[type="checkbox"]:checked + label:after{right:1.375rem;}

.fc-switch:has(label:empty) label:before, .fc-switch:has(label:empty) label:after{transform:translateY(0);}

/*=============================================
      SLIDER
=============================================*/
html .slider{position:relative;}
html .slider-rail{background-color:rgba(69, 85, 96, 0.04); border:none !important; border-radius:var(--border-radius); cursor:pointer; height:4px; top:4px; width:100%;}
html .slider-track{background-color:rgb(var(--color-primary)); border-radius:var(--border-radius); cursor:pointer; height:4px; position:absolute; top:4px; width:var(--progress);}
/*html .slider-handle{border-radius:.5rem; height:.75rem; position:absolute; transform:translateX(-50%); width:.75rem; left:var(--progress);}*/
html .slider-handle{background-color:var(--color-card-background) !important; border:none !important; border-radius:50%; box-shadow:0 0 0 2px rgb(var(--color-primary)) !important; content:''; cursor:pointer; height:.75rem !important; inset-block-start:0; inset-inline-start:0; outline:none !important; position:absolute; top:-.25rem !important; width:.75rem !important; transition:transform 0.2s;}
/*html .slider-handle:after{background-color:#fff; border-radius:50%; box-shadow:0 0 0 2px rgb(var(--color-primary)); content:''; cursor:pointer; height:.75rem; inset-block-start:0; inset-inline-start:0; position:absolute; width:.75rem; transition:all 0.2s;}*/
/*html .slider-handle:hover, html .slider-handle:active{height:1rem !important; width:1rem !important;  top:-.4rem !important;}*/
/*html .slider-handle .tooltip{transform:translate(-50%,-40%);}*/
.slider-handle:before{background-color:rgb(var(--color-primary)); border-radius:var(--border-radius); color:#fff; content:attr(data-value); /*display:none;*/ font-size:0.9rem; font-weight:400; line-height:1; max-width:270px; padding:5px 8px; position:absolute; pointer-events:none; text-align:center; top:50%; left:50%; transform:translate(-50%, -36px); width:auto; word-wrap:normal; /*transform:translate(-50%); transform-style:preserve-3d;*/ z-index:2; -webkit-animation:fadeIn .5s; animation:fadeIn .5s; transition-timing-function:var(--transition-timing);}
.slider-handle:after{bottom:10px; content:''; position:absolute; display:block; width:10px; height:10px; transform-origin:50% 50%; transform:rotate(45deg) translateX(-50%); background-color:rgb(var(--color-primary)); left:calc(50% - 1px); z-index:400;}

/*=============================================
      DROPDOWN
=============================================*/
.dropdown{color:var(--color-body-text); position:relative;}
.dropdown .dropdown-label{align-items:center; background-size:8px 10px; border:1px solid var(--color-input-border); border-radius:var(--border-radius); color:var(--color-body-text); display:flex; font-size:0.9375rem; min-height:36px; padding:.3rem .75rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
:is([dir="ltr"]) .dropdown .dropdown-label{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 4 5'%3e%3cpath fill='%23a7b2bf' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:right 0.625rem center; padding-right:1.75rem;}
:is([dir="rtl"]) .dropdown .dropdown-label{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 4 5'%3e%3cpath fill='%23a7b2bf' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:left 0.625rem center; padding-left:1.75rem;}
:is([dir="ltr"]) .dropdown-label.bg-white, :is([dir="rtl"]) .dropdown-label.bg-white{background-color:#fff;}
.dropdown-label.active{border-color:rgb(var(--color-primary)); box-shadow:0 0 0 0.15rem rgba(var(--color-primary),.2);}
.dropdown-label:not(.active):hover{border-color:#90969f;}
.dropdown-content, .dropdown-sub-content{background-color:var(--color-input-background); border:1px solid rgba(var(--color-dark),.3); border-radius:var(--border-radius); box-shadow:var(--shadow-dropdown); font-size:0.9375rem; min-width:12rem; padding:0.3125rem 0; position:absolute; /*right:0;*/ transform:translateY(-1px); z-index:4; -webkit-animation:fadeIn .5s; animation:fadeIn .5s; transition-timing-function:var(--transition-timing);}
thead:has(tr.pos-sticky) + tbody .dropdown-content{z-index:2;}
.dropdown-content.reverse{bottom:100%;}
.dropdown-label:not(.active) + .dropdown-content, .catalog-button:not(.active) + .dropdown-content, .button-group .dropdown .button:not(.active) + .dropdown-content, .dropdown-button:not(.active) + .dropdown-content{display:none;}
html body .dropdown-label.p-0{padding:0 !important;}
.dropdown-content-error{color:rgb(var(--color-text-grey)); font-size:.85rem; padding:0.532rem 1.25rem;}
.dropdown-content-error:not(.show){display:none;}
.dropdown-content a, .dropdown-content .dropdown-item, .fc-group-dropdown-item{color:var(--color-body-text); display:block; line-height:1.54; padding:0.532rem 1.25rem;}
.dropdown-content a:hover, .dropdown-content a:focus, .fc-group-dropdown-item:hover, .dd-parent-menu.active{background-color:var(--color-menu-hover-bg);}
.dropdown-divider{border-top:1px solid rgba(0,0,0,.15); height:0; margin:0.3125rem 0;}
.dropdown-content a.icon-link{height:auto; padding:0.532rem 1.25rem 0.532rem calc(1.25rem + 24px); width:auto;}
.dropdown-content a.icon-link:before{left:15px; top:0.532rem;}
.dropdown.disable{opacity:1;}
.dropdown.disable .dropdown-label{background-color:#c0ccda54; color:var(--color-text-grey);}
/*.dropdown-content-search{border-bottom:1px solid rgb(var(--color-border)); padding-bottom:0.3125rem;}*/
.dropdown-content-search .fc-input-group{border:none; box-shadow:none;}
.dropdown-scrollable{display:flex; flex-direction:column; gap:1px; max-height:250px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;}
.mfp-content .dropdown-content:has(.dropdown-content-search) .dropdown-scrollable{max-height:200px;}
.dropdown-item{cursor:pointer;}
.dropdown-item:hover, .dropdown-item.selected{background-color:var(--color-menu-hover-bg);}
/*.dropdown-item-group:not([style*="display: none"]) + */.dropdown-item-group{border-bottom:1px solid rgb(var(--color-border));}
.dropdown-item-group:last-of-type{border-bottom:none;}
.dropdown-item-group:not(:has(.dropdown-item:not([style*="display: none"]))){display:none;}


:is([dir="ltr"]) .dropdown .dropdown-label-sm, :is([dir="rtl"]) .dropdown .dropdown-label-sm{background-image:none; display:inline-flex; padding:.75rem;}
:is([dir="ltr"]) .dropdown .dropdown-label-xs, :is([dir="rtl"]) .dropdown .dropdown-label-xs{background-image:none; display:inline-flex; padding:.5rem;}
@media (min-width:768px){
      :is([dir="ltr"]) .dropdown.right .dropdown-content{left:auto; right:0;}
      :is([dir="rtl"]) .dropdown.right .dropdown-content{left:0; right:auto;}
}
:is([dir="ltr"]) .dropdown .dropdown-content.auto-width, :is([dir="rtl"]) .dropdown.right .dropdown-content.auto-width{left:0; right:auto;}
:is([dir="rtl"]) .dropdown .dropdown-content.auto-width, :is([dir="ltr"]) .dropdown.right .dropdown-content.auto-width{left:auto; right:0;}
/*
:is([dir="ltr"]) .dropdown-content, :is([dir="ltr"]) .dropdown-sub-content{left:0;}
:is([dir="rtl"]) .dropdown-content, :is([dir="rtl"]) .dropdown-sub-content{right:0;}
*/
/*.dropdown-label-sm + .dropdown-content{min-width:8rem; left:auto; right:0;}*/

:is([dir="ltr"]) .dropdown .dropdown-label.with-only-bg, :is([dir="rtl"]) .dropdown .dropdown-label.with-only-bg{background-color:var(--color-menu-hover-bg); border-color:transparent;}
:is([dir="ltr"]) .dropdown .dropdown-label.with-only-bg:hover, :is([dir="rtl"]) .dropdown .dropdown-label.with-only-bg:hover{border-color:var(--color-input-border);}

table.dataTable tbody > tr:nth-last-child(-n+4) .dropdown-content{bottom:100%;}/*Last 4 rows*/

.catalog-button{align-items:center; background-color:rgb(var(--color-primary)); border-color:rgba(var(--color-primary),0); border:none; border-radius:var(--border-radius); /*box-shadow:inset 0px -2px 0px 0px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.4);*/ color:#fff; cursor:pointer; display:flex; font-weight:500; justify-content:center; line-height:44px; padding:0 1.25rem; white-space:nowrap; transition-property:box-shadow, border, background; transition-duration:.4s; transition-timing-function:var(--transition-timing);}
.catalog-button-arrow{transition:all 0.4s; transition-timing-function:var(--transition-timing);}
.catalog-button.active .catalog-button-arrow{transform:rotate(180deg);}

.dd-menu{max-height:400px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;}
.dropdown-content .dd-parent-menu, .dropdown-content .dd-menu, .dropdown-content .dd-sub-menu{display:block; font-size:1rem; line-height:1.5; min-width:300px;}
.dropdown-sub-content{bottom:0; left:95%; max-height:400px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; position:absolute; top:0; z-index:2;}
.dd-parent-menu:not(.active) + .dropdown-sub-content{display:none;}
.dd-parent-menu{position:relative;}
.dd-parent-menu:before{content:'\e069'; direction:ltr !important; font-family:"fntmlapp" !important; font-size:20px; line-height:1; position:absolute; right:7px; text-transform:none !important; top:11px;}
:is([dir="ltr"]) .dropdown-content .dd-parent-menu{padding:0.532rem 2rem 0.532rem 1.25rem;}

@media (max-width:767px){
      .dropdown-sub-content{background-color:var(--color-menu-hover-bg); border-width:0 0 1px; border-radius:0; box-shadow:none; position:static;}
      .dd-parent-menu:before{content:'\e066';}
      .dd-parent-menu.active:before{content:'\e067';}
}

/*=============================================
      BREADCRUMB
=============================================*/
.breadcrumb{display:flex; flex-direction:row; flex-wrap:wrap; margin-bottom:.5rem;}
.breadcrumb-item{color:rgb(var(--color-text-grey)); font-size:.8rem; line-height:1.5; position:relative;}
:is([dir="ltr"]) .breadcrumb-item + .breadcrumb-item{padding-left:1.25rem;}
:is([dir="rtl"]) .breadcrumb-item + .breadcrumb-item{padding-right:1.25rem;}
.breadcrumb-item + .breadcrumb-item:before{direction:ltr !important; font-family:"fntmlapp" !important; font-size:8px; line-height:1; position:absolute; text-transform:none !important; top:6px;}
:is([dir="ltr"]) .breadcrumb-item + .breadcrumb-item:before{content:'\e063'; left:6px;}
:is([dir="rtl"]) .breadcrumb-item + .breadcrumb-item:before{content:'\e062'; right:6px;}
.breadcrumb-item a{color:rgb(var(--color-text-grey));}
.breadcrumb-item a:hover{color:rgb(var(--color-link)); /*text-decoration:underline;*/}

/*=============================================
      DIVIDER
=============================================*/
.divider{align-items:center; display:flex; gap:1rem; margin:1rem 0; position:relative;}
.divider::before, .divider::after{content:''; display:block; flex:1 1 auto; height:1px; background-color:rgb(var(--color-border));}
.divider-left::before, .divider-right::after{content:none;}
.divider.dark::before, .divider.dark::after{background-color:rgba(0,0,0,.1);}

/*=============================================
      COLLAPSE
=============================================*/
.collapse{display:flex; flex-direction:column; flex:1 1 auto;}
.collapse-item{height:100%; -webkit-animation:popupFromDown .5s; animation:popupFromDown .5s;}
.collapse-item:not(.active){display:none;}

/*=============================================
      POSTS
=============================================*/
/*.post-list{columns:3; column-gap:1rem;}*/
.post-list{display:flex; flex-direction:column; flex-wrap:wrap; max-height:3400px;}
.post{display:flex; flex-direction:column; height:100%; justify-content:space-between;}
.post-header{display:flex; flex-direction:row; gap:1.25rem; justify-content:space-between;}
.post-footer{display:flex; flex-direction:row; gap:1.25rem; justify-content:space-between;}
.post-media img{border-radius:var(--border-radius);}
.post-image{padding:2px;}
.post-image img{border-radius:var(--border-radius) var(--border-radius) 0 0;}

/*=============================================
      PROGRESS
=============================================*/
.timer{background:conic-gradient(rgb(var(--color-primary)) var(--value), rgba(0,0,0,0.1) var(--value)); border-radius:9999px; height:3rem; width:3rem; -webkit-mask:radial-gradient(farthest-side, transparent 1rem, #fff 1rem); mask:radial-gradient(farthest-side, transparent 1rem, #fff 1rem);}

.fc-progress{align-items:center; display:flex; flex-direction:row; gap:6px; justify-content:center; position:relative;}
.fc-progress-svg{width:32px;}
.fc-progress-bg{fill:none; stroke:rgba(70,102,108,.18); stroke-width:1;}
.fc-progress-bar{stroke:#002041; fill:none; stroke-width:2; stroke-linecap:round; animation:anm-progress 1s ease-out forwards; stroke-dasharray:var(--progress),100;}
.fc-progress-label{font-size:.85rem; line-height:1;}

.fc-progress-lg{gap:12px;}
.fc-progress-lg .fc-progress-svg{width:64px;}
.fc-progress-lg .fc-progress-bar{stroke-width:1.5;}
.fc-progress-lg .fc-progress-label:not(.fc-progress-inline){font-size:1.5rem;}

.fc-progress-xl{gap:12px;}
.fc-progress-xl .fc-progress-svg{width:120px;}
.fc-progress-xl .fc-progress-bar{stroke-width:1.5;}
.fc-progress-xl .fc-progress-label{font-size:2rem; font-weight:300;}

.fc-progress-inline{font-size:.9rem; font-weight:700; position:absolute;}

.fc-progress.primary .fc-progress-bar{stroke:rgb(var(--color-primary));}
.fc-progress.primary .fc-progress-label{color:rgb(var(--color-primary));}
.fc-progress.secondary .fc-progress-bar{stroke:rgb(var(--color-secondary));}
.fc-progress.secondary .fc-progress-label{color:rgb(var(--color-secondary));}
.fc-progress.success .fc-progress-bar{stroke:rgb(var(--color-success));}
.fc-progress.success .fc-progress-label{color:rgb(var(--color-success));}
.fc-progress.warning .fc-progress-bar{stroke:rgb(var(--color-warning));}
.fc-progress.warning .fc-progress-label{color:rgb(var(--color-warning));}
.fc-progress.danger .fc-progress-bar{stroke:rgb(var(--color-danger));}
.fc-progress.danger .fc-progress-label{color:rgb(var(--color-danger));}
.fc-progress.complete .fc-progress-bar{stroke:rgb(var(--color-complete));}
.fc-progress.complete .fc-progress-label{color:rgb(var(--color-complete));}
.fc-progress.white .fc-progress-bar{stroke:rgb(255,255,255);}
.fc-progress.white .fc-progress-label{color:rgb(255,255,255);}

@keyframes anm-progress{0%{stroke-dasharray:0 100;}}

/*.fc-progress-bar{align-items:center; display:flex; flex-direction:row; gap:10px;}*/
.fc-progress:has(.fc-progress-bar-bg){gap:10px;}
.fc-progress-bar-bg{background-color:rgba(70,102,108,.18); border-radius:.25rem; flex:1 1 auto; height:.5rem; overflow:hidden;}
.fc-progress-inner{border-radius:.25rem; height:100%; width:var(--width); transition:width .3s cubic-bezier(0.76, 0, 0.24, 1); animation-delay:3s;}
.fc-progress-inner:not([style^="--bgcolor"]){background-color:#002041;}
.fc-progress-inner[style^="--bgcolor"]{background-color:var(--bgcolor);}
.fc-progress-md .fc-progress-bar-bg{height:6px;}
.fc-progress-sm .fc-progress-bar-bg{height:.25rem;}

.fc-progress.primary .fc-progress-inner{background-color:rgb(var(--color-primary));}
.fc-progress.secondary .fc-progress-inner{background-color:rgb(var(--color-secondary));}
.fc-progress.success .fc-progress-inner{background-color:rgb(var(--color-success));}
.fc-progress.warning .fc-progress-inner{background-color:rgb(var(--color-warning));}
.fc-progress.danger .fc-progress-inner{background-color:rgb(var(--color-danger));}
.fc-progress.complete .fc-progress-inner{background-color:rgb(var(--color-complete));}

.fc-multi-progress{align-items:center; display:flex; gap:2px; height:.75rem;}
.fc-multi-progress-bar{height:100%;}
.fc-multi-progress-bar:not([style^="--bgcolor"]){background-color:#f1f1f1;}
.fc-multi-progress-bar[style*="--bgcolor"]{background-color:var(--bgcolor);}
.fc-multi-progress-bar[style*="--width"]{width:var(--width);}
:is([dir="ltr"]) .fc-multi-progress-bar:first-child, :is([dir="rtl"]) .fc-multi-progress-bar:last-child{border-radius:var(--border-radius) 0 0 var(--border-radius);}
:is([dir="ltr"]) .fc-multi-progress-bar:last-child, :is([dir="rtl"]) .fc-multi-progress-bar:first-child{border-radius:0 var(--border-radius) var(--border-radius) 0;}

/*=============================================
      STEPS
=============================================*/
.steps{display:flex; flex-direction:row; gap:15px; position:relative;}
.steps-item{display:flex; flex-direction:row; flex:1 1 auto; gap:.75rem; position:relative;}
a.steps-item{color:inherit;}
a.steps-item .steps-heading{text-decoration:underline;}
a.steps-item:hover .steps-icon, a.steps-item:hover .steps-heading{color:rgb(var(--color-link));}
.steps-connect{border-top:1px solid rgb(var(--color-border)); content:''; flex-grow:1; height:1px; margin-top:12px;}
.steps-icon{margin-top:.25rem;}
.steps-heading{font-weight:500;}
.steps-subheading{color:rgb(var(--color-text-grey)); font-size:.9rem;}
.step-number{align-items:center; border:2px solid rgb(var(--color-border)); border-radius:9999px; display:flex; flex-direction:column; height:2.5rem; justify-content:center; width:2.5rem;}
.step-number-sm{align-items:center; border:2px solid rgb(var(--color-border)); border-radius:9999px; display:flex; flex-direction:column; font-size:.8rem; height:1.5rem; justify-content:center; width:1.5rem;}

/*=============================================
      RIPPLE
=============================================*/
.ripple {
  margin: auto;
  background-color: rgb(var(--color-primary));
  width:.5rem;
  height:.5rem;
  border-radius: 100%;
  display: grid;
  animation: ripple 3s linear infinite;
}

.ripple::before,
.ripple::after {
  content: "";
  grid-area: 1/1;
  border-radius: 100%;
  animation: inherit;
  animation-delay: 4s;
}

.ripple::after {
  animation-delay: 12s;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .05rem rgba(var(--color-primary),0.2);
  }
  100% {
    box-shadow: 0 0 0 1rem rgba(var(--color-primary),0);
  }
}

/*=============================================
      LINK LIST
=============================================*/
.link-list{border-radius:var(--border-radius); color:rgb(var(--color-button-text)); display:block; padding:.25rem .5rem;}
.link-list:hover, .link-list.active{background-color:rgba(var(--color-primary),0.081);}
.link-list:active{transform:translateY(2px);}

/*=============================================
      TABS
=============================================*/
.tab-link-set{box-shadow:0 1px rgb(var(--color-border)); display:flex; flex-direction:row; flex-wrap:wrap; gap:5px 10px;}
.tab-link{align-items:center; color:inherit; display:flex; flex-direction:row; gap:10px; padding:.75rem 1.25rem; position:relative;}
.tab-link:before{background-color:rgb(var(--color-primary)); bottom:0; content:''; height:2px; left:0; position:absolute; right:0; transform:scaleX(0); transform-origin:0% 50%; transition:transform .3s cubic-bezier(0.76, 0, 0.24, 1); animation-delay:3s;}
a.tab-link:hover, .tab-link.active{color:rgb(var(--color-primary));}
a.tab-link:hover .tab-link-title:has([class^="display-"]), .tab-link.active .tab-link-title:has([class^="display-"]){color:var(--color-body-text);}
.tab-link.active:before{transform:scaleX(1);}
.tab-link-title{font-weight:500; position:relative;}
.tab-link:not(.active) .for-active{display:none;}

.tab-content-set > .tab-content:not(.active){display:none;}

.tab-pill{box-shadow:none; gap:10px;}
.tab-pill .tab-link{border-radius:var(--border-radius); padding:.5rem 1rem;}
.tab-pill-rounded .tab-link{border-radius:9999px;}
.tab-pill .tab-link.active{background-color:rgba(var(--color-primary),.1); transition:background .3s cubic-bezier(0.76, 0, 0.24, 1); animation-delay:3s;}
.tab-pill .tab-link.active:before{content:none;}

.tab-dropdown{border:1px solid rgb(var(--color-border)); border-radius:var(--border-radius); flex-direction:column; gap:0;}
.tab-dropdown .tab-link.active:before{height:0;}

/*=============================================
      ACCORDIAN
=============================================*/
.accordion{border:1px solid rgb(var(--color-border)); border-radius:var(--border-radius);}
.accordion-header{/*color:#546278;*/ cursor:pointer; font-weight:500; position:relative;}
.accordion-header:before{color:rgb(var(--color-text-grey)); content:'\e0e8'; direction:ltr !important; font-family:"fntmlapp" !important; font-size:20px; height:45px; line-height:47px; position:absolute; text-align:center; text-transform:none !important; top:0; width:34px;}
:is([dir="ltr"]) .accordion-header{padding:12px 15px 12px 35px;}
:is([dir="rtl"]) .accordion-header{padding:12px 35px 12px 15px;}
:is([dir="ltr"]) .accordion-header:before{left:0;}
:is([dir="rtl"]) .accordion-header:before{right:0;}
.accordion-header:not(.active):hover, .accordion-header.active, .contextual-help-content .accordion-content{background-color:rgba(72,94,144,0.08);}
.accordion-header.no-bg-color:hover{color:rgb(var(--color-link));}
html:not(.dark-mode) .accordion-header.active{color:#000;}
.accordion-header.active:before{content:'\e0ea';}
.accordion > .accordion-item:first-of-type, .accordion > .accordion-item:first-of-type .accordion-header{border-radius:var(--border-radius) var(--border-radius) 0 0;}
.accordion > .accordion-item:last-of-type, .accordion > .accordion-item:last-of-type .accordion-header{border-radius:0 0 var(--border-radius) var(--border-radius);}
.accordion > .accordion-item:last-of-type .accordion-header.active{border-radius:0;}
.accordion > .accordion-item:only-child, .accordion > .accordion-item:only-child .accordion-header{border-radius:var(--border-radius);}
.accordion-item + .accordion-item{border-top:1px solid rgba(72, 94, 144, 0.16);}
.accordion-header:not(.active) ~ .accordion-content{display:none;}
.accordion-content{position:relative;}
:is([dir="ltr"]) .accordion-content{padding:0 20px 20px 35px;}
:is([dir="rtl"]) .accordion-content{padding:0 35px 20px 20px;}
.accordion-content.default-padding{padding:0 20px 20px;}
.accordion-content p{font-size:.9em;}

.accordion-arrows .accordion-header:before{content:'\e064'; font-size:11px; font-weight:700;}
.accordion-arrows .accordion-header.active:before{content:'\e065';}

/*=============================================
      STAR RATING
=============================================*/
.star-rating{display:inline-flex; flex-direction:row;}
.sr-star{padding:0 .125rem; position:relative;}
.sr-star:before{color:rgba(0,0,0,0.12); content:'\e048'; direction:ltr !important; font-family:"fntmlapp" !important; font-size:1.25rem; text-transform:none !important; transition:all 0.4s; transition-timing-function:var(--transition-timing);}
a.sr-star:hover, .sr-star.active:before{color:#ffab00;}
.star-rating:has(a):hover .sr-star:before{color:#ffab00;}
.star-rating a.sr-star:hover ~ .sr-star:before{color:rgba(0,0,0,0.12);}
.sr-star.half:before{content:'\e047';}
.star-rating-sm .sr-star:before{font-size:.85rem;}

/*=============================================
      UPLOAD
=============================================*/
.upload{align-items:center; border:2px dashed rgba(var(--color-text-grey),0.5); border-radius:var(--border-radius); cursor:pointer; display:flex; flex-direction:column; justify-content:center; min-height:7rem;}
.upload:hover, .upload-sm:hover{border-color:rgb(var(--color-link));}
.upload.disable, .upload-sm.disable{opacity:1;}
.upload-sm{align-items:center; border:1px dashed rgba(var(--color-text-grey),0.5); border-radius:var(--border-radius); cursor:pointer; display:flex; flex-direction:column; justify-content:center; padding:20px;}

/*=============================================
      TOAST
=============================================*/
.toast{align-items:center; display:flex; flex-direction:column; font-size:.9rem; gap:.75rem; /*left:0;*/ padding:1.25rem; position:fixed; /*right:0;*/ top:0; z-index:5; left:50%; transform:translateX(-50%);}
.toast.modal{background-color:rgba(0, 0, 0, 0.45)/*rgba(67,89,113,0.1)*/; bottom:0; left:0; right:0; top:0; transform:none; z-index:100;}

.notification{align-items:stretch; background-color:#fff; box-shadow:0 0 0 3px rgba(0,0,0,0.06); border:1px solid rgba(0,0,0,0.2); border-radius:var(--border-radius); /*box-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);*/ display:flex; flex-direction:row; -webkit-transition:all 0.12s ease; transition:all 0.12s ease; animation-delay: 3s; -webkit-animation:popupFromTop .5s; animation:popupFromTop .5s; transition-timing-function:var(--transition-timing);}
.notification:not(.active){display:none;}
.notification-content{padding:1rem 1.25rem .9rem;}
.notification-title{font-weight:500;}
.notification-title + .notification-body{margin-top:.25rem;}
.notification-action{display:flex; flex-direction:column;}
:is([dir="ltr"]) .notification-action{padding:1rem .72rem 1rem 0;}
:is([dir="rtl"]) .notification-action{padding:1rem 0 1rem .72rem;}
.notification-action a{display:block;}

.notification.primary{background-color:rgb(var(--color-primary)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.secondary{background-color:rgb(var(--color-secondary)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.success{background-color:rgb(var(--color-success)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.warning{background-color:rgb(var(--color-warning)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.complete{background-color:rgb(var(--color-complete)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.danger{background-color:rgb(var(--color-danger)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification.dark{background-color:rgb(var(--color-dark)); border-color:transparent; box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px; color:#fff;}
.notification .notification-action a{color:inherit; opacity:.7;}
.notification .notification-action a:hover{color:inherit; opacity:1;}

@media (max-width:767px){
      .notification{width:81vw;}
}

/*=============================================
      FLOATING FORMS
=============================================*/
.floating-form{bottom:5px; position:fixed; top:5px; transition:all 0.3s; z-index:6; width:calc(100% - 10px);}
:is([dir="ltr"]) .floating-form{right:-100%;}
:is([dir="rtl"]) .floating-form{left:-100%;}
/* .floating-form.active{box-shadow:-6px 0 16px 0 rgba(0, 0, 0, 0.3), -3px 0 6px -4px rgba(0, 0, 0, 0.3), -9px 0 28px 8px rgba(0, 0, 0, 0.3);} */
.floating-form:not(.active) .floating-form-wrapper.mob-btm-drawer{position:relative;}
/* .floating-form.active:before{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; content:''; left:0; position:fixed; right:0; top:0;} */
:is([dir="ltr"]) .floating-form.active{right:5px;}
:is([dir="rtl"]) .floating-form.active{left:5px;}
.upload-file.item-bg-color{border-color:transparent;}
.floating-form-wrapper{background-color:var(--color-card-background); border-radius:var(--border-radius); display:flex; flex-direction:column; height:100%; position:relative; z-index:2;}
.close-floating-form{background-color:rgb(var(--color-link)); border-radius:20px; box-shadow:0 0 0 4px #f2f2f2; display:block; height:28px; position:absolute; top:20px; transition:all .1s; width:28px; z-index:3;}
:is([dir="ltr"]) .close-floating-form{left:-11px;}
:is([dir="rtl"]) .close-floating-form{right:-11px;}
a.close-floating-form:hover{background-color:rgb(var(--color-link)); width:36px;}
.close-floating-form:before{color:#fff; direction:ltr !important; font-family:"fntmlapp" !important; font-size:20px; height:28px; line-height:29px; left:0; position:absolute; right:0; text-align:center; text-transform:none !important; top:0;}
:is([dir="ltr"]) .close-floating-form:before{content:'\e06b';}
:is([dir="rtl"]) .close-floating-form:before{content:'\e06a';}
:is([dir="ltr"]) a.close-floating-form:hover:before{left:10px;}
:is([dir="rtl"]) a.close-floating-form:hover:before{right:10px;}
.floating-form:not(.active) .close-floating-form{display:none;}
.floating-form-header{border-radius:var(--border-radius) var(--border-radius) 0 0; padding-bottom:1rem; position:relative; z-index:2;}
.floating-form-content{flex:1 1 auto; overflow-x:hidden; overflow-y:auto; padding:0 0 3rem;}
.floating-form-footer{box-shadow:0 -0.125rem 0.375rem 0 rgba(161,172,184,.3); position:relative; z-index:3;}
.floating-form-header:before{background:url(bg-polygons-inv.png) no-repeat center bottom; bottom:0; content:''; position:absolute; left:0; right:0; top:0;}
.floating-form-header:after{background:linear-gradient(to bottom, rgba(255,255,255,0) 0px, var(--color-card-background) 90%); background-size:cover; bottom:0; content:''; height:70%; position:absolute; left:0; right:0;}
.floating-form-wrapper .container{padding-right:2.25rem; padding-left:2.25rem; position:relative; z-index:2;}
.floating-form-footer .container{padding-right:.5rem; padding-left:.5rem;}

@media (min-width:767px){
.floating-form.ff-w-90vw{width:90vw;}
}

/*=============================================
      DRAWER
=============================================*/
.drawer:has(.drawer-wrapper.active){background-color:rgba(51,51,51,0.72); backdrop-filter:blur(6px); bottom:0; left:0; position:fixed; right:0; top:0; z-index:4;}
.drawer-wrapper{background-color:#fff; border-radius:var(--border-radius); bottom:5px; position:fixed; right:-100%; top:5px; z-index:4; width:calc(100% - 10px); transition:all 0.4s; transition-timing-function:var(--transition-timing);}
.drawer-wrapper.active{right:5px; max-width:450px;}
.drawer-wrapper.left{left:5px; right:auto;}
.drawer-wrapper.horizontal{max-height:calc(100vh - 10px); max-width:none;}
.drawer-wrapper.top{bottom:auto;}
.drawer-wrapper.bottom{top:auto;}
.drawer.inline:has(.drawer-wrapper.active){border-radius:var(--border-radius); overflow:hidden; position:absolute;}
.drawer.inline .drawer-wrapper{bottom:0; border-radius:0; left:0; margin-left:-100%; right:0; top:0;}
.drawer.inline .drawer-wrapper.active{margin-left:0;}

.card-drawer{backdrop-filter:blur(6px); border-radius:var(--border-radius); bottom:0; /*display:none;*/ left:0; overflow:hidden; position:absolute; right:0; top:0; z-index:-1;}
.card-drawer:has(.card-drawer-wrapper.active){background-color:rgba(51,51,51,0.72); display:block; z-index:4;}
.card-drawer-wrapper{background-color:#fff; bottom:0; max-width:450px; position:absolute; right:-100%; top:0; transition:all 0.3s; z-index:4; width:100%; transition:all 0.4s; transition-timing-function:var(--transition-timing);}
.card-drawer-wrapper.active{right:0;}

/*=============================================
      CARDS
=============================================*/
.card{background-color:var(--color-card-background); background-clip:padding-box; /*border:1px solid #eb006f1c;*/ border-radius:var(--border-radius); box-shadow:var(--shadow-card); display:flex; flex-direction:column; justify-content:space-between; position:relative; height:100%; -webkit-animation:popupFromDown .5s; animation:popupFromDown .5s; transition-timing-function:var(--transition-timing);}
.card[style^="--bgcolor"]{background-color:rgb(var(--bgcolor));}
.card-body{padding:1.25rem 1.5rem;}
.card-heading{font-size:1rem; font-weight:500;}
.card-img-pre img{border-radius:var(--border-radius) var(--border-radius) 0 0;}
:is([dir="ltr"]) .card-img-hori-pre img, :is([dir="ltr"]) .card-img-hori-pre{border-radius:var(--border-radius) 0 0 var(--border-radius);}
:is([dir="rtl"]) .card-img-hori-pre img, :is([dir="rtl"]) .card-img-hori-pre{border-radius:0 var(--border-radius) var(--border-radius) 0;}
.card-actions-post{border-radius:0 0 var(--border-radius) var(--border-radius);}
.card-item-border-2{box-shadow:0 0 0 2px var(--color-card-background) inset;}
.card[style^="--bgcolor"] .card-item-border-2{box-shadow:0 0 0 2px rgb(var(--bgcolor)) inset;}

.card-note{background:linear-gradient(225deg, #fffeee 36%,#fffbe0 100%);}

.card-img-tag{box-shadow:0 0 0 3px var(--color-card-background); position:absolute; bottom:-7px; z-index:2;}
:is([dir="ltr"]) .card-img-tag{left:23px; right:auto;}
:is([dir="rtl"]) .card-img-tag{left:auto; right:23px;}

.card-status-recent{position:absolute; bottom:10px;}
:is([dir="ltr"]) .card-status-recent{right:12px; left:auto;}
:is([dir="rtl"]) .card-status-recent{right:auto; left:12px;}

/*=============================================
      LIST ITEMS
=============================================*/
.list{display:flex; flex-direction:column;}
.list-item{border:1px solid rgb(var(--color-border)); padding:0.75rem 1rem;}
.list-item + .list-item{margin-top:-1px;}
.list-item:first-child{border-top-left-radius:0.25rem; border-top-right-radius:0.25rem;}
.list-item:last-child{border-bottom-right-radius:0.25rem; border-bottom-left-radius:0.25rem;}

.list.radius-ssm .list-item:first-child{border-top-left-radius:0.75rem; border-top-right-radius:0.75rem;}
.list.radius-ssm .list-item:last-child{border-bottom-right-radius:0.75rem; border-bottom-left-radius:0.75rem;}

/*=============================================
      BORDER-COLORS
=============================================*/
html .primary-border{border-color:rgb(var(--color-primary));}
html .secondary-border{border-color:rgb(var(--color-secondary));}
html .success-border{border-color:rgb(var(--color-success));}
html .warning-border{border-color:rgb(var(--color-warning));}
html .danger-border{border-color:rgb(var(--color-danger));}
html .complete-border{border-color:rgb(var(--color-complete));}
html .dark-border{border-color:rgb(var(--color-dark));}
html .light-grey-border{border-color:rgba(0,0,0,0.15);}

/*=============================================
      BORDER
=============================================*/
.border-1{border:1px solid rgb(var(--color-border));}
.brd-2{border:2px solid var(--color-card-background);}
.brd-4{border:4px solid var(--color-card-background);}
.brd-6{border:6px solid var(--color-card-background);}
html .border-dashed{border-style:dashed;}
html [style*="--brdcolor"]{border-color:var(--brdcolor);}
:is([dir="ltr"]) .brd-right{border-right:1px solid rgb(var(--color-border));}
:is([dir="rtl"]) .brd-right{border-left:1px solid rgb(var(--color-border));}

/*=============================================
      SHADE
=============================================*/
.img-shade{position:relative;}
.img-shade figcaption{background-image:linear-gradient(180deg, rgba(var(--color-primary),0) 18%, rgba(var(--color-primary),1) 90%); bottom:0; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; left:0; padding:2rem; position:absolute; right:0; top:0; z-index:2;}
.img-shade.radius img, .img-shade.radius figcaption{border-radius:var(--border-radius);}

/*=============================================
      TIMELINE
=============================================*/
.timeline{position:relative;}
.timeline-item{display:flex; min-height:70px;}
.timeline-item-wrapper{display:flex; flex:1 1 auto;}
.timeline-item-media{align-items:center; display:flex; flex-direction:column; min-width:18px;}
.timeline-item-media-content{margin-top:.4rem; margin-bottom:.4rem;}
.timeline-item-media-default{border:2px solid #bdc3c9; border-radius:9999px; height:1rem; position:relative; width:1rem;}
.timeline-connect{background-color:rgb(var(--color-border)); flex-grow:1; height:100%; width:1px;}
.timeline-item-content{padding-bottom:1.5rem; padding-top:.125rem; width:100%;}
:is([dir="ltr"]) .timeline-item-content{margin-left:1rem;}
:is([dir="rtl"]) .timeline-item-content{margin-right:1rem;}

/*=============================================
      ALERT
=============================================*/
.alert{border:1px solid rgba(0,0,0,0.07); border-radius:var(--border-radius); display:flex; flex-direction:row; font-size:.9rem; margin:0 auto; padding:.75rem 1rem; position:relative; width:fit-content;}
.alert-block{width:100%;}

.alert-primary{background-color:rgb(var(--alert-primary));}
.alert-secondary{background-color:rgb(var(--alert-secondary));}
.alert-success{background-color:rgb(var(--alert-success));}
.alert-warning{background-color:rgb(var(--alert-warning));}
.alert-danger{background-color:rgb(var(--alert-danger));}
.alert-complete{background-color:rgb(var(--alert-complete));}
.alert-dark{background-color:rgb(var(--alert-dark));}


/*:is(.dark-mode) .alert{border-color:rgba(255,255,255,.18);}
:is(.dark-mode) .alert[class*="alert-"]{border-color:transparent;}
:is(.dark-mode) .alert[class*="alert-"]{color:#000;}*/

/*.alert-primary{background-color:rgb(var(--alert-primary)); color:#ad1148;}
.alert-secondary{background-color:rgb(var(--alert-secondary)); color:#bc3400;}
.alert-success{background-color:rgb(var(--alert-success)); color:#006e3d;}
.alert-warning{background-color:rgb(var(--alert-warning)); color:#985e00;}
.alert-danger{background-color:rgb(var(--alert-danger)); color:#9a0000;}
.alert-complete{background-color:rgb(var(--alert-complete)); color:#005190;}
.alert-dark{background-color:rgb(var(--alert-dark)); color:#222;}*/

/*=============================================
      BACKDROP
=============================================*/
.backdrop{align-items:center; background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; color:#fff; display:flex; justify-content:center; left:0; position:fixed; pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; right:0; top:0; z-index:10;}
body:has(.backdrop){overflow:hidden; pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.backdrop-inline{align-items:center; background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; color:#fff; display:flex; justify-content:center; left:0; position:absolute; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; right:0; top:0; z-index:7;}
.card .backdrop-inline{border-radius:var(--border-radius);}

/*=============================================
      SKELETON
=============================================*/
.skeleton{background-color:rgb(var(--color-skeleton)); background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-size:40px 100%; background-repeat:no-repeat; background-position:left -40px top 0; -webkit-animation:shine 1s ease infinite; animation:shine 1s ease infinite;}
@keyframes skeleton-loading{0%{background-color:hsl(200,20%,80%);}100%{background-color:hsl(200,20%,95%);}}
.skeleton-text{width:90%; height:0.7rem; margin-bottom:0.5rem; border-radius:0.25rem;}
.skeleton-text-body{width:72%; height:0.5rem;}
.skeleton-footer{width:30%;}
.card .skeleton-text{margin:0.5rem auto;}

/*=============================================
      SCROLLABLE
=============================================*/
.y-scrollable{overflow-y:auto;}
.y-scrollable-abs{bottom:0; left:0; overflow-y:auto; position:absolute; right:0; top:0;}

/*=============================================
      BULLETED LIST
=============================================*/
.bulleted-list{list-style:disc; position:relative;}
:is([dir="ltr"]) .bulleted-list{margin:0 0 0 .8rem; padding:.25rem 0 .25rem .5rem;}
:is([dir="rtl"]) .bulleted-list{margin:0 .8rem 0 0; padding:.25rem .5rem .25rem 0;}
.bulleted-list-item{list-style:disc; margin:1rem 0; position:relative;}

/*=============================================
      DATA TABLE
=============================================*/
.data-table{/*overflow-x:auto;*/ -webkit-overflow-scrolling:touch}
html table.dataTable>thead>tr>th, html table.dataTable>thead>tr>td, html table.dataTable.row-border>tbody>tr>th, html table.dataTable.row-border>tbody>tr>td, html table.dataTable.display>tbody>tr>th, html table.dataTable.display>tbody>tr>td, html table.dataTable.no-footer{border-color:rgba(var(--color-border),.54);}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after{font-family:"fntmlapp" !important;}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after{color:rgb(var(--color-primary)); opacity:1;}
html table.dataTable.display>tbody>tr.odd>.sorting_1, html table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1, html table.dataTable.display>tbody>tr.even>.sorting_1, html table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1, html table.dataTable.hover>tbody>tr:hover>*, html table.dataTable.display>tbody>tr:hover>*{box-shadow:none;}
.dataTables_filter ~ .dataTable, .dataTables_length ~ .dataTable{padding-top:1rem;}
.dataTables_length > label, .dataTables_filter > label{align-items:center; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px;}
html .dataTables_wrapper .dataTables_filter input{border-color:var(--color-input-border); border-radius:var(--border-radius); color:var(--color-text-group); outline:none; padding:.5rem .75rem;}
html .dataTables_wrapper .dataTables_paginate .paginate_button.current, html .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, html .dataTables_wrapper .dataTables_paginate .paginate_button.current, html .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:transparent; border-color:transparent; line-height:1; opacity:.36;}
html table.dataTable tbody th:not([class*="py-"]), html table.dataTable tbody td, html table.dataTable>thead>tr>th:not([class*="py-"]), html table.dataTable>thead>tr>td{padding-top:.625rem; padding-bottom:.625rem;}
html table.dataTable tbody th:not([class*="px-"]), html table.dataTable tbody td, html table.dataTable>thead>tr>th:not([class*="px-"]), html table.dataTable>thead>tr>td{padding-left:1.25rem; padding-right:1.25rem;}
html .data-table.tbl-padding-md thead th:not([class*="py-"]), html .data-table.tbl-padding-md tbody th:not([class*="py-"]), html .data-table.tbl-padding-md tbody td, html .data-table.tbl-padding-md>thead>tr>th:not([class*="py-"]), html .data-table>thead>tr>td{padding-top:1rem; padding-bottom:1rem;}

html .dataTables_wrapper .dataTables_info{padding-top:1.5rem;}
html .dataTables_wrapper .dataTables_paginate{align-items:center; display:flex; flex-direction:row; padding-top:1.2rem;}
html .dataTables_wrapper .dataTables_paginate .paginate_button, html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{line-height:1; padding:0.5rem .75rem;}
html .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:transparent; border-color:transparent; color:rgb(var(--color-primary)) !important;}
html .dataTables_wrapper .dataTables_paginate .paginate_button:active{box-shadow:none;}
html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, html .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{opacity:.36;}
html table.dataTable thead th, html table.dataTable tfoot th{color:rgb(var(--color-text-grey)); font-weight:400;}
html .dataTables_wrapper .dataTables_paginate .paginate_button.previous, html .dataTables_wrapper .dataTables_paginate .paginate_button.next{align-items:center; display:flex;}
html .dataTable tr:hover td{background-color:var(--color-row-hover-bg) !important; transition:all 0.4s; transition-timing-function:var(--transition-timing);}
:is(.dark-mode) .dataTable tr:hover td{background-color:rgb(18,18,18);}
html .dataTable tr:hover td .dropdown .dropdown-label{border-color:var(--color-input-border);}

.data-table .px-1{padding-left:.25rem; padding-right:.25rem;}
table.dataTable span.highlight{background-color:#ffeecc; border-radius:0.28571429rem; display:inline; padding:0;}

.tbl-bg-danger{background-color:rgba(var(--color-danger),.05);}

.mcpDataScrollable{scrollbar-base-color:#fff; scrollbar-face-color:#666666;scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#666666; scrollbar-shadow-color:#fff; scrollbar-dark-shadow-color:#fff;}
.mcpDataScrollable{scrollbar-width:thin; scrollbar-color:#666666 #fff;}
.mcpDataScrollable::-webkit-scrollbar-track, *::-webkit-scrollbar-track{background-color:#fff; width:10px;}
.mcpDataScrollable::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb{background-color:#666666; border:1px solid transparent; background-clip:content-box;}
.mcpDataScrollable::-webkit-scrollbar, *::-webkit-scrollbar{height:8px; width:10px;}

.dtfc-fixed-left, .dtfc-fixed-right{background-color:#fff !important; z-index:2;}

html .dtr-control:empty{overflow:hidden; padding:.75rem; width:1px;}
table.dataTable thead th.th-responsive-plus{padding:5px;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{left:5px;}

.v-top td:not(.vertical-middle){vertical-align:top;}

.table-container table, .table-container td, .table-container th{border:1px solid rgb(var(--color-border)); border-collapse:collapse;}
.table-container table td, .table-container table th{padding:.75rem 1rem; vertical-align:top;}
.table-container table th{background-color:#f9f9f9;}

/*=============================================
      FORM
=============================================*/
*::-moz-placeholder{color:#c0ccda; opacity:1; font-weight:400;}
*:-ms-input-placeholder{color:#c0ccda; opacity:1; font-weight:400;}
*::-webkit-input-placeholder{color:#c0ccda; opacity:1; font-weight:400;}
*::placeholder, .navbar-search-field input[type="text"]::placeholder{color:#c0ccda; opacity:1; font-weight:400;}
:is(.dark-mode) *::-moz-placeholder{color:#666;}
:is(.dark-mode) *:-ms-input-placeholder{color:#666;}
:is(.dark-mode) *::-webkit-input-placeholder{color:#666;}
:is(.dark-mode) *::placeholder{color:#666;}

/*=============================================
      POPUPS
=============================================*/
html .mfp-bg{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; height:auto !important; left:0;opacity:1; position:fixed !important; right:0; top:0;}
.white-popup{background:var(--color-card-background); border-radius:var(--border-radius); box-shadow:0 2px 4px 0 rgba(22, 45, 61, 0.72); position:relative; padding:20px; max-width:500px; margin:20px auto; width:auto; -webkit-animation:popupFromTop .5s; animation:popupFromTop .5s;}
.popup-sm{max-width:360px;}
.popup-md{max-width:900px;}
.popup-lg{max-width:1000px;}
.popup-550{max-width:550px;}
.popup-600{max-width:600px;}
.popup-700{max-width:700px;}

/*=============================================
      MODAL POPUP
=============================================*/
.modal-popup{display:flex; flex-direction:column; height:100%; max-height:94vh;}
.modal-popup-header{position:relative; padding-bottom:1rem; position:relative; z-index:3;}
.modal-popup-header:before{background:url(bg-polygons-inv.png) no-repeat center top; /*background-size:cover;*/ bottom:0; content:''; position:absolute; left:0; right:0; top:0;}
.modal-popup-header:after{background:linear-gradient(to bottom, rgba(255,255,255,0) 0px, var(--color-card-background) 90%); background-size:cover; bottom:0; content:''; height:70%; position:absolute; left:0; right:0;}

.modal-popup-header > *{position:relative; z-index:2;}
.modal-popup-content{flex:1 1 auto; overflow-x:hidden; overflow-y:auto; padding:0 0 2.5rem;}
.modal-popup-footer{box-shadow:0 -0.125rem 0.375rem 0 rgba(161,172,184,.3); padding:.75rem; /*padding:10px 30px;*/ position:relative; z-index:3;}
.modal-popup .container{position:relative; z-index:2;}
.modal-popup-header .container{padding:1.75rem 1.75rem 0; position:relative; z-index:2;}
.popup-sm .modal-popup-header .container{padding-top:1.25rem;}
.modal-popup-content .container{padding-right:30px; padding-left:30px;}
.full-popup-height{height:100vh;}

.modal-popup-abs-sidebar{bottom:0; position:absolute; top:0;}
:is([dir="ltr"]) .modal-popup-abs-sidebar{right:0;}
:is([dir="rtl"]) .modal-popup-abs-sidebar{left:0;}

.modal-popup .floating-form-wrapper .container{padding-left:1.5rem; padding-right:1.5rem;}

/*=============================================
      SCRUMBOARD
=============================================*/
.scrumboard{display:flex; flex-direction:row; gap:2rem; overflow-x:auto; padding-bottom:1.25rem;}
.sb-column{display:flex; flex-direction:column; flex-shrink:0; gap:.75rem; width:300px;}
.sb-column-header{align-items:center; cursor:grab; display:flex; flex-direction:row; gap:1.25rem; justify-content:space-between;}
.sb-column-footer{align-items:center; display:flex; flex-direction:row; gap:1.25rem; justify-content:space-between;}
.sb-column-content{display:flex; flex-direction:column; gap:1rem;}
.sb-card{background-color:var(--color-card-background); border-radius:var(--border-radius); box-shadow:var(--shadow-card); cursor:grab; display:flex; flex-direction:column; gap:.5rem; transition:all 0.4s; -webkit-animation:popupFromDown .5s; animation:popupFromDown .5s; transition-timing-function:var(--transition-timing);}
.sb-card:hover{border-color:transparent; box-shadow:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);}
.sb-card-body{ display:flex; flex-direction:column; gap:.75rem; padding:1rem;}
.ui-sortable-placeholder{background:#FFFDE7; border:2px dashed rgba(0,0,0,0.1); visibility:visible !important;}

/*=============================================
      TREE
=============================================*/
.tree{display:flex; flex-direction:column; gap:.5rem;}
.tree, .tree-node, .tree-child{position:relative;}

.tree{--spacing:1.5rem; --color-file:#bbb;}
:is([dir="ltr"]) .tree-node{padding-left:1.2rem;}
:is([dir="rtl"]) .tree-node{padding-right:1.2rem;}

:is([dir="ltr"]) .tree-node ul{margin-left:.875rem;}
:is([dir="rtl"]) .tree-node ul{margin-right:.875rem;}
:is([dir="ltr"]) .tree-node ul li{border-left:1px solid #ddd;}
:is([dir="rtl"]) .tree-node ul li{border-right:1px solid #ddd;}
.tree-node ul li:last-child{border-color:transparent;}
.tree-node ul li:before{content:''; display:block; position:absolute; top:-.7rem; width:calc(var(--spacing) - 2px); height:calc(var(--spacing) + 2px); border:solid #ddd; }
:is([dir="ltr"]) .tree-node ul li:before{border-width:0 0 1px 1px; left:-1px;}
:is([dir="rtl"]) .tree-node ul li:before{border-width:0 1px 1px 0; right:-1px;}

.tree-node-label{align-items:center; display:flex; flex-direction:row; gap:.25rem;}
.tree-node-label + .tree-child{padding-top:.5rem; padding-bottom:.5rem;}

.tree-node-pic{align-items:center; color:#000; display:flex; flex-direction:column; height:1.75rem; justify-content:center; position:relative; width:1.75rem;}
.tree-node-pic:after{color:var(--color-file); content:'\004f'; display:block; direction:ltr !important; font-family:"fntmlapp" !important; font-size:1.15rem; height:1.25rem; line-height:1.25rem; position:absolute; top:calc(50% - 0.625rem); text-align:center; width:1.25rem;}
:is([dir="ltr"]) .tree-node-pic:after{left:calc(50% - 0.625rem);}
:is([dir="rtl"]) .tree-node-pic:after{right:calc(50% - 0.625rem);}
.tree-node-pic.active:after{content:'\0072';}
a.tree-node-pic:hover{color:#000;}
.tree-node-label:not(:has(.tree-node-pic.active)) + .tree-child{display:none;}

.tree-node-label:has(+ .tree-child) .tree-node-pic:after{content:'\0042'; color:#666;}
.tree-node-label .tree-node-pic.active:after{content:'\0072'; color:#666;}

.tree-folder .tree-node-label:has(+ .tree-child) .tree-node-pic:after{content:'\e07f';}
.tree-folder .tree-node-label:has(+ .tree-child) .tree-node-pic.active:after{content:'\e083';}
.tree-folder .tree-node-label:not(:has(+ .tree-child)) .tree-node-pic:after{content:'\e069'; color:#aaa; font-size:1rem;}

/*=============================================
      BOX-LINK
=============================================*/
.box-link{display:flex; flex-direction:row;}
a.box-link:hover .box-link-pre, a.box-link.active .box-link-pre{background-color:rgb(var(--color-primary));}
a.box-link:hover .box-link-content, a.box-link.active .box-link-content{background-color:rgb(var(--bgcolor));}

/*=============================================
      CHAT BOX
=============================================*/
.chat-box{max-height:80vh;}
.chat-history{display:flex; flex-direction:column; justify-content:flex-end; gap:1.5rem; padding:2rem 1.5rem;}
.chat-message{display:flex; gap:.75rem;}
.chat-message-group{align-items:flex-start; display:flex; flex-direction:column; gap:.5rem;}
.chat-message-text{background-color:#fff; box-shadow:var(--shadow-card); border-radius:.375rem 0 .375rem .375rem; padding:.75rem 1rem;}
.chat-message.justify-items-end .chat-message-group{align-items:flex-end;}
.chat-owner .chat-message-text{background-color:#FFF8E1;}
.chat-time{color:#a1acb8; font-size:.75rem; padding:0 .25rem;}
.chat-members{bottom:0; left:0; overflow-x:hidden; overflow-y:scroll; position:absolute; right:0; top:0;}
.chat-message-media, .chat-message-media-set{background-color:#fff; box-shadow:var(--shadow-card); border-radius:.375rem 0 .375rem .375rem; padding:.5rem; width:18vw;}
.chat-message-img{border-radius:var(--border-radius);}
.chat-message-media-set{border-radius:.375rem; display:flex; flex-wrap:wrap; gap:.25rem; width:20vw;}
.chat-message-img, .chat-message-vdo{aspect-ratio:3/2; background-color:#f7f7f7; background-image:var(--bg-image); background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:var(--border-radius); flex-basis:100%; position:relative;}
.chat-message-media-set > .chat-message-img:not(:only-child), .chat-message-media-set > .chat-message-vdo:not(:only-child){aspect-ratio:3/2.5; flex-basis:calc(50% - .125rem);}
.chat-message-more-media{align-items:center; background-color:rgba(0,0,0,0.72); border-radius:var(--border-radius); bottom:0; color:#fff; display:flex; flex-direction:column; font-size:1.3rem; justify-content:center; left:0; position:absolute; right:0; top:0;}
a.chat-message-img:hover:before, a.chat-message-vdo:hover:before{align-items:center; background-color:rgba(3,65,151,0.56); border-radius:var(--border-radius); bottom:0; color:#fff; content:''; display:flex; flex-direction:column; font-size:1.3rem; justify-content:center; left:0; position:absolute; right:0; top:0;}

/*=============================================
      BANNERS
=============================================*/
.banner-1{background:red;}

/*=============================================
      CALENDAR
=============================================*/
.fc .fc-toolbar-title{color:rgb(var(--color-primary)); font-size:1.25rem;}
.fc .fc-button{background-color:transparent; border-color:transparent; color:rgb(var(--color-secondary));}
.fc .fc-button-primary:disabled{background-color:transparent; border-color:transparent; color:rgba(var(--color-secondary),0.5);}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{background-color:transparent; border-color:transparent; box-shadow:none; color:rgb(var(--color-primary)); font-weight:500;}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{box-shadow:none;}
.fc .fc-button-primary:focus{box-shadow:none;}
.fc .fc-button-primary:not(:disabled):hover{background-color:transparent; border-color:transparent; color:rgb(var(--color-primary));}
.fc .fc-cell-shaded, .fc .fc-day-disabled, .fc .fc-day-disabled .fc-daygrid-day-frame{background-color:transparent;}
.fc a{color:var(--color-body-text);}
.fc-theme-standard .fc-scrollgrid, .fc-theme-standard th{border:none;}
.fc .fc-scrollgrid table{border-left-style:inherit; border-top-style:inherit;}
.fc th{font-weight:400; padding:5px 0;}
.fc td.fc-day-disabled{background-color:rgba(0,0,0,0.03)}
td.fc-day-sun{background-color:rgba(var(--color-danger),0.05);}
.fc .fc-day-sun *{color:rgba(var(--color-danger),0.7);}
.fc-daygrid-dot-event .fc-event-title{font-weight:400; white-space:nowrap; text-overflow:ellipsis;}
/*.fc-v-event{background-color:rgba(var(--color-primary),0.1); border:none;}*/

/*=============================================
      TEXT TO SPEECH
=============================================*/
.t2s-parent{align-items:center; border-radius:1.5rem; box-shadow:0 0 0 2px rgb(var(--color-primary)); color:rgb(var(--color-primary)); display:flex; height:2rem; justify-content:center; margin:0 auto; width:2rem}
.t2s-parent:before{bottom:0; content:'\e001'; direction:ltr !important; font-family:"fntmlapp" !important; font-size:15px; font-style:normal !important; font-weight:normal !important; font-variant:normal !important; text-transform:none !important; speak:none; left:0; line-height:2.5rem; position:absolute; right:0; top:0; text-align:center;}
.t2s-parent.active:before{content:'\e002';}
.t2s-parent .fc-progress-svg{width:100%;}
.t2s-parent .fc-progress-bg, .t2s-parent .fc-progress-bar{stroke-width:2;}
.t2s-parent .fc-progress-bar{stroke:rgb(var(--course-primary-color));}
.t2s-parent .fc-progress-bg{stroke:rgb(var(--course-primary-color),.16);}

/* ==========================================================================
      LOGIN PAGE
   ========================================================================== */
.page-login-fluid, .page-help-center{background-color:#fff; margin:0; overflow-x:hidden;}
.page-login-fluid #root, .page-login-fluid .app, .page-login-fluid main, .error-page-not-found #root, .error-page-not-found .app, .error-page-not-found main, .page-help-center #root, .page-help-center .app, .page-help-center main{margin:0; min-height:100vh;}
.login-fluid{display:flex; flex-direction:row; min-height:100vh;}
.bg-login-1{background:url(bg-login-1.svg) no-repeat; background-size:cover; position:relative;}
.bg-login-2{background:url(abstract-bg-2.jpg) no-repeat left; background-size:cover; position:relative;}
.bg-login-1:before{background-image:linear-gradient(to bottom, rgb(var(--color-nav-bg-from)), rgb(var(--color-nav-bg-to))); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1;}
.bg-login-2:before{background-image:linear-gradient(to bottom, rgba(var(--color-nav-bg-from),.72), rgba(var(--color-nav-bg-to),.05)); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}
.bg-login-3{background:url(abstract-bg-2.jpg) no-repeat center; background-attachment:fixed; position:relative;}
.bg-login-3:before{background-image:linear-gradient(to right, rgba(var(--color-nav-bg-from),.81), rgba(var(--color-nav-bg-from),.42)); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}
body.bg-login-3:before, body.bg-login-5:before{position:fixed;}
.bg-login-4{background:url(bg-image-4.jpg) no-repeat center; background-size:cover; overflow:hidden; position:relative;}
.bg-login-4:before{background-image:linear-gradient(225deg, rgba(var(--color-nav-bg-to),.32), rgba(var(--color-nav-bg-from),.81)); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}
.bg-login-5{background:url(abstract-bg-4.jpg) no-repeat center; background-size:cover; background-attachment:fixed; overflow-x:hidden; position:relative;}
.bg-login-5:before{background-image:linear-gradient(225deg, rgba(var(--color-success),1), rgba(var(--color-primary),.54)); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}

/* ==========================================================================
      NO DATA DIALOG
   ========================================================================== */
.no-data-dialog{background-color:rgba(255,255,255,.32); box-shadow:var(--shadow-app-header); padding:1.25rem 1.5rem;}

/* ==========================================================================
      AI PROMPT
   ========================================================================== */
.hero-ai-prompt{background:url(bg-hero-ai-prompt.jpg) no-repeat center; background-size:cover; height:100px;}

/* ==========================================================================
      LESSON LIST
   ========================================================================== */
.pl-lesson-item{display:flex; flex-direction:row; gap:.5rem; position:relative;}
.pl-lesson-media{align-items:center; display:flex; flex-direction:column; flex-shrink:0; gap:.25rem; padding-top:.52rem;}
.pl-lesson-dot{/*background-color:#fff;*/ box-shadow:0 0 0 2px #bdc3c9 inset; border-radius:1rem; flex-shrink:0; height:1rem; width:1rem;}
.pl-lesson-connect{background-color:rgb(var(--color-border)); flex:1 1 auto; width:1px;}
.pl-lesson-list .pl-lesson-item:last-child .pl-lesson-connect{display:none;}
.pl-lesson-content{flex:1 1 auto; padding-bottom:1.75rem;}
.pl-lesson-item:last-child .pl-lesson-content{padding-bottom:0;}
.pl-lesson-title{flex:1 1 auto;}
.pl-lesson{display:flex; flex-direction:row; flex:1 1 auto; gap:.5rem; padding-bottom:.5rem;}
.pl-lesson-name{border-radius:var(--border-radius); display:block;}
a.pl-lesson-name:hover, .pl-lesson-name.active{background-color:rgba(var(--color-primary),0.081);}
.pl-lesson-name > span{display:block; padding:.4rem .75rem;}
/*.pl-lesson-content:has(.pl-lesson-name:not(.active)) ol.pl-topic-list, .pl-lesson-content:has(.pl-topic-name:not(.active)) ol.pl-topic-list{display:none;}*/
.pl-lesson-content:has(.pl-lesson-name.active) ol.pl-topic-list, .pl-lesson-content:has(.pl-topic-name.active) ol.pl-topic-list{display:flex;}
.pl-lesson-content:has(.pl-lesson-name.active) .pl-new-slide, .pl-lesson-content:has(.pl-topic-name.active) .pl-new-slide{display:block;}
.pl-new-slide{display:none;}

.pl-lesson-item:has(.pl-lesson-name.active) .pl-lesson-dot, .pl-lesson-item:has(.pl-topic-name.active) .pl-lesson-dot{box-shadow:0 0 0 3px rgb(var(--color-primary)) inset;}

.pl-properties-header{padding:1.25rem 0; position:relative; z-index:2;}
.pl-properties-header:before{background:url(bg-polygons-inv.png) no-repeat center bottom; bottom:0; content:''; position:absolute; left:0; right:0; top:0;}
.pl-properties-header:after{background:linear-gradient(to bottom, rgba(255,255,255,0) 0px, rgba(255,255,255) 90%); background-size:cover; bottom:0; content:''; height:70%; position:absolute; left:0; right:0;}
.pl-properties-header *{position:relative; z-index:2;}
.pl-properties-header hr{border-color:rgba(0,0,0,0.1);}

/* ==========================================================================
      LOADER MESSAGE
   ========================================================================== */
.loader-message{align-items:center; background-color:rgba(67, 89, 113, 0.8); backdrop-filter:blur(6px); bottom:0; display:flex; justify-content:center; left:0; position:fixed; right:0; top:0; z-index:7;}
.loader-message-content{align-items:center; color:#fff; display:flex; flex-direction:column; gap:.5rem; justify-content:center; padding:1.25rem 1.5rem;}

.loader-slideshow{align-items:center; background-color:rgba(67, 89, 113, 0.8); backdrop-filter:blur(6px); bottom:0; color:#fff; display:flex; flex-direction:row; justify-content:flex-start; left:0; position:fixed; right:0; top:0; z-index:7;}
.loader-slide{align-items:center; display:flex; flex-direction:column; flex-shrink:0; gap:.5rem; height:100vh; justify-content:center; width:100vw;}

/* ==========================================================================
      AUTHORING TOOL
   ========================================================================== */
.authoring-wrapper{display:flex; flex-direction:column; height:100vh; overflow:hidden; width:100vw;}
.authoring-header{align-items:center; background-color:rgb(var(--bg-app-header)); border-bottom:1px solid rgba(72, 94, 144, 0.16); /*box-shadow:var(--shadow-app-header);*/ display:flex; flex-direction:row; height:var(--app-header-height); justify-content:space-between; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing); z-index:5;}
.authoring-tool{display:flex; flex-direction:row; flex:1 1 auto;}
.authoring-tool-pre, .authoring-tool-post{width:20vw;}
:is([dir="ltr"]) .authoring-tool-pre, :is([dir="rtl"]) .authoring-tool-post{border-right:1px solid rgba(72, 94, 144, 0.16);}
:is([dir="ltr"]) .authoring-tool-post, :is([dir="rtl"]) .authoring-tool-pre{border-left:1px solid rgba(72, 94, 144, 0.16);}
.authoring-tool-content{align-items:center; background-color:#f7f7f7; display:flex; flex-direction:column; flex:1 1 auto; justify-content:space-between;}

.authoring-tool-pre, .authoring-tool-post{display:flex; flex-direction:column; justify-content:space-between;}
.authoring-sidebar-header{border-bottom:1px solid rgba(72,94,144,0.16);}
.authoring-sidebar-footer{border-top:1px solid rgba(72,94,144,0.16);}
.authoring-sidebar-content{flex:1 1 auto;}

.authoring-tool-preview{align-items:center; display:flex; flex-direction:row; flex:1 1 auto; gap:2rem; justify-content:center; width:100%;}
.authoring-course-wrapper{aspect-ratio:1/1.779; background-color:#fff; border:1px solid rgb(208,208,208); border-radius:.5rem; box-shadow:var(--shadow-app-header); height:calc(100vh - 180px);}
.authoring-course-wrapper iframe{border:none; box-shadow:none; border-radius:.5rem; height:100%; overflow:hidden; width:100%;}

.prop-thumbnail{align-items:center; border:1px solid rgb(var(--color-border)); border-radius:var(--border-radius); display:flex; flex-direction:column; height:4rem; justify-content:center; overflow:hidden; position:relative; width:4rem;}
a.prop-thumbnail:hover{border-color:rgb(var(--color-primary));}
a.prop-thumbnail:hover, .prop-thumbnail.active{border-color:rgb(var(--color-primary)); box-shadow:0 0 0 1px rgb(var(--color-primary));}
.pt-checked{align-items:center; background-color:rgb(var(--color-primary)); border-radius:var(--border-radius) 0; bottom:-1px; color:#fff; display:flex; flex-direction:column; height:1.25rem; justify-content:center; position:absolute; right:-1px; text-align:center; width:1.25rem; z-index:3;}
.pt-hover{align-items:center; background-color:rgba(67,89,113,0.8); bottom:0; color:#fff; content:''; display:none; justify-content:center; left:0; position:absolute; right:0; top:0; z-index:2;}
.prop-thumbnail:hover .pt-hover{display:flex;}

.prop-image-mgmt{background-repeat:no-repeat; background-position:center; background-size:auto 85%; position:relative;}
.prop-image-mgmt:before{background-color:rgba(67,89,113,0.8); border-radius:var(--border-radius); bottom:0; content:''; left:0; position:absolute; right:0; top:0;}
.prop-image-mgmt *:not(.tooltip){position:relative; z-index:2;}

.pl-content-wrapper{background-color:#fff; /*border:1px solid rgb(208,208,208);*/ border-radius:.5rem; /*box-shadow:var(--shadow-app-header);*/ transition:all 0.4s; transition-timing-function:var(--transition-timing);}
/*.pl-content-wrapper{aspect-ratio:1/1.777; background-color:#fff; border:1px solid rgb(208,208,208); border-radius:.5rem; box-shadow:var(--shadow-app-header); max-height:calc(100vh - 180px); width:19.765vw;}*//*aspect-ratio:1/1.779;*/
.plcw-mobile{aspect-ratio:3/6;}
.pl-content-wrapper iframe{border:none; box-shadow:none; border-radius:.5rem; height:100%; overflow:hidden; width:100%;}

/* ==========================================================================
      ERROR PAGES
   ========================================================================== */
.error-page-not-found{background-image:linear-gradient(to top, #2e1753, #1f1746, #131537, #0d1028, #050819); margin:0; overflow:hidden;}

/* ==========================================================================
      FULL COURSE PREVIEW
   ========================================================================== */
.full-preview{align-items:center; background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; color:#fff; display:flex; justify-content:center; left:0; position:fixed; right:0; top:0; z-index:10;}
body:has(.full-preview){overflow:hidden;}
.close-full-preview{color:#fff;}
a.close-full-preview:active{transform:translateY(2px);}

/* ==========================================================================
      CARD SET NAVIGATION
   ========================================================================== */
.card-hori-series-nav{left:0; position:absolute; right:0; top:45%; z-index:2;}
.chs-nav-left, .chs-nav-right{align-items:center; background-color:#fff; border-radius:50px; box-shadow:0 0 7px rgb(0 0 0 / 9%); color:#757783; display:flex; height:3rem; justify-content:center; position:absolute; top:0; width:3rem;}
.chs-nav-left:hover, .chs-nav-right:hover{background-color:rgb(var(--color-primary)); box-shadow:0 0 0 5px #fff; color:#fff;}
/*.chs-nav-left:before, .chs-nav-right:before{font-family:"fntstore" !important; font-size:13px; font-weight:700; left:0; line-height:3rem; position:absolute; right:0; text-align:center;}*/

.chs-nav-left{left:-1.25rem;}
.chs-nav-right{right:-1.25rem;}

/* ==========================================================================
      MEDIA LIBRARY
   ========================================================================== */
.media-library{background:#fff; border-radius:.75rem; bottom:1rem; left:1rem; overflow:hidden; position:fixed; right:1rem; top:1rem; z-index:7;}
.media-library:before{background-color:rgba(0,0,0,0.72); bottom:0;
    backdrop-filter:blur(6px); content:''; left:0; position:fixed; right:0; top:0; z-index:9;}
.media-library .modal-popup{background-color:#fff; border-radius:.75rem; position:relative; z-index:10;}
.media-library:not(.active){display:none;}

.ml-masonry{column-count:4; column-gap:1rem; width:100%;}
.ml-masonry-item{break-inside:avoid;/* Prevent items from splitting across columns */display:inline-grid; page-break-inside:avoid; margin-bottom:1rem;}
.ml-masonry-item, .ml-masonry-item img{position:relative;}
.ml-masonry-pic-link{display:block; position:relative;}
.ml-masonry-pic-link:hover:before, .ml-masonry-pic-link.selected:before{background-color:rgba(var(--color-primary),0.54); border-radius:var(--border-radius); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:2; transition:all 0.4s; transition-timing-function:var(--transition-timing);}
.ml-masonry-pic-link:hover:after, .ml-masonry-pic-link.selected:after{align-items:center; bottom:0; color:#fff; content:'\e0f2'; display:flex; flex-direction:column; direction:ltr !important; font-family:"fntmlapp" !important; font-size:36px; font-style:normal !important; font-weight:normal !important; font-variant:normal !important; text-transform:none !important; justify-content:center; left:0; position:absolute; right:0; top:0; z-index:2; transition:all 0.4s; transition-timing-function:var(--transition-timing);}

.ml-masonry-quicklink-set{display:flex; flex-direction:column; gap:.5rem; position:absolute; top:.75rem; z-index:3;}
.ml-masonry-quicklink{align-items:center; background-color:rgba(0,0,0,0.36); backdrop-filter:blur(3px); border-radius:1rem; color:#fff; display:flex; height:2rem; justify-content:center; width:2rem;}
:is([dir="ltr"]) .ml-masonry-quicklink-set{right:.75rem;}
:is([dir="rtl"]) .ml-masonry-quicklink-set{left:.75rem;}


@media screen and (min-width: 1200px) {
  .ml-masonry {
    columns: 4;
  }
}
@media screen and (min-width: 1400px) {
  .ml-masonry {
    columns: 5;
  }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .ml-masonry {
    columns: 3;
  }
}
@media (min-width: 600px) and (max-width: 992px) {
  .ml-masonry {
    columns: 2;
  }
}
@media screen and (max-width: 599px) {
  .ml-masonry {
    columns: 1;
  }
}

/*=============================================
      DEVICES
=============================================*/
.device-mobile{background-color:#fff; border:16px black solid; border-top-width:60px; border-bottom-width:60px; border-radius:36px; height:844px; margin:auto; position:relative; width:390px;}
.device-mobile:before{background:#333; border-radius:1rem; content:''; display:block; height:5px; left:50%; position:absolute; top:-30px; transform:translate(-50%,-50%); width:60px;}
.device-mobile:after{background:#333; border-radius:50%; bottom:-65px; content:''; display:block; height:35px; left:50%; position:absolute; transform:translate(-50%,-50%); width:35px;}
.device-mobile-content{height:844px; width:390px;}


.device-tablet{border:16px black solid; border-top-width:60px; border-bottom-width:60px; border-radius:36px; height:1024px; margin:auto; position:relative; width:768px;}
.device-tablet:before{background:#333; border-radius:1rem; content:''; display:block; height:5px; left:50%; position:absolute; top:-30px; transform:translate(-50%,-50%); width:60px;}
.device-tablet:after{background:#333; border-radius:50%; bottom:-65px; content:''; display:block; height:35px; left:50%; position:absolute; transform:translate(-50%,-50%); width:35px;}
.device-tablet-content{height:1024px; margin:-1px; width:768px;}

.device-laptop{background-color:#000; border-style:solid; border-color:#000; border-width:24px 24px 80px; height:800px; left:50%; position:absolute; width:1366px; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */ transform:scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */}
.device-laptop:before{background:#f1f1f1; border-bottom-left-radius:5px; border-bottom-right-radius:5px; bottom:-110px; content:''; display:block; height:30px; left:50%; position:absolute; width:250px; z-index:1; -webkit-transform:translate(-50%); transform:translate(-50%);}
.device-laptop:after{background:#000; border-radius:.5rem; content:''; display:block; height:60px; left:50%; position:absolute; top:calc(100% + 21px); transform:translate(-50%,100%); width:1600px;}
.device-laptop-content{border:none; height:800px; overflow:hidden; width:1366px;}

.device-mobile iframe, .device-tablet iframe, .device-laptop iframe{border:none; height:100%; left:0; position:absolute; top:0; width:100%;}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@-webkit-keyframes popupFromDown{
      from {transform:translateY(50px); opacity:0;}
      to {transform:translateY(0); opacity:1;}
}

@keyframes popupFromDown{
      from {transform:translateY(50px); opacity:0;}
      to {transform:translateY(0); opacity:1;}
}

@-webkit-keyframes popupFromTop{
      from {transform:translateY(-50px); opacity:0;}
      to {transform:translateY(0); opacity:1;}
}

@keyframes popupFromTop {
      from {transform:translateY(-50px); opacity:0;}
      to {transform:translateY(0); opacity:1;}
}

@-webkit-keyframes popupFromLeft {
      from {transform:translateX(-6px); opacity:0;}
      to {transform:translateX(0); opacity:1;}
}

@keyframes popupFromLeft {
      from {transform:translateX(-6px); opacity:0;}
      to {transform:translateX(0); opacity:1;}
}

@-webkit-keyframes popupFromRight {
      from {transform:translateX(6px); opacity:0;}
      to {transform:translateX(0); opacity:1;}
}

@keyframes popupFromRight {
      from {transform:translateX(6px); opacity:0;}
      to {transform:translateX(0); opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

@keyframes float {
  50% {
    transform: translate(0, 20px);
  }
}

/* ==========================================================================
   
   Media Queries for Responsive Design

   ========================================================================== */
@media(min-width:576px){
   .container, .container-sm{max-width:540px;}
}/* >=576px */

@media (max-width:767px){
   .mob-btm-drawer{border:none; border-radius:var(--border-radius); bottom:3px; left:3px; max-height:95vh; overflow-x:hidden; overflow-y:auto; position:fixed; right:3px; transform:none; z-index:11;}
   body:has(.dropdown-label.active+.mob-btm-drawer, .dropdown-button.active+.mob-btm-drawer){overflow:hidden;}
   body:has(.dropdown-label.active+.mob-btm-drawer, .dropdown-button.active+.mob-btm-drawer):before{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; content:''; left:0; position:fixed; right:0; top:0; z-index:10;}
   :is(.dark-mode) body:has(.dropdown-label.active+.mob-btm-drawer, :is(.dark-mode) .dropdown-button.active+.mob-btm-drawer):before{background-color:rgba(0,0,0,.72);}
   .floating-form .floating-form-wrapper.mob-btm-drawer{height:auto;}
   html table.dataTable tbody th:not([class*="px-"]), html table.dataTable tbody td, html table.dataTable>thead>tr>th:not([class*="px-"]), html table.dataTable>thead>tr>td{padding-left:.25rem; padding-right:.25rem;}
   /*body:has(.dropdown-label.active){overflow:hidden;}
   body:has(.dropdown-label.active):before{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; content:''; left:0; position:fixed; right:0; top:0; z-index:10;}*/
   /*.card-hori-series{display:flex; flex-wrap:nowrap; width:100%; padding:1.25rem; overflow:scroll; overscroll-behavior-x:contain; scrollbar-width:none;}*/
}

@media (min-width:768px){
   .container, .container-sm, .container-md{max-width:720px;}/*720px*/
   .floating-form, .bell-notifications-wrapper, .contextual-help{width:450px;}
   html .app-mobile-footer{display:none;}
}/* >=768  */

@media (min-width:992px){
   .container, .container-sm, .container-md, .container-lg{max-width:960px;}
   .card-hori-series{overflow:hidden;}
}/* >=992  */

@media (max-width:1024px){
   .card-hori-series{flex-wrap:nowrap; overflow-y:hidden; overflow-x:auto; padding-bottom:.25rem; scrollbar-width:none; /*width:calc(100vw - 1.5rem);*/}
}

@media (max-width:1024px){
   :is([dir="ltr"]) .side-nav{left:-270px;}
   :is([dir="ltr"]) .side-nav.side-nav-lg{left:0;}
   body:has(.side-nav.side-nav-lg){overflow:hidden;}
   .side-nav.side-nav-lg + main:before{background-color:rgba(67,89,113,0.8); backdrop-filter:blur(6px); bottom:0; content:''; left:0; position:fixed; right:0; top:0; z-index:5;}
   :is([dir="rtl"]) .side-nav{right:-270px;}
   :is([dir="rtl"]) .side-nav.side-nav-lg{right:0;}
   :is([dir="ltr"]) .app-header, :is([dir="rtl"]) .app-header, :is([dir="ltr"]):has(.side-nav-lg) .app-header, :is([dir="rtl"]):has(.side-nav-lg) .app-header{left:0; right:0;}
   :is([dir="ltr"]) main{margin-left:0;}
   :is([dir="rtl"]) main{margin-right:0;}
   :is([dir="ltr"]) .side-nav-lg ~ main{margin-left:0;}
   :is([dir="rtl"]) .side-nav-lg ~ main{margin-right:0;}
   .close-side-nav{display:block;}

   .container{padding-right:1.125rem; padding-left:1.125rem;}
   :is([dir="ltr"]) .global-search{left:0; right:0;}
   :is([dir="rtl"]) .global-search{left:0; right:0;}

}/* <1025  */

@media (min-width:1025px){
   .has-tooltip:hover .tooltip{display:block;}
   :is([dir="ltr"]) .global-search{left:60px; right:0;}
   :is([dir="rtl"]) .global-search{left:0; right:60px;}

   /**/
   .side-nav:not(.side-nav-lg) .side-nav-scrollable:has(.has-submenu.active){overflow-x:hidden; overflow-y:auto; position:relative; width:100vw;}
   .side-nav:not(.side-nav-lg) .side-nav-scrollable:has(.has-submenu.active):before{background-color:rgba(67,89,113,0.2); bottom:0; content:''; position:fixed; top:0;}
   :is(.dark-mode) .side-nav:not(.side-nav-lg) .side-nav-scrollable:has(.has-submenu.active):before{background-color:rgba(0,0,0,.72);}
   :is([dir="ltr"]) .side-nav:not(.side-nav-lg) .side-nav-scrollable:has(.has-submenu.active):before{left:60px; right:0;}
   :is([dir="rtl"]) .side-nav:not(.side-nav-lg) .side-nav-scrollable:has(.has-submenu.active):before{left:0; right:60px;}
   .side-nav:not(.side-nav-lg) .nav-main-label{width:60px;}

   .side-nav-scrollable::-webkit-scrollbar-track-piece, *::-webkit-scrollbar-track-piece{background:transparent;}
   .side-nav-scrollable::-webkit-scrollbar, *::-webkit-scrollbar{background:transparent; height:0; width:3px;}
   .side-nav-scrollable::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3); border:none; border-radius:10px;}
   .side-nav-scrollable::-webkit-resizer, *::-webkit-resizer{display:none;}



}/* >=1025  */

@media (min-width:1200px){
   .container, /*.container-sm, .container-md,*/ .container-lg, .container-xl{max-width:1200px;}

   body::-webkit-scrollbar-track-piece, *::-webkit-scrollbar-track-piece{background:transparent;}
   body::-webkit-scrollbar, *::-webkit-scrollbar{background:transparent; height:14px; width:14px;}
   body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border:4px solid #fff; border-radius:10px; box-shadow:0 0 0 4px transparent inset;}
   body::-webkit-resizer, *::-webkit-resizer{display:none;}

   .side-nav-content::-webkit-scrollbar-track-piece{background:transparent;}
   .side-nav-content::-webkit-scrollbar{background:transparent; height:14px; width:8px;}
   .side-nav-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border:none; border-radius:10px; box-shadow:0 0 0 4px transparent inset;}
   .side-nav-content::-webkit-resizer{display:none;}

   .abso-vert-scroll::-webkit-scrollbar-track-piece, .chat-members::-webkit-scrollbar-track-piece{background:transparent;}
   .abso-vert-scroll::-webkit-scrollbar, .chat-members::-webkit-scrollbar{background:transparent; height:14px; width:8px;}
   .abso-vert-scroll::-webkit-scrollbar-thumb, .chat-members::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border:none; border-radius:10px; box-shadow:0 0 0 4px transparent inset;}
   .abso-vert-scroll::-webkit-resizer, .chat-members::-webkit-resizer{display:none;}

   .modal-popup-content::-webkit-scrollbar-track-piece, .floating-form-content::-webkit-scrollbar-track-piece, .chat-members::-webkit-scrollbar-track-piece, .dd-menu::-webkit-scrollbar-track-piece, .fc-group-dropdown::-webkit-scrollbar-track-piece{background:transparent;}
   .modal-popup-content::-webkit-scrollbar, .floating-form-content::-webkit-scrollbar, .chat-members::-webkit-scrollbar, .dd-menu::-webkit-scrollbar, .fc-group-dropdown::-webkit-scrollbar{background:transparent; height:14px; width:14px;}
   .modal-popup-content::-webkit-scrollbar-thumb, .floating-form-content::-webkit-scrollbar-thumb, .chat-members::-webkit-scrollbar-thumb, .dd-menu::-webkit-scrollbar-thumb, .fc-group-dropdown::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2); border:4px solid #fff; border-radius:10px; box-shadow:0 0 0 4px transparent inset;}
   .modal-popup-content::-webkit-resizer, .floating-form-content::-webkit-resizer, .chat-members::-webkit-resizer, .dd-menu::-webkit-resizer, .fc-group-dropdown::-webkit-resizer{display:none;}

}/* >=1200  */
@media (min-width:1400px){
   .container, /*.container-sm, .container-md,*/ .container-lg, .container-xl{max-width:1320px;}
}/* >=1400  */

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution:120dpi){/* Style adjustments for high resolution devices */}
@media print{
  *, *::before, *::after{background:#fff !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;  }
  a, a:visited{text-decoration:underline;}
  a[href]::after{content:" (" attr(href) ")";}
  abbr[title]::after{content:" (" attr(title) ")";}
  a[href^="#"]::after, a[href^="javascript:"]::after{content:"";}
  pre{white-space:pre-wrap !important;}
  pre, blockquote{border:1px solid #999; page-break-inside:avoid;}
  thead{display:table-header-group;}
  tr, img{page-break-inside:avoid;}
  p, h2, h3{orphans:3; widows:3;}
  h2, h3{page-break-after:avoid;}
}/*print*/

/*Component Reference*/
.component-ref{background-color:#FFFDE7; border:1px dashed #CFD8DC; border-radius:var(--border-radius); color:#354158; font-size:.9rem; padding:1rem 1.5rem;}
.dark-mode .component-ref{background-color:#111; border-color:#4e4e4e; color:#9e9e9e;}
.component-ref b{display:block; font-weight:500; padding-bottom:5px;}
.component-ref strong{color:#000;}
.component-ref pre{display:inline;}
.component-ref-class{width:25%;}
.component-ref + .component-ref{margin-top:15px;}

/*=============================================
      MAGNIFIC POPUP
=============================================*/
.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:8;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:8;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:7}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:7}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:7;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';top:40px;bottom:40px;right:0;z-index:4;/*background:#444*/}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/*=============================================
      DATE RANGE PICKER
=============================================*/
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:4;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.auto-apply .drp-buttons,.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker.show-ranges.rtl .drp-calendar.right,.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:1px solid #ddd}.daterangepicker.show-ranges.ltr .drp-calendar.left,.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width:564px){.daterangepicker{width:auto;direction:ltr;text-align:left}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker .drp-calendar,.daterangepicker .ranges,.daterangepicker.single .drp-calendar,.daterangepicker.single .ranges{float:left}.daterangepicker .drp-calendar.left{clear:left;margin-right:0}.daterangepicker .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;padding-right:8px}.daterangepicker .drp-calendar.right{margin-left:0}.daterangepicker .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}}@media (min-width:730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}}

/*=============================================
      FLEXDATA LIST
=============================================*/
.flexdatalist-results{position:absolute;top:0;left:0;border:1px solid #444;border-top:none;background:#fff;z-index:100000;max-height:300px;overflow-y:auto;box-shadow:0 4px 5px rgba(0,0,0,.15);color:#333;list-style:none;margin:0;padding:0}.flexdatalist-results li{border-bottom:1px solid #ccc;padding:8px 15px;font-size:14px;line-height:20px}.flexdatalist-results li span.highlight{font-weight:700;text-decoration:underline}.flexdatalist-results li.active{background:var(--color-menu-hover-bg);/*color:#fff;*/cursor:pointer}.flexdatalist-results li.no-results{font-style:italic;color:#888}.flexdatalist-results li.group{background:#f3f3f4;color:#666;padding:8px}.flexdatalist-results li .group-name{font-weight:700}.flexdatalist-results li .group-item-count{font-size:85%;color:#777;display:inline-block;padding-left:10px}.flexdatalist-multiple:after,.flexdatalist-multiple:before{content:'';display:block;clear:both}.flexdatalist-multiple{width:100%;margin:0;padding:0;list-style:none;text-align:left;cursor:text}.flexdatalist-multiple.disabled{background-color:#eee;cursor:default}.flexdatalist-multiple li{display:inline-block;position:relative;/*margin:5px*/}.flexdatalist-multiple li.input-container,.flexdatalist-multiple li.input-container input{border:none;height:auto;/*padding:0 0 0 4px;line-height:24px*/}.flexdatalist-multiple li.value{/*display:inline-block;*/margin:5px;padding:2px 25px 2px 7px;background:#efefef;border-radius:3px;color:#444;line-height:20px;/*float:left*/}.flexdatalist-multiple li.toggle{cursor:pointer;transition:opacity .3s ease-in-out}.flexdatalist-multiple li.toggle.disabled{text-decoration:line-through;opacity:.8}.flexdatalist-multiple li.value span.fdl-remove{font-weight:700;padding:2px 5px;font-size:20px;line-height:20px;cursor:pointer;position:absolute;top:0;right:0;opacity:.7}.flexdatalist-multiple li.value span.fdl-remove:hover{opacity:1}.flexdatalist-multiple{display:flex; flex-direction:row; flex-wrap:wrap;}.flexdatalist-multiple .input-container{flex:1 1 auto;}.flexdatalist-multiple .fc-input{width:100% !important;}.flexdatalist-results li .item + .item{color:rgba(var(--color-text-grey),.81); font-size:.8rem;}

/*=============================================
      TOGGLE MODULE
=============================================*/
.toggle-module{align-items:center; color:#000; display:flex; flex-direction:row; gap:.75rem; line-height:1.25rem; position:relative;}
a.toggle-module:before{content:'\e0e8'; display:block; direction:ltr !important; font-family:"fntmlapp" !important; font-size:1.5rem; height:1.5rem; line-height:1.25rem; position:absolute; top:0; text-align:center; width:1.5rem;}
a.toggle-module.active:before{content:'\e0ea';}
a.toggle-module:hover div{color:rgb(var(--color-link));}
:is([dir="ltr"]) .toggle-module{padding-right:1.5rem;}
:is([dir="rtl"]) .toggle-module{padding-left:1.5rem;}
:is([dir="ltr"]) .toggle-module:before{right:0;}
:is([dir="rtl"]) .toggle-module:before{left:0;}

*[data-toggle-module]:not(.active){display:none;}

/*=============================================
      TOGGLE ITEM
=============================================*/
*[data-toggle-item]:not(.active){display:none;}

/*=============================================
      USER HEADERS
=============================================*/
.user-header-1{background:url(bg-image-1.jpg) no-repeat center 70%;}
.user-header-1-footer{background:#ffffff18; backdrop-filter:blur(10px); border-radius:var(--border-radius) var(--border-radius) 0 0;}
.bg-user-header-1{background:url(bg-image-1.jpg) no-repeat center 70%;}

.bg-user-header-1 .button.secondary{background-color:rgba(0,0,0,0.63);}
.bg-user-header-1 .breadcrumb-item:before{color:#fff;}

@media (min-width:768px){
      .sticky-header{position:fixed; top:60px; -webkit-animation:popupFromTop .3s; animation:popupFromTop .3s; transition-timing-function:var(--transition-timing);}
      :is([dir="ltr"]) .sticky-header{left:0; right:0;}
      :is([dir="rtl"]) .sticky-header{left:0; right:0;}
      .sticky-header .hide-sticky-header{display:none;}
}
@media (min-width:1025px){
      :is([dir="ltr"]) .sticky-header{left:24px; right:0;}
      :is([dir="rtl"]) .sticky-header{left:0; right:24px;}
}


/*=============================================
      FADE BACKGROUND IMAGE
=============================================*/
.bg-mask-page{background-image:linear-gradient(120deg, #a6c0fe 0%, #f68084 100%); background-blend-mode: screen; height:200px; left:0; position:absolute; right:0; top:var(--app-header-height); mask-image:linear-gradient(to bottom, black 50%, transparent 100%); z-index:-1;}

/*=============================================
      TRANSCRIPT
=============================================*/
.tbl-transcript{background-color:#fff; border-radius:var(--border-radius);}
.tbl-transcript th{border-bottom:1px solid #eceff1; color:rgb(var(--color-text-grey)); font-weight:400; text-align:left;}
.tbl-transcript th, .tbl-transcript td{padding:1.25rem;}
.tbl-transcript tr + tr{box-shadow:0 1px #eceff1 inset;}
.tbl-transcript tbody tr:nth-child(odd) td{background-color:rgba(0,0,0,0.015);}
@media (max-width:1023px){
    .tbl-transcript tr{display:flex; flex-direction:column;}
    .tbl-transcript td{display:block;}
    .tbl-transcript tr > td + td{padding-top:0;}
    .tbl-transcript tr > td:empty{display:none;}
}

/*=============================================
      LOGIN CASES
=============================================*/
.login-case{-webkit-animation:popupFromDown .5s; animation:popupFromDown .5s;}
.login-case:not(.active){display:none;}

/*=============================================
      FLASHCARD
=============================================*/
.flashcard{display:block; perspective:1000px; position:relative; width:100%; /*min-height:320px;*/}
.flashcard-content{cursor:pointer; height:100%; position:relative; transition-duration:0.6s; transition-timing-function:ease-in-out; transform-style:preserve-3d;}
.flashcard-front{backface-visibility:hidden; height:100%; left:0; position:relative; top:0; transform:rotateX(0deg); width:100%;}
.flashcard-back{backface-visibility:hidden; height:100%; left:0; position:absolute; top:0; transform:rotateX(0deg); width:100%;}

.flashcard-front, .flashcard-back{border-radius:.5rem; box-shadow:var(--shadow-card); display:flex; flex-direction:column; justify-content:space-between;}
.flashcard-front{background-color:#fff; z-index:2;}
.flashcard-back{/*background:url(temp/world-tour-2.png) no-repeat center #1a237e; background-size:90%; color:#fff;*/ background-color:#fff;}

.flashcard-back, .flip-right .flashcard-back{transform:rotateY(180deg);}
.flashcard.active .flashcard-content, .flip-right.active .flashcard-content{transform:rotateY(180deg);}

.flip-left .flashcard-back{transform:rotateY(-180deg);}
.flip-left.active .flashcard-content{transform:rotateY(-180deg);}

.flip-up .flashcard-back{transform:rotateX(180deg);}
.flip-up.active .flashcard-content{transform:rotateX(180deg);}

.flip-down .flashcard-back{transform:rotateX(-180deg);}
.flip-down.active .flashcard-content{transform:rotateX(-180deg);}

.flip-diagonal-right .flashcard-back{transform:rotate3d(1, 1, 0, 180deg);}
.flip-diagonal-right.active .flashcard-content{transform:rotate3d(1, 1, 0, 180deg);}

.flashcard-pic{background-image:var(--bgimage); background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:.5rem; /*height:320px;*/ height:100%;}

/*=============================================
      KNOWLEDGE-BASE
=============================================*/
.document-toc-list{font-size:0.9rem;}
.document-toc-link{color:rgb(var(--color-secondary)); display:inline-block; padding:.5rem 1rem;}
.document-toc-link:hover{color:rgb(var(--color-link));}
html .document-toc-link.active{background-color:rgba(var(--color-primary-light)); color:#000; font-weight:500; border-color:rgb(var(--color-primary));}
:is([dir="ltr"]) .document-toc-link{border-left:2px solid rgb(var(--color-border));}
:is([dir="rtl"]) .document-toc-link{border-left:2px solid rgb(var(--color-border));}

/* .help-header{background:url(bg-texture-1.svg) no-repeat center; background-size:cover;} */
.help-hero{padding-top:6rem; padding-bottom:6rem;}
.help-header-content{background-color:rgba(0,0,0,0.1); backdrop-filter:blur(6px); position:sticky; top:0; z-index:2;}

/*=============================================
      FADE TO ...
=============================================*/
.fade-to-bottom{background-image:linear-gradient(180deg, transparent, #fff); bottom:0; filter:blur(10px); height:145%; left:0; position:absolute; right:0; width:200%; z-index:1;}

/*------------------------------------------------*/

/*.card-wrapper {
  display: inline-block;
  perspective: 1000px;
}
.card-wrapper .card {
  position: relative;
  cursor: pointer;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
  transform-style: preserve-3d;
}
.card-wrapper .card .front,
.card-wrapper .card .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform: rotateX(0deg);
}
.card-wrapper .card .front {
  z-index: 2;
}
*/

/*Card Animations*/

/*.card-wrapper .card .back,
.card-wrapper.flip-right .card .back {
  transform: rotateY(180deg);
}
.card-wrapper:hover .card,
.card-wrapper.flip-right:hover .card {
  transform: rotateY(180deg);
}*/
/*.card-wrapper.flip-left .card .back {
  transform: rotateY(-180deg);
}
.card-wrapper.flip-left:hover .card {
  transform: rotateY(-180deg);
}*/
/*.card-wrapper.flip-up .card .back {
  transform: rotateX(180deg);
}
.card-wrapper.flip-up:hover .card {
  transform: rotateX(180deg);
}*/
/*.card-wrapper.flip-down .card .back {
  transform: rotateX(-180deg);
}
.card-wrapper.flip-down:hover .card {
  transform: rotateX(-180deg);
}*/
.card-wrapper.flip-diagonal-right .card .back {
  transform: rotate3d(1, 1, 0, 180deg);
}
.card-wrapper.flip-diagonal-right:hover .card {
  transform: rotate3d(1, 1, 0, 180deg);
}
.card-wrapper.flip-diagonal-left .card .back {
  transform: rotate3d(1, 1, 0, -180deg);
}
.card-wrapper.flip-diagonal-left:hover .card {
  transform: rotate3d(1, 1, 0, -180deg);
}
.card-wrapper.flip-inverted-diagonal-right .card .back {
  transform: rotate3d(-1, 1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-right:hover .card {
  transform: rotate3d(-1, 1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-left .card .back {
  transform: rotate3d(1, -1, 0, 180deg);
}
.card-wrapper.flip-inverted-diagonal-left:hover .card {
  transform: rotate3d(1, -1, 0, 180deg);
}



/*.card-wrapper,
.card {
  width: 200px;
  height: 200px;
  margin: 10px;
}
.card .front,
.card .back {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FC545E;
  border-radius: 4px;
}
.card .front {
  color: #FC545E;
  background: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
}
.card .back {
  font-size: 1.5rem;
  color: #FFFFFF;
  background: #FC545E;
}*/

.app-mobile-footer:before{background-image:linear-gradient(120deg, #f2e8dc 0%, #faf3ff 100%); background-blend-mode:screen; bottom:0; content:''; height:150px; left:0; position:absolute; right:0; mask-image:linear-gradient(to top, black 50%, transparent 100%); z-index:-1;}

.app-mobile-footer{align-items:flex-end; /*background-color:rgb(var(--bg-app-header));*/ /*border-bottom:1px solid rgba(72, 94, 144, 0.16);*/ box-shadow:var(--shadow-app-header); bottom:0; display:flex; flex-direction:row; height:10vh; justify-content:space-between; left:0; position:fixed; right:0; transition-property:all; transition-duration:.2s; transition-timing-function:var(--transition-timing); z-index:5;}

.amf-link-set{display:flex; flex-direction:row; justify-content:space-between; width:100vw;}

.amf-dot{
      width: 9vh;
  height: 9vh;
  border-radius: 50%;
  background:rgb(var(--color-dark));
  border-top: solid 4px #ffffff63;
  position: absolute;
  left:calc((50% - 4.5vh));
  top: 0%;
  z-index: 2;
  transform: scale(0.85);
  box-shadow: 0px 0.5vh 1vh rgba(0, 0, 0, 0.3);
  z-index:-1;
}
.amf-cutout{
      width: 9vh;
      height: 9vh;
      left:calc((50% - 4.5vh));
      z-index: 3;
      border-radius: 50%;
      box-shadow: 4.5vh 4.5vh 0 #fff, -4.5vh 4.5vh 0 #fff, 0 9vh 0 #fff;
      position:absolute;
      transition:all 0.3s cubic-bezier(0.5, 0, 0.5, 1);
      z-index:-1;
      top:0;
}
.amf-cutout:before, .amf-cutout:after{
  content: "";
  position: absolute;
  width: 400%;
  height: 130%;
  background-color: #fff;
  top: 30%;
  background: #fff;
  border-top: solid 2px #FFF;
}
.amf-cutout:before {
  right: 100%;
  border-top-right-radius: 1vh;
}
.amf-cutout:after {
  left: 100%;
  border-top-left-radius: 1vh;
}