@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&display=swap');

@keyframes slideIn {
    0% { transform: translateY(1rem); opacity: 0; }
    100% { transform:translateY(0rem); opacity: 1; }
    0% { transform: translateY(1rem); opacity: 0; }
}

@-webkit-keyframes slideIn {
    0% { -webkit-transform:transform; -webkit-opacity: 0; }
    100% { -webkit-transform: translateY(0); -webkit-opacity: 1; }
    0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; }
}

:root {
    --theme-body-color: #212529;
    --theme-primary-color: #164194;
    --theme-primary-color2: #12377C;
    --theme-secondary-color: #E4032E;
    --theme-secondary-color2: #bf0328;
    --theme-light-color: #b3b3b3;
    --theme-very-light-color: #dbdbdb;
    --theme-ultra-light: #f0f1f2;
    --theme-input-border: #ced4da;
    --theme-input-border-focus: #1C54BF;
    --theme-input-shadow-focus: 0 0 0 0.25rem rgba(28, 84, 191, 0.25);
    --theme-placeholder-color: #a6bed4;
    --theme-grey-color: #66727e;

    --theme-body-color-a1: #21252919;
    --theme-body-color-a2: #21252933;
    --theme-body-color-a3: #2125294c;
    --theme-body-color-a4: #21252966;
    --theme-body-color-a5: #2125297f;
    --theme-body-color-a6: #21252999;
    --theme-body-color-a7: #212529b2;
    --theme-body-color-a8: #212529cb;
    --theme-body-color-a9: #212529e5;

    --theme-primary-color-a1: #16419419;
    --theme-primary-color-a2: #16419433;
    --theme-primary-color-a3: #1641944c;
    --theme-primary-color-a4: #16419466;
    --theme-primary-color-a5: #1641947f;
    --theme-primary-color-a6: #16419499;
    --theme-primary-color-a7: #164194b2;
    --theme-primary-color-a8: #164194cb;
    --theme-primary-color-a9: #164194e5;

    --theme-transition-default: .2s;

    --font-header: 'Archivo', sans-serif;
    --font-body: 'Archivo', sans-serif;
    --font-icon: 'Font Awesome 6 Pro','Font Awesome 6 Brands';

    --theme-gutter-x: 1.5rem;

    --theme-dropdown-hover: rgba(0,0,0,.05);
}

html, body { font-size: 16px; overflow: hidden; }
body {font-family: var(--font-body); font-weight: 400; min-height: 100vh; }
a {text-decoration: none;}
hr {opacity: .1;}

.text-theme-primary { color: var(--theme-primary-color) }
.text-theme-secondary { color: var(--theme-secondary-color) }
.bg-theme-primary { background-color: var(--theme-primary-color) !important; }
.bg-theme-secondary { background-color: var(--theme-secondary-color) !important; }
.text-bg-theme-primary { color: #fff!important; background-color: var(--theme-primary-color)!important }

.fs-7 { font-size: 0.9rem !important; }
.fs-7-5 { font-size: 0.95rem !important; }
.fs-8 { font-size: 0.80rem !important; }
.fs-8-5 { font-size: 0.85rem !important; }
.fs-9 { font-size: 0.70rem !important; }
.fs-9-5 { font-size: 0.75rem !important; }
.fs-10 { font-size: 0.60rem !important; }
.fs-10-5 { font-size: 0.65rem !important; }

.mt-0-1 { margin-top: 0.1rem; }
.mt-0-2 { margin-top: 0.2rem; }
.mt-0-3 { margin-top: 0.3rem; }
.mt-0-4 { margin-top: 0.4rem; }
.mt-0-5 { margin-top: 0.5rem; }

.focus-z-1:focus { z-index: 1; }

.border-dashed { border-style: dashed !important; }
.border-dotted { border-style: dotted !important; }
.border-dotdashed { border-style: dot-dash !important; }
.border-dotdotdashed { border-style: dot-dot-dash !important; }

.dropdown-menu-visible {}
.dropdown-menu-keep {}
.dropdown-menu .dropdown-item {cursor: pointer;}
.logo-text {font-family: var(--font-header); margin-left: .5rem; font-weight: 500; color: var(--bs-primary); font-size: 1.25rem; }
.fa-rotate-45  { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.fa-rotate-135 { -webkit-transform: rotate(45deg); transform: rotate(135deg); }
.fa-rotate-225 { -webkit-transform: rotate(45deg); transform: rotate(225deg); }
.fa-rotate-315 { -webkit-transform: rotate(45deg); transform: rotate(315deg); }
table tr > :last-child .dropdown { position: static !important; }
.valign-middle { vertical-align: middle; }

body:not(.fullscreen) .if-fullscreen { display: none; }
body.fullscreen .if-not-fullscreen { display: none; }

.background-silver { background-color: var(--theme-light-color); }
.border-silver { border-color: var(--theme-light-color); }
.text-silver { color: var(--theme-light-color); }
.text-transparent { color: transparent; }

.text-ellipsis { text-overflow: ellipsis; overflow: hidden; }
textarea.autoheight { resize: none; overflow: hidden;  min-height: 38px; }

.btn-group-xs>.btn, .btn-xs { padding: .1rem .4rem;font-size: .875rem;border-radius: .2rem;}
.btn-default { border: 1px solid rgba(0,0,0,.125); background-color: #FFFFFF; color: var(--theme-body-color); }
.btn-default:hover, .btn-default:active, .btn-default:focus { background-color: var(--theme-ultra-light); color: var(--theme-body-color); }
.btn-default:focus { box-shadow: 0 0 0 0.25rem rgba(0,0,0, .125); }

body.cover #wrapper {left: 0; top: 0; margin: 0; min-height: 100vh }
/*body.cover #wrapper .wrapper-content {padding: 2rem 1rem; width: 100%;}*/
body #wrapper .custom-scroll-block { min-height: calc(100vh); position: relative; display: flex; flex-direction: column; }
/*body.cover #wrapper .custom-scroll-block {width: 100%; margin: auto 0; height: calc(100vh); align-items: center; display: flex; justify-content: center;}*/
/*body.cover .logo-line {display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }*/
/*body.cover .logo-line .logo-text {font-family: var(--font-header); margin-left: .5rem; font-weight: 500; color: var(--bs-primary); font-size: 1.325rem; }*/
/*body.cover .card-title .ficon {font-weight: 100; opacity: .25;}*/
/*body.cover .card-header {flex-direction: column; justify-content: center;}*/

#header {height: 3.5rem; position: fixed; left: 0; top: 0; right: 0; z-index: 5; box-shadow: 0 6px 6px rgba(0, 0, 0, .1); }
#header > nav {height: 3.5rem;}
#header .container-fluid {padding-left: 0; padding-right: 0;}
#header .navbar-collapse {width: auto;  }
#header .navbar-brand {margin-right: 0; padding: 0 1rem; display: flex; align-items: center; justify-content: center;}
#header .navbar-brand .logo-image { max-width: 100%; }
#header .nav-item .dropdown-menu {color: var(--theme-secondary-color); }
#header .user-avatar {height: 30px; vertical-align: middle;}
#header .dropdown-notifications {padding: 0; width: 25rem;}
#header .dropdown-notifications .list-group { border: 0 none; padding: 0; margin: 0;}
#header .dropdown-notifications .list-group-item {border-left: 0; border-right: 0; border-radius: 0;transition: color var(--theme-transition-default) ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: transparent;}
#header .dropdown-notifications .list-group-item h5 {transition: color var(--theme-transition-default) ease;}
#header .dropdown-notifications .list-group-item small {transition: color var(--theme-transition-default) ease, opacity var(--theme-transition-default) ease;}
#header .dropdown-notifications .list-group-item .list-group-icon i {width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#header .dropdown-notifications .list-group small {color: var(--theme-secondary-color); opacity: .5; font-weight: 300;}
#header .dropdown-notifications .list-group-item:hover {background-color: var(--theme-dropdown-hover); }
#header .dropdown-notifications .list-group-item:hover h5 {color: var(--theme-primary-color); }
#header .dropdown-notifications .list-group-item:hover small {opacity: 1;}
#header .dropdown-user {padding: 0 0 .5rem 0; width: 15rem;}
#header .dropdown-user .dropdown-big-header .user-avatar {width: 60px;height: 60px;}
#header .dropdown-user .dropdown-big-header h4 {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  }
#header .dropdown-user .dropdown-big-header .description {margin: 0 .5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#header .navbar-nav > .nav-item > .nav-link {transition: color var(--theme-transition-default) ease, text-shadow 300ms ease;}
#header .navbar-nav > .nav-item > .nav-link[aria-expanded="true"] {outline: none; color: var(--bs-primary); text-shadow: 0 0 10px var(--bs-primary)}
#header .dropdown-breadcrumb .dropdown-item {color: var(--theme-primary-color);transition: opacity var(--theme-transition-default) ease; }
#header .dropdown-breadcrumb .dropdown-item span {border-bottom: 1px solid transparent; transition: border-bottom var(--theme-transition-default) ease; }
#header .dropdown-breadcrumb .dropdown-item:hover { background-color: var(--theme-dropdown-hover); color: var(--theme-primary-color2); }
#header .dropdown-breadcrumb .dropdown-item:hover span { }
#header .dropdown-breadcrumb .dropdown-item + .dropdown-item::before,
#header .dropdown-breadcrumb .dropdown-item + .dropdown-item-text::before {float: left;padding-right: .5rem;color: var(--theme-body-color); opacity: .25 !important; content:"/";}
#header .dropdown-breadcrumb .active {font-weight: 500; background-color: transparent; color: var(--theme-secondary-color); }
#header .bookmark-items {padding: .5rem 1rem 0;}
#header .bookmark-items a { display: block; border: 1px solid transparent; border-radius: .25rem; transition: all var(--theme-transition-default) ease; color: #495057;}
#header .bookmark-items a:hover { border-color: var(--theme-light-color); background-color: var(--theme-dropdown-hover); color: var(--theme-primary-color); }
#header .bookmark-items .bookmark-item { display: block; padding: .5rem 0 .25rem; border: 1px solid transparent;}
#header .bookmark-items .bookmark-item i {display: block; width: auto; text-align: center; font-size: 2rem;}
#header .bookmark-items .bookmark-item .label {display: block; width: auto; text-align: center; margin-top: .25rem;}

#navigation { width: 15rem; position: fixed; left: -17rem; top: 3.5rem; bottom: 0; right: 0; background-color: var(--theme-ultra-light); transition: left var(--theme-transition-default) ease-in-out; }
body.no-header #navigation { top: 0; }
#navigation ul {list-style: none; margin: 0; padding: 0;}
#navigation ul li {list-style: none; margin: 0; padding: 0;}
#navigation ul .nav-logo { display: none; }
body.no-header #navigation ul .nav-logo {display: flex; padding: 1rem 0;position: relative; border-bottom: 1px solid var(--theme-body-color-a1); margin: 0 .5rem 0 1rem; }
#navigation ul .nav-logo img { max-width:calc(100% - 0.5rem); }
#navigation ul .nav-logo a {align-items: center; display: flex;}
.nav-user-dropdown {margin: 0; }
.nav-user {display: flex; line-height: normal; border-radius: var(--bs-border-radius); padding: .25rem .25rem .25rem 0.5rem; position: relative; font-size: 1rem; align-items: center; cursor: pointer; }
.nav-user-header { display: flex;line-height: normal;position: relative;font-family: var(--font-header);font-size: .75rem;text-transform: uppercase;font-weight: 600; opacity: 0.5; }
.nav-user:hover { background-color: rgba(0,0,0,.05); }
#navigation .nav-picker { padding: 1rem 1rem 0; }
#navigation ul .nav-header {display: flex; line-height: normal;padding: 2rem 1rem .25rem;position: relative; color: var(--theme-light-color); font-family: var(--font-header); font-size: .75rem; text-transform: uppercase; font-weight: 600; }
#navigation ul .nav-item a {display: flex; line-height: normal;padding: .5rem 1.5rem .5rem 1rem;position: relative; color: var(--theme-grey-color); font-size: 1rem; align-items: start; }
#navigation ul .nav-item a .ficon {font-weight: 900; color: var(--theme-light-color); width: 1.5rem; margin-right: .5rem; text-align: center; position: relative; top: 1px; transition: color var(--theme-transition-default) ease; }
#navigation ul .nav-item a.active {color: var(--theme-primary-color); background-color: var(--theme-body-color-a1); font-weight: 500; }
#navigation ul .nav-item a.active .ficon {color: var(--theme-secondary-color) !important;}
#navigation ul .nav-item a:not(.active):hover {color: var(--theme-primary-color); background-color: rgba(0,0,0,.05); transition: background-color var(--theme-transition-default) ease;}
#navigation ul .nav-item a:not(:last-child)::after { content: "\f107"; font-family: var(--font-icon); position: absolute; right: .25rem; top: .60rem; transform: rotate(90deg); color: var(--theme-light-color); transition: transform var(--theme-transition-default) ease, color var(--theme-transition-default) ease; }
#navigation ul ul {margin-left: 2rem; overflow: hidden;}
#navigation ul ul .nav-item a {padding-top: .5rem; padding-bottom: .5rem; font-size: .9rem;}
#navigation ul ul .nav-item a .ficon { width: 1.25rem; margin-right: .5rem;}
#navigation ul ul .nav-item a:not(:last-child)::after {top: .6rem;}
#navigation ul ul ul { margin-left: 1.75rem;}
#navigation ul .nav-item:not(.unfold) > ul {display: none; }
#navigation ul .nav-item.unfolding > a:not(:last-child),
#navigation ul .nav-item.unfold > a:not(:last-child) { color: var(--theme-primary-color); }
#navigation ul .nav-item.unfolding > a:not(:last-child)::after,
#navigation ul .nav-item.unfold > a:not(:last-child)::after { transform: rotate(0deg); color: var(--theme-secondary-color); }
#navigation ul .nav-item.unfolding > a .ficon,
#navigation ul .nav-item.unfold > a .ficon {color: var(--theme-secondary-color);}
#navigation .badge:not(.mini) {margin-left: auto;  }
#navigation ul .nav-item a:not(:last-child) .badge:not(.mini) {margin-right: .5rem;}
#navigation ul .nav-divider { height: 1px; border-top: 1px solid var(--theme-very-light-color); }

#wrapper {margin-left: 0; right: 0; margin-top: 3.5rem; bottom: 0; background-color: var(--theme-ultra-light); border-left: 0 none; height: calc(100vh); transition: margin-left var(--theme-transition-default) ease-in-out; }
body.no-header #wrapper { margin-top: 0;}

.wrapper-header { background-color: transparent; color: var(--theme-body-color); padding: 1.5rem 1rem .25rem; }
.wrapper-header h1 {color: var(--theme-body-color); font-weight: 400; font-size: 2.5rem; margin: 0; display: flex; align-items: center;}
.wrapper-header .ficon {font-weight: 300; opacity: .5; font-size: 1.75rem; position: relative; margin-right: .75rem; display: inline-block;}
.wrapper-header .breadcrumb {margin: 0;border-radius: .25rem; padding: .5rem 1rem; box-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.1) }
.wrapper-header .heading-container {display: flex; align-items: flex-end; margin-bottom: 1rem;}
.wrapper-header .heading-subtitle {margin: 0 0 .2rem 1rem;}
.wrapper-header .breadcrumb-item+.breadcrumb-item::before {opacity: .25 !important; color: var(--theme-body-color);}
.wrapper-header .breadcrumb-item a {opacity: 1; color: var(--theme-primary-color); transition: color var(--theme-transition-default) ease, border-bottom var(--theme-transition-default) ease; border-bottom: 1px solid transparent;}
.wrapper-header .breadcrumb-item:hover a {color: var(--theme-primary-color2); border-bottom-color: var(--theme-primary-color2); }
.wrapper-header .breadcrumb-item.active {font-weight: 500; opacity: 1; color: var(--theme-secondary-color);}
.wrapper-header .breadcrumb-wrapper { display: flex; align-items: center; }

.header-cog {position: relative; right: -.5rem; padding: 0 .5rem; color: var(--theme-secondary-color); opacity: .5; transition: all var(--theme-transition-default) ease; }
.header-cog .ficon {font-weight: 700;}
.header-cog:hover {color: var(--theme-primary-color); opacity: 1;}

body.breadcrumb-theme .wrapper-header {background-color: var(--theme-primary-color); color: var(--bs-white); padding-bottom: 1.75rem; }
body.breadcrumb-theme .wrapper-header h1 {color: var(--bs-white); font-weight: 300;}
body.breadcrumb-theme .wrapper-header .breadcrumb {background-color: var(--theme-primary-color2);}
body.breadcrumb-theme .wrapper-header .breadcrumb a {color: var(--bs-white); }
body.breadcrumb-theme .wrapper-header .breadcrumb a:hover {border-bottom-color: var(--bs-white);}
body.breadcrumb-theme .wrapper-header .breadcrumb-item+.breadcrumb-item::before {color: var(--bs-white); }
body.breadcrumb-theme .wrapper-header .breadcrumb-item.active {color: var(--bs-white);}

body.breadcrumb-light .breadcrumb {padding: 0; box-shadow: none;}

body.breadcrumb-compact-theme .wrapper-header {color: var(--bs-white); padding: 1rem; background-color: var(--theme-primary-color); }
body.breadcrumb-compact-theme .wrapper-header .container {width: 100%; max-width: unset; flex-direction: row; display: flex;}
body.breadcrumb-compact-theme .wrapper-header .heading-container {align-self: center; margin-bottom: 0;}
body.breadcrumb-compact-theme .wrapper-header h1 {font-size: 1.5rem; font-weight: 400; display: flex; flex: 0 0 auto; width: auto; color: var(--bs-white);}
body.breadcrumb-compact-theme .wrapper-header .heading-subtitle {margin: 0 0 0 1rem;}
body.breadcrumb-compact-theme .wrapper-header .ficon {font-size: 1.25rem; width: 1.5rem; margin-right: .2rem; top:0; }
body.breadcrumb-compact-theme .wrapper-header .wrapper-breadcrumb {flex: 0 0 auto; margin-left: auto; }
body.breadcrumb-compact-theme .wrapper-header .breadcrumb {margin: 0; box-shadow: none; padding: 0; opacity: .9;}
body.breadcrumb-compact-theme .wrapper-header .breadcrumb a {color: var(--bs-white);}
body.breadcrumb-compact-theme .wrapper-header .breadcrumb-item+.breadcrumb-item::before {color: var(--bs-white); }
body.breadcrumb-compact-theme .wrapper-header .breadcrumb-item.active {color: var(--bs-white);}

body.breadcrumb-compact .wrapper-header {color: var(--theme-body-color); padding: 1rem; background-color: transparent; box-shadow: inset -.5rem -.5rem 2rem rgba(0,0,0,.05);}
body.breadcrumb-compact .wrapper-header .container {width: 100%; max-width: unset; flex-direction: row; display: flex;}
body.breadcrumb-compact .wrapper-header .heading-container {align-self: center; margin-bottom: 0;}
body.breadcrumb-compact .wrapper-header h1 {font-size: 1.5rem; font-weight: 400; display: flex; flex: 0 0 auto; width: auto;}
body.breadcrumb-compact .wrapper-header .heading-subtitle {margin: 0 0 0 1rem;}
body.breadcrumb-compact .wrapper-header .ficon {font-size: 1.25rem; width: 1.5rem; margin-right: .2rem; top:0; }
body.breadcrumb-compact .wrapper-header .wrapper-breadcrumb {flex: 0 0 auto; margin-left: auto; }
body.breadcrumb-compact .wrapper-header .breadcrumb {margin: 0; box-shadow: none; padding-left: 0;}

body.breadcrumb-compact-header .wrapper-header {color: var(--theme-body-color); padding: 1rem; background-color: transparent; box-shadow: inset -.5rem -.5rem 2rem rgba(0,0,0,.05); }
body.breadcrumb-compact-header .wrapper-header .container {width: 100%; max-width: unset;}
body.breadcrumb-compact-header .wrapper-header .heading-container {align-self: center; margin-bottom: 0;}
body.breadcrumb-compact-header .wrapper-header h1 {font-size: 1.25rem; font-weight: 400; }
body.breadcrumb-compact-header .wrapper-header .heading-subtitle {display: none;}
body.breadcrumb-compact-header .wrapper-header .ficon {font-size: 1.125rem; width: 1.5rem; margin-right: .2rem; top:0; }
body.breadcrumb-compact-header .wrapper-header .breadcrumb {display: none;}

body.breadcrumb-compact-path .wrapper-header {color: var(--theme-body-color); padding: .5rem 0; background-color: transparent; box-shadow: inset -.5rem -.5rem 2rem rgba(0,0,0,.05); }
body.breadcrumb-compact-path .wrapper-header .container {width: 100%; max-width: unset;}
body.breadcrumb-compact-path .wrapper-header .heading-container {display: none;}
body.breadcrumb-compact-path .wrapper-header h1 {display: none; }
body.breadcrumb-compact-path .wrapper-header .heading-subtitle {display: none;}
body.breadcrumb-compact-path .wrapper-header .breadcrumb {margin: 0; box-shadow: none;}

body.navigation-show .wrapper-header [data-ws-toggle="navigation"] { color: var(--theme-secondary-color); }

body.breadcrumb-builtin .wrapper-header {display: none;}

#wrapper .wrapper-content {padding: 1.5rem 0.75rem 0; display: flex; flex-grow: 1; position: relative;}

::placeholder { color: var(--theme-placeholder-color) !important; }
.form-floating ::placeholder { opacity:0; }
.card-header { padding: .5rem 1.5rem; display: flex; align-items: center; justify-content: space-between; }
.card-label { font-weight: 400; color: var(--theme-primary-color); border: 1px solid transparent; padding: .375rem 0; }
.card-label .ficon { margin-right: 0.25rem; font-weight: 700; color: var(--theme-primary-color-a2); }
.card-body {padding: 1.5rem 1.5rem;}
.card-footer {padding: .75rem 1.5rem; font-size: .9rem;}
.card-helper { margin-right: -.5rem;}
.card-body table:last-child {margin-bottom: 0;}
.card-body p:last-child { margin-bottom: 0; }
.btn-square { aspect-ratio: 1/1; }
.dropdown .dropdown-item {transition: color var(--theme-transition-default) ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.dropdown a.dropdown-item:hover {color: var(--theme-primary-color); background-color: var(--theme-dropdown-hover); }
.dropdown .dropdown-item > i {width: 1.25rem; text-align: center; margin-right: .25rem; color: var(--bs-primary)}
.dropdown .dropdown-header-divider {border-bottom: 1px solid rgba(0,0,0,.125)}
:not(.btn-group)>.btn-group>.btn:not(:last-child)[data-bs-toggle="dropdown"] { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;}
.input-group.input-group-parent { position: relative; }
.input-group.input-group-parent .form-control:first-child {border-radius: .25rem !important;}
.input-group.input-group-parent .input-group-text:last-child {position:absolute; background-color: transparent; border: 0 none; right: 0; top: 0; bottom: 0; z-index: 10; }
.dropdown-header.dropdown-header-sm { line-height: normal; /*padding: 2rem 1rem .25rem;*/ color: var(--theme-light-color); font-family: var(--font-header); font-size: .75rem; text-transform: uppercase; font-weight: 600; }
.dropdown-big-header {padding: 1rem 0;}
.dropdown-big-header .icon {width: 4rem; height: 4rem; border-radius: 50%; background-color: var(--theme-ultra-light); margin: 0 auto; font-size: 2rem; justify-content: center; align-items: center; display: flex;}
.dropdown-big-header h4 {text-align: center; margin: .5rem; color: var(--theme-primary-color)}
.dropdown-big-header .description {color: var(--bs-secondary); font-size: .9rem; font-weight: 300; text-align:center;}
.dropdown-big-header .description p {margin-bottom: .5rem;}
.dropdown-big-header .description p:last-child {margin-bottom: 0;}
.dropdown-footer a:hover {background-color: var(--theme-dropdown-hover)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {font-family: var(--font-header);}
.w-side {width: 15rem;}
.backdrop-white {-webkit-backdrop-filter: blur(.5rem); backdrop-filter: blur(.5rem); background-color: rgba(255,255,255,.8);}
.ficon {font-family: var(--font-icon); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.card {box-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.1)}
.heading-title {margin-bottom: 0 !important;}
.heading-subtitle {margin-top: 0 !important; opacity: .5; font-weight: 400; font-family: var(--font-header);}

.if-hover:not(:hover) .if-hover-on { display: none; }

.activity {list-style: none; margin: 0; padding: 0;}
.activity li {margin: 0; padding: 0 0 1rem; display: flex; align-items: flex-start; position: relative;}
.activity li::before {content: " "; display: block; position: absolute; background-color: var(--theme-very-light-color); height: 100%; left: 4.05rem; width: .3rem;  top: .5rem; opacity: .25;}
.activity li:last-child {padding-bottom: 0;}
.activity li:last-child::before {display: none;}
.activity .activity-key {font-size: .8rem; color: var(--theme-light-color); width: 3rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; position: relative; top: .15rem; text-align: right;}
.activity .activity-icon {width: .6rem; height: .6rem; border-radius: 50%; position: relative; top: .45rem; margin-left: .9rem;}
.activity .activity-value { padding-left: 1rem; flex: 1 0 0;}

.progress-item { margin-bottom: 1rem;}
.progress-item:last-child { margin-bottom: 0;}
.progress-item .progress-description { display: flex; justify-content: space-between; margin-bottom: .25rem;}
.progress-item .progress-description label::after { content: ":"; }
.progress.progress-xs {height: .25rem;}

/*.widget-card .card-body { z-index: 1; }*/
.widget-card .card-footer { z-index: 1; }
.widget-card .widget-label {font-size: 1rem; opacity: .75;}
.widget-card .widget-value {font-size: 1.5rem; font-weight: 500; font-family: var(--font-header);}
.widget-card .widget-icon {font-size: 30px; align-self: center; font-weight: 700;}
.widget-card .widget-progress {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .1;}
.widget-card .widget-progress .progress {height: 100%; background-color: transparent;}
.widget-card .widget-progress .progress-bar {background-color: #000000;}
.widget-card .widget-diff {font-weight: 400; font-size: .9rem;}
.widget-card.widget-border {border-width: 5px;}
.widget-card.widget-card-left {border-width: 0 0 0 5px;}
.widget-card.widget-card-left.text-primary {border-color: var(--bs-primary);}
.widget-card.widget-card-left.text-secondary {border-color: var(--bs-secondary);}
.widget-card.widget-card-left.text-dark {border-color: var(--bs-dark);}
.widget-card.widget-card-left.text-light {border-color: var(--theme-ultra-light);}
.widget-card.widget-card-left.text-info {border-color: var(--bs-info);}
.widget-card.widget-card-left.text-success {border-color: var(--bs-success);}
.widget-card.widget-card-left.text-danger {border-color: var(--bs-danger);}
.widget-card.widget-card-left.text-warning {border-color: var(--bs-warning);}
.widget-card.widget-card-left .widget-label { color: var(--bs-dark); }
.widget-card.widget-card-left .widget-icon { color: var(--bs-dark); opacity: .15 }
.widget-card.widget-card-left .widget-progress {opacity: .25;}
.widget-card.widget-card-left.text-primary .progress-bar {background-color: var(--bs-primary);}
.widget-card.widget-card-left.text-secondary .progress-bar {background-color: var(--bs-secondary);}
.widget-card.widget-card-left.text-dark .progress-bar {background-color: var(--bs-dark);}
.widget-card.widget-card-left.text-light .progress-bar {background-color: var(--theme-ultra-light);}
.widget-card.widget-card-left.text-info .progress-bar {background-color: var(--bs-info);}
.widget-card.widget-card-left.text-success .progress-bar {background-color: var(--bs-success);}
.widget-card.widget-card-left.text-danger .progress-bar {background-color: var(--bs-danger);}
.widget-card.widget-card-left.text-warning .progress-bar {background-color: var(--bs-warning);}
.widget-card.widget-card-left > a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }

/*.table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: rgba(0,0,0,0.03); }*/
.table thead th { color: var(--theme-secondary-color); }
.wtable .wtable-checker {position: absolute;margin-top: -2px;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-left: -2px;}
.wtable td a { color: var(--theme-body-color); }
.wtable td a:hover { color: var(--theme-primary-color); text-decoration: underline; }
.wtable td a.dropdown-item:hover { text-decoration: none; color: inherit; }
.wtable.wtable-checker::before { font-family: "Font Awesome 5 Pro";}
.wtable tr:not(.selected) .wtable-checker::before { content: "\f0c8"; font-weight: 300; color: var(--theme-secondary-color); }
.wtable tr.selected .wtable-checker::before { content: "\f14a"; font-weight: 700; color: var(--theme-primary-color); }
table.wtable.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected { color: inherit; }
table.wtable.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: var(--theme-primary-color-a2); }
.wtable thead tr th {position: sticky !important; z-index: 0; top: -1px; background-color: var(--theme-ultra-light); box-shadow: 0 1px 0 #dee2e6; height: 40px; align-items: center; vertical-align: middle; }
.wtable tfoot#summary-foot {position: fixed !important; z-index: 1; bottom: 1rem; right: 3.25rem; border: 1px solid #dee2e6; background-color: var(--theme-ultra-light); color: var(--theme-secondary-color); box-shadow: 0 0 20px var(--theme-body-color-a5); border-radius: .375rem; }
.wtable tfoot#summary-foot tr { border: 0;}
.wtable tfoot#summary-foot tr th { border: 0;}
.wtable tfoot#summary-foot tr th:first-child { padding-right: 0 !important; font-weight: 400;}
.wtable tfoot#summary-foot tr th#table-summary-cell { border-left: 1px solid #dee2e6;}
#field-tasks .wtable thead tr th {position: relative; z-index: 1;  }
#field-tasks .wtable tfoot tr th {position: sticky !important; z-index: 2; bottom: 65px; border-top: 1px solid #dee2e6; box-shadow: 0 -.5px 0 #dee2e6; background-color: var(--theme-ultra-light); color: var(--theme-secondary-color); }
.wtable tfoot tr th { height: 40px; align-items: center; vertical-align: middle; }
.wtable tfoot tr th .row {align-items: center;}
.wtable thead .wtable-checker {position: static; margin: -5px 0 -5px -2px;}
.wtable .td-actions {padding: 0 .5rem; vertical-align: middle;}
.wtable .td-actions button > .ficon {font-weight: 700;}
.wtable .fill-td { padding: .5rem .5rem; border: 0 none; display: block; width: 100%; resize: none; background: transparent; }
.wtable .play-stop {width: 65px; min-height: 1px; text-align: right}
.wtable .play-stop > i { cursor: pointer; display: none; }
.wtable tbody tr:hover .play-stop > i.icon-approve { display: inline-block; }
.wtable tbody tr[data-is-running="false"]:hover .play-stop > i.icon-play { display: inline-block; }
.wtable tbody tr[data-is-running="request"] .play-stop > i.icon-request { display: inline-block; }
.wtable tbody tr[data-is-running="true"] .play-stop > i.icon-running { display: inline-block; }
.wtable tbody tr[data-is-running="true"]:hover .play-stop > i.icon-running { display: none; }
.wtable tbody tr[data-is-running="true"]:hover .play-stop > i.icon-stop { display: inline-block; }
.wtable tbody tr:not([data-date-start=""]):not([data-time="0"]):hover .play-stop > i.icon-erase { display: inline-block; }
.wtable tr.dragging {box-shadow: inset 0 0 10px 5px var(--theme-primary-color-a2) !important; }
.wtable tr[data-checked="true"] td { background-color: var(--theme-primary-color-a2); }
.form-buttons {-webkit-backdrop-filter: blur(.5rem); backdrop-filter: blur(.5rem); background-color: rgba(255,255,255,.5); padding: 1rem 1.75rem; border-top: 1px solid var(--theme-very-light-color); z-index: 1; margin-left: -1.75rem; margin-right: -1.75rem; }
.wtable .link-user { margin-top: 0.25rem;}
#input-search { border-radius: var(--bs-border-radius); padding-left: 2.25rem;  }
#input-search-label { align-self: center;position: absolute;left:1rem;z-index: 6; color: var(--bs-secondary); opacity: 0.5; transition: all var(--theme-transition-default) ease; }
#input-search:focus + #input-search-label { opacity: 1; color: var(--theme-primary-color); }

.file-list-control {}
.file-list-control input[type="file"] {display: none;}
.file-list-control .files-drop { text-align: center; padding: 20px; border: 1px solid var(--theme-input-border); border-radius: .25rem; transition: all var(--theme-transition-default) ease; cursor: pointer; margin-bottom: 1rem; }
.file-list-control .files-drop:hover {border-color: var(--theme-input-border-focus); box-shadow: var(--theme-input-shadow-focus); }
.file-list-control .files-processor {margin-bottom: 1rem; }
.file-list-control .files-processor .file-processed {border: 1px solid var(--theme-input-border); padding: .25rem; position: relative; overflow: hidden; margin-top: -1px;}
.file-list-control .files-processor .file-processed:first-child {border-top-left-radius: .25rem; border-top-right-radius: .25rem; margin-top: 0;}
.file-list-control .files-processor .file-processed:last-child {margin-bottom: 1rem; border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem;}
.file-list-control .files-processor .file-processed .progress {position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; opacity: .2; background: transparent; border-radius: 0;}
.file-list-control .files-processor .file-processed .progress .progress-bar {transition: width 0ms ease;}
.file-list-control .files-processor .file-processed:first-child .progress {border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
.file-list-control .files-processor .file-processed:last-child .progress { border-bottom-left-radius: .25rem; border-bottom-right-radius: .25rem;}
.file-list-control .files-processor .file-processed .file-data {z-index: 1; position: relative;  }

.top-components { margin-bottom: 1.5rem; }
.top-components .row {}

.dropdown-header { font-size: 1rem;}
.dropdown-item[data-checked] { padding-left: 2.5rem; }
.dropdown-item[data-checked]:active { color: #1e2125; background-color: #dde2e7; }
.dropdown-item[data-checked]::before { font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f00c"; position: absolute; opacity: .15; margin-left: -1.5rem; }
.dropdown-item[data-checked="true"]::before { opacity: 1; font-weight: 700; }
.dropdown-item[data-radio] { padding-left: 2.5rem; }
.dropdown-item[data-radio]:active { color: #1e2125; background-color: #dde2e7; }
.dropdown-item[data-radio]::before { font-family: "Font Awesome 6 Pro"; font-weight: 400; content: "\f111"; position: absolute; opacity: .15; margin-left: -1.5rem; }
.dropdown-item[data-radio="true"]::before { opacity: 1; font-weight: 700; content: "\f192"; }

.cursor-pointer { cursor: pointer; }
.cursor-resize-ns { cursor: ns-resize; }

.modal-dialog .modal-header .modal-subtitle {color: var(--theme-light-color); font-family: var(--font-header); font-size: .75rem; text-transform: uppercase; font-weight: 600;}
.modal-dialog .modal-body .loader {height: 100%; align-items: center; justify-content: center; display: flex; }
.modal-dialog.modal-right {margin: 0 0 0 auto;}
.modal.fade .modal-dialog.modal-right { transform: translate(50px,0px); }
.modal.show .modal-dialog.modal-right { transform: none; }
.modal.fade .modal-dialog.modal-right .modal-footer {position: sticky; bottom: 0; background-color: #FFFFFF; z-index: 10;}
.modal-dialog.modal-right .modal-content {border-radius: 0; min-height: calc(100vh); border-width: 0 0 0 1px; }
.modal-dialog .modal-header { justify-content: space-between; }

.white-space-nowrap {white-space: nowrap}

.form-group + .form-group {margin-top: 1rem;}
.form-group + .form-group.form-group-small {margin-top: 1rem;}
.form-group .form-field .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.form-group.form-group-small + .form-group.form-group-small {margin-top: .5rem;}
.form-group.form-group-small + .form-group {margin-top: 1rem;}
.form-group:last-child, .form-group-small:last-child {margin-bottom: 0;}
.form-check-input, .form-check-label, .form-radio-input, .form-radio-label, .form-select, .form-control {cursor: pointer;}
.form-group .form-field .bootstrap-select:focus { position: relative; z-index: 1; }
.form-group .form-field .bootstrap-select .dropdown-toggle:focus { position: relative; z-index: 1; }
.form-group .form-field .input-group .bootstrap-select#field-status { flex-grow:2; }
.field-header { font-size: 1rem; font-weight: 700; color: var(--bs-secondary); }
/*.form-group.form-group-small label:empty { display: none; }*/
.form-group .form-description { margin-top: 0.5rem; font-size: 0.85rem; color: var(--bs-secondary); }

fieldset .form-group { display: flex; margin-left: calc(var(--theme-gutter-x)/ -2); margin-right: calc(var(--theme-gutter-x)/ -2); }
fieldset .form-group > * {padding-left: calc(var(--theme-gutter-x) * .5); padding-right: calc(var(--theme-gutter-x) * .5); flex: 0 0 auto; }
fieldset .form-group > label { width: 25%; margin-top: .4rem; text-align: right; color: var(--bs-secondary); }
fieldset .form-group > .form-field { width: 75%; }
fieldset .field-header { margin-left: 25%; }
fieldset .form-group.form-group-content > div { font-weight: 600; }
fieldset.fieldset-vertical .form-group { position: relative;  }
fieldset.fieldset-vertical .form-group > label { position: absolute; width: unset; z-index: 1; font-size: 0.8rem; margin: 0; top: -0.5rem; left: 1.5rem; background-color: var(--bs-white); padding: 0 0.25rem; }
fieldset.fieldset-vertical .form-group > .form-field { width: 100%; }
fieldset.fieldset-vertical .form-group.form-group-point { border-left: 0.25rem solid var(--theme-ultra-light); padding-left: 0.5rem; flex-direction: column; }
fieldset.fieldset-vertical .form-group.form-group-point > label { position: static; text-align: left; padding: 0;}
fieldset.fieldset-vertical .form-group.form-group-point > div { padding: 0; margin-top: -0.25rem;}
fieldset.fieldset-vertical .form-group.form-group-point.form-group-point-small > div { font-size: 0.9rem; font-weight: 500; line-height: 1rem; margin-top: 0;}

.form-field .form-field-group { display: inline-block; }
.form-field .form-field-group label { display: block; font-size:0.85rem; color: rgba(var(--bs-body-color-rgb),.65); }
.ck-content { min-height: 300px; }

.hot-container { width: 100%; position: relative; }
/*.hot-container .handsontable { }*/
/*.hot-container .ht_master {overflow: visible;}*/
/*.hot-container .ht_master .wtHolder { width: calc(100%) !important; overflow: hidden;}*/
.hot-container #hot > .ht_master .wtHolder { height: auto !important; min-width: 100%; width: unset !important ; }
.hot-container #hot > .ht_master .wtHider { height: auto !important; min-width: 100%; width: unset !important ; }
.hot-container #hot > .ht_clone_top { width: unset !important ; }
.hot-container #hot > .ht_clone_top .wtHolder { width: unset !important ; }
/*.hot-container .wtHider { width: auto !important; padding-right: 1px; }*/

.form-header:first-child { margin-top: 0; }
.form-header { color: var(--theme-light-color);font-family: var(--font-header);font-size: .75rem;text-transform: uppercase;font-weight: 600; margin: 2rem 0 0.75rem; background-color: var(--bs-white); position: relative; z-index: 1; white-space: nowrap; overflow: hidden; }
.form-header::after { display: inline-block; content: " "; height: 1px; width: 100%; background-color: var(--bs-border-color); position: relative; top: -4px; left: 10px; }

/*.modal-dialog.modal-right .form-group { display: flex; margin-left: calc(var(--theme-gutter-x)/ -2); margin-right: calc(var(--theme-gutter-x)/ -2); }*/
/*.modal-dialog.modal-right .form-group > * {padding-left: calc(var(--theme-gutter-x) * .5); padding-right: calc(var(--theme-gutter-x) * .5); flex: 0 0 auto; }*/
/*.modal-dialog.modal-right .form-group > label { width: 25%; margin-top: .4rem; text-align: right; }*/
/*.modal-dialog.modal-right .form-group > .form-field { width: 75%; }*/
.modal.custom-scroll::-webkit-scrollbar {background-color: var(--bs-white);}
.modal.custom-scroll::-webkit-scrollbar-thumb {background-color: var(--theme-primary-color); }

.col.second-aside { width: 15rem; flex: 0 0 auto; }

/*.chart {height: 300px; width: 100%;}*/
.hidden {display: none !important;}
.bootstrap-select .dropdown-menu { -webkit-backdrop-filter: blur(.5rem);backdrop-filter: blur(.5rem);background-color: rgba(255,255,255,.5);}
.bootstrap-select .dropdown-menu.inner { background-color: transparent;}
.bootstrap-select.disabled>.dropdown-toggle.bs-placeholder.disabled { background-color: #e9ecef;}
.bootstrap-select.bootstrap-select-limit-width { max-width: 100%; }
.bootstrap-select.bootstrap-select-limit-width li a { white-space: wrap; width: 100%; }
.bootstrap-select li a.depth-0 .text { margin-left: 0; }
.bootstrap-select li a.depth-1 .text { margin-left: 1rem; }
.bootstrap-select li a.depth-2 .text { margin-left: 2rem; }
.bootstrap-select li a.depth-3 .text { margin-left: 3rem; }
.bootstrap-select li a.depth-4 .text { margin-left: 4rem; }
.bootstrap-select li a.depth-5 .text { margin-left: 5rem; }
.bootstrap-select li a.depth-6 .text { margin-left: 6rem; }
.bootstrap-select li a.depth-7 .text { margin-left: 7rem; }

.custom-scroll { overflow-y: scroll; overflow-y: overlay; overflow-x: hidden; }
.custom-scroll::-webkit-scrollbar { width: .5rem; }
.custom-scroll::-webkit-scrollbar-thumb { border-radius: 10rem;border-width: 1px;border-style: solid; background-clip: padding-box;background-color: var(--theme-primary-color) /*rgba(33, 40, 50, 0.2)*/;border-color: #FFFFFF; opacity: .8; }
.custom-scroll::-webkit-scrollbar-button { width: 0;height: 0;display: none;}
.custom-scroll::-webkit-scrollbar-corner { background-color: transparent;}
.custom-scroll::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); }

#task-scroll { position: absolute; left: 0; right: 0; top: 0; background-color: var(--bs-white); }
#task-scroll .loader {height: 100%; align-items: center; justify-content: center; display: flex; }
#task-scroll .suggested-tasks { height: 100%; width: 100%; position: absolute;  }
#task-scroll .single-task { margin: 1rem; height: calc(100% - 2rem); display: flex; flex-direction: column; }
#task-scroll .single-task-body { height: 0; overflow-y: auto; overflow-x: hidden; }
#task-scroll .single-task-title { font-family: var(--font-header); font-weight: 500; font-size: 1.25rem; margin-bottom: 1rem; }
#task-scroll .single-task-meta { background-color: rgba(0,0,0,0.1); padding: .5rem; }
#task-scroll .single-task-meta > .row > .col:nth-child(2) { border-left: 1px solid rgba(0,0,0,0.1); }
#task-scroll .single-task-content { padding: 1rem 0; }
#task-scroll .single-task-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; background-color: rgba(0,0,0,0.1);}
#task-scroll .single-task-buttons { padding: 1rem 0 .75rem;}
#task-scroll .single-task-details { font-size: .9rem; text-align: center;}
#task-scroll button.middle-button { width: 6rem; height: 6rem; }
#task-scroll button.aside-button { width: 4rem; height: 4rem; padding: 0; }
#task-scroll button.aside-button.aside-button-2 { width: 3rem; height: 3rem; padding: 0; }

#toolCopyField { position: fixed; left: -100%; top: -100%; visibility: visible; opacity: 0; width: 1px; height: 1px; }

#valueTotal + .bootstrap-select { width: 90px;}
#valueTotal + .bootstrap-select button { border-color: #FFFFFF; background-color: transparent; color: #FFFFFF; font-size: 1.4rem;}

.deplaced { visibility: hidden; position: fixed; right: -100%; top: -100%;}
.hyphen-between:not(:empty) + .hyphen-between:before { content: '-'; display: inline-block; margin: 0 0.25rem 0 0.05rem;}
.slash-between:not(:empty) + .slash-between:before { content: '/'; display: inline-block; margin: 0 0.25rem 0 0.05rem;}
.middot-between:not(:empty) + .middot-between:before { content: '·'; display: inline-block; margin: 0 0.25rem 0 0.05rem;}
* + .text-between-secondary:before { color: var(--bs-secondary); }
.is-invalid { border-style: dashed; }
.is-invalid.parsing { border-color: var(--bs-secondary); }
.is-invalid + .note-editor { border: 1px dashed var(--bs-form-invalid-border-color); }
.error-feedback { width: 100%; margin-top: .25rem;font-size: .875em;color: var(--bs-danger); }
.error-feedback.parsing { color: var(--bs-secondary); }
.border-body-a1 { border-color: var(--theme-body-color-a1); }
.flex-grow-2 { flex-grow: 2 !important; }

.tag-existing::before, .tag-entered::before, .tag-suggested::before, .tag-persisted::before {content:'#';opacity:0.5;font-weight:300 !important;margin-right:0.2rem; transition: all var(--theme-transition-default) ease; }
.tag-existing {position:relative; transition: all var(--theme-transition-default) ease; }
.tag-existing .ficon { position:absolute;right: 0.35rem; transition: all var(--theme-transition-default) ease; cursor: pointer; opacity: 0.5; }
.tag-existing:not(:hover) .ficon { opacity:0; pointer-events: none; width: 0; margin: 0; padding: 0; }
.tag-existing:hover { padding-right: 1.2rem; }
.tag-existing .ficon:hover { opacity: 1; }
a.tag-persisted:hover::before { opacity: 1; }

.profile-picture { position: relative; }
.profile-picture .profile-picture-dropdown { position: absolute; right: 0.5rem; bottom: 0.5rem; }

.w-1 { width: 1% !important; }
.w-20px { width: 20px !important; min-width: 20px !important; }
.w-25px { width: 25px !important; min-width: 25px !important; }
.w-30px { width: 30px !important; min-width: 30px !important; }
.w-40px { width: 40px !important; min-width: 40px !important; }
.w-50px { width: 50px !important; min-width: 50px !important; }
.w-75px { width: 75px !important; min-width: 75px !important; }
.w-100px { width: 100px !important; min-width: 100px !important; }
.w-125px { width: 125px !important; min-width: 125px !important; }
.w-150px { width: 150px !important; min-width: 150px !important; }
.w-175px { width: 175px !important; min-width: 175px !important; }
.w-200px { width: 200px !important; min-width: 200px !important; }
.w-225px { width: 225px !important; min-width: 225px !important; }
.w-250px { width: 250px !important; min-width: 250px !important; }

.h-20px { height: 20px !important; min-height: 20px !important; }
.h-25px { height: 25px !important; min-height: 25px !important; }
.h-30px { height: 30px !important; min-height: 30px !important; }
.h-40px { height: 40px !important; min-height: 40px !important; }
.h-50px { height: 50px !important; min-height: 50px !important; }
.h-75px { height: 75px !important; min-height: 75px !important; }
.h-100px { height: 100px !important; min-height: 100px !important; }
.h-125px { height: 125px !important; min-height: 125px !important; }
.h-150px { height: 150px !important; min-height: 150px !important; }
.h-175px { height: 175px !important; min-height: 175px !important; }
.h-200px { height: 200px !important; min-height: 200px !important; }
.h-225px { height: 225px !important; min-height: 225px !important; }
.h-250px { height: 250px !important; min-height: 250px !important; }

.section-big-header .nav-section { margin: 1rem 0 -1px; }
.section-big-header .nav-section .nav-item { margin: 0 0.5rem 0 0; }
.section-big-header .nav-section .nav-item:last-child { margin-right: 0 }
.section-big-header .nav-section .nav-item .nav-link { padding: 0.75rem 1.25rem; color: var(--bs-secondary); border-bottom: 2px solid transparent; transition: border-bottom-color var(--theme-transition-default) ease; border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; }
.section-big-header .nav-section .nav-item .nav-link:hover { border-bottom-color: var(--theme-secondary-color); transition: border-bottom-color 0s ease; }
.section-big-header .nav-section .nav-item .nav-link.active { color: var(--theme-primary-color); font-weight: 500; background-color: var(--theme-ultra-light); border-bottom-color: var(--theme-secondary-color); }
.section-big-header .nav-section .nav-item .nav-link.disabled { opacity: 0.3; cursor: default; pointer-events: none; }

.shorten-text-50 { text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 50%; white-space: nowrap;}

#doc-window { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; }
#doc-window .doc-window-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); }
#doc-window .doc-window-content { position: absolute; left: 2rem; top: 2rem; bottom: 2rem; right: 2rem; z-index: 1; display: flex; flex-direction: column; }
#doc-window .doc-window-content iframe { border: 0; width: 100%; height: 100%; position: relative;}

.popover.dd-popover { border: 0; box-shadow: none; }
.popover.dd-popover .popover-arrow { z-index: 1001; }
.popover.dd-popover .popover-body .dropdown-menu { left: 0; top: -2px; }

.btn-process-task-relation-mark { opacity: 0; transition: all var(--theme-transition-default) ease; }
tr:hover .btn-process-task-relation-mark { opacity: 1; }

.wall-item.edited { box-shadow: 0 0 20px var(--theme-primary-color-a5);  }
.wall-item { display: flex; padding: 1rem 1rem 0 1rem; border-radius: var(--bs-border-radius); }
.wall-item + .wall-item { padding-top: 0; }
.wall-item.wall-item-notpublic .wall-primary-content { opacity: 0.5; }
.wall-item .wall-pad { margin-right: 1rem;}
.wall-item .wall-pad .wall-icon { width: 40px; height: 40px; border-radius: 50%; background-color: var(--theme-light-color); display: flex; align-items: center; justify-content: center; }
.wall-item .wall-pad .wall-line { height: calc(100% - 40px); border-left: 1px dashed var(--bs-secondary); margin-left: 19px; }
.wall-item .wall-content { flex: 1 0 0%; margin-bottom: 1.5rem; }
.wall-item .wall-meta { font-size: 0.9rem; color: var(--bs-secondary); background-color: var(--bs-light); padding: 0.5rem 1rem; border-radius: var(--bs-border-radius); align-items: center; display: flex; }
.wall-item .wall-meta img { width: 20px; }
.wall-item .wall-meta .dropdown { margin-left: 1rem;}

.microcard { min-width: 100px; }
.microcard.microcard-s { min-width: unset; }
.microcard .microcard-icon { font-size: 0.9rem; margin-right: 0.25rem; }
.microcard .microcard-value { font-size: 0.9rem; font-weight: 600; }
.microcard .microcard-label { font-size: 0.8rem; color: var(--theme-light-color); }

.ck-powered-by-balloon { display: none !important; }

.handsontable.ht_clone_left { height: 100% !important; }
.handsontable.ht_clone_left .wtHolder { height: 100% !important; }
.envelope-attachments .btn-group a.document-link { background-color: var(--bs-light); border-color: var(--theme-placeholder-color); }
.envelope-attachments .btn-group:hover a.document-link:hover { border-color: var(--bs-primary); color: var(--bs-primary); }
/*.envelope-attachments a { margin: 0 -0.5rem; padding: 0 0.5rem; border-radius: var(--bs-border-radius); border: 1px solid transparent; transition: all var(--theme-transition-default) ease;  }*/
/*.envelope-attachments a:hover { background-color: var(--bs-light); border-color: var(--theme-primary-color); }*/
.iconpicker { line-height: 1.5; }
.iconpicker .iconpicker-item i { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands"; }
.iconpicker-container .iconpicker-component i { font-family: "Font Awesome 6 Pro", "Font Awesome 6 Brands"; }
.iconpicker-popover.fade:not(.show) { opacity: 1; }
.clr-field button { border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0; }
.clr-field { display: block; }
.note-toolbar { justify-content: start; flex-wrap: wrap; border-radius: var(--bs-border-radius); }
.note-placeholder { color: var(--theme-placeholder-color); }
.fieldset-vertical .note-placeholder { font-size: 0.8rem; top: 0.2rem; }
#mainTable.employee-table [data-col="employee"] { display: none; }
.kbd-join { margin-right: -1rem; padding-right: 0.9rem;}

#motionRequestPreview { line-height: 1.25; }
#motionRequestPreview #mrp-from { line-height: 1.25; }
#motionRequestPreview #mrp-to { line-height: 1.25; }
#motionRequestPreview #mrp-title { line-height: 1.5; font-size: 1.1rem; }
#motionRequestPreview #mrp-title em { color: var(--theme-light-color); }
#motionRequestPreview #mrp-content { line-height: 1.5; }
#motionRequestPreview #mrp-content em { color: var(--theme-light-color); }
#motionRequestPreview #mrp-attachments { line-height: 1.5; }
#motionRequestPreview #mrp-signature { line-height: 1.25; }

#dragImage { display: block; padding: 0.5rem 1rem; background: var(--bs-white); color: var(--bs-secondary); white-space: nowrap; width: min-content; position: absolute; top: -1000px; z-index: 1000; }
[data-is-public="true"] [data-for-public="false"] { display: none; }
[data-is-public="false"] [data-for-public="true"] { display: none; }
table .drop-hover td { background-color: var(--bs-warning-bg-subtle);}
#dirPath .drop-hover { outline: 1px solid var(--theme-primary-color); outline-offset: 0.5rem; }

.alert-theme { --bs-alert-color: var(--theme-primary-color); --bs-alert-bg: var(--theme-primary-color-a1); --bs-alert-border-color: var(--theme-primary-color-a3); --bs-alert-link-color: var(--theme-primary-color2); }

.dtjs-pm-wrapper { margin-top: 0.5rem; position: relative; }
.dtjs-pm-wrapper::before { width: 7px; height: 7px; content: " "; display: block; border-width: 1px 1px 0 0; border-style: solid; position: absolute; top: -0.5px; z-index: 1; border-color: inherit; background-color: inherit; transform: rotate(-45deg); transform-origin: top left; }
.dtjs-pm-wrapper .dtjs-pm-bar { height: 0.5rem; background-color: var(--bs-white); margin-bottom: 0.75rem; }
.dtjs-pm-wrapper .dtjs-pm-info {  }
.dtjs-pm-wrapper .dtjs-pm-item { font-size: 0.9rem; margin-left: 1.5rem }
.dtjs-pm-wrapper .dtjs-pm-item::before { font-family: "Font Awesome 6 Pro"; font-weight: 700; margin: 0 0.5rem 0 -1.5rem; width: 1rem; display: inline-block; }
.dtjs-pm-wrapper .dtjs-pm-item[data-response="false"] { color: var(--bs-danger); }
.dtjs-pm-wrapper .dtjs-pm-item[data-response="false"]::before { content: "\f057"; }
.dtjs-pm-wrapper .dtjs-pm-item[data-response="true"] { color: var(--bs-success); }
.dtjs-pm-wrapper .dtjs-pm-item[data-response="true"]::before { content: "\f2f7"; }
.dtjs-pm-wrapper.alert-success .dtjs-pm-item[data-key^="recommended"][data-response="false"] { color: var(--bs-secondary); }
.dtjs-pm-wrapper.alert-success .dtjs-pm-item[data-key^="recommended"][data-response="false"]::before { content: "\e247"; }
.dtjs-pm-wrapper.dtjs-pmd-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.dtjs-pm-wrapper.dtjs-pmd-wrapper .dtjs-pm-item:not([data-response="equal"]) { color: var(--bs-danger); }
.dtjs-pm-wrapper.dtjs-pmd-wrapper .dtjs-pm-item:not([data-response="equal"])::before { content: "\f057"; }
.dtjs-pm-wrapper.dtjs-pmd-wrapper .dtjs-pm-item[data-response="equal"] { color: var(--bs-success); }
.dtjs-pm-wrapper.dtjs-pmd-wrapper .dtjs-pm-item[data-response="equal"]::before { content: "\f2f7"; }

.tph { color: var(--theme-grey-color); background-color: var(--theme-grey-color); opacity: 0.5; border-radius: var(--bs-border-radius); animation-name: placeholder-glow; animation-duration: 1s; animation-iteration-count: infinite; }
.tph.bg-secondary { color: var(--bs-secondary); background-color: var(--bs-secondary); }
.tph.bg-light { color: var(--bs-light); background-color: var(--bs-light); }
.tph.bg-dark { color: var(--bs-dark); background-color: var(--bs-dark); }
.tph.bg-success { color: var(--bs-success); background-color: var(--bs-success); }
.tph.bg-warning { color: var(--bs-warning); background-color: var(--bs-warning); }
.tph.bg-danger { color: var(--bs-danger); background-color: var(--bs-danger); }
.tph.bg-info { color: var(--bs-info); background-color: var(--bs-info); }

.wizard-steps { display: block; margin: 0 1rem; overflow-x: auto; overflow-y: visible; padding-top: 1rem; margin-top: -1rem; }
.wizard-steps ul { display: flex; flex-grow: 1; flex-shrink: 1; width: 100%; justify-content: space-between; padding: 0; list-style: none; }
.wizard-steps ul li.point { margin: 0; padding: 0;  position: relative; text-align: center; flex: 0 0 90px; width: fit-content; flex-grow: 1; cursor: pointer; }
.wizard-steps ul li.point .step-number { height: 2.5rem; aspect-ratio: 1 / 1; border: 3px solid var(--theme-primary-color); border-radius: 50%; text-align: center; align-content: center; margin: 0 auto 0.5rem; background-color: var(--bs-white); z-index: 1; position: relative; transition: all var(--theme-transition-default) ease; }
.wizard-steps ul li.point::before, .wizard-steps ul li.point::after { content: ''; position: absolute; top: calc(1.25rem - 1px); left:0; right: 0; bottom: 0; background-color: var(--theme-primary-color-a2); height: 3px; }
.wizard-steps ul li.point::before { right: 50%; }
.wizard-steps ul li.point::after { left: 50%; }
.wizard-steps ul li.point:first-child::before, .wizard-steps ul li.point:last-child::after { display: none; }
.wizard-steps ul li.point .step-title { transition: all var(--theme-transition-default) ease; }
.wizard-steps ul li.point.active .step-number { color: var(--bs-white) !important; background-color: var(--theme-primary-color); box-shadow: var(--theme-input-shadow-focus); font-weight: 700; }
.wizard-steps ul li.point.active .step-title { font-weight: bold; color: var(--theme-primary-color); }
.wizard-steps ul li.point:hover .step-number { color: var(--theme-primary-color); }
.wizard-steps ul li.point:hover .step-title { color: var(--theme-primary-color); }

.iti__country { padding: 0.25rem 1rem; }
.iti__country.iti__highlight { color: var(--theme-primary-color); background-color: var(--theme-dropdown-hover); }
.iti .iti__selected-dial-code { color: var(--theme-grey-color); }
.table.preboarding-table .pre-head { text-align: center; background-color: var(--theme-primary-color-a1); }
.table.preboarding-table .pre-head b { color: var(--theme-primary-color); }
.table.preboarding-table small { font-style: italic; font-size: 0.9rem; }
.table.preboarding-table .pre-col1s { width: 30px; text-align: center; }
.table.preboarding-table .pdf-only { display:none; }
#preboardingForm fieldset[data-fieldset="summary"] .confirmation-field .form-group > label { display:none; }
#preboardingForm fieldset[data-fieldset="summary"] .confirmation-field .form-group > .form-field { width: 100%; }


@media (pointer: fine) and (hover: hover) {
    .custom-scroll { overflow-y: scroll; }
}

.slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; }

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {

}

@media (min-width: 576px) {

}

@media (max-width: 767px) {
    .custom-scroll::-webkit-scrollbar { width: 0; background-color: transparent; }
    [data-table-tool="search-new"] { left: calc(2.5rem + 1px); width: auto !important; }
}

@media (min-width: 768px) {

}
/* Medium devices (tablets, 768px and up) */

/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) {
    #navigation { box-shadow: 0 0 20px var(--theme-body-color-a5); z-index: 3; width: 15.5rem; padding-right: .5rem; }
    body.navigation-show #navigation { left: 0; }
    #wrapper.custom-scroll .wrapper-header { padding: .25rem;}
    .wrapper-header .heading-container {display: none;}
    #header .navbar { padding-left: 1rem; }
    #header .navbar-brand { display: none; justify-content: start; margin-left: 0; }
    #wrapper .wrapper-content { padding: .75rem 0;}
    #wrapper .card-body { padding: .75rem;}
    .top-components { margin-bottom: .75rem;}
    .header-options { margin-right: .75rem;}
    [data-table-tool="search-new"] { position: fixed; bottom: 2rem; z-index: 1; right: calc(2.5rem + 1px); width: 200px; border-radius: .375rem; box-shadow: 0 0 20px var(--theme-body-color-a5); background-color: var(--bs-white); }
    [data-table-tool="search-new"] .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid;}
    .wtable tfoot#summary-foot { right: calc(2.5rem + 1px); bottom: 6rem;}
}

@media (min-width: 992px) {
    #navigation { left: 0; }
    body.navigation-show #navigation { left: -15rem; }
    body.navigation-show #wrapper { margin-left: 0; border-left: 0 none; }
    #wrapper { margin-left: 15rem; border-left: 1px solid rgba(0,0,0,0.05); }
    .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) {
    .nav-user-dropdown { margin-right: 0.5rem;}
    .nav-user-dropdown .nav-user-header { display: none; }
    .nav-user-dropdown .nav-user-identifier { display: none; }
    .user-box-wrapper button[data-ws-toggle="navigation"] { height: 40px; width: 40px; margin-top: 0.25rem;}

}

@media (min-width: 1200px) {
    [data-ws-toggle="navigation"] { display: none; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1399px) {

}

@media (min-width: 1400px) {

}