:root {

    /* colors */
    --hv-primary-black-hex: #313240;
    --hv-secondary-light-hex: #7A8396;
    --hv-primary-light-hex: #707070;
    --hv-active-primary-color-hex: #6466E2;
    --hv-active-success-color-hex: #21D9B8;
    --hv-active-danger-color-hex: #E5042D;
    --hv-danger-color-hex: #F76262;
    --hv-active-warning-color-hex: #F89953;
    --hv-active-secondary-color-hex: #7A8396;
    --hv-active-link-primary: #4951F2;
    --hv-active-bg-info-hex: #F3F5FC;
    --hv-primary-white-hex: #FFFFFF;
    --hv-primary-soft-light-hex: #F9FAFA;
    --hv-title-active-dark-color-hex: #404040;
    --hv-color-title-text-dark-hex: #4B4B4B;
    --hv-text-dark-hex: #8B8B8B;
    --hv-text-dark-1-hex: #5F6165;
    --hv-icon-color-secondary-hex: #A0A0A0;
    --hv-icon-color-primary-hex: #6466E2;
    --hv-icon-color-secondary-light-hex: #636774;
    --hv-inactive-icon-color-secondary-light-hex: #A2A2A2;
    --hv-shadow-primary-light: #C1D3EB40;
    --hv-border-secondary-hex: #BBBBBB;
    --hv-border-light-hex: #E2E2E2;
    --hv-placeholder-secondary-hex: #98989F;
    --form-control-disabled: #959495;
    --hv-form-control-border-width: 1px;
    --hv-form-control-width: 100%;
    --hv-form-control-border-style: solid;
    --hv-form-control-border-color: #D5D3D3;
    --hv-navigation-control-shadow-color: transparent;


    --hv-primary-black-rgb: 49, 50, 64;
    --hv-primary-dark-rgb: 0, 0, 0;
    --hv-primary-light-rgb: 122, 131, 150;
    --hv-primary-whiet-rgb: 255, 255, 255;
    --hv-active-primary-color-rgb: 100, 102, 226;
    --hv-primary-soft-light-rbg: 249, 250, 250;
    --hv-success-rgb: 121, 255, 152;
    --hv-danger-rgb: 255, 121, 121;
    --hv-primary-rgb: 100, 102, 226;


    /* Menu */
    --hv-menu-indicator: "\e409";
    --hv-sidemenu-icon-color: #A2A2A2;
    --hv-sidemenu-text-color: #636774;

    /* icon */
    --hv-icon-color: #404040;

    /* font */
    --hv-primary-font: 'Gilroy';
    --hv-secondary-font: Inter;
    --hv-icon-font: "Material Icons";

    /* color density */
    --hv-primary-opacity-0: 0;
    --hv-primary-opacity-25: 0.25;
    --hv-primary-opacity-50: 0.50;
    --hv-primary-opacity-100: 1;
    
    /* Client Logo */
    --hv-client-logo-min-width: 93px;
    --hv-client-logo-max-width: 120px;
    --hv-client-logo-min-height: 33px;
    --hv-client-logo-max-height: 33.75px;

    /* Common */
    --hv-dock-width: 240px;
    --hv-file-control-padding-y: 6.5px;
    --hv-controls-padding: 12px 15px 12px 15px;
    --hv-btn-padding-xs: 3px 9px;
    --hv-btn-padding-sm: 6px 9px;
    --hv-btn-padding-md: 9px 9px;
    --hv-btn-padding-lg: 12px 9px;
    --hv-btn-padding-xl: 15px 9px;
    --hv-btn-padding-xxl: 18px 9px;
    --hv-btn-padding-1: 14px 18px;
    --hv-indent-space-max: 22px;
    --hv-controls-VHspace-min: 3px;
    --hv-controls-VHspace-1: 6px;
    --hv-controls-VHspace-2: 9px;
    --hv-controls-VHspace-3: 12px;
    --hv-controls-VHspace-4: 15px;
    --hv-controls-VHspace-5: 18px;
    --hv-controls-VHspace-6: 21px;
    --hv-controls-VHspace-7: 24px;
    --hv-controls-VHspace-8: 27px;
    --hv-controls-VHspace-max: 30px;
    --hv-controls-border-radius: 5px;
    --hv-button-border-radius: 10px;
    --hv-border-radius-xs: 4px;
    --hv-border-radius-sm: 6px;
    --hv-border-radius-md: 8px;
    --hv-border-radius-lg: 10px;
    --hv-border-radius-xl: 12px;
    --hv-border-radius-xxl: 18px;
    --hv-border-radius-min: 10px;
    --hv-border-radius-max: 30px;
    --hv-border-width-xs: 1px;
    --hv-border-width-sm: 2px;
    --hv-border-width-md: 3px;
    --hv-border-width-lg: 5px;
    --hv-border-width-xl: 8px;
    --hv-border-width-min: 0.5px;
    --hv-border-width-max: 1px;
    --hv-border-solid: solid;
    --hv-border-dash: dashed;
    --hv-control-height: 28px;
    --hv-controls-height-xs: 26px;
    --hv-controls-height-sm: 29px;
    --hv-controls-height-md: 32px;
    --hv-controls-height-lg: 35px;
    --hv-controls-height-xl: 38px;
    --hv-controls-height-xxl: 41px;
    --hv-indent-xs: 3px;
    --hv-indent-sm: 6px;
    --hv-indent-md: 9px;
    --hv-indent-lg: 12px;
    --hv-indent-xl: 15px;
    --hv-indent-xxl: 18px;

    /* hv-menu */
    --hv-menu-link-font-size: 12px;

    --hv-scrollbar-track-margin-top: 0px;
    --hv-scrollbar-track-margin-right: 0px;
    --hv-scrollbar-track-margin-bottom: 0px;
    --hv-scrollbar-track-margin-left: 0px;
    /* Global Variables */
    
    --hv-g-display: block;
    --hv-g-p-display: block;
    --hv-g-m-display: none;
    --hv-g-position: relative;

    --hv-footer-layout-category-padding-top: 6px; 
    --hv-footer-layout-category-padding-right: 0; 
    --hv-footer-layout-category-padding-bottom: 6px; 
    --hv-footer-layout-category-padding-left: 0; 
    --hv-footer-layout-category-margin-top: -6px; 
    --hv-footer-layout-category-margin-right: 6px; 
    --hv-footer-layout-category-margin-bottom: -6px; 
    --hv-footer-layout-category-margin-left: 0;
    --hv-footer-layout-category-color-hex: #414141; 
    --hv-footer-layout-category-height: 40px; 
    --hv-notify-item-padding-x: 18px; 
    --hv-profile-menu-padding-x: 6px;
    --hv-menu-margin-left: 12px;
    --hv-size-varient-value: 0;
    /* Animation */
    --hv-animate-default-transition-behavior: inherit;
    --hv-animate-default-transition-duration: 2s;
    --hv-animate-default-transition-timing-function: ease-in-out;
    --hv-animate-default-transition-delay: 0.5s;
    --hv-animate-default-transition-property: margin-right;
    --hv-animate-default-scale: 1;
    --hv-animate-transition-duration: .3s;
    --hv-animate-transition-timing-function: ease-in-out;
    --hv-animate-focus-shadow: 0 5px 20px 0px rgba(18, 38, 63, 0.1);
    --hv-animate-hover-scale: 1.02667;

}

:root:has(.hv-group[data-type=default][group-flex-direction=column], .hv-group[data-type=default][group-flex-direction=column]) {
    --hv-label-margin-bottom: 3px;
}

:root:has(.hv-group[data-type=default][group-flex-direction=column]:has(.hv-group[data-type=default][group-flex-direction=column] input.hv-control:has(.hv-xs, .hv-sm, .hv-md))), 
:root:has(.hv-group[data-type=default][group-flex-direction=column]:has(.hv-group[data-type=default][group-flex-direction=column] input.hv-control:has(.hv-xs, .hv-sm, .hv-md))) {
    --hv-label-custom-margin-bottom: calc(var(--hv-label-margin-bottom) + 1px);
}

:root:has(.hv-group[data-type=default][group-flex-direction=column]:not(.hv-group[data-type=default][group-flex-direction=column] input.hv-control:not(.hv-xs, .hv-sm, .hv-md))) {
    --hv-label-custom-margin-bottom: calc(var(--hv-label-margin-bottom) + 8.667px);
}

:root:has(:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):hover, :not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):focus, :not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none)) {
    --hv-button-border-width: 1px;
    --hv-button-min-height: 27.5px;
    --hv-button-padding-top: 5px;
    --hv-button-padding-right: 5px;
    --hv-button-padding-bottom: 5px;
    --hv-button-padding-left: 6px;
}

* {
    scroll-behavior: smooth;
}

.hv-dock {
    --hv-dock-backdrop-display: none;
    --hv-dock-backdrop-z-index: 1;
    --hv-dock-backdrop-position: relative;
    --hv-dock-backdrop-position-top: 0;
    --hv-dock-backdrop-position-right: 0;
    --hv-dock-backdrop-position-bottom: 0;
    --hv-dock-backdrop-position-left: 0;
    --hv-dock-backdrop-background-color-hex: transparent;
    --hv-dock-box-shadow: 0px 0px 0.5px #A0A0A026;
    --hv-dock-backdrop-opacity: 1;
}

.hv-control.parent, .hv-group[data-type=controls]:has(.hv-control.parent), .hv-select.parent  {
    --hv-controls-box-shadow: 0px 3px 10px #00000014;
    --hv-controls-border-radius: 10px;
}

.hv-control, .hv-group[data-type=controls]:has(.hv-control), .hv-select  {
    --hv-control-padding-right: 8px;
    --hv-control-padding-left: 8px;
}

.hv-select  {
    --hv-control-padding-top: 4.5px;
    --hv-control-padding-bottom: 4.5px;
}

.hv-control.hv-xs, .hv-select.hv-xs, .hv-group[data-type=controls]:has(.hv-control.hv-xs), .hv-control, .hv-group[data-type=controls]:has(.hv-control)  {
    --hv-control-padding-top: 3px;
    --hv-control-padding-bottom: 3px;
    --hv-size-varient-value: 0px;
}

.hv-control.hv-sm, .hv-select.hv-sm, .hv-group[data-type=controls]:has(.hv-control.hv-sm)  {
    --hv-control-padding-top: 4.5px;
    --hv-control-padding-bottom: 4.5px;
    --hv-size-varient-value: 1px;
}

.hv-control.hv-md, .hv-select.hv-md, .hv-group[data-type=controls]:has(.hv-control.hv-md)  {
    --hv-control-padding-top: 6px;
    --hv-control-padding-bottom: 6px;
    --hv-size-varient-value: 2px;
}

.hv-control.hv-lg, .hv-select.hv-lg, .hv-group[data-type=controls]:has(.hv-control.hv-lg)  {
    --hv-control-padding-top: 9px;
    --hv-control-padding-bottom: 9px;
    --hv-size-varient-value: 5px;
}

.hv-control.hv-xl, .hv-select.hv-xl, .hv-group[data-type=controls]:has(.hv-control.hv-xl)  {
    --hv-control-padding-top: 12px;
    --hv-control-padding-bottom: 12px;
    --hv-size-varient-value: 4px;
}

.auth.hv-control, .auth.hv-select  {
    --hv-control-padding-top: 12px;
    --hv-control-padding-right: 15px;
    --hv-control-padding-bottom: 12px;
    --hv-control-padding-left: 15px;
}

.hv-table {
    --hv-table-head-bg-color: #F3F5FC;
    --hv-table-border-color: #EAEAEA;
    --hv-table-body-bg-color: #FFFFFF;
    --hv-table-head-text-color: #404040;
    --hv-table-body-text-color: #404040;
}

.pagination {
    --hv-pagination-position: relative;
    --hv-pagination-margin-top: 6px;
    --hv-pagination-margin-bottom: 6px;
    --hv-pagination-link-padding-top: 0.4rem;
    --hv-pagination-link-padding-right: 0.4rem;
    --hv-pagination-link-padding-bottom: 0.4rem;
    --hv-pagination-link-padding-left: 0.4rem;
    --hv-pagination-link-text-align: center;
    --hv-pagination-link-height: 26px;
    --hv-pagination-link-width: 26px;
    --hv-pagination-link-border-width: 0px;
    --hv-pagination-link-border-style: solid;
    --hv-pagination-link-border-color-hex: #7D7F86;
    --hv-pagination-link-widthline-height: 1.5em;
    --hv-pagination-link-boredr-radius: 100%;
    --hv-pagination-link-text-color-hex: #7D7F86;
    --hv-pagination-link-background-color-hex: inherit;
}

.hv-badge {
    --hv-badge-padding-top: 0.375rem;
    --hv-badge-padding-right: 0.75rem;
    --hv-badge-padding-bottom: 0.375rem;
    --hv-badge-padding-left: 0.75rem;
    --hv-badge-margin-top: 0px;
    --hv-badge-margin-right: 0px;
    --hv-badge-margin-bottom: 0px;
    --hv-badge-margin-left: 0px;
    --hv-badge-border-radius: 0px;
    --hv-badge-background-color-hex: #6466E2;
    --hv-badge-text-color-hex: #FFFFFF;
    --hv-badge-font-size: 12px;
    --hv-badge-line-height: 15px;
    --hv-badge-font-weight: 400;
}

.hv-badge[data-shape="sharp"] {
    --hv-badge-border-radius: 0px;
}

.hv-badge[data-shape="rounded"] {
    --hv-badge-border-radius: 4px;
}

.hv-badge[data-shape="round"] {
    --hv-badge-border-radius: 100%;
}

.hv-badge.primary {
    --hv-badge-background-color-hex: #6466E2;
    --hv-badge-text-color-hex: #F2F2F2;
}

.hv-badge.danger {
    --hv-badge-background-color-hex: #F76262;
    --hv-badge-text-color-hex: #F2F2F2;
}

.hv-badge.success {
    --hv-badge-background-color-hex: #2DCB7B;
    --hv-badge-text-color-hex: #F2F2F2;
}

.hv-badge.warning {
    --hv-badge-background-color-hex: #F2C268;
    --hv-badge-text-color-hex: #404040;
}

.hv-badge.dark {
    --hv-badge-background-color-hex: #404040;
    --hv-badge-text-color-hex: #F2F2F2;
}

.hv-badge.transparent {
    --hv-badge-background-color-hex: transparent;
    --hv-badge-text-color-hex: #404040;
}

.hv-group {
    --hv-group-border-radius: 4px;
}

.hv-logo-box, .hv-nav[role=menu] {
    --hv-nav-bar-height: 65.73px;
}

.input-group, .hv-group[data-type=controls]:not(.error) {
    --hv-group-position: relative; 
    --hv-group-display: flex;
    --hv-group-flex-wrap: wrap;
    --hv-group-align-item: stretch;
    --hv-group-width: 100%;
    --hv-group-background-color-hex: #FFFFFF;
}

.hv-card-body {
    --hv-card-body-padding-top: 11px;
    --hv-card-body-padding-right: 12px;
    --hv-card-body-padding-bottom: 12px;
    --hv-card-body-padding-left: 12px;
}

.hv-card .hv-card-body .hv-control, .hv-card .hv-card-body .hv-select, .input-group:has(:is(.hv-control, .hv-select)), .hv-card .hv-card-body .hv-group[data-type=controls]:not([data-parent=navigation]):has(:is(.hv-control, .hv-select)) {
    --hv-controls-border-radius: calc(var(--hv-card-border-radius) - calc(calc(var(--hv-card-body-padding-top) + var(--hv-card-body-padding-right) + var(--hv-card-body-padding-bottom) + var(--hv-card-body-padding-left)) / 4));
    box-shadow: none !important;
}

.input-group:has(:is(.hv-control)), .hv-group[data-type=controls]:has(:is(.hv-control)) {
    --hv-input-group-border-width: 1px;
    --hv-input-group-border-style: solid;
}

/* Fonts */
@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy'), url('fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy'), url('fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    src: local('Gilroy'), url('fonts/Gilroy-Semibold.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: medium;
    src: local('Gilroy'), url('fonts/Gilroy-Semibold.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 600;
    src: local('Gilroy'), url('fonts/Gilroy-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: bold;
    src: local('Gilroy'), url('fonts/Gilroy-Bold.woff') format('woff');
}

body {
    --hv-content-padding-top: 7px;
    --hv-content-padding-right: 21px;
    --hv-content-padding-bottom: 7px;
    --hv-content-padding-left: 24px;
    --hv-scrollbar-margin-top: 10px;
    --hv-scrollbar-margin-bottom: 10px;
    --hv-scroll-track-margin-top: 69.5px;
    --hv-scroll-track-margin-bottom: 7px;
    --hv-scroll-thumb-margin-top: 69.5px;
    --hv-scroll-thumb-margin-bottom: 7px;
    /* navbar color */
    --hv-nav-bg-color-hex: transparent;
}


.hv-dock[pos="left"] {
    --hv-dock-bg-color: #FFFFFF;
    --hv-dock-width: 240px;
}

body {
    --hv-focus-background: #F9FAFA 0% 0% no-repeat padding-box;
    font-family: var(--hv-primary-font);
    background: var(--hv-focus-background) !important;
}

.hv-focus\[default\]:focus {
    border-color: inherit !important;
}

.hv-layout[data-content-type="header"] {
    --hv-layout-position: absolute;
}

.hv-layout[data-content-type="body"] {
    --hv-layout-position: relative;
}

.hv-layout[data-content-type="aside"] { 
    --hv-layout-position: absolute
}

.hv-layout[data-content-type="footer"] {
    --hv-layout-position: absolute;
}

.hv-layout[pos="top"] {
    --hv-layout-top: 0;
}

.hv-layout[pos="right"] {
    --hv-layout-right: 0;
}

.hv-layout[pos="bottom"] {
    --hv-layout-bottom: 0;
}

.hv-layout[pos="left"] {
    --hv-layout-left: 0;
}

.hv-layout[pos="fill"], .hv-layout[pos="struch"] {
    --hv-layout-top: 0;
    --hv-layout-right: 0;
    --hv-layout-bottom: 0;
    --hv-layout-left: 0;
}

.hv-layout {
    --hv-layout-top: auto;
    --hv-layout-right: auto;
    --hv-layout-bottom: auto;
    --hv-layout-left: auto;
}

.hv-layout {
    position: var(--hv-layout-position) !important;
    top: var(--hv-layout-top) !important;
    right: var(--hv-layout-right) !important;
    bottom: var(--hv-layout-bottom) !important;
    left: var(--hv-layout-left) !important;
}

.hv-layout[data-content-type="footer"] > [data-category="poweredby"] {
    padding: var(--hv-footer-layout-category-padding-top) var(--hv-footer-layout-category-padding-right) var(--hv-footer-layout-category-padding-bottom) var(--hv-footer-layout-category-padding-left) !important;
    margin: var(--hv-footer-layout-category-margin-top) var(--hv-footer-layout-category-margin-right) var(--hv-footer-layout-category-margin-bottom) var(--hv-footer-layout-category-margin-left) !important;
    font: normal normal bold 10px/13px var(--hv-primary-font);
    color: var(--hv-footer-layout-category-color-hex);
}

.hv-logo-box {
    height: var(--hv-nav-bar-height) !important;
    padding: calc(var(--hv-content-padding-top) * 0.15) var(--hv-content-padding-right) calc(var(--hv-content-padding-bottom) * 0.15) var(--hv-content-padding-left) !important
}

.hv-logo {
    display: block;
    padding: calc(var(--hv-content-padding-top) * 0.90) 0px calc(var(--hv-content-padding-right) * 0.5) 0px;
}

.hv-logo > img {
    max-height: 56px !important;
}

.hv-logo span.logo\:sm {
    display: none;
}

.hv-logo span.logo\:lg {
    display: block;
}

.hv-dock[pos="left"] {
    width: var(--hv-dock-width);
    background: var(--hv-dock-bg-color);
    bottom: 0;
    padding: 0px !important;
    position: fixed;
    transition: all .1s ease-out;
    top: 0;
    padding-top: calc(70px + 20px);
    box-shadow: var(--hv-dock-box-shadow);
    z-index: 10;
}

.content-page {
    padding: 0px var(--hv-content-padding-right) 0px var(--hv-content-padding-left) !important;
    max-height: 100%;
    min-height: 100vh;
    overflow-y: auto;
}

.content-page .content {
    width: inherit;
    height: inherit;
}

.hv-container {
    position: absolute;
    top: var(--hv-content-padding-top);
    bottom: var(--hv-content-padding-bottom);
    right: var(--hv-content-padding-right);
    left: calc(var(--hv-dock-width) + var(--hv-content-padding-left));
    padding: var(--hv-content-padding-top) 0px calc(var(--hv-content-padding-bottom) * 3px) 0px;
    margin-right: auto;
    margin-left: auto;
}

.hv-container>.hv-content {
    padding-top: calc(var(--hv-content-padding-top) * 1.15);
    padding-bottom: calc(var(--hv-content-padding-top) * 1.35);
    height: calc(100vh - 70px);
}

.hv-container>.hv-content[pos="fill"] {
    margin: calc(var(--hv-content-padding-top)*(1)) calc(var(--hv-content-padding-right)*(-1)) calc(var(--hv-content-padding-bottom)*(0)) calc(var(--hv-content-padding-left)*(-1)) !important;
    padding: calc(var(--hv-content-padding-top)* 0) var(--hv-content-padding-right) calc(var(--hv-content-padding-bottom)* 0.75) var(--hv-content-padding-left) !important;
    height: calc(100vh - 70px);
}

/* Nav Menu Start Here */
.hv-menu {
    --hv-menu-bg-color: transparent;
    /* position: fixed; */
    z-index: 400;
    background-color: var(--hv-menu-bg-color);
    width: calc(var(--hv-dock-width) - var(--hv-menu-margin-left));
    height: 100%;
    left: 0;
    overflow-y: auto;
    margin-left: var(--hv-menu-margin-left);
}

.hv-menu::before {
    content: '';
    top: 1rem;
    background-image: linear-gradient(to bottom, #fff, rgb(255 255 255 / 0.9) 63%, rgb(255 255 255 / 0) );
    height: 1.5rem;
    width: 100%;
    display: block;
    z-index: 20;
    position: sticky;
    right: 0;
    left: 0;
    pointer-events: none;
}

.hv-menu .title {
    display: block;
    font-size: 14px;
    line-height: 16px;
    background-color: var(--hv-primary-white-hex);
    align-items: center;
    font-weight: 600;
    padding: 16px;
    border-bottom: 1px solid #ccc;
}

.hv-menu ul {
    margin: 0 0 0 calc(var(--hv-menu-margin-left) / 2);
    padding: 0;
}

.hv-menu ul li {
    display: block;
}

.hv-menu ul li a {
    --hv-menu-link-padding-top: 9px;
    --hv-menu-link-padding-right: 36px;
    --hv-menu-link-padding-bottom: 9px;
    --hv-menu-link-padding-left: 12px;
    position: relative;
    display: flex;
    align-items: center;
    font: var(--hv-primary-font);
    font-size: var(--hv-menu-link-font-size);
    line-height: calc(var(--hv-menu-link-font-size) + 10px);
    font-weight: 600;
    text-wrap: nowrap;
    text-decoration: none;
    color: #2e2e2e;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.hv-menu>ul>li>a {
    text-transform: uppercase;
    font-size: 0.8rem;
    line-height: 1.5rem;
    letter-spacing: 0.42px;
}

.hv-menu ul li a[icon-pos="left"]::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.hv-menu ul li a[icon-pos="right"]::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.hv-menu ul li a:not([icon-button="true"]) {
    padding: var(--hv-menu-link-padding-top) var(--hv-menu-link-padding-right) var(--hv-menu-link-padding-bottom) calc(var(--hv-menu-link-padding-left) - 6px);
}

.hv-menu ul li a:not([icon-button="true"])>ul {
    padding-top: 24px;
}

.hv-menu ul li a[icon-button=true][align-icon=left]::before, .hv-menu ul li a>i {
    padding-right: 10px;
    font-size: 16px;
    color: var(--hv-sidemenu-icon-color);
    font-family: var(--hv-icon-font);
}

.hv-menu a:not(.mi-menu-indicator) ul li a[icon-button=true][align-icon=left]::before {
    padding-left: 4px;
}

.hv-menu a:has(.mi-menu-indicator) ul li a[icon-button=true][align-icon=left]::before {
    padding-left: 4px;
}

.hv-menu ul li a.mi-menu-indicator:before {
    font-family: var(--hv-icon-font);
    font-size: 24px;
    position: absolute;
    right: 3px;
    /*top: 50%;*/
    padding: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); */
}

.hv-menu ul li>a, .hv-menu ul li:hover>a, .hv-menu ul li.selected>a {
    color: var(--hv-icon-color-secondary-light-hex);
    vertical-align: middle;
    letter-spacing: 0.72px;
}

.hv-menu ul li>a.mi-menu-indicator, .hv-menu ul li:hover>a.mi-menu-indicator, .hv-menu ul li.selected>a.mi-menu-indicator {
    font-weight: 600;
}

.hv-menu ul li>a:not(.mi-menu-indicator), .hv-menu ul li:hover>a:not(.mi-menu-indicator), .hv-menu ul li.selected>a:not(.mi-menu-indicator) {
    font-weight: 100;
    text-wrap: balance;
}

.fs-inherit:not(.hv-menu) {
    font-size: inherit !important;
}

.hv-menu.fs-inherit {
    --hv-menu-link-font-size: inherit;
}

.hv-menu.fs-xs {
    --hv-menu-link-font-size: 10px;
}

.hv-menu.fs-sm {
    --hv-menu-link-font-size: 11px;
}

.hv-menu.fs-md {
    --hv-menu-link-font-size: 12px;
}

.hv-menu.fs-lg {
    --hv-menu-link-font-size: 13px;
}

.hv-menu.fs-xl {
    --hv-menu-link-font-size: 14px;
}

.hv-menu.fs-xxl {
    --hv-menu-link-font-size: 15px;
}

.mi-menu-indicator {
    font-family: var(--hv-primary-font);
}

.mi-menu-indicator::before {
    display: inline-block;
    position: absolute;
    right: 14px;
    font: normal normal normal 24px/1 var(--hv-icon-font);
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--hv-menu-indicator);
}

.mi-flip-r::before {
    top: 20% !important;
}

.hv-menu ul li ul {
    display: none;
}

.hv-menu ul li ul li {
    font-weight: 400;
}

.hv-menu ul li ul.open {
    display: block;
}

ul.show {
    display: block !important;
}

.hv-menu ul li ul li a {
    color: var(--hv-sidemenu-text-color);
    font-weight: 600;
    letter-spacing: 0.36px;
}

.hv-menu>ul>li>ul>li>a {
    margin-left: 0px !important;
    letter-spacing: 0.72px;
}

.hv-menu>ul>li>ul>li:not(:first-child) {
    margin-top: 3px !important;
}

/* 
.hv-menu ul li ul li:hover>a {
	color: var(--hv-active-primary-color-hex);
}
.hv-menu ul li ul li:hover>a::before {
	color: #495d62;
} */

.hv-menu ul li ul li:hover>a:before, .hv-menu ul li ul li.selected>a:before {
    margin-right: 0px;
}

.hv-menu ul li ul li.selected.selected--last>a {
    background-color: #94aab0;
    color: var(--hv-primary-white-hex);
}

.hv-menu ul li ul li.selected.selected--last>a:before {
    background-color: var(--hv-primary-white-hex);
}

.hv-menu .menu-link {
    padding: var(--hv-menu-link-padding-top) var(--hv-menu-link-padding-right) var(--hv-menu-link-padding-bottom) var(--hv-menu-link-padding-left);
}

.hv-menu .menu-link.parent {
    padding: var(--hv-menu-link-padding-top) var(--hv-menu-link-padding-right) var(--hv-menu-link-padding-bottom) calc(var(--hv-menu-link-padding-left) * 0);
}

.hv-menu .menu-link.active {
    background: var(--hv-focus-background);
    opacity: 1;
    font-weight: 100;
    letter-spacing: 0.72px;
}

.hv-menu .menu-link {
    border-radius: 20px 0px 0px 20px !important;
    -webkit-border-radius: 20px 0px 0px 20px !important;
    -moz-border-radius: 20px 0px 0px 20px !important;
    -ms-border-radius: 20px 0px 0px 20px !important;
    -o-border-radius: 20px 0px 0px 20px !important;
}

.hv-menu .menu-link.active, .hv-menu .menu-link.active::before {
    color: var(--hv-active-primary-color-hex) !important;
}

.hv-menu .menu-link.active i::before {
    color: var(--hv-active-primary-color-hex) !important;
}

.hv-menu .menu-link.active::before {
    background: transparent;
}

.hv-menu .selected {
    display: block;
}

/* .hv-menu:not([indent="start"], [indent="end"],) {
    padding: 0px var(--hv-content-padding-right) 0px var(--hv-content-padding-left) !important;
}

.hv-menu[indent="start"] {
    padding: 0px 0px 0px var(--hv-content-padding-left) !important;
}

.hv-menu[indent="end"] {
    padding: 0px var(--hv-content-padding-right) 0px 0px !important;
} */

.card {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
}

.row>.row {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
}

/***** Typography *****/

.focus\:text-line:focus-visible {
    border-bottom: 1px solid currentColor !important;
}

.hover\:text-line:hover {
    border-bottom: 1px solid currentColor !important;
}

.text-center {
    text-align: center !important;
}

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

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


.fs\:1 { 
    font-size: 12px; 
}

.fs\:2 { 
    font-size: 13.5px; 
}

.fs\:3 { 
    font-size: 15px; 
}

.fs\:4 { 
    font-size: 16.5px; 
}

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

.fs\:6 { 
    font-size: 19.5px; 
}

.fs\:7 { 
    font-size: 21px; 
}

.fs\:8 { 
    font-size: 22.5px; 
}

.fs\:9 { 
    font-size: 24px; 
}

.color\:white {
    color: #FFFFFF !important;
}

.color\:black {
    color: rgb(50,58,70) !important;
}

.text-muted {
    color: #98a6ad!important
}

.label\:primary\:title {
    color: var(--hv-primary-black-hex);
    text-align: left;
    font: normal normal 400 14.25px/23px var(--hv-primary-font);
    letter-spacing: 0.5px;
    padding-bottom: var(--hv-controls-VHspace-2);
    padding-top: var(--hv-controls-VHspace-3);
    opacity: 1;
}

.label\:secondary\:title {
    color: var(--hv-primary-black-hex);
    text-align: left;
    font: normal normal 500 24px/22px var(--hv-primary-font);
    letter-spacing: 0.4px;
    padding-bottom: calc(var(--hv-controls-VHspace-max) + 2px);
    opacity: 1;
}

.form-label {
    margin-bottom: 0.3rem;
    text-align: left;
    vertical-align: top;
    font: normal normal 400 12px/20px var(--hv-primary-font);
    letter-spacing: 0.4px;
    color: var(--hv-primary-black-hex);
    opacity: 1;
}

.link-label {
    color: var(--hv-primary-black-hex);
    margin-bottom: 0.3rem;
    text-align: left;
    vertical-align: top;
    font: normal normal 400 12px/20px var(--hv-primary-font);
    letter-spacing: 0.4px;
    opacity: 1;
}

.link-label:hover .font-xs:hover {
    font: normal normal 400 10px/16px var(--hv-primary-font);
    border-bottom: 1.6px solid var(--hv-active-link-primary);
    letter-spacing: 0.32px;
    color: var(--hv-active-link-primary);
    height: 15px;
}

.link-label:hover .font-1:hover {
    color: var(--hv-primary-black-hex);
    font: normal normal 800 13px/20px Inter;
    letter-spacing: 0.44px;
    opacity: 1;
}

.link-label.font-xs {
    font: normal normal 400 10px/16px var(--hv-primary-font);
    border-bottom: 1.6px solid var(--hv-active-link-primary);
    letter-spacing: 0.32px;
    color: var(--hv-active-link-primary);
    height: 15px;
}

.link-label.font-1 {
    font: normal normal 600 13px/20px Inter;
    border-bottom: 1.6px solid var(--hv-active-link-primary);
}

text-dark {
    color: var(--hv-primary-black-hex);
}

.input-group-text {
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}

.form-control {
    text-align: left;
    font: normal normal 400 12px/20px var(--hv-primary-font);
    letter-spacing: 0.4px;
    color: rgba(var(--hv-primary-black-rgb), var(--hv-primary-opacity-100)) !important;
    opacity: 1;
    padding: var(--hv-controls-padding);
    background: var(--hv-primary-white-hex)FFF 0% 0% no-repeat padding-box !important;
    border-radius: var(--hv-border-radius-lg);
    background-color: var(--hv-primary-white-hex) !important;
    -webkit-border-radius: var(--hv-border-radius-lg);
    -moz-border-radius: var(--hv-border-radius-lg);
    -ms-border-radius: var(--hv-border-radius-lg);
    -o-border-radius: var(--hv-border-radius-lg);
}

.form-control:has(:not(.input-group)), .input-group.input-group-merge {
    border-radius: var(--hv-border-radius-lg);
    -webkit-border-radius: var(--hv-border-radius-lg);
    -moz-border-radius: var(--hv-border-radius-lg);
    -ms-border-radius: var(--hv-border-radius-lg);
    -o-border-radius: var(--hv-border-radius-lg);
}

.form-control:has(:not(.input-group)), .input-group {
    /*background: var(--hv-primary-white-hex) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px rgba(var(--hv-primary-dark-rgb), 0.078) !important;
    */
    border-radius: var(--hv-controls-border-radius);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    opacity: 1;
    -webkit-border-radius: var(--hv-controls-border-radius);
    -moz-border-radius: var(--hv-controls-border-radius);
    -ms-border-radius: var(--hv-controls-border-radius);
    -o-border-radius: var(--hv-controls-border-radius);
}

.form-check-input {
    border: var(--hv-border-width-xs) var(--hv-border-solid) var(--hv-primary-light-hex);
    vertical-align: middle !important;
    padding: var(--hv-controls-VHspace-1) !important;
}

.form-check-input:checked {
    border: var(--hv-border-width-xs) var(--hv-border-solid) var(--hv-primary-light-hex) !important;
    vertical-align: middle !important;
    padding: var(--hv-controls-VHspace-1) !important;
    color: var(--hv-primary-white-hex);
    background-color: var(--hv-primary-black-hex);
}

.input-group>.form-control-1, .input-group>.form-select-1, .input-group>.form-control-1:focus, .input-group>.form-select-1:focus {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.input-group:has(.form-control-1, .form-select-1) {
    border: 2px solid var(--hv-border-secondary-hex);
    -webkit-box-shadow: 0px 2px 5px var(--hv-shadow-primary-light) !important;
    box-shadow: 0px 2px 5px var(--hv-shadow-primary-light) !important;
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: var(--hv-placeholder-secondary-hex);
}

::-webkit-input-placeholder {
    color: var(--hv-placeholder-secondary-hex);
}

::-moz-placeholder {
    color: var(--hv-placeholder-secondary-hex);
}

:-ms-input-placeholder {
    color: var(--hv-placeholder-secondary-hex);
}

::placeholder {
    color: var(--hv-placeholder-secondary-hex);
}

/* Font - Weight*/
.fw-100 {
    font-weight: 100 !important;
}

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

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

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

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

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

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

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

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

/***** End Typography *****/

.border\:secondary-1 {
    border-color: var(--hv-active-primary-color-hex) !important;
}

.btn {
    font: normal normal 500 12px/15px var(--hv-primary-font);
    padding: var(--hv-controls-padding) !important;
    border-radius: var(--hv-button-border-radius) !important;
    -webkit-border-radius: var(--hv-button-border-radius) !important;
    -moz-border-radius: var(--hv-button-border-radius) !important;
    -ms-border-radius: var(--hv-button-border-radius) !important;
    -o-border-radius: var(--hv-button-border-radius) !important;
}

.btn:focus {
    outline: none !important;
}

.hv-button, .hv-outline-button {
    --hv-button-bg-color: #6466E2;
    --hv-button-border-color: #6466E2;
    --hv-button-color: #FFFFFF;
    --hv-button-border-width: 1px;
    --hv-button-min-height: 27.5px;
    --hv-button-min-width: 100px;
    --hv-button-padding-top: 3px;
    --hv-button-padding-right: 6px;
    --hv-button-padding-bottom: 4px;
    --hv-button-padding-left: 6px;
    --hv-button-font-size: 12px;
    --hv-button-line-height: 15px;
    --hv-button-border-radius: 10px;
    --hv-button-display: inline-block;
    --hv-button-justify-content: center;
}

.hv-button, .hv-outline-button {
    -webkit-appearance: button;
    position: relative;
    display: var(--hv-button-display);
    justify-content: var(--hv-button-justify-content);
    text-align: center;
    padding: var(--hv-button-padding-top) var(--hv-button-padding-right) var(--hv-button-padding-bottom) var(--hv-button-padding-left);
    font: normal normal medium var(--hv-button-font-size)/var(--hv-button-line-height) var(--hv-primary-font);
    letter-spacing: 0px;
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    white-space: nowrap;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--hv-button-color) !important;
    min-height: var(--hv-button-min-height);
    height: var(--hv-button-min-height);
    min-width: var(--hv-button-min-width);
    background: var(--hv-button-bg-color) 0% 0% no-repeat padding-box;
    background-size: 100% 200%;
    background-image: linear-gradient(to right, var(--hv-button-bg-color) 100%, transparent 50%);
    border: none;
    opacity: 1;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    text-shadow: none;
    border-radius: var(--hv-button-border-radius);
    -webkit-border-radius: var(--hv-button-border-radius);
    -moz-border-radius: var(--hv-button-border-radius);
    -ms-border-radius: var(--hv-button-border-radius);
    -o-border-radius: var(--hv-button-border-radius);
    transition: background-position 1s;
    -webkit-transition: background-position 1s;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: background-position 1s;
}

.hv-button[area-type="icon"], .hv-outline-button[area-type="icon"] {
    --hv-button-min-width: 20px;
}

.hv-button[data-shape=rounded], .hv-outline-button[data-shape=rounded] {
    --hv-button-border-radius: 25px;
}

.hv-button[data-shape=rounded-rect], .hv-outline-button[data-shape=rounded-rect] {
    --hv-button-border-radius: 10px;
}

.hv-button[data-shape=rect], .hv-outline-button[data-shape=rect] {
    --hv-button-border-radius: 0px;
}

.hv-button[border-size="xs"], .hv-outline-button[border-size="xs"] {
    --hv-button-border-width: 2px;
}

.hv-button[display="flex-center"], .hv-outline-button[display="flex-center"] {
    --hv-button-display: inline-flex;
    --hv-button-justify-content: center;
}

.hv-button[display="flex-between"], .hv-outline-button[display="flex-between"] {
    --hv-button-display: inline-flex;
    --hv-button-justify-content: space-between;
}

.hv-button[display="flex-around"], .hv-outline-button[display="flex-around"] {
    --hv-button-display: inline-flex;
    --hv-button-justify-content: space-around
}

.hv-group:not([data-type=controls]):has(.hv-button, .hv-outline-button, button, a) {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    background-color: #FFFFFF;
    color: var(--hv-button-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.hv-group[data-type=controls]:has(.hv-control, .hv-select) {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    vertical-align: middle;
    background-color: inherit;
    color: var(--hv-button-color);
    height: calc(var(--hv-control-height) + var(--hv-size-varient-value));
    border-radius: var(--hv-group-border-radius);
    -webkit-border-radius: var(--hv-group-border-radius);
    -moz-border-radius: var(--hv-group-border-radius);
    -ms-border-radius: var(--hv-group-border-radius);
    -o-border-radius: var(--hv-group-border-radius);
}

.hv-group[data-type=controls][icon-position="left"] {
    direction: ltr !important;
}

.hv-group[data-type=controls][icon-position="right"] {
    direction: rtl !important;
}

.hv-group:not(.regular)>.hv-button:has(:not(.active)), .hv-group:not(.regular)>.hv-outline-button {
    --hv-button-min-width: 20px;
    --hv-button-border-color: transparent;
    height: inherit;
}

.hv-group:not(.regular)>.hv-button.active, .hv-group:not(.regular)>.hv-outline-button.active {
    --hv-button-min-width: 20px;
    --hv-button-border-color: #6466E2;
    height: inherit;
}

.hv-button.primary {
    --hv-button-bg-color: #6466E2;
    --hv-button-border-color: #6466E2;
    --hv-button-color: #FFFFFF;
}

.hv-button.danger {
    --hv-button-bg-color: #F76262;
    --hv-button-border-color: #F76262;
    --hv-button-color: #FFFFFF;
}

.hv-button.success {
    --hv-button-bg-color: #2DCB7B;
    --hv-button-border-color: #2DCB7B;
    --hv-button-color: #FFFFFF;
}

.hv-button.warning {
    --hv-button-bg-color: #F2C268;
    --hv-button-border-color: #F2C268;
    --hv-button-color: #404040;
}

.hv-button.override {
    --hv-button-bg-color: #FFA310;
    --hv-button-border-color: #FFA310;
    --hv-button-color: #FFFFFF;
}

.hv-button.edit {
    --hv-button-bg-color: #768193;
    --hv-button-border-color: #768193;
    --hv-button-color: #FFFFFF;
}

.hv-button.light {
    --hv-button-bg-color: #F2F2F2;
    --hv-button-border-color: #F2F2F2;
    --hv-button-color: #FFFFFF;
}

.hv-button.white {
    --hv-button-bg-color: #FFFFFF;
    --hv-button-border-color: #FFFFFF --hv-button-color: #000000;
}

.hv-button.transparent {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: transparent --hv-button-color: #FFFFFF;
}

.hv-button:disabled .transparent, .hv-button[disabled] .transparent, .hv-button:read-only .transparent, .hv-button[readonly] .transparent {
    --hv-button-bg-color: #BBBBBB;
    --hv-button-border-color: #BBBBBB;
    --hv-button-color: #FFFFFF;
    pointer-events: none;
    opacity: .65;
}

.hv-button:disabled, .hv-button[disabled] {
    --hv-button-bg-color: #BBBBBB;
    --hv-button-border-color: #BBBBBB;
    --hv-button-color: #FFFFFF;
    pointer-events: none;
    opacity: .65;
}

.hv-button:read-only .transparent, .hv-button[readonly] .transparent, .hv-button:read-only, .hv-button[readonly] {
    cursor: not-allowed;
}

.hv-button.hv-role\:contact {
    color: #868686 !important;
    position: absolute !important;
    bottom: 0 !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
    border: none !important;
}

.hv-outline-button {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #6466E2;
    --hv-button-color: #6466E2;
    --hv-button-border-width: 1px;
    --hv-button-min-height: 27.5px;
    --hv-button-min-width: 98px;
    --hv-button-padding-top: 1px;
    --hv-button-padding-right: 5px;
    --hv-button-padding-bottom: 5px;
    --hv-button-padding-left: 6px;
    --hv-button-margin: 0px;
    border: var(--hv-button-border-width) solid var(--hv-button-border-color);
    margin: var(--hv-button-margin);
    min-width: var(--hv-button-min-width);
    padding: var(--hv-button-padding-top) var(--hv-button-padding-right) var(--hv-button-padding-bottom) var(--hv-button-padding-left);
}

.hv-outline-button:focus {
    background-position: 0 -100%;
} 


.hv-outline-button.primary {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #6466E2;
    --hv-button-color: #6466E2;
}

.hv-outline-button.danger {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #F76262;
    --hv-button-color: #F76262;
}

.hv-outline-button.success {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #2DCB7B;
    --hv-button-color: #2DCB7B;
}

.hv-outline-button.warning {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #F2C268;
    --hv-button-color: #F2C268;
}

.hv-outline-button.override {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #ECB969;
    --hv-button-color: #ECB969;
}

.hv-outline-button.light {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: #F2F2F2;
    --hv-button-color: #F2F2F2;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.primary:hover {
    --hv-button-bg-color: #6466E2;
    --hv-button-border-color: #6466E2;
    --hv-button-color: #FFFFFF;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.danger:hover, :not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.danger:focus {
    --hv-button-bg-color: #F76262;
    --hv-button-border-color: #F76262;
    --hv-button-color: #FFFFFF;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.success:hover {
    --hv-button-bg-color: #2DCB7B;
    --hv-button-border-color: #2DCB7B;
    --hv-button-color: #FFFFFF;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.warning:hover {
    --hv-button-bg-color: #F2C268;
    --hv-button-border-color: #F2C268;
    --hv-button-color: #232323;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.override:hover {
    --hv-button-bg-color: #ECB969;
    --hv-button-border-color: #ECB969;
    --hv-button-color: #232323;
}

:not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button.light:hover {
    --hv-button-bg-color: #F2F2F2;
    --hv-button-border-color: #F2F2F2;
    --hv-button-color: #232323;
}

.hv-outline-button:disabled, .hv-outline-button[disabled] {
    --hv-button-bg-color: #BBBBBB;
    --hv-button-border-color: #BBBBBB;
    --hv-button-color: #FFFFFF;
    pointer-events: none;
    opacity: .65;
}

/* :not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none) {
    --hv-button-bg-color: transparent;
} */

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none).primary:after {
    --hv-button-after-bg-color: #6466E2;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none).danger:after {
    --hv-button-after-bg-color: #F76262;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none).success:after {
    --hv-button-after-bg-color: #2DCB7B;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none).warning:after {
    --hv-button-after-bg-color: #F2C268;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none).light:after {
    --hv-button-after-bg-color: #F2F2F2;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):hover, :not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):focus {
    /* --hv-button-color: #FFFFFF; */
    color: var(--hv-button-color);
    /* background: var(--hv-button-bg-color) 0% 0% no-repeat padding-box; */
    padding: var(--hv-button-padding-top) var(--hv-button-padding-right) var(--hv-button-padding-bottom) var(--hv-button-padding-left);
    /* line-height: 18px; */
}

.hv-group>.hv-outline-button, .hv-group>.hv-outline-button:hover, .hv-group>.hv-outline-button:focus, hv-group>.hv-outline-button.active {
    --hv-button-padding-top: 5px;
    --hv-button-padding-right: 12px;
    --hv-button-padding-bottom: 5px;
    --hv-button-padding-left: 12px;
    --hv-button-margin: 0px;
    font-size: 16px;
}

.hv-group:not(.bordered\:child)>.hv-outline-button {
    --hv-button-border-width: 0px;
}

.hv-group>.hv-outline-button.active {
    --hv-button-border-width: 1px;
}

.hv-group[data-category="icon"]>.hv-outline-button.active {
    --hv-button-border-width: 2px;
}

.hv-group>.hv-outline-button.primary {
    --hv-button-color: #A2A2A2;
}

.hv-group>.hv-outline-button.primary.active, .hv-group>.hv-outline-button.primary:hover, .hv-group>.hv-outline-button.primary:focus-visible {
    --hv-button-color: #6466E2;
}


.hv-group:not([data-category=icon]) .hv-outline-button>i, .hv-group:not([data-category=icon]) .hv-button>i {
    line-height: 1px !important;
}

.hv-group>.hv-outline-button:hover, .hv-group>.hv-outline-button:focus {
    --hv-button-min-height: 28.5px;
}

.hv-group:not([data-category=icon])>.hv-outline-button:hover, .hv-group:not([data-category=icon])>.hv-outline-button:focus {
    line-height: inherit;
}

/* .hv-group[data-type=button][data-category=icon] .hv-outline-button:hover { */
.hv-group[data-type=button][data-category=icon] .hv-outline-button {
    --hv-button-line-height: inherit;
}

.hv-group[data-type=button][data-category=icon] .hv-outline-button:not(.active) i {
    line-height: inherit !important;
}
/* 
.hv-group[data-type=button][data-category=icon] .hv-outline-button:hover i {
    line-height: normal !important;
} */

.hv-group[data-type=button][data-category=icon] .hv-outline-button.active, .hv-group[data-type=button][data-category=icon] .hv-outline-button.active:hover i { 
    /* line-height: calc(var(--hv-button-font-size) * 0.75) !important; */
    line-height: calc(var(--hv-button-font-size) * 1.5) !important;
}

.hv-outline-button.border\:2px {
    --hv-button-border-width: 2px;
}

.hv-outline-button.border\:3px {
    --hv-button-border-width: 3px;
}

.hv-outline-button.border\:4px {
    --hv-button-border-width: 4px;
}

.hv-button>i.mi,
.hv-outline-button>i.mi {
    font-size: var(--hv-button-font-size);
    line-height: var(--hv-button-line-height);
}

.btn.slide-right {
    transition: background-color 300ms ease-out;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -ms-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
}

.slide-right>i {
    display: inline-block;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
}

.slide-right {
    position: relative;
    -webkit-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}

.slide-right span {
    display: inline-block;
    position: relative;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: transform;
}

.slide-right:hover span {
    -webkit-transform: translate3d(-1rem, 0, 0);
    transform: translate3d(-1rem, 0, 0);
}

.slide-right i {
    position: absolute;
    width: 1.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: right, opacity;
}

.slide-right i * {
    stroke-width: 5;
    stroke: transparent;
}

.slide-right:hover i {
    opacity: 1;
    right: -2rem;
}

.btn-mid {
    padding: var(--hv-btn-padding-md) !important;
    min-width: 115px;
}

.btn-outline,
.btn-outline-primary {
    background: var(--hv-primary-white-hex) 0% 0% no-repeat padding-box !important;
    text-align: center;
    font: normal normal 400 11px/15px var(--hv-primary-font) !important;
    letter-spacing: 0.24px !important;
    color: var(--hv-active-primary-color-hex) !important;
    outline: none !important;
    border: 1.9px solid var(--hv-active-primary-color-hex) !important;
    border-radius: var(--hv-button-border-radius) !important;
    -webkit-border-radius: var(--hv-button-border-radius) !important;
    -moz-border-radius: var(--hv-button-border-radius) !important;
    -ms-border-radius: var(--hv-button-border-radius) !important;
    -o-border-radius: var(--hv-button-border-radius) !important;
}

.btn-primary,
.btn-primary:hover,
.btn-outline-primary:hover {
    background: var(--hv-active-primary-color-hex) 0% 0% no-repeat padding-box !important;
    text-align: center;
    font: normal normal 400 11px/15px var(--hv-primary-font);
    letter-spacing: 0.24px;
    color: var(--hv-primary-white-hex) !important;
    outline: none !important;
    border: none !important;
    border-radius: var(--hv-button-border-radius);
    -webkit-border-radius: var(--hv-button-border-radius);
    -moz-border-radius: var(--hv-button-border-radius);
    -ms-border-radius: var(--hv-button-border-radius);
    -o-border-radius: var(--hv-button-border-radius);
}

.btn-outline-danger {
    background: var(--hv-primary-white-hex) 0% 0% no-repeat padding-box !important;
    text-align: center !important;
    font: normal normal 400 11px/15px var(--hv-primary-font) !important;
    letter-spacing: 0.24px !important;
    color: var(--hv-danger-color-hex) !important;
    border: 2px solid var(--hv-danger-color-hex) !important;
    outline: none !important;
    border-radius: var(--hv-button-border-radius) !important;
    -webkit-border-radius: var(--hv-button-border-radius) !important;
    -moz-border-radius: var(--hv-button-border-radius) !important;
    -ms-border-radius: var(--hv-button-border-radius) !important;
    -o-border-radius: var(--hv-button-border-radius) !important;
}

.btn-outline-danger:hover {
    background: var(--hv-danger-color-hex) 0% 0% no-repeat padding-box !important;
    color: var(--hv-primary-white-hex) !important;
    border: none !important;
}

.btn-dark {
    color: var(--hv-primary-white-hex);
    background-color: var(--hv-primary-black-hex);
    border-color: var(--hv-primary-black-hex);
}

.btn:hover.btn-hover\:scale-xs:not(.wave-none, .slide-right) {
    transform: scaleX(1.035);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transform-box: initial;
    -webkit-transform: scaleX(1.035);
    -moz-transform: scaleX(1.035);
    -ms-transform: scaleX(1.035);
    -o-transform: scaleX(1.035);
}

.btn.btn-hover\:scale-xs:not(.wave-none, .slide-right)>i {
    -webkit-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}

.overlay\:button-90 {
    position: sticky;
    bottom: 0;
    min-width: -webkit-fill-available;
    height: 28px !important;
    background: rgb(64 64 64 / 90%) 0% 0% no-repeat padding-box !important;
    text-align: center;
    font: normal normal 400 11px/15px var(--hv-primary-font);
    letter-spacing: 0.24px;
    color: var(--hv-primary-white-hex) !important;
    outline: none !important;
    border: none !important;
    border-radius: var(--hv-button-border-radius);
    -webkit-border-radius: var(--hv-button-border-radius);
    -moz-border-radius: var(--hv-button-border-radius);
    -ms-border-radius: var(--hv-button-border-radius);
    -o-border-radius: var(--hv-button-border-radius);
}

/* .btn:hover.btn-hover\:scale-xs:not(.wave-none, .slide-right)>i {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
} */

.btn-xs.custom, .btn-xs:hover.custom {
    text-align: center;
    height: calc(var(--hv-controls-height-xs) + 5px) !important;
    font-size: 100% !important;
    padding: var(--hv-btn-padding-xs) !important;
    min-width: 119px;
}

.btn-xs, .hv-outline-button.hv-xs, .hv-button.hv-xs {
    --hv-button-line-height: 20px;
}

.btn-sm, .hv-outline-button.hv-sm, .hv-button.hv-sm {
    --hv-button-line-height: 22.5px;
}

.btn-md, .hv-outline-button.hv-md, .hv-button.hv-md {
    --hv-button-line-height: 25px;
}

.btn-lg, .hv-outline-button.hv-lg, .hv-button.hv-lg {
    --hv-button-padding-top: 5px;
    --hv-button-line-height: 27.5px;
}

.btn-xs, .hv-outline-button.hv-xs, .hv-button.hv-xs {
    --hv-button-font-size: 12px;
    height: var(--hv-controls-height-xs) !important;
    padding: var(--hv-btn-padding-xs) !important;
    font: normal normal 500 var(--hv-button-font-size)/var(--hv-button-line-height) var(--hv-primary-font) !important;
}

:not(td)>.hv-outline-button.hv-xs, :not(td)>.hv-button.hv-xs {
    --hv-button-min-height: 27.5px;
}

td>.hv-outline-button.hv-xs, td>.hv-button.hv-xs {
    --hv-button-min-height: 25.5px;
}

.hv-outline-button.hv-sm, .hv-button.hv-sm {
    --hv-button-min-height: 28.25px;
}

.hv-outline-button.hv-md, .hv-button.hv-md {
    --hv-button-min-height: 29.5px;
}

.hv-outline-button.hv-lg, .hv-button.hv-lg {
    --hv-button-min-height: 31.5px;
}

.btn-xs:not(:has([class*=" btn-outline-"], [class^="btn-outline-"])) {
    font-size: 100% !important;
}

.btn-xs:has([class*=" btn-outline-"], [class^="btn-outline-"]) {
    font-size: 96% !important;
}

.btn-sm {
    height: var(--hv-controls-height-sm) !important;
    font-size: 102.5% !important;
    padding: var(--hv-btn-padding-sm) !important;
}

.btn-md {
    height: var(--hv-controls-height-md) !important;
    font-size: 105% !important;
    padding: var(--hv-btn-padding-md) !important;
}

.btn-lg {
    height: var(--hv-controls-height-lg) !important;
    font-size: 107.5% !important;
    padding: var(--hv-btn-padding-lg) !important;
}

.btn-xl {
    height: var(--hv-controls-height-xl) !important;
    font-size: 110% !important;
    padding: var(--hv-btn-padding-xl) !important;
}

.btn-xxl {
    height: var(--hv-controls-height-xxl) !important;
    font-size: 112.5% !important;
    padding: var(--hv-btn-padding-xxl) !important;
}

.card\:footer-padding.pt-max,
.pt-max {
    padding-top: var(--hv-indent-space-max) !important;
}

.col\:70 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70%;
}

.col\:30 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30%;
}

.offset\:90-padding\:right-3 {
    padding-right: 1.5rem !important;
    width: 94.63%;
}

.bg-transparent {
    background: rgba(var(--hv-primary-whiet-rgb), var(--hv-primary-opacity-0)) 0% 0% no-repeat padding-box !important;
}

[data-gradient="linear"], [class*="bg-gradient-"] {
    background: var(--hv-background-gradient-color) !important;
}

[data-gradient="linear"].primary.auth, .bg-gradient-blue.auth{
    --hv-background-gradient-color: linear-gradient(172deg, #0D285C 28.02%, #75DBC7 140.98%);
}

[data-gradient="linear"].primary, .bg-gradient-blue{
    --hv-background-gradient-color: linear-gradient(278deg, #0D285C 28.02%, #75DBC7 140.98%);
}

[data-gradient="linear"].success{
    --hv-background-gradient-color: transparent linear-gradient(130deg, #1A9D9D 0%, #0D3D4F 100%) 0% 0% no-repeat padding-box;
}

[data-gradient="linear"].secondary{
    --hv-background-gradient-color: transparent linear-gradient(135deg, #414141 0%, #3B3B3B 28%, #232323 100%) 0% 0% no-repeat padding-box;
}

[data-gradient="linear"].purple{
    --hv-background-gradient-color: transparent linear-gradient(128deg, #9C66E3 0%, #4E3372 100%) 0% 0% no-repeat padding-box;
}

/* ~~~ Under class name change required*/

.bg-gradient-blue {
    background: -o-linear-gradient(278deg, #0D285C 28.02%, #75DBC7 140.98%) !important;
    background: linear-gradient(172deg, #0D285C 28.02%, #75DBC7 140.98%) !important;
} 

.bg-gradient-success {
    background: transparent -o-linear-gradient(320deg, #1A9D9D 0%, #0D3D4F 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(130deg, #1A9D9D 0%, #0D3D4F 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.bg-gradient-secondary {
    background: transparent -o-linear-gradient(315deg, #414141 0%, #3B3B3B 28%, #232323 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(135deg, #414141 0%, #3B3B3B 28%, #232323 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.bg-gradient-purple {
    background: transparent -o-linear-gradient(322deg, #9C66E3 0%, #4E3372 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(128deg, #9C66E3 0%, #4E3372 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}
.bg-gradient-green {
    background: transparent -o-linear-gradient(322deg, #2DCB7B 0%, #12626A 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(128deg, #2DCB7B 0%, #12626A 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

.bg-gradient-orange {
    background: transparent -o-linear-gradient(120deg, #EA7B60 0%, #895939 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(128deg, #EA7B60 0%, #895939 100%) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}

/* ~~~ Under class name change required*/

/* shadow styles are start here */
.hv-shadow\[sm\] {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}

.hv-shadow {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
}

.hv-shadow\[md\] {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
}

.hv-shadow\[lg\] {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}

.hv-shadow\[xl\] {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
}

.hv-shadow\[2xl\] {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
}

.hv-shadow\[inner\] {
    box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
}

.hv-shadow\[none\] {
    box-shadow: 0 0 #0000 !important;
}
/* shadow styles are end here */

.shadow-light-lg {
    -webkit-box-shadow: 0px 3px 6px #9D9D9D2F !important;
    box-shadow: 0px 3px 6px #9D9D9D2F !important;
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.hv-mobi-shadow-sw {
    -webkit-box-shadow: 21px 11px 11px -20px rgba(0,0,0,.16), 14px 9px 7px 0 rgba(0,0,0,.12) !important;
    box-shadow: 21px 11px 11px -20px rgba(0,0,0,.16), 14px 9px 7px 0 rgba(0,0,0,.12) !important;
}

.rounded-xs {
    border-radius: var(--hv-border-radius-xs) !important;
    -webkit-border-radius: var(--hv-border-radius-xs) !important;
    -moz-border-radius: var(--hv-border-radius-xs) !important;
    -ms-border-radius: var(--hv-border-radius-xs) !important;
    -o-border-radius: var(--hv-border-radius-xs) !important;
}

.rounded-sm {
    border-radius: var(--hv-border-radius-sm) !important;
    -webkit-border-radius: var(--hv-border-radius-sm) !important;
    -moz-border-radius: var(--hv-border-radius-sm) !important;
    -ms-border-radius: var(--hv-border-radius-sm) !important;
    -o-border-radius: var(--hv-border-radius-sm) !important;
}

.rounded-md {
    border-radius: var(--hv-border-radius-md) !important;
    -webkit-border-radius: var(--hv-border-radius-md) !important;
    -moz-border-radius: var(--hv-border-radius-md) !important;
    -ms-border-radius: var(--hv-border-radius-md) !important;
    -o-border-radius: var(--hv-border-radius-md) !important;
}

.rounded-lg {
    border-radius: var(--hv-border-radius-lg) !important;
    -webkit-border-radius: var(--hv-border-radius-lg) !important;
    -moz-border-radius: var(--hv-border-radius-lg) !important;
    -ms-border-radius: var(--hv-border-radius-lg) !important;
    -o-border-radius: var(--hv-border-radius-lg) !important;
}

.rounded-xl {
    border-radius: var(--hv-border-radius-xl) !important;
    -webkit-border-radius: var(--hv-border-radius-xl) !important;
    -moz-border-radius: var(--hv-border-radius-xl) !important;
    -ms-border-radius: var(--hv-border-radius-xl) !important;
    -o-border-radius: var(--hv-border-radius-xl) !important;
}

.rounded-xxl {
    border-radius: var(--hv-border-radius-xxl) !important;
    -webkit-border-radius: var(--hv-border-radius-xxl) !important;
    -moz-border-radius: var(--hv-border-radius-xxl) !important;
    -ms-border-radius: var(--hv-border-radius-xxl) !important;
    -o-border-radius: var(--hv-border-radius-xxl) !important;
}

.rounded-min {
    border-radius: var(--hv-border-radius-min) !important;
    -webkit-border-radius: var(--hv-border-radius-min) !important;
    -moz-border-radius: var(--hv-border-radius-min) !important;
    -ms-border-radius: var(--hv-border-radius-min) !important;
    -o-border-radius: var(--hv-border-radius-min) !important;
}

.rounded-max {
    border-radius: var(--hv-border-radius-max) !important;
    -webkit-border-radius: var(--hv-border-radius-max) !important;
    -moz-border-radius: var(--hv-border-radius-max) !important;
    -ms-border-radius: var(--hv-border-radius-max) !important;
    -o-border-radius: var(--hv-border-radius-max) !important;
}

.lh-3 {
    line-height: 2.3 !important;
}

.contact-text {
    color: var(--hv-primary-white-hex);
    text-align: center;
    font: normal normal 500 12px/13px var(--hv-primary-font);
    letter-spacing: 0px;
    opacity: 1;
}

.nav-second-level>li {
    display: list-item;
}

#sidebar-menu>ul>li>a {
    padding: 6px 12px;
}

.nav-second-level li a {
    padding: 6px 9px 6px 9px;
}

.nav-second-level li i {
    margin-right: 2px;
}

nav-second-level li [class^="mi"],
.nav-second-level li [class*=" mi"],
.nav-second-level li [class^="material-icons"],
.nav-second-level li [class*=" material-icons"],
.nav-second-level li [class^="mi-outlined"],
.nav-second-level li [class*=" mi-outlined"],
.nav-second-level li [class^="material-icons-outlined"],
.nav-second-level li [class*=" material-icons-outlined"],
.nav-second-level li [class^="mi-round"],
.nav-second-level li [class*=" mi-round"],
.nav-second-level li [class^="material-icons-round"],
.nav-second-level li [class*=" material-icons-round"],
.nav-second-level li [class^="mi-sharp"],
.nav-second-level li [class*=" mi-sharp"],
.nav-second-level li [class^="material-icons-sharp "],
.nav-second-level li [class*=" material-icons-sharp "],
.nav-second-level li [class^="mi-two-tone"],
.nav-second-level li [class*=" mi-two-tone"],
.nav-second-level li [class^="material-icons-two-tone"],
.nav-second-level li [class*=" material-icons-two-tone"] {
    margin-right: 0px !important;
    line-height: 1.5;
    font-size: 1.2rem;
}

.nav-second-level li a {
    font-size: 0.86rem !important;
}

.nav-second-level li a:focus,
.nav-second-level li:hover a:hover,
.nav-second-level li a:hover:is(+ i) {
    color: var(--hv-active-primary-color-hex);
}

.logo-box {
    background-color: inherit;
}

#sidebar-menu .menuitem-active .active {
    background: var(--hv-focus-background);
    border-radius: 20px 0px 0px 20px;
    opacity: 1;
}

#sidebar-menu .menuitem-active .active {
    color: var(--hv-active-primary-color-hex) !important;
}

#sidebar-menu .menuitem-active .active a.active i {
    color: inherit !important;
}

#sidebar-menu .menuitem-active a.active {
    color: inherit !important;
}

#sidebar-menu li>a {
    --hv-sidemenu-text-color: #636774;
    color: var(--hv-sidemenu-text-color) !important;
    font-weight: 500;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    outline: none !important;
}

#sidebar-menu li>a>i {
    --hv-sidemenu-icon-color: #A2A2A2;
    color: var(--hv-sidemenu-icon-color) !important;
}

#sidebar-menu>ul>li>a>span {
    color: var(--hv-icon-color-secondary-light-hex);
    font-weight: bold;
}

.navbar-custom .topnav-menu .nav-link {
    line-height: 60px;
    max-height: 60px;
}

.left-side-menu {
    padding-top: calc(60px + 12px);
    padding-bottom: 5px;
}

.logo-box {
    height: 65px;
    ;
}

.paage-title-primary {
    text-align: left;
    font-family: var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-active-primary-color-hex) !important;
    opacity: 1;
}

.paage-title-primary>* {
    color: var(--hv-active-primary-color-hex) !important;
}

.navbar-custom {
    height: 65px;
    background: rgba(var(--hv-primary-whiet-rgb), var(--hv-primary-opacity-100)) 0% 0% no-repeat padding-box !important;
    -webkit-box-shadow: 0px 3px 6px rgba(var(--hv-primary-dark-rgb), 0.043) !important;
    box-shadow: 0px 3px 6px rgba(var(--hv-primary-dark-rgb), 0.043) !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 6px 40px 6px 28px;
    opacity: 1;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.password-eye:before {
    font-family: "Material Icons Outlined" !important;
    content: "\e8f4" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1.5;
    font-size: 18px;
}

.show-password .password-eye:before {
    content: "\e8f5" !important;
}

.icon-secondary {
    color: var(--hv-icon-color-secondary-hex) !important;
}

.icon-primary,
.icon-secondary:hover,
.add-on:hover .icon-secondary {
    color: var(--hv-icon-color-primary-hex) !important;
}

.mi-swap-horiz {
    font-size: 1.23rem;
}

.hv-alert {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: calc(var(--hv-content-padding-top) * 1.33);
    right: 0%;
    max-width: 25%;
    background: var(--hv-primary-white-hex) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #A0A0A026;
    box-shadow: 0px 3px 4.5px #A0A0A026;
    border: 2.35px solid var(--hv-active-secondary-color-hex);
    border-radius: 17px 0px 0px 18px;
    padding: 16px 10px 15px 20px;
    /*animation: 4s slideOutRight;
    -webkit-animation: 4s slideOutRight;
    */opacity: 1;
    z-index: 1000;
    -webkit-border-radius: 17px 0px 0px 18px;
    -moz-border-radius: 17px 0px 0px 18px;
    -ms-border-radius: 17px 0px 0px 18px;
    -o-border-radius: 17px 0px 0px 18px;
}

.hv-alert>strong {
    padding-right: 30px !important;
    text-align: left;
    font: normal normal 500 13.25px/14.25px var(--hv-primary-font);
    letter-spacing: 0.24px;
    color: var(--hv-title-active-dark-color-hex);
    opacity: 1;
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        display: none;
    }
}

.text-primary, .hv-text-primary {
    color: var(--hv-active-primary-color-hex) !important;
}

.hv-group>.hv-label:not([area-data-type=int]), .hv-group[role="group"]>.hv-label:not([area-data-type=int]) {
    --hv-label-margin-bottom: 0px;
}
.hv-group>.hv-label, .hv-group[role="group"]>.hv-label {
    --hv-label-font-weight: medium;
    --hv-label-border-radius: inherit;
    --hv-label-background-color: #6466E2;
    --hv-label-text-color: #F2F2F2;
    --hv-label-font-size: 12px;
    --hv-label-line-height: 15px;
    --hv-label-margin-bottom: 2px;
    border-radius: calc(var(--hv-group-border-radius) - 1px) !important;
    -webkit-border-radius: calc(var(--hv-group-border-radius) - 1px) !important;
    -moz-border-radius: calc(var(--hv-group-border-radius) - 1px) !important;
    -ms-border-radius: calc(var(--hv-group-border-radius) - 1px) !important;
    -o-border-radius: calc(var(--hv-group-border-radius) - 1px) !important;
}

.hv-group>.hv-label:first-child, .hv-group[role="group"]>.hv-label:first-child {
    margin-right: 0px !important;
}

.hv-group>.hv-label:last-child, .hv-group[role="group"]>.hv-label:last-child {
    margin-left: 0px !important;
}

.hv-label {
    --hv-label-text-align: left;
    --hv-label-letter-spacing: 0px;
    --hv-label-text-transform: capitalize;
    --hv-label-font-size: 13px;
    --hv-label-line-height: 15px;
    --hv-label-opacity: 1;
}

:not(.hv-group, .hv-group[role="group"])>.hv-label[data-type="title-label"] {
    --hv-label-font-weight: 700;
    --hv-label-margin-bottom: 3px;
    --hv-label-letter-spacing: 0.23px;
    --hv-label-background-color: transparent;
    --hv-label-text-color: #6466E2;
}

:not(.hv-group, .hv-group[role="group"])>.hv-label[data-type="sub-title-label"] {
    --hv-label-font-weight: 600;
    --hv-label-margin-bottom: 3px;
    --hv-label-letter-spacing: 0.23px;
    --hv-label-background-color: transparent;
}

:not(.hv-group, .hv-group[role="group"])>.hv-label {
    --hv-label-font-weight: 500;
    --hv-label-margin-bottom: 3px;
    --hv-label-letter-spacing: 0.23px;
    --hv-label-background-color: transparent;
}

.hv-label {
    text-align: var(--hv-label-text-align);
    letter-spacing: var(--hv-label-letter-spacing);
    color: var(--hv-label-text-color);
    background-color: var(--hv-label-background-color);
    opacity: var(--hv-label-opacity);
    margin-bottom: var(--hv-label-margin-bottom);
    vertical-align: middle;
}

.hv-label:not([data-type="sub-title-label"], [data-type="title-label"]) {
    --hv-label-font-weight: 400;
    font: normal normal var(--hv-label-font-weight) var(--hv-label-font-size)/var(--hv-label-line-height) var(--hv-primary-font);
}

.hv-label[data-type="sub-title-label"], .hv-label[data-type="child-header"] {
    --hv-label-font-weight: 600;
    font: normal normal var(--hv-label-font-weight) calc(var(--hv-label-font-size) * 1.125)/calc(var(--hv-label-line-height) * 1.215) var(--hv-primary-font);
}

.hv-label[data-type="title-label"] {
    --hv-label-font-weight: 700;
    font: normal normal var(--hv-label-font-weight) calc(var(--hv-label-font-size) * 1.25)/calc(var(--hv-label-line-height) * 1.53) var(--hv-primary-font);
}

.hv-label.left {
    --hv-label-text-align: left;
}

.hv-label.center {
    --hv-label-text-align: center;
}

.hv-label.right {
    --hv-label-text-align: right;
}

.hv-label.hv-xs {
    --hv-label-font-size: 10px;
    --hv-label-line-height: 12px;
}

.hv-label.hv-sm {
    --hv-label-font-size: 12px;
    --hv-label-line-height: 14px;
}

.hv-label.hv-md {
    --hv-label-font-size: 14px;
    --hv-label-line-height: 16.5px;
}

.hv-label.hv-lg {
    --hv-label-font-size: 17px;
    --hv-label-line-height: 21.5px;
}

.hv-label.primary {
    --hv-label-text-color: #6466E2;
}

.hv-label.danger,
.hv-label>.error {
    --hv-label-text-color: #F76262;
}

.hv-label.success {
    --hv-label-text-color: #2DCB7B;
}

.hv-label.warning {
    --hv-label-text-color: #F2C268;
}

.hv-label.light {
    --hv-label-text-color: #F2F2F2;
}

.hv-label.light\:90\% {
    --hv-label-text-color: #7A8396;
}

.hv-label.secondary {
    --hv-label-text-color: #8B8B8B;
}

.hv-label.dark {
    --hv-label-text-color: #404040;
}

.hv-label[aria-typo*="case\:"] {
    text-transform: var(--hv-label-text-transform) !important;
}

.hv-label[aria-typo="case\:low"] {
    --hv-label-text-transform: lowercase;
}

.hv-label[aria-typo="case\:up"] {
    --hv-label-text-transform: uppercase;
}

.hv-label[aria-typo="case\:title"] {
    --hv-label-text-transform: capitalize;
}

/* Alert */
.alert\:success {
    border-color: var(--hv-active-success-color-hex);
}

.alert\:danger {
    border-color: var(--hv-active-danger-color-hex);
}

.alert\:warning {
    border-color: var(--hv-active-warning-color-hex);
}

.info-header, .info-header.white {
    --hv-info-header-color-hex: #FFFFFF;
}

.info-header.dark {
    --hv-info-header-color-hex: #264757;
}

.info-body-text, .info-body-text.white {
    --hv-info-body-text-color-hex: #FFFFFF;
}

.info-body-text.dark {
    --hv-info-body-text-color-hex: #264757;
}

.info-percentage, .info-percentage.white {
    --hv-info-percentage-color-hex: #FFFFFF;
}

.info-percentage.dark {
    --hv-info-percentage-color-hex: #264757;
}

.info-details, .info-details.white {
    --hv-info-details-color-hex: #FFFFFF;
}

.info-details.dark {
    --hv-info-details-color-hex: #264757;
}

.info-header {
    text-align: left;
    font: normal normal 500 13.75px/15px var(--hv-primary-font);
    letter-spacing: 0.5px;
    color: var(--hv-info-header-color-hex);
    opacity: 1;
}

.info-body-text {
    text-align: left;
    font: normal normal 500 32px/46px var(--hv-primary-font);
    letter-spacing: 0.30px;
    color: var(--hv-info-body-text-color-hex);
    opacity: 1;
}

.info-percentage {
    text-align: left;
    font: normal normal 500 15px/19px var(--hv-primary-font);
    letter-spacing: 0.32px;
    color: var(--hv-info-percentage-color-hex);
    opacity: 1;
}

.info-details {
    text-align: left;
    font: normal normal 400 12px/13.85px var(--hv-primary-font);
    letter-spacing: 0.95px;
    color: var(--hv-info-details-color-hex);
    opacity: 1;
}

.header-title {
    text-align: left;
    font: normal normal 500 20px/24px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-title-active-dark-color-hex);
    opacity: 1;
}

.header-title-md {
    font-size: 13.5px;
    line-height: 26px;
    margin-bottom: 0px;
    letter-spacing: 0.47px;
}

.para-text {
    text-align: left;
    font: normal normal 400 11px/13px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-title-active-dark-color-hex);
    opacity: 1;
}

.hv-link-text-sm {
    text-align: left;
    font: normal normal 500 14px/19px var(--hv-primary-font);
    color: var(--hv-icon-color-secondary-light-hex);
    letter-spacing: 0px;
    cursor: pointer;
    padding: 0;
    opacity: 1;
}

.hv-link-text-sm:hover,
.hv-link-text-sm:focus {
    color: var(--hv-active-primary-color-hex);
}

.hv-link-text-sm.active {
    color: var(--hv-active-primary-color-hex);
    border-bottom: 2px solid var(--hv-active-primary-color-hex);
}

.hv-link-tab a {
    --hv-link-tab-text-color: #7A8396;
    --hv-link-tab-border-color: #7A8396;
    --hv-link-tab-border-width: 0px;
    --hv-link-tab-links-padding-top: 0;
    --hv-link-tab-links-padding-right: 7px;
    --hv-link-tab-links-padding-bottom: 8px;
    --hv-link-tab-links-padding-left: 7px;
}

.hv-link-tab a:first-child {
    --hv-link-tab-links-padding-left: 0;
}

.hv-link-tab a:last-child {
    --hv-link-tab-links-padding-right: 0;
}

.hv-link-tab a {
    color: var(--hv-link-tab-border-color) !important;
    border-bottom: var(--hv-link-tab-border-width) solid var(--hv-link-tab-border-color) !important;
    padding: var(--hv-link-tab-links-padding-top) var(--hv-link-tab-links-padding-right) var(--hv-link-tab-links-padding-bottom) var(--hv-link-tab-links-padding-left) !important;
}

.hv-link-tab a.active {
    --hv-link-tab-text-color: #6466E2;
    --hv-link-tab-border-color: #6466E2;
    --hv-link-tab-border-width: 2.5px;
}

[disable-active-pointer="true"] .hv-link-tab a.active {
    pointer-events: none; 
}

.hv-bg-light {
    background-color: var(--hv-active-bg-info-hex) !important;
}

/* Table Style */

.table {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: var(--hv-border-light-hex) !important;
}

.hv-table {
    background: rgb(var(--hv-primary-whiet-rgb)) 0% 0% no-repeat padding-box;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-radius: var(--hv-table-border-radius);
    -webkit-border-radius: var(--hv-table-border-radius);
    -moz-border-radius: var(--hv-table-border-radius);
    -ms-border-radius: var(--hv-table-border-radius);
    -o-border-radius: var(--hv-table-border-radius);
}

.hv-table.border\:row tr:not(:last-child) th,
.hv-table.border\:row tr:not(:last-child) td {
    border-bottom: 1px solid var(--hv-table-border-color);
}

.hv-table.border\:row tr:last-child th,
.hv-table.border\:row tr:last-child td {
    border-bottom: none;
}

.hv-table.border\:col th:not(:last-child),
.hv-table.border\:col td:not(:last-child) {
    border-right: 1px solid var(--hv-table-border-color);
}

.hv-table.border\:col th:last-child,
.hv-table.border\:col td:last-child {
    border-right: none;
}

.hv-table.border\:box {
    border: 1px solid var(--hv-table-border-color);
}

.hv-table.th\:stick-top th {
    background: #F3F5FC 0% 0% no-repeat padding-box !important;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}
.hv-table {
    --hv-table-head-cell-align-last: left;
    --hv-table-body-cell-align-last: left;
    --hv-table-layout: auto;
    --hv-table-cell-padding-top: 6px;
    --hv-table-cell-padding-right: 12px;
    --hv-table-cell-padding-bottom: 6px;
    --hv-table-cell-padding-left: 12px;
}

.hv-table.fixedWidth {
    --hv-table-layout: fixed;
}

.hv-table,  .hv-table tr,  .hv-table td,  .hv-table th,  .hv-table thead, .hv-table tbody {
    --hv-table-head-text-color: #404040;
    color: var(--hv-table-head-text-color) !important;
    table-layout: var(--hv-table-layout) !important;
}

.hv-table td {
    text-align-last: var(--hv-table-body-cell-align-last);
    text-align: var(--hv-table-body-cell-align-last);
}

.hv-table th {
    text-align-last: var(--hv-table-head-cell-align-last);
    text-align: var(--hv-table-head-cell-align-last);
}

.hv-table th:not(:first-child, :last-child) {
    --hv-table-cell-padding-top: 15px;
    --hv-table-cell-padding-right: 4px;
    --hv-table-cell-padding-bottom: 12px;
    --hv-table-cell-padding-left: 12px;
}

.hv-table th:first-child {
    --hv-table-cell-padding-top: 15px;
    --hv-table-cell-padding-right: 4px;
    --hv-table-cell-padding-bottom: 12px;
    --hv-table-cell-padding-left: 15px;
}

.hv-table th:last-child {
    --hv-table-cell-padding-top: 15px;
    --hv-table-cell-padding-right: 15px;
    --hv-table-cell-padding-bottom: 12px;
    --hv-table-cell-padding-left: 12px;
}

.hv-table td:not(:first-child, :last-child) {
    --hv-table-cell-padding-right: 4px;
    --hv-table-cell-padding-left: 12px;
}

.hv-table td:first-child {
    --hv-table-cell-padding-right: 4px;
    --hv-table-cell-padding-left: 15px;
}

.hv-table td:last-child {
    --hv-table-cell-padding-right: 15px;
    --hv-table-cell-padding-left: 12px;
}

.hv-table td {
    --hv-table-cell-padding-top: 6px;
    --hv-table-cell-padding-bottom: 6px;
}

.hv-table th, .hv-table td {
    padding: var(--hv-table-cell-padding-top) var(--hv-table-cell-padding-right) var(--hv-table-cell-padding-bottom) var(--hv-table-cell-padding-left) !important;
}

.hv-table td > img {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.hv-table[data-thead=cel-center]:not([data-exclude*=cell-first]) thead th {
    --hv-table-head-cell-align-last: center;
}

.hv-table[data-thead=cel-left] thead th {
    --hv-table-head-cell-align-last: left;
}

.hv-table[data-thead=cel-right]:not([data-exclude*=cell-first]) thead th {
    --hv-table-head-cell-align-last: right;
}

.hv-table[data-tbody=cel-center]:not([data-exclude*=cell-first]) tbody td {
    --hv-table-body-cell-align-last: center;
}

.hv-table[data-tbody=cel-left] tbody td {
    --hv-table-body-cell-align-last: left;
}

.hv-table[data-tbody=cel-right] tbody td {
    --hv-table-body-cell-align-last: right;
}

.hv-table[data-thead=cel-center][data-exclude*=cell-first] thead th:first-child {
    --hv-table-head-cell-align-last: left;
    padding-left: 18px !important;
}

.hv-table[data-thead=cel-right][data-exclude*=cell-first] thead th:first-child {
    --hv-table-head-cell-align-last: left;
    padding-left: 18px !important;
}

.hv-table[data-tbody=cel-center][data-exclude*=cell-first] tbody td:first-child {
    --hv-table-body-cell-align-last: left;
    padding-left: 18px !important;
}

.hv-table[data-tbody=cel-right][data-exclude*=cell-first] tbody td:first-child {
    --hv-table-body-cell-align-last: left;
    padding-left: 18px !important;
}

/* custom table Ends */

.datetimepicker {
    width: 220px !important;
    height: max-content !important;
    max-height: 220px !important;
}

.datetimepicker table {
    width: 100%;
    height: 100%;
}

.datetimepicker td,
.datetimepicker th {
    padding: 3px !important;
    text-shadow: none !important;
}
.datetimepicker table tr td, .datetimepicker table tr th {
    font: normal normal 500 12px/15px var(--hv-primary-font) !important;
    text-align: center !important;
}

.datetimepicker.day.old,
.datetimepicker.day.new {
    color: #31324066;
}

.datetimepicker.day:has(:not(.old, .new)) {
    color: #313240;
}

.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover,
.datetimepicker table tr td.day:hover,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active {
    color: #4951F2 !important;
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active.disabled:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active[disabled] {
    color: #ffffff !important;
    background-color: #4951F2 !important;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    -ms-border-radius: 100% !important;
    -o-border-radius: 100% !important;
}

.datetimepicker [class^="fe-"] {
    font-size: 12px;
    font-weight: 600;
}

.hv-table {
    --hv-table-border-radius: 20px;
}

.hv-table tbody {
    display: contents;
}

.hv-table thead {
    background: #F3F5FC 0% 0% no-repeat padding-box !important;
}

.hv-table.rounded\:md thead tr:first-child, 
.hv-table.rounded\:md thead {
    border-top-left-radius: calc(var(--hv-table-border-radius) - 1.2px);
    border-top-right-radius: calc(var(--hv-table-border-radius) - 1.2px);
}

.hv-table.rounded\:md thead tr:first-child th:first-child {
    border-top-left-radius: calc(var(--hv-table-border-radius) - 1px);
}

.hv-table.rounded\:md thead tr:first-child th:last-child {
    border-top-right-radius: calc(var(--hv-table-border-radius) - 1px);
}

.hv-table.border\:row tr:last-child td:last-child {
    border-bottom-right-radius: calc(var(--hv-table-border-radius) - 1.2px);
}

.hv-table.border\:row tr:last-child td:first-child {
    border-bottom-left-radius: calc(var(--hv-table-border-radius) - 1.2px);
}

.hv-table.rounded\:md tbody tr:last-child,
.hv-table.rounded\:md tbody {
    border-bottom-left-radius: calc(var(--hv-table-border-radius) - 1.2px);
    border-bottom-right-radius: calc(var(--hv-table-border-radius) - 1.2px);
}

.hv-table.rounded\:md {
    --hv-table-border-radius: 20px;
}

.hv-table.rounded\:md:has(tbody tr) {
    --hv-table-border-radius: 20px;
}

/* Pagination */
.pagination {
    --hv-pagination-list-item-background-rgb: 0, 0, 0;
    --hv-pagination-list-item-color-rgb: 125, 127, 134;
    --hv-pagination-list-item-background-rgb-opacity: 0.0;

    position: var(--hv-pagination-position);
    bottom: 0;
    right: 0;
    margin-bottom: var(--hv-pagination-margin-bottom);
    margin-top: var(--hv-pagination-margin-top);
}

.pagination > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    height: 20px;
    width: -webkit-fill-available;
    padding: 0px 0.25em !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    list-style-type: none;
}

.pagination > ul > li {
    background: rgba(var(--hv-pagination-list-item-background-rgb), var(--hv-pagination-list-item-background-rgb-opacity));
    border-radius: 100%;
    color: rgb(var(--hv-pagination-list-item-color-rgb));
    font-weight: 600;
    height: 22px;
    min-width: 22px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.pagination > ul > li:first-child, .pagination > ul > li:last-child {
    padding-left: 6px;
    padding-right: 6px;
}
.pagination > ul > li:not(.disabled) {
    cursor: pointer;
}
.pagination > ul > li.disabled {
    cursor: none;
}

.pagination > ul > li:hover.disabled {
    --hv-pagination-list-item-background-rgb-opacity: 0.2;
    --hv-pagination-list-item-background-rgb: 160, 160, 160;
}
.pagination > ul > li:hover.disabled, .pagination > ul > li:hover.disabled > a {
    cursor: not-allowed;
    pointer-events: none;
}

.pagination > ul > li.active {
    --hv-pagination-list-item-background-rgb: 100, 102, 226;
    --hv-pagination-list-item-background-rgb-opacity: 0.6;
    --hv-pagination-list-item-color-rgb: 242, 242, 242;
}

.pagination > ul > li:not(.active, .disabled):hover {
    --hv-pagination-list-item-background-rgb: 100, 102, 226;
    --hv-pagination-list-item-background-rgb-opacity: 0.6;
}
 
.page-item {
    list-style: none; 
}

.page-item .page-link {
    line-height: var(--hv-pagination-link-widthline-height);
    height: var(--hv-pagination-link-height);
    width: var(--hv-pagination-link-width);
    color: var(--hv-pagination-link-text-color-hex) !important;
    background-color: var(--hv-pagination-link-background-color-hex) !important;
    border-radius: var(--hv-pagination-link-boredr-radius) !important;
    border: var(--hv-pagination-link-border-width) var(--hv-pagination-link-border-style) var(--hv-pagination-link-border-color-hex) !important;
    padding: var(--hv-pagination-link-padding-top) var(--hv-pagination-link-padding-right) var(--hv-pagination-link-padding-bottom) var(--hv-pagination-link-padding-left) !important;
    text-align: var(--hv-pagination-link-text-align) !important;
}

.page-item.active .page-link {
    --hv-pagination-link-text-color-hex: #F2F2F2;
    --hv-pagination-link-background-color-hex: #6466E2;
}

.page-link:focus {
    box-shadow: none !important;
}

.hv-active-label-dark-md {
    text-align: left;
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-title-active-dark-color-hex);
    opacity: 1;
}

.hv-mute-text-md {
    text-align: left;
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-text-dark-hex);
    opacity: 1;
}

.hv-mute-text-lg {
    text-align: left;
    font: normal normal 400 16px/20px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-text-dark-1-hex);
    opacity: 1;
}

.hv-title-text-md {
    --hv-title-text-md-margin-bottom: 5.33px;
}

.hv-title-text-md.mb-0 {
    --hv-title-text-md-margin-bottom: 0px;
}

.hv-title-text-md {
    text-align: left;
    font-family: var(--hv-primary-font);
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--hv-color-title-text-dark-hex);
    margin-top: 0px;
    margin-bottom: var(--hv-title-text-md-margin-bottom) !important;
    opacity: 1;
    text-shadow: none;
    outline: none;
}

.hv-title-text-md.color\:primary {
    --hv-color-title-text-dark-hex: #6466E2;
}

.hv-title-text-md.color\:warning {
    --hv-color-title-text-dark-hex: #FEA558;
}

.hv-title-text-md.color\:danger {
    --hv-color-title-text-dark-hex: #F76262;
}

.hv-title-text-md.color\:success {
    --hv-color-title-text-dark-hex: #3D9066;
}

.hv-title-text-md.color\:dark {
    --hv-color-title-text-dark-hex: #4B4B4B;
}

.hv-title-text-md.color\:light {
    --hv-color-title-text-dark-hex: #7A8396;
}

.hv-active-label-dark-xl {
    text-align: left;
    font: normal normal 500 22px/25px var(--hv-primary-font);
    letter-spacing: 0px;
    color: var(--hv-title-active-dark-color-hex);
    opacity: 1;
}

.card-block > .card.hv-ad-block dotlottie-player {
    max-height: 99px;
}

.hv-card {
    --hv-card-position: relative;
    --hv-card-display: flex;
    --hv-card-flex-direction: column;
    --hv-card-min-width: 0;
    --hv-card-bg-color: #FFFFFF;
    --hv-card-text-color: #404040;
    --hv-card-border-width: 2px;
    --hv-card-border-style: solid;
    /*--hv-card-border-color: #E6EDF4; */
    --hv-card-border-color: rgb(249 250 250 / 0.65);
    --hv-card-border-radius: 20px;
    /* --hv-card-box-shadow: -6px -6px 12px 0 rgba(249, 250, 250, 0.8), 6px 6px 12px -10px rgba(249, 234, 255, 0.1); */
    --hv-card-box-shadow: 0 0px 1.5px 0.5px rgb(100 100 235 / 0.1), 0 4px 6px -1px rgb(100 100 235 / 0.1), 2px 1.5px 3.25px -2px rgb(100 100 235 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --hv-card-opacity: 100%;
}

.hv-card {
    position: var(--hv-card-position);
    display: var(--hv-card-display);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: var(--hv-card-flex-direction);
    flex-direction: var(--hv-card-flex-direction);
    min-width: var(--hv-card-min-width);
    min-height: var(--hv-card-min-height);
    background: var(--hv-card-bg-color) 0% 0% no-repeat padding-box;
    color: var(--hv-card-text-color);
    border: var(--hv-card-border-width) var(--hv-card-border-style) var(--hv-card-border-color);
    border-radius: var(--hv-card-border-radius);
    -webkit-box-shadow: var(--hv-card-box-shadow);
    box-shadow: var(--hv-card-box-shadow);
    opacity: var(--hv-card-opacity);
    -webkit-border-radius: var(--hv-card-border-radius);
    -moz-border-radius: var(--hv-card-border-radius);
    -ms-border-radius: var(--hv-card-border-radius);
    -o-border-radius: var(--hv-card-border-radius);
    word-wrap: break-word;
    background-clip: border-box;
}

.hv-card[data-section="counter"] {
    --hv-card-border-width: 0px;
    --hv-card-border-radius: 12px;
    --hv-card-box-shadow: none;
}

.hv-card[data-section="counter"].w-fill {
    --hv-card-min-width: -webkit-fill-available;
    --hv-card-min-height: -webkit-fill-available;
}

.hv-card[data-section="counter"].border-1 {
    --hv-card-border-width: 1.6px;
}

.hv-card[data-section="counter"].border-2 {
    --hv-card-border-width: 2.3px;
}

.hv-card[data-section="counter"]:has(.child) > * {
    color: var(--hv-card-text-color) !important;
}

.hv-card[data-section="counter"].hide {
    --hv-card-display: none;
}

.hv-card.color\:white {
    --hv-card-text-color: #FFFFFF;
}

.hv-card.color\:white {
    --hv-card-text-color: #FFFFFF;
}

.hv-card .hv-card {
    --hv-child-card-border-width: 1px;
    --hv-child-card-border-style: solid;
    --hv-child-card-border-color: #7B849780;
    --hv-child-card-box-shadow: none;
}

.hv-card .hv-card {
    --hv-child-card-border-radius: calc(var(--hv-card-border-radius) - calc(calc(var(--hv-card-body-padding-top) + var(--hv-card-body-padding-right) + var(--hv-card-body-padding-bottom) + var(--hv-card-body-padding-left)) / 4));
}

.hv-card .hv-card {
    border: var(--hv-child-card-border-width) var(--hv-child-card-border-style) var(--hv-child-card-border-color);
    border-radius: var(--hv-child-card-border-radius);
    -webkit-box-shadow: var(--hv-child-card-box-shadow);
    box-shadow: var(--hv-child-card-box-shadow);
    -webkit-border-radius: var(--hv-child-card-border-radius);
    -moz-border-radius: var(--hv-child-card-border-radius);
    -ms-border-radius: var(--hv-child-card-border-radius);
    -o-border-radius: var(--hv-child-card-border-radius);
}

.hv-card .hv-card:not(:last-child) {
    margin-bottom: var(--hv-card-body-padding-bottom) !important;
}

.hv-card.shadow\:sm, .hv-card .hv-card.shadow\:sm {
    -webkit-box-shadow: 0px 3px 6px #A0A0A041 !important;
    box-shadow: 0px 3px 6px #A0A0A041 !important;
}

.hv-card.border\:none {
    border: none !important;
}

.hv-card.border\:1 {
    border-width: 1px !important;
}

.hv-card>hr {
    margin-right: 0;
    margin-left: 0;
}

.hv-card>.list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.hv-card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.hv-card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.hv-card>.hv-card-header+.list-group,
.hv-card>.list-group+.hv-card-footer {
    border-top: 0;
}

.hv-card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--hv-card-body-padding-top) var(--hv-card-body-padding-right) var(--hv-card-body-padding-bottom) var(--hv-card-body-padding-left);
}

.hv-card.scroll-fit\:content-height {
    overflow: none;
}

.hv-card.scroll-fit\:content-height>.hv-card-body {
    position: relative;
    padding: 0px 9px 0px 9px !important;
    top: 11px;
    margin-bottom: 12px;
    padding-bottom: 12px !important;
}

.hv-card-title {
    margin-bottom: 0.5rem;
}

.hv-card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.hv-card-text:last-child {
    margin-bottom: 0;
}

.hv-card-link:hover {
    text-decoration: none;
}

.hv-card-link+.hv-card-link {
    margin-left: 1rem;
}

.hv-card-header {
    --hv-card-head-border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.hv-card-header {
    --hv-card-head-bg-color: #FFFFFF;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background: var(--hv-card-head-bg-color) 0% 0% no-repeat padding-box;
    border-bottom: var(--hv-card-head-border-bottom);
}

.hv-card-header.color\:white {
    --hv-card-header-text-color: #FFFFFF;
    color: var(--hv-card-header-text-color);
}

.hv-card-header.border\:bottom {
    --hv-card-head-border-bottom-width: 1px solid #DED9D9;
}

.hv-card-header.border-color\:light {
    --hv-card-head-border-color: #DED9D9;
    border-color: var(--hv-card-head-border-color);
}


.hv-card-header.hv-text {
    --hv-card-header-text-color: #FFFFFF;
    --hv-card-header-text-opacity: 1;
    --hv-card-header-text-align: left;
    --hv-card-header-text-weight: 500;
    --hv-card-header-text-size: 12px;
    --hv-card-header-text-line-height: 15px;
    --hv-card-header-text-letter-spacing: 0px;
    --hv-card-header-text-case: none;
    text-align: var(--hv-text-align);
    font: normal normal var(--hv-card-header-text-weight) var(--hv-card-header-text-size)/var(--hv-card-header-text-line-height) var(--hv-primary-font);
    letter-spacing: var(--hv-card-header-text-letter-spacing);
    color: var(--hv-card-header-text-color);
    opacity: var(--hv-card-header-text-opacity);
    text-transform: var(--hv-card-header-text-case);
    word-break: break-word;
    text-wrap: balance;
}

.hv-card-header.role\:head {
    --hv-card-head-border-bottom: none;
    -webkit-box-shadow: 0px 3px 6px #A0A0A026;
    box-shadow: 0px 3px 6px #A0A0A026;
}

.hv-card-header.role\:head.color\:primary {
    --hv-card-header-text-color: #6466E2;
}

.hv-card-header.role\:head.color\:warning {
    --hv-card-header-text-color: #FEA558;
}

.hv-card-header.role\:head.color\:danger {
    --hv-card-header-text-color: #F76262;
}

.hv-card-header.role\:head.color\:success {
    --hv-card-header-text-color: #3D9066;
}

.hv-card-header.role\:head.color\:dark {
    --hv-card-header-text-color: #404040;
}

.hv-card-header.role\:head.color\:primary .hv-text {
    --hv-text-color: #6466E2;
}

.hv-card-header.role\:head.color\:warning .hv-text {
    --hv-text-color: #FEA558;
}

.hv-card-header.role\:head.color\:danger .hv-text {
    --hv-text-color: #F76262;
}

.hv-card-header.role\:head.color\:dark .hv-text {
    --hv-text-color: #404040;
}

.hv-card-header.role\:head.color\:success .hv-text {
    --hv-text-color: #3D9066;
}

.hv-card-header.role\:head.color\:primary i {
    color: #6466E2;
}

.hv-card-header.role\:head.color\:warning i {
    color: #FEA558;
}

.hv-card-header.role\:head.color\:success i {
    color: #3D9066;
}

.hv-card-header.role\:head.color\:danger i {
    color: #F76262;
}

.hv-card-header.role\:head.color\:dark i {
    color: #404040;
}

.hv-card-header.role\:head.bg\:primary {
    --hv-card-head-bg-color: #D6D7FF;
}

.hv-card-header.role\:head.bg\:warning {
    --hv-card-head-bg-color: #FDF0E3;
}

.hv-card-header.role\:head.bg\:success {
    --hv-card-head-bg-color: #CEE8BF;
}

.hv-card-header.role\:head.bg\:danger {
    --hv-card-head-bg-color: #FDDADA;
}

.hv-card-header.role\:head.bg\:primary-gradient {
    --hv-card-head-bg-color: transparent linear-gradient(102deg, #6466E2 0%, #2C2D79 100%);
}

.hv-card-header.role\:head.bg\:warning-gradient {
    --hv-card-head-bg-color: transparent linear-gradient(103deg, #F28868 0%, #C95623 100%);
}

.hv-card-header.role\:head.bg\:success-gradient {
    --hv-card-head-bg-color: transparent linear-gradient(281deg, #3D9066 0%, #00C49E 100%);
}

.hv-card-header.role\:head.bg\:secondary-gradient, .hv-card-header.bg\:secondary-gradient {
    --hv-card-head-bg-color: transparent linear-gradient(52deg, #EBF1F3 0%, #656E8E 100%);
}

.hv-text.role\:head.type\:title {
    --hv-text-weight: 700;
    --hv-text-size: 10px;
    --hv-text-line-height: 19px;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hv-text.role\:head.type\:count {
    --hv-text-weight: 700;
    --hv-text-size: 16px;
    --hv-text-line-height: 32px;
}

.hv-text.role\:head.type\:count.xs {
    --hv-text-size: 14px;
    --hv-text-line-height: 18px;
}

.hv-text.role\:head.type\:count.sm {
    --hv-text-size: 18px;
    --hv-text-line-height: 24px;
}

.hv-text.role\:head.type\:count.md {
    --hv-text-size: 22px;
    --hv-text-line-height: 32px;
}

.hv-text.role\:head.type\:count.lg {
    --hv-text-size: 26px;
    --hv-text-line-height: 38px;
}

.hv-text.role\:head.type\:title.xs {
    --hv-text-size: 10px;
    --hv-text-line-height: 12.3px;
}

.hv-text.role\:head.type\:title.sm {
    --hv-text-size: 12x;
    --hv-text-line-height: 14.6px;
}

.hv-text.role\:head.type\:title.md {
    --hv-text-size: 14px;
    --hv-text-line-height: 16.3px;
}

.hv-text.role\:head.type\:title.lg {
    --hv-text-size: 16px;
    --hv-text-line-height: 19px;
}

.hv-text.role\:head.type\:title.xl {
    --hv-text-size: 19px;
    --hv-text-line-height: 21px;
}

.hv-card-header.border\:none {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.hv-card-header.border\:none {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.hv-card-header:first-child {
    border-top-right-radius: calc(var(--hv-card-border-radius) - 3px);
    border-top-left-radius: calc(var(--hv-card-border-radius) - 3px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.hv-card-header:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: calc(var(--hv-card-border-radius) - 3px);
    border-bottom-left-radius: calc(var(--hv-card-border-radius) - 3px);
}

.hv-card-header:not(:first-child, :last-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.hv-card-header.inherit-round {
    border-top-right-radius: calc(var(--hv-card-border-radius) - 3px);
    border-top-left-radius: calc(var(--hv-card-border-radius) - 3px);
    border-bottom-right-radius: calc(var(--hv-card-border-radius) - 3px);
    border-bottom-left-radius: calc(var(--hv-card-border-radius) - 3px);
}

.hv-card-footer {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.hv-card.scroll-fit\:content-height>.hv-card-footer {
    position: relative;
}

.hv-card-footer:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.hv-card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.hv-card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.hv-card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.hv-card-img,
.hv-card-img-top,
.hv-card-img-bottom {
    width: 100%;
}

.hv-card-img,
.hv-card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.hv-card-img,
.hv-card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.hv-card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hv-card-group>.card,
.hv-card-group>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.hv-card-group>.hv-card {
    margin-bottom: 0.75rem;
}

.hv-card.bg\:light {
    --hv-card-bg-color: #F3F5FB;
}

.hv-card.bg\:white {
    --hv-card-bg-color: #FFFFFF;
}

.hv-card.dark\[mat\].soft {
    --hv-card-bg-color: #373737;
    --hv-card-text-color: #FFFFFF;
    --hv-card-border-color: #FFFFFF;
}

.hv-card.success\[mat\].soft {
    --hv-card-bg-color: #E2F0DF;
    --hv-card-text-color: #314D2C;
    --hv-card-border-color: #314D2C;
}

.hv-card.primary\[mat\].soft {
    --hv-card-bg-color: #F1EFFD;
    --hv-card-text-color: #37315C;
    --hv-card-border-color: #37315C;
}

.hv-card.info\[mat\].soft {
    --hv-card-bg-color: #EBF5FA;
    --hv-card-text-color: #264757;
    --hv-card-border-color: #264757;
}

.hv-card[data-section="counter"][data-module="material"].success {
    --hv-card-bg-color: #E6F1E1;
    --hv-card-text-color: #64A544;
    --hv-card-border-color: #264757;   
    --hv-card-border-color: 0px 3px 6px #9D9D9D2F;
}

.hv-card.radius\:card\:child {
    --hv-child-card-border-radius: 13px;
    border-radius: var(--hv-child-card-border-radius);
    -webkit-border-radius: var(--hv-child-card-border-radius);
    -moz-border-radius: var(--hv-child-card-border-radius);
    -ms-border-radius: var(--hv-child-card-border-radius);
    -o-border-radius: var(--hv-child-card-border-radius);
}

.hv-card.shadow\:sm {
    --hv-card-box-shadow: 1px 3px 8px #0000000B;
}

.hv-card.active-card {
    --hv-card-display: none;
}

.rounded-bottom-xxl {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}

.bg-parent {
    background: inherit !important;
}

.card\:footer-padding {
    padding: 12px 12px 15px 12px !important;
}

tbody, td, tfoot, th, thead, tr {
    text-align: center;
    -moz-text-align-last: left;
    text-align-last: left;
    font: normal normal 500 11.5px/12px var(--hv-primary-font);
    letter-spacing: 0.27px;
    color: var(--hv-title-active-dark-color-hex);
    outline: none;
    text-shadow: -1px -1px transparent;
    vertical-align: middle;
    opacity: 1;
}

.hv-control:not([type=date], [type=radio], [type=checkbox]), .hv-control:not([type=date], [type=radio], [type=checkbox]):hover, .hv-select, .hv-select:focus, .hv-select:hover {
    --hv-control-display: block;
    --hv-control-text-align: left;
    --hv-control-font-weight: 400;
    --hv-control-font-size: 12px;
    --hv-control-line-height: 14px;
    --hv-control-letter-spacing: 0.4px;
    --hv-control-color-hex: #404040;
    --hv-control-opacity: 1;
}

.hv-control:not([type=date], [type=radio], [type=checkbox]), .hv-control:not([type=date], [type=radio], [type=checkbox]):hover {
    display: var(--hv-control-display);
    text-align: left;
    font: normal normal var(--hv-control-font-weight) var(--hv-control-font-size)/var(--hv-control-line-height) var(--hv-primary-font) !important;
    letter-spacing: var(--hv-control-letter-spacing);
    color: var(--hv-control-color-hex);
    height: calc(var(--hv-control-height) + var(--hv-size-varient-value));
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: var(--hv-form-control-width);
    /*box-shadow: 0px 0px 15px #00000014; */
    border: var(--hv-form-control-border-width) var(--hv-form-control-border-style) var(--hv-form-control-border-color) !important;
    opacity: var(--hv-control-opacity);
    outline: none;
    border-radius: var(--hv-controls-border-radius);
    -webkit-border-radius: var(--hv-controls-border-radius);
    -moz-border-radius: var(--hv-controls-border-radius);
    -ms-border-radius: var(--hv-controls-border-radius);
    -o-border-radius: var(--hv-controls-border-radius);
}

.hv-control:not([type=date], [type=radio], [type=checkbox]), .hv-control:not([type=date], [type=radio], [type=checkbox]):hover, .hv-group[data-type=controls] > .hv-label  {
    padding: var(--hv-control-padding-top) var(--hv-control-padding-right) var(--hv-control-padding-bottom) var(--hv-control-padding-left);
}

.control-group:has(.hv-control[data-orient="horizontal"], .hv-select[data-orient="horizontal"], .hv-control.horiz, .hv-select.horiz) {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
}

:has(.input-group, .hv-group[data-type=controls], .hv-group[data-type=controls]) > .hv-control:not([type=date], [type=radio], [type=checkbox]), :has(.input-group, .hv-group[data-type=controls], .hv-group[data-type=controls]) > .hv-control:not([type=date], [type=radio], [type=checkbox]):hover {
    --hv-form-control-border-width: 0px;
    --hv-form-control-width: 1%;
}

 .input-group[data-parent=navigation] > i, .hv-group[data-type=controls][data-parent=navigation] > i,  .input-group[data-parent=navigation] > i:hover, .hv-group[data-type=controls][data-parent=navigation] > i:hover,  .input-group[data-parent=navigation] > span.add-on, .hv-group[data-type=controls][data-parent=navigation] > span.add-on,  .input-group[data-parent=navigation] > span.add-on:hover, .hv-group[data-type=controls][data-parent=navigation] > span.add-on:hover {
    line-height: var(--hv-control-line-height) !important;
    padding: var(--hv-control-padding-top) var(--hv-control-padding-right) var(--hv-control-padding-bottom) var(--hv-control-padding-left) !important;
}

.hv-control:has(textarea), textarea.hv-control, textarea.hv-control:hover {
    --hv-control-height: auto;
}

.hv-control:not(:has(.input-group, .hv-group[data-type=controls], [type=date])) primary {
    --hv-form-control-border-color: #6466E2;
}

.hv-control:not(:has(.input-group, .hv-group[data-type=controls], [type=date])) .type\:head-control .border\:rounded {
    --hv-controls-border-radius: 10px;
}

.hv-control:not(:has(.input-group, .hv-group[data-type=controls], [type=date])) .type\:head-control .size\:sm {
    height: inherit;
}

.input-group:has(.hv-control.type\:head-control),  .hv-group[data-type=controls]:has(.hv-control.type\:head-control) {
    height: 23px;
}

.hv-control.hv-control-md {
    text-align: left;
    font: normal normal 400 12px/20px var(--hv-primary-font) !important;
    letter-spacing: 0.4px;
    color: rgba(var(--hv-primary-black-rgb), var(--hv-primary-opacity-100)) !important;
    padding: var(--hv-controls-padding-md) !important;
    background: var(--hv-primary-white-hex)FFF 0% 0% no-repeat padding-box !important;
    border-radius: var(--hv-border-radius-md);
    -webkit-border-radius: var(--hv-border-radius-md);
    -moz-border-radius: var(--hv-border-radius-md);
    -ms-border-radius: var(--hv-border-radius-md);
    -o-border-radius: var(--hv-border-radius-md);
    opacity: 1;
}

.hv-control.hv-control-lg {
    text-align: left;
    height: auto;
    font: normal normal 400 12px/20px var(--hv-primary-font) !important;
    letter-spacing: 0.4px;
    color: rgba(var(--hv-primary-black-rgb), var(--hv-primary-opacity-100)) !important;
    opacity: 1;
    padding: var(--hv-controls-padding) !important;
    background: var(--hv-primary-white-hex)FFF 0% 0% no-repeat padding-box !important;
    border-radius: var(--hv-border-radius-lg) !important;
    -webkit-border-radius: var(--hv-border-radius-lg) !important;
    -moz-border-radius: var(--hv-border-radius-lg) !important;
    -ms-border-radius: var(--hv-border-radius-lg) !important;
    -o-border-radius: var(--hv-border-radius-lg) !important;
}

.hv-control.hv-control-lg.hv-border\:secondary\:1 {
    --hv-form-control-border-color: #707070;
}

.hv-border {
    --hv-border-width: 1px;
    --hv-border-style: solid;
    --hv-border-color-hex: #232323;
}

.hv-border {
    border: var(--hv-border-width) var(--hv-border-style) var(--hv-border-color-hex) !important;
}

.hv-border.width\:0 {
    --hv-border-width: 0px;
}

.hv-border.width\:1 {
    --hv-border-width: 0.85px;
}

.hv-border.width\:2 {
    --hv-border-width: 1.75px;
}

.hv-border.width\:3 {
    --hv-border-width: 2.25px;
}

.hv-border.width\:4 {
    --hv-border-width: 3px;
}

.hv-border.edge\:primary {
    --hv-border-color-hex: #6466E2;
}

.hv-border.edge\:danger {
    --hv-border-color-hex: #F76262;
}

.hv-border.edge\:success {
    --hv-border-color-hex: #2DCB7B;
}

.hv-border.edge\:warning {
    --hv-border-color-hex: #F2C268;
}

.hv-border.edge\:secondary {
    --hv-border-color-hex: #ced4da;
}

.hv-border.edge\:dark {
    --hv-border-color-hex: #404040;
}

.hv-border.edge\:transparent {
    --hv-border-color: transparent;
}

.hv-border\:secondary\:1 {
    border: var(--hv-border-width-xs) var(--hv-border-solid) var(--hv-primary-light-hex);
}

.hv-control::-moz-placeholder {
    color: #919191;
}

.hv-control::placeholder, .hv-control::-moz-placeholder, .hv-control::-webkit-input-placeholder {
    color: #919191;
}

.hv-control:focus {
    color: #404040;
}

.hv-control::-moz-placeholder {
    color: #98989F;
}

.hv-control::placeholder, .hv-control::-moz-placeholder, .hv-control::-webkit-input-placeholder {
    color: #98989F;
}

.hv-control:disabled, .hv-control[disabled], :has(.hv-control::hover()):disabled, .hv-control[disabled]::hover(), .hv-select:disabled, .hv-select[disabled], :has(.hv-select::hover()):disabled, .hv-select[disabled]::hover(){
    color: #98989F;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 2px 5px #C1D3EB8E;
    box-shadow: 0px 2px 5px #C1D3EB8E;
    border: 2px solid #BBBBBB;
    border-radius: 5px;
    opacity: 1;
}
:not(.hv-group[data-type="controls"][group-flex-direction="row"], .hv-group[data-parent="navigation"]) select.hv-select:readonly, :not(.hv-group[data-type="controls"][group-flex-direction="row"], .hv-group[data-parent="navigation"]) select.hv-select[readonly] { 
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
}
:not(.hv-group[data-type="controls"][group-flex-direction="row"], .hv-group[data-parent="navigation"]) input.hv-control:read-only, :not(.hv-group[data-type="controls"][group-flex-direction="row"], .hv-group[data-parent="navigation"]) input.hv-control[readonly] { 
    background: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) 0% 0% no-repeat padding-box !important;
}
.hv-group:not([data-parent="navigation"]) input.hv-control:read-only, .hv-group:not([data-parent="navigation"]) input.hv-control[readonly], .hv-group:not([data-parent="navigation"]) select.hv-select:readonly, .hv-group:not([data-parent="navigation"]) select.hv-select[readonly]{
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    --hv-form-control-border-width: 1px;
    --hv-form-control-border-style: solid;
    --hv-form-control-border-color: #BBBBBB;
    opacity: 1;
}
.hv-group:not([data-parent="navigation"]) input.hv-control:read-only + *, .hv-group:not([data-parent="navigation"]) select.hv-select:read-only + * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.hv-group[data-type=controls]:not([data-parent=navigation]):has(:is(.hv-control:read-only, .hv-control[readonly], .hv-select:readonly, .hv-select[readonly])) {
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    background: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) 0% 0% no-repeat padding-box !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    --hv-input-group-border-width: 1px;
    --hv-form-control-border-width: 0px;
    --hv-input-group-border-style: solid;
    --hv-form-control-border-color: #BBBBBB;
    opacity: 1;
}

.hv-control:read-only, .hv-control[readonly], :has(.hv-control::hover()):read-only, .hv-control[readonly]::hover(), .hv-select:read-only, .hv-select[readonly], :has(.hv-select::hover()):read-only, .hv-select[readonly]::hover() {
    cursor: not-allowed !important;
}

.hv-group[data-type=controls] .hv-control:disabled + *, .hv-group[data-type=controls] .hv-control[disabled] + *, :has(.hv-group[data-type=controls] .hv-control::hover()):disabled + *, .hv-group[data-type=controls] .hv-control[disabled]::hover() + *, .hv-group[data-type=controls] .hv-select:disabled + *, .hv-group[data-type=controls] .hv-select[disabled] + *, :has(.hv-group[data-type=controls] .hv-select::hover()):disabled + *, .hv-group[data-type=controls] .hv-select[disabled]::hover() + *, .hv-group[data-type=controls] .hv-control:read-only + *, .hv-group[data-type=controls] .hv-control[readonly] + *, :has(.hv-group[data-type=controls] .hv-control::hover()):read-only + *, .hv-group[data-type=controls] .hv-control[readonly]::hover() + *, .hv-group[data-type=controls] .hv-select:read-only + *, .hv-group[data-type=controls] .hv-select[readonly] + *, :has(.hv-group[data-type=controls] .hv-select::hover()):read-only + *, .hv-group[data-type=controls] .hv-select[readonly]::hover() + * {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.error .input-group:has(:is(.hv-control)), .error *:not(.input-group) .hv-control, .error .hv-group[data-type=controls]:has(:is(.hv-control)), .error *:not(.hv-group[data-type=controls]) .hv-control {
    border-color: #F27368 !important;
}

.hv-control.error {
    border: 1px solid #F27368;
}

.hv-control.success {
    border: 1px solid #C0E0B6;
}

.hv-control.warning {
    border: 1px solid #F2C268;
}

.hv-control.addon-clear {
    border: 1px solid #C4C5F8;
}

.hv-group[data-type=controls][data-parent=navigation] {
    --hv-group-box-shadow: 0px 0.66px 3px 0px #60617052;
    --hv-group-border-radius: 12px;
}

.hv-group[data-type=controls][data-parent=navigation] {
    box-shadow:  var(--hv-group-box-shadow) !important;
    border-radius: var(--hv-group-border-radius) !important;
    -webkit-border-radius: var(--hv-group-border-radius) !important;
    -moz-border-radius: var(--hv-group-border-radius) !important;
    -ms-border-radius: var(--hv-group-border-radius) !important;
    -o-border-radius: var(--hv-group-border-radius) !important;
}

.hv-group[data-type=controls][data-parent=navigation] > *:first-child {
    border-top-left-radius: calc(var(--hv-group-border-radius) + 2px) !important;
    border-bottom-left-radius: calc(var(--hv-group-border-radius) + 2px) !important;
}

.hv-group[data-type=controls][data-parent=navigation] > *:last-child {
    border-top-right-radius: calc(var(--hv-group-border-radius) + 2px) !important;
    border-bottom-right-radius: calc(var(--hv-group-border-radius) + 2px) !important;
}

.input-group, .hv-group[data-type=controls]:not(.error) {
    position: var(--hv-group-position);
    display: var(--hv-group-display);
    flex-wrap: var(--hv-group-flex-wrap);
    align-items: var(--hv-group-align-item);
    width: var(--hv-group-width);
    background: var(--hv-group-background-color-hex) 0% 0% no-repeat padding-box !important;
}

.input-group .hv-control, .hv-group[data-type=controls] .hv-control, .input-group .hv-control:hover, .hv-group[data-type=controls] .hv-control:hover {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: -webkit-fill-available;
    border: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: auto;
    margin-bottom: auto;
}

.input-group.hv-control.hv-control-lg, .hv-group[data-type=controls].hv-control.hv-control-lg {
    border: none !important;
}

.input-group:has(.hv-control.hv-control-lg), .hv-group[data-type=controls]:has(.hv-control.hv-control-lg) {
    height: auto;
    border: var(--hv-input-group-border-width) var(--hv-input-group-border-style) var(--hv-form-control-border-color);
}

.input-group[data-parent=navigation]:has(:is(.hv-control, .hv-select)), .hv-group[data-type=controls][data-parent=navigation]:has(:is(.hv-control, .hv-select)) {
    height: calc(var(--hv-control-height) + calc(var(--hv-control-padding-top) * 0.25) + calc(var(--hv-control-padding-bottom)));
    line-height: 28px !important;
    box-shadow: -0px 0.66px 3px 0px var(--hv-navigation-control-shadow-color) !important
}
.hv-group[data-type=controls][data-parent=navigation][data-category=icon]:has(:is(.hv-button, .hv-outline-button))  {
    height: calc(var(--hv-control-height) + calc(var(--hv-control-padding-top) * 0.25) + calc(var(--hv-control-padding-bottom)));
    box-shadow: -0px 0.66px 3px 0px var(--hv-navigation-control-shadow-color) !important
}
.input-group[data-parent=navigation]:has(:is(.hv-control, .hv-select)), .hv-group[data-type=controls][data-parent=navigation]:has(:is(.hv-control, .hv-select)), .hv-group[data-type=controls][data-parent=navigation][data-category=icon]:has(:is(.hv-button, .hv-outline-button))  {
    --hv-navigation-control-shadow-color: #60617052;
}
.input-group[data-parent=navigation]:has(:is(.hv-control:focus-visible, .hv-select:focus-visible)), .hv-group[data-type=controls][data-parent=navigation]:has(:is(.hv-control:focus-visible, .hv-select:focus-visible)) {
    --hv-navigation-control-shadow-color: var(--hv-active-primary-color-hex);
}

.input-group:not([data-parent=navigation]):has(:is(.hv-control, .hv-select)), .hv-group[data-type=controls]:not([data-parent=navigation]):has(:is(.hv-control, .hv-select)) {
    /* height: calc(var(--hv-control-height) + var(--hv-size-varient-value)); */
    height: auto;
    border: var(--hv-input-group-border-width) var(--hv-input-group-border-style) var(--hv-form-control-border-color);
    border-radius: var(--hv-controls-border-radius);
    -webkit-border-radius: var(--hv-controls-border-radius);
    -moz-border-radius: var(--hv-controls-border-radius);
    -ms-border-radius: var(--hv-controls-border-radius);
    -o-border-radius: var(--hv-controls-border-radius);
}

.hv-group[data-type=controls]:not([data-parent=navigation]):has(:is(.hv-control, .hv-select)) {
    border-radius: var(--hv-controls-border-radius) !important;
    -webkit-border-radius: var(--hv-controls-border-radius) !important;
    -moz-border-radius: var(--hv-controls-border-radius) !important;
    -ms-border-radius: var(--hv-controls-border-radius) !important;
    -o-border-radius: var(--hv-controls-border-radius) !important;
}

.input-group:has(:is(.hv-control:focus)), .hv-group[data-type=controls]:has(:is(.hv-control:focus)):not(.hv-focus\[default\]) {
    --hv-form-control-border-color:#6466E2;
}


.hv-group[data-type=controls]:has(:is(.hv-control:focus)) {
    --hv-form-control-border-color: inherit;
}


.input-group.hv-control-group-lg:has(:is(.hv-control)), .hv-group[data-type=controls].hv-control-group-lg:has(:is(.hv-control)) {
    --hv-input-group-control-height: 32px;
}

.input-group:has(.input-group), .hv-group[data-type=controls]:has(.hv-group[data-type=controls]) {
    -webkit-box-shadow: 0px 2px 5px #C1D3EB40 !important;
    box-shadow: 0px 2px 5px #C1D3EB40 !important;
    border: 1px solid var(--hv-form-control-border-color) !important;
}

.input-group>.add-on, .input-group>.hv-outline-button, .input-group>.hv-button, .hv-group[data-type=controls]>.add-on, .hv-group[data-type=controls]>.hv-outline-button, .hv-group[data-type=controls]>.hv-button {
    --hv-button-min-width: auto;
    padding: var(--hv-indent-xs) var(--hv-indent-sm) !important;
    height: calc(var(--hv-control-height) - calc(var(--hv-input-group-border-width) * 2)) !important;
    outline: none !important;
}

.input-group>button:not(.hv-fill), .input-group>a:not(.hv-fill), .hv-group[data-type=controls]>button:not(.hv-fill), .hv-group[data-type=controls]>a:not(.hv-fill) {
    --hv-button-bg-color: transparent;
    --hv-button-border-color: transparent;
}

.input-group>.add-on, .input-group>.hv-button, .input-group>.hv-outline-button, .hv-group[data-type=controls]>.add-on, .hv-group[data-type=controls]>.hv-button, .hv-group[data-type=controls]>.hv-outline-button {
    margin-top: -0.25px !important;
}

.input-group>.add-on>i, .input-group>.hv-button>i, .input-group>.hv-outline-button>i, .hv-group[data-type=controls]>.add-on>i, .hv-group[data-type=controls]>.hv-button>i, .hv-group[data-type=controls]>.hv-outline-button>i {
    font-size: 15px;
    margin-top: 0px;
    padding: 0px;
    line-height: 19px;
}

.hv-select, .hv-select:focus, .hv-select:hover {
    --hv-select-background-size-x: 14px;
    --hv-select-background-size-y: 10px;
    display: block;
    width: 100%;
    padding: var(--hv-control-padding-top) calc(var(--hv-control-padding-right) + var(--hv-select-background-size-x) + 2px) var(--hv-control-padding-bottom) var(--hv-control-padding-left);
    height: calc(var(--hv-control-height) + var(--hv-size-varient-value));
    text-align: left;
    font: normal normal var(--hv-control-font-weight) var(--hv-control-font-size)/var(--hv-control-line-height) var(--hv-primary-font) !important;
    letter-spacing: var(--hv-control-letter-spacing);
    /* height: 28px; 
    font-family: var(--hv-primary-font);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.4px; */
    color: var(--hv-control-color-hex);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid var(--hv-form-control-border-color);
    background-color: #FFFFFF;
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+");
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: var(--hv-select-background-size-x) var(--hv-select-background-size-y) !important;
    -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: var(--hv-controls-box-shadow) !important;
    border-radius: var(--hv-controls-border-radius) !important;
    -webkit-border-radius: var(--hv-controls-border-radius) !important;
    -moz-border-radius: var(--hv-controls-border-radius) !important;
    -ms-border-radius: var(--hv-controls-border-radius) !important;
    -o-border-radius: var(--hv-controls-border-radius) !important;
    -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -ms-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.hv-control:focus, .hv-select:focus {
    --hv-form-control-border-color:#6466E2;
}

input[type=checkbox]:focus-visible, input[type=radio]:focus-visible {
    outline: #6466E2 auto 1px !important;
    outline-offset: 0px !important;
}

:not(.hv-group) .hv-control:focus-visible, :not(.hv-group) .hv-select:focus-visible, button:focus-visible, .hv-group:not(.hv-focus\[default\])[data-type=controls], .hv-group:not(.hv-focus\[default\])[data-type=default], .hv-group:not(.hv-focus\[default\])[data-type=card], .input-group {
    outline: none !important;
}

.hv-group .hv-control:focus-visible, .hv-group .hv-select:focus-visible, .input-group .hv-control:focus-visible, .input-group .hv-select:focus-visible, :focus-visible {
    outline: none !important;
}

.hv-group:not(.hv-focus\[default\])[data-type=card] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hv-row[data-grid-col=2] {

}

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-text-fill-color: #232323;
  -webkit-box-shadow: 0 0 0px -0.875px #232323 inset;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  -moz-transition: background-color 5000s ease-in-out 0s;
  -ms-transition: background-color 5000s ease-in-out 0s;
  -o-transition: background-color 5000s ease-in-out 0s;
}

.hv-select:-internal-list-box {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -internal-overflow-inline: hidden;
    -internal-overflow-block: scroll;
    vertical-align: text-bottom;
    white-space: nowrap;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #D5D3D3;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-top: -12px !important;
}

input:has([type=checkbox], [type=radio]) {
    border-color: var(--hv-secondary-light-hex) !important;
}

input:has([type=checkbox], [type=radio]):checked {
    border-color: var(--hv-active-primary-color-hex) !important;
}

.control-label {
    text-align: left;
    font-family: var(--hv-primary-font);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.35px;
    color: #5F6165;
    margin-bottom: 4px;
    opacity: 1;
    text-shadow: none;
    outline: none;
    text-wrap: balance;
}

.control-label .required {
    color: #F27368;
    padding-left: 2px;
}

.control-group {
    /* margin-bottom: 10px !important; */
    margin-bottom: 3.67px !important;
}

/* Checkbox & Radio - Start */
.hv-checkbox, .hv-radiobox {
    height: calc(var(--hv-control-height));
}

.hv-check-input, .hv-radio-input {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.hv-check-input {
    clip: rect(0 0 0 0);
}

.hv-radio-input {
    clip: circle(40%);
}

.hv-check-group, .hv-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.hv-check, .hv-radio {
    margin: 0px;
    padding: 0px;
    height: var(--hv-control-height);
    width: inherit;
    color: inherit;
    background-color: inherit;
    background: inherit;
    border: inherit;
    border-color: var(--hv-form-control-border-color) !important;
    outline: none;
    text-shadow: none;
}

.hv-check, .hv-radio {
    --hv-form-control-border-color: #D5D3D3;
}

.hv-check:focus, .hv-check:hover, .hv-radio:focus, .hv-radio:hover {
    --hv-form-control-border-color: #6466E2;
}
.hv-check-input+input[type=hidden]+label, .hv-radio-input+input[type=hidden]+label {
    position: relative;
    text-align: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0.4px;
    color: #404040;
    padding: 6.5px 8px;
    height: 28px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 0px 15px #00000014; */
    border: 1px solid #D5D3D3 !important;
    width: 100%;
    opacity: 1;
    outline: none;
    cursor: pointer;
}

.hv-check-input+input[type=hidden]+label::before, .hv-radio-input+input[type=hidden]+label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #7A8396;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hv-check-input:checked+input[type=hidden]+label::before, .hv-check-radio:checked+input[type=hidden]+label::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #6466E2;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hv-check-input:checked+input[type=hidden]+label:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMC40MzIxIDg1Ljk3MzIgNDY4LjUgMzM5LjIiPgoJPHBhdGggZD0iTTQzOC42IDEwNWMyNS40IDI3IDI2LjQgMjAgMCA0NS4zbC0yNTYgMjU2Yy0yNy42IDI1LjctMjAuNiAyNC43LTQ1LjMgMGwtMTI4LTEyOGMtMjUuMy0yNy4zLTI3LjMtMTYuMyAwLTQ1LjNzMTYuNy0yNyA0NS4zIDBMMTYwIDMzOC43bDIzMy40LTIzMy4zYzI2LjYtMjYuNCAxOS42LTI1LjQgNDUuMyAweiIgZmlsbD0iIzY0NjZlMiIvPgo8L3N2Zz4=");
}

.hv-radio-input:checked+input[type=hidden]+label:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xODguMDAzIC0wLjAwMjY3MzY5IDM3My41IDM3NCI+Cgk8cGF0aCBkPSJNMCAwQTEgMSAwIDAwLTIgMzc0IDEgMSAwIDAwLTEgMCIgZmlsbD0iIzY0NjZlMiIvPgo8L3N2Zz4=");
}

.hv-check-input:checked+input[type=hidden]+label:after, .hv-radio-input:checked+input[type=hidden]+label:after {
    content: " ";
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: left center;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: transparent;
    font-size: 10px;
    height: 36px;
    width: 36px;
}

.hv-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.hv-check .hv-check-input {
    float: left;
    margin-left: -1.5em;
}

.hv-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.hv-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.hv-check-input[type=radio] {
    border-radius: 50%;
}
.hv-check-input:active {
    filter: brightness(90%);
    -webkit-filter: brightness(90%);
}
.hv-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.hv-check-input:checked {
    background-color: #FFFFFF;
    border-color: #6466E2;
}
.hv-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%236466E2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.hv-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%236466E2'/%3e%3c/svg%3e");
}
.hv-check-input[type=checkbox]:indeterminate {
    background-color: #FFFFFF;
    border-color: #6466E2;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%236466E2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.hv-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.hv-check-input[disabled] ~ .hv-check-label, .hv-check-input:disabled ~ .hv-check-label {
    opacity: 0.5;
}
.hv-check-input:read-only, .hv-check-input[readonly] ~ .hv-check-label, .hv-check-input:read-only ~ .hv-check-label {
    cursor: not-allowed;
}

.hv-switch {
    padding-left: 2.5em;
}
.hv-switch .hv-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .hv-switch .hv-check-input {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
}
.hv-switch .hv-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236466E2'/%3e%3c/svg%3e");
}
.hv-switch .hv-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%236466E2'/%3e%3c/svg%3e");
}

.hv-check-inline {
    display: inline-block;
    margin-right: 1rem;
}
#status1 {
    width: 100% !important;
    height: 28px !important;
    position: relative;
    left: 0% !important;
    top: 0% !important;
    margin: 0px !important;
}

#status {
    width: 100% !important;
    height: 28px !important;
    position: relative;
    left: 0% !important;
    top: 0% !important;
    margin: 0px !important;
display:block !important;
}

/* Checkbox & Radio - End */

input:-internal-autofill-selected {
    background-color: -internal-light-dark(rgb(255, 255, 255), rgba(232, 240, 254, 0.4)) !important;
}

[group-controls-orient=horiz] { 
    display: flex !important; 
    flex-wrap: wrap !important;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -0.5)
}

[group-controls-orient=horiz] > * { 
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

/* Typeahed dropdown */
.typeahead {
    z-index: 1051;
    margin-top: 2px;
    border-radius: 4px;
}

/* dropdown menu */
ul.typeahead.dropdown-menu {
    width: -webkit-fill-available;
    max-height: 415px;
    overflow: auto !important;
}

ul.typeahead.dropdown-menu>li {
    padding: 3px 3px;
    margin-top: 1.5px;
    margin-bottom: 1.5px;
}

ul.typeahead.dropdown-menu>li>a {
    text-align: left;
    font: normal normal 400 12px/15px var(--hv-primary-font);
    letter-spacing: 0px;
    color: #404040 !important;
    opacity: 1;
}

ul.typeahead.dropdown-menu>li:hover, ul.typeahead.dropdown-menu>li:focus-visible, ul.typeahead.dropdown-menu>li:focus {
    background: #D5D3D3 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

input[type=file] {
    --hv-file-control-padding-y: 6.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0.4px;
    color: #404040;
    padding: var(--hv-file-control-padding-y) 8px;
    height: 28px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: 0px 0px 15px #00000014;
    */
    border: 1px solid #D5D3D3 !important;
    width: 100%;
    opacity: 1;
    outline: none;
    border-radius: var(--hv-controls-border-radius);
    -webkit-border-radius: var(--hv-controls-border-radius);
    -moz-border-radius: var(--hv-controls-border-radius);
    -ms-border-radius: var(--hv-controls-border-radius);
    -o-border-radius: var(--hv-controls-border-radius);
}


::-webkit-file-upload-button, ::-webkit-file-upload-button:hover, ::-webkit-file-upload-button:focus {
    --hv-file-button-bg-color: #FFFFFF;
    --hv-file-button-text-color: #919191;
    text-align: center;
    letter-spacing: 0.4px;
    padding: var(--hv-indent-xs) var(--hv-indent-sm) !important;
    height: 24px;
    background: var(--hv-file-button-bg-color) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--hv-file-button-text-color);
    float: right !important;
    opacity: 1;
    outline: none;
    text-shadow: none;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    height: inherit;
    border-radius: 5px 0px 0px 5px;
}


.input-group>button:is(.hv-fill), .input-group>a:is(.hv-fill), .hv-group[data-type=controls]>button:is(.hv-fill), .hv-group[data-type=controls]>a:is(.hv-fill), ::file-selector-button, ::file-selector-button:hover, ::file-selector-button:focus {
    --hv-file-button-bg-color: #FFFFFF;
    --hv-file-button-text-color: #919191;
    text-align: center;
    letter-spacing: 0.4px;
    padding: var(--hv-indent-xs) var(--hv-indent-sm) !important;
    height: 24px;
    background: var(--hv-file-button-bg-color) 0% 0% no-repeat padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--hv-file-button-text-color);
    float: right !important;
    opacity: 1;
    outline: none;
    text-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: inherit;
    border-radius: 5px 0px 0px 5px;
}

::-webkit-file-upload-button {
    margin-top: calc(var(--hv-file-control-padding-y) * (-1.2)) !important;
    margin-right: -8px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #D5D3D3;
}

::file-selector-button {
    margin-top: calc(var(--hv-file-control-padding-y) * (-1.2)) !important;
    margin-right: -8px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #D5D3D3;
}

::-webkit-file-upload-button:focus {
    margin: -6.65px -8.7px -6.65px -8.5px !important;
    border: 1px solid #D5D3D3 !important;
}

::file-selector-button:focus {
    margin: -6.65px -8.7px -6.65px -8.5px !important;
    border: 1px solid #D5D3D3 !important;
}

.input-group>button:is(.hv-fill), .input-group>a:is(.hv-fill), .hv-group[data-type=controls]>button:is(.hv-fill), .hv-group[data-type=controls]>a:is(.hv-fill) {
    margin: 0px !important;
    border-left: 1px solid #D5D3D3 !important;
    max-width: 35%;
    font: inherit !important;
    padding-top: 1px !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

::-webkit-file-upload-button:hover, ::-webkit-file-upload-button:focus {
    --hv-file-button-bg-color: #6466E2;
    --hv-file-button-text-color: #FFFFFF;
}

.input-group>button:is(.hv-fill), .input-group>button:is(.hv-fill):hover, .input-group>button:is(.hv-fill):focus, .input-group>a:is(.hv-fill):hover, .input-group>a:is(.hv-fill):focus, .hv-group[data-type=controls]>button:is(.hv-fill):hover, .hv-group[data-type=controls]>button:is(.hv-fill):focus, .hv-group[data-type=controls]>a:is(.hv-fill):hover, .hv-group[data-type=controls]>a:is(.hv-fill):focus, ::file-selector-button:hover, ::file-selector-button:focus {
    --hv-file-button-bg-color: #6466E2;
    --hv-file-button-text-color: #FFFFFF;
}


/*=============================================
=            Common Styles            =
=============================================*/


.hv-pc {
    display: var(--hv-g-p-display) !important;
}

.hv-pc.none {
    --hv-g-p-display: none;
}

.hv-pc.block {
    --hv-g-p-display: block;
}

.hv-mobi {
    display: var(--hv-g-m-display) !important;
}

.hv-mobi.none {
    --hv-g-m-display: none;
}

.hv-mobi.block {
    --hv-g-m-display: block;
}

.hv-display {
    display: var(--hv-g-display);
}

.hv-display.none {
    --hv-g-display: none;
}

.hv-display.block {
    --hv-g-display: block;
}

.hv-display.flex {
    --hv-g-display: flex;
    flex-direction: var(--hv-display-g-flex-direction);
    flex-wrap: var(--hv-display-g-flex-wrap);
}

.hv-display.iflex {
    --hv-g-display: inline-flex;
}

.hv-display.iblock {
    --hv-g-display: inline-block
}
.hv-display.itable {
    --hv-g-display: table
}


/* Flex Direction properties */

*:has(.hv-display.flex, .hv-display.iflex) .rw {
    --hv-display-g-flex-direction: row;
}

*:has(.hv-display.flex, .hv-display.iflex) .row-rev {
    --hv-display-g-flex-direction: row-reverse;
}

*:has(.hv-display.flex, .hv-display.iflex) .col {
    --hv-display-g-flex-direction: column;
}

*:has(.hv-display.flex, .hv-display.iflex) .col-rev {
    --hv-display-g-flex-direction: column-reverse;
}

*:has(.hv-display.flex, .hv-display.iflex) .fdinh {
    --hv-display-g-flex-direction: inherit;
}

*:has(.hv-display.flex, .hv-display.iflex) .fdinit {
    --hv-display-g-flex-direction: initial;
}

*:has(.hv-display.flex, .hv-display.iflex) .fdunset {
    --hv-display-g-flex-direction: unset;
}


/* Flex Wrap Properties */

*:has(.hv-display.flex, .hv-display.iflex) .rw.wrap, *:has(.hv-display.flex, .hv-display.iflex) .col.wrap {
    --hv-display-g-flex-wrap: wrap;
}

*:has(.hv-display.flex, .hv-display.iflex) .row.wrap-rev, *:has(.hv-display.flex, .hv-display.iflex) .col.wrap-rev {
    --hv-display-g-flex-wrap: wrap-reverse;
}

*:has(.hv-display.flex, .hv-display.iflex) .rw.nwrap, *:has(.hv-display.flex, .hv-display.iflex) .col.nwrap {
    --hv-display-g-flex-wrap: nowrap;
}

*:has(.hv-display.flex, .hv-display.iflex) .rw.inh, *:has(.hv-display.flex, .hv-display.iflex) .col.inh {
    --hv-display-g-flex-wrap: inherit;
}

*:has(.hv-display.flex, .hv-display.iflex) .rw.init, *:has(.hv-display.flex, .hv-display.iflex) .col.init {
    --hv-display-g-flex-wrap: initial;
}

*:has(.hv-display.flex, .hv-display.iflex) .rw.unset, *:has(.hv-display.flex, .hv-display.iflex) .col.unset {
    --hv-display-g-flex-wrap: unset;
}

/* Positional alignment start */

.aln-c\[normal\] {
    align-content: normal !important;
}

.aln-c\[start\] {
    align-content: start !important;
}

.aln-c\[center\] {
    align-content: center !important;
}

.aln-c\[end\] {
    align-content: end !important;
}

.aln-c\[flex-start\] {
    align-content: flex-start !important;
}

.aln-c\[flex-end\] {
    align-content: flex-end !important;
}

.aln-c\[baseline\] {
    align-content: baseline !important;
}

.aln-c\[first baseline\] {
    align-content: first baseline !important;
}

.aln-c\[last baseline\] {
    align-content: last baseline !important;
}

.aln-c\[space-between\] {
    align-content: space-between !important;
}

.aln-c\[space-around\] {
    align-content: space-around !important;
}

.aln-c\[space-evenly\] {
    align-content: space-evenly !important;
}

.aln-c\[stretch\] {
    align-content: stretch !important;
}

.aln-c\[safe center\] {
    align-content: safe center !important;
}

.aln-c\[unsafe center\] {
    align-content: unsafe center !important;
}

.aln-c\[inherit\] {
    align-content: inherit !important;
}

.aln-c\[initial\] {
    align-content: initial !important;
}

.aln-c\[revert\] {
    align-content: revert !important;
}

.aln-c\[revert-layer\] {
    align-content: revert-layer !important;
}

.aln-c\[unset\] {
    align-content: unset !important;
}

.aln-i\[normal\] {
    align-items: normal !important;
}

.aln-i\[stretch\] {
    align-items: stretch !important;
}

.aln-i\[center\] {
    align-items: center !important;
}

.aln-i\[start\] {
    align-items: start !important;
}

.aln-i\[end\] {
    align-items: end !important;
}

.aln-i\[flex-start\] {
    align-items: flex-start !important;
}

.aln-i\[flex-end\] {
    align-items: flex-end !important;
}

.aln-i\[self-start\] {
    align-items: self-start !important;
}

.aln-i\[self-end\] {
    align-items: self-end !important;
}

.aln-i\[baseline\] {
    align-items: baseline !important;
}

.aln-i\[first baseline\] {
    align-items: first baseline !important;
}

.aln-i\[last baseline\] {
    align-items: last baseline !important;
}

.aln-i\[safe center\] {
    align-items: safe center !important;
}

.aln-i\[unsafe center\] {
    align-items: unsafe center !important;
}

.aln-i\[inherit\] {
    align-items: inherit !important;
}

.aln-i\[initial\] {
    align-items: initial !important;
}

.aln-i\[revert\] {
    align-items: revert !important;
}

.aln-i\[revert-layer\] {
    align-items: revert-layer !important;
}

.aln-i\[unset\] {
    align-items: unset !important;
}

.aln-s\[auto\] {
    align-self: auto !important;
}

.aln-s\[normal\] {
    align-self: normal !important;
}

.aln-s\[center\] {
    align-self: center !important;
}

.aln-s\[start\] {
    align-self: start !important;
}

.aln-s\[end\] {
    align-self: end !important;
}

.aln-s\[self-start\] {
    align-self: self-start !important;
}

.aln-s\[self-end\] {
    align-self: self-end !important;
}

.aln-s\[flex-start\] {
    align-self: flex-start !important;
}

.aln-s\[flex-end\] {
    align-self: flex-end !important;
}

.aln-s\[baseline\] {
    align-self: baseline !important;
}

.aln-s\[first baseline\] {
    align-self: first baseline !important;
}

.aln-s\[last baseline\] {
    align-self: last baseline !important;
}

.aln-s\[stretch\] {
    align-self: stretch !important;
}

.aln-s\[safe center\] {
    align-self: safe center !important;
}

.aln-s\[unsafe center\] {
    align-self: unsafe center !important;
}

.aln-s\[inherit\] {
    align-self: inherit !important;
}

.aln-s\[initial\] {
    align-self: initial !important;
}

.aln-s\[revert\] {
    align-self: revert !important;
}

.aln-s\[revert-layer\] {
    align-self: revert-layer !important;
}

.aln-s\[unset\] {
    align-self: unset !important;
}

.jc\[center\] { 
    justify-content: center !important;
}

.jc\[start\] { 
    justify-content: start !important;
}

.jc\[end\] { 
    justify-content: end !important;
}

.jc\[flex-start\] { 
    justify-content: flex-start !important;
}

.jc\[flex-end\] { 
    justify-content: flex-end !important;
}

.jc\[left\] { 
    justify-content: left !important;
}

.jc\[right\] { 
    justify-content: right !important;
}

.jc\[normal\] {
    justify-content: normal !important;
}

.jc\[space-between\] {
    justify-content: space-between !important;
}

.jc\[space-around\] {
    justify-content: space-around !important;
}

.jc\[space-evenly\] {
    justify-content: space-evenly !important;
}

.jc\[stretch\] {
    justify-content: stretch !important;
}

.jc\[safe-center\] {
    justify-content: safe center !important;
}

.jc\[unsafe-center\] {
    justify-content: unsafe center !important;
}

.jc\[inherit\] {
    justify-content: inherit !important;
}

.jc\[initial\] {
    justify-content: initial !important;
}

.jc\[revert\] {
    justify-content: revert !important;
}

.jc\[revert-layer\] {
    justify-content: revert-layer !important;
}

.jc\[unset\] {
    justify-content: unset !important;
}

.hv-position {
    position:var(--hv-g-position) !important;
    top:var(--hv-g-top) !important;
    bottom:var(--hv-g-bottom) !important;
    left:var(--hv-g-left) !important;
    right:var(--hv-g-right) !important;
}

.hv-position.relat {
    --hv-g-position: relative;
}

.hv-position.abslt {
    --hv-g-position: absolute;
}

.hv-position.stat {
    --hv-g-position: static;
}

.hv-position.stick {
    --hv-g-position: sticky;
}

.hv-position.fix {
    --hv-g-position: fixed;
}

:has(.hv-position.abslt, .hv-position.fix).top-0 {
    --hv-g-top: 0; 
}

:has(.hv-position.abslt, .hv-position.fix).bottom-0 {
    --hv-g-bottom: 0; 
}

:has(.hv-position.abslt, .hv-position.fix).right-0 {
    --hv-g-right: 0; 
}

:has(.hv-position.abslt, .hv-position.fix).left-0 {
    --hv-g-left: 0; 
}


.dropdown-menu.show {
    top: 55px !important;
    display: block;
}

.dropdown-menu[data-position=end]{
    right: var(--hv-content-padding-right) !important;
    left:auto !important;
}

a:not(.hv-button, .hv-outline-button):-webkit-any-link:focus-visible {
    outline: none !important;
    color: var(--hv-active-primary-color-hex) !important;
}

a:not(.hv-button, .hv-outline-button):-webkit-any-link:focus-visible::before {
    color: var(--hv-active-primary-color-hex) !important;
}
a:not(.mi-menu-indicator, .hv-button, .hv-outline-button):-webkit-any-link:focus-visible, a:not(.mi-menu-indicator, .hv-button, .hv-outline-button):-webkit-any-link:focus-visible::before {
    font-weight: 600 !important;
}

/*=====  End of Common Styles  ======*/

.hover\:scroll {
    overflow: hidden;
}

.hover\:scroll:hover, .scroll-auto {
    overflow: auto;
}

.hover\:scroll-x {
    overflow: hidden;
}

.hover\:scroll-x:hover, .scroll-x {
    overflow-x: auto;
}

.hover\:scroll-y {
    overflow: hidden;
}

.hover\:scroll-y:hover, .scroll-y, .cus\:scroll-y {
    overflow-y: auto;
}

*:has(.scroll-auto, .scroll-x, .scroll-y).hidden, .hover\:scroll, .hover:scroll-x, .hover\:scroll-y, .cus\:scroll-y {
    scrollbar-width: none;
}

.hover\:scroll, .hover:scroll-x, .hover\:scroll-y {
    scrollbar-width: none;
}

.hover\:scroll:hover, .hover\:scroll:hover *:hover, .hover\:scroll-x:hover, .hover\:scroll-x:hover *:hover, .hover\:scroll-y:hover, .hover\:scroll-y:hover *:hover, .cus\:scroll-y:hover {
    scrollbar-width: auto;
}

.cus\:scroll-y::-webkit-scrollbar {
    width: 7.67px;
}

.cus\:scroll-y::-webkit-scrollbar-track {
    background-color: #ebebeb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cus\:scroll-y::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(134, 134, 135, 1);
}

.side-menu::-webkit-scrollbar-thumb {
    background: rgb(209 213 219 / 1) !important;
}

.side-menu::-webkit-scrollbar-track {
    background: rgb(243 244 246 / 1) !important;
}

.hv-scroll-fit {
    max-height: calc(100vh - 200px);
    height: 100vh;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: hidden; 
    overflow-x: hidden; 
}
.hv-scroll-fit:hover {
    -ms-overflow-style: inherit; /* for Internet Explorer, Edge */
    scrollbar-width: inherit; /* for Firefox */
    overflow-y: overlay; 
}
.hv-scroll-fit::-webkit-scrollbar-track, .content-page::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey; 
    border-radius: 10px;
    margin-top: 12px; 
    margin-bottom: 15px; 
}
.hv-scroll-fit::-webkit-scrollbar-thumb, .content-page::-webkit-scrollbar-thumb {
    background: rgb(35 35 35/60%);
    margin-top: 12px; 
    margin-bottom: 15px; 
}
.hv-scroll-fit::-webkit-scrollbar {
    display: inline-block;
    position: absolute;
    border-radius: 0.75rem;
    margin-top: 10px; 
    margin-bottom: 10px; 
    z-index: 4;
    width: 6px;
}
.hv-scroll-fit::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 0px; 
}

.hv-scroll-fit::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 0px;
}
.hv-scroll-fit>.card:first-child {
    margin-top: 0px !important;
}

*::-webkit-scrollbar {
    display: inline-block;
    position: absolute;
    border-radius: 0.75rem;
    z-index: 4;
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 0px;
}

*::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 0px;
}    

*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
    margin: var(--hv-scrollbar-track-margin-top) var(--hv-scrollbar-track-margin-right) var(--hv-scrollbar-track-margin-bottom) var(--hv-scrollbar-track-margin-left);
}

*::-webkit-scrollbar-thumb, .content-page::-webkit-scrollbar-thumb {
    background: rgba(134, 134, 135, 1);
}

.content-page::-webkit-scrollbar {
    margin-top: var(--hv-scrollbar-margin-top);
    margin-bottom: var(--hv-scrollbar-margin-bottom);
}

.content-page::-webkit-scrollbar-track {
    margin-top: var(--hv-scroll-track-margin-top);
    margin-bottom: var(--hv-scroll-track-margin-bottom);
}

.content-page::-webkit-scrollbar-thumb {
    margin-top: var(--hv-scroll-thumb-margin-top);
    margin-bottom: var(--hv-scroll-thumb-margin-bottom);
}


/* Date Time */

::-webkit-inner-spin-button {
    display: none;
}

::-webkit-calendar-picker-indicator {
    background-color: inherit !important;
    color: #404040 !important;
}

::-webkit-calendar-picker-indicator:focus, ::-webkit-calendar-picker-indicator:focus-visible {
    color: #6466E2 !important;
}

input[type=date] {
    font: normal normal 400 13px/14.65px var(--hv-primary-font);
    border: 1px solid #D5D3D3;
    border-radius: 5px;
    padding: 6.5px 8px;
    outline: none;
    height: 28px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

::-webkit-datetime-edit-text, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-year-field  {
    color: #404040 !important;
}

::-webkit-datetime-edit-month-field:focus, ::-webkit-datetime-edit-day-field:focus, ::-webkit-datetime-edit-year-field:focus  {
    color: #6466E2 !important;
    background-color: inherit !important;
}

::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NzIiIGhlaWdodD0iMjUuNzk3IiB2aWV3Qm94PSIwIDAgMjIuNTcyIDI1Ljc5NyI+DQogIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtY2FsZW5kYXItYWx0IiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1jYWxlbmRhci1hbHQiIGQ9Ik0wLDIzLjM3OEEyLjQxOSwyLjQxOSwwLDAsMCwyLjQxOCwyNS44SDIwLjE1NGEyLjQxOSwyLjQxOSwwLDAsMCwyLjQxOC0yLjQxOFY5LjY3NEgwWk0xNi4xMjMsMTMuNWEuNjA2LjYwNiwwLDAsMSwuNi0uNmgyLjAxNWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMTYuNzI4YS42MDYuNjA2LDAsMCwxLS42LS42Wm0wLDYuNDQ5YS42MDYuNjA2LDAsMCwxLC42LS42aDIuMDE1YS42MDYuNjA2LDAsMCwxLC42LjZ2Mi4wMTVhLjYwNi42MDYsMCwwLDEtLjYuNkgxNi43MjhhLjYwNi42MDYsMCwwLDEtLjYtLjZaTTkuNjc0LDEzLjVhLjYwNi42MDYsMCwwLDEsLjYtLjZoMi4wMTVhLjYwNi42MDYsMCwwLDEsLjYuNnYyLjAxNWEuNjA2LjYwNiwwLDAsMS0uNi42SDEwLjI3OGEuNjA2LjYwNiwwLDAsMS0uNi0uNlptMCw2LjQ0OWEuNjA2LjYwNiwwLDAsMSwuNi0uNmgyLjAxNWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMTAuMjc4YS42MDYuNjA2LDAsMCwxLS42LS42Wk0zLjIyNSwxMy41YS42MDYuNjA2LDAsMCwxLC42LS42SDUuODQ1YS42MDYuNjA2LDAsMCwxLC42LjZ2Mi4wMTVhLjYwNi42MDYsMCwwLDEtLjYuNkgzLjgyOWEuNjA2LjYwNiwwLDAsMS0uNi0uNlptMCw2LjQ0OWEuNjA2LjYwNiwwLDAsMSwuNi0uNkg1Ljg0NWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMy44MjlhLjYwNi42MDYsMCwwLDEtLjYtLjZaTTIwLjE1NCwzLjIyNUgxNy43MzVWLjgwNkEuODA5LjgwOSwwLDAsMCwxNi45MjksMEgxNS4zMTdhLjgwOS44MDksMCwwLDAtLjgwNi44MDZWMy4yMjVIOC4wNjJWLjgwNkEuODA5LjgwOSwwLDAsMCw3LjI1NSwwSDUuNjQzYS44MDkuODA5LDAsMCwwLS44MDYuODA2VjMuMjI1SDIuNDE4QTIuNDE5LDIuNDE5LDAsMCwwLDAsNS42NDNWOC4wNjJIMjIuNTcyVjUuNjQzQTIuNDE5LDIuNDE5LDAsMCwwLDIwLjE1NCwzLjIyNVoiIGZpbGw9IiNhMmEyYTIiLz4NCjwvc3ZnPg==");
    background-position: center;
    background-size: 13px 13px;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}

::-webkit-calendar-picker-indicator:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi41NzIiIGhlaWdodD0iMjUuNzk3IiB2aWV3Qm94PSIwIDAgMjIuNTcyIDI1Ljc5NyI+DQogIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtY2FsZW5kYXItYWx0IiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1jYWxlbmRhci1hbHQiIGQ9Ik0wLDIzLjM3OEEyLjQxOSwyLjQxOSwwLDAsMCwyLjQxOCwyNS44SDIwLjE1NGEyLjQxOSwyLjQxOSwwLDAsMCwyLjQxOC0yLjQxOFY5LjY3NEgwWk0xNi4xMjMsMTMuNWEuNjA2LjYwNiwwLDAsMSwuNi0uNmgyLjAxNWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMTYuNzI4YS42MDYuNjA2LDAsMCwxLS42LS42Wm0wLDYuNDQ5YS42MDYuNjA2LDAsMCwxLC42LS42aDIuMDE1YS42MDYuNjA2LDAsMCwxLC42LjZ2Mi4wMTVhLjYwNi42MDYsMCwwLDEtLjYuNkgxNi43MjhhLjYwNi42MDYsMCwwLDEtLjYtLjZaTTkuNjc0LDEzLjVhLjYwNi42MDYsMCwwLDEsLjYtLjZoMi4wMTVhLjYwNi42MDYsMCwwLDEsLjYuNnYyLjAxNWEuNjA2LjYwNiwwLDAsMS0uNi42SDEwLjI3OGEuNjA2LjYwNiwwLDAsMS0uNi0uNlptMCw2LjQ0OWEuNjA2LjYwNiwwLDAsMSwuNi0uNmgyLjAxNWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMTAuMjc4YS42MDYuNjA2LDAsMCwxLS42LS42Wk0zLjIyNSwxMy41YS42MDYuNjA2LDAsMCwxLC42LS42SDUuODQ1YS42MDYuNjA2LDAsMCwxLC42LjZ2Mi4wMTVhLjYwNi42MDYsMCwwLDEtLjYuNkgzLjgyOWEuNjA2LjYwNiwwLDAsMS0uNi0uNlptMCw2LjQ0OWEuNjA2LjYwNiwwLDAsMSwuNi0uNkg1Ljg0NWEuNjA2LjYwNiwwLDAsMSwuNi42djIuMDE1YS42MDYuNjA2LDAsMCwxLS42LjZIMy44MjlhLjYwNi42MDYsMCwwLDEtLjYtLjZaTTIwLjE1NCwzLjIyNUgxNy43MzVWLjgwNkEuODA5LjgwOSwwLDAsMCwxNi45MjksMEgxNS4zMTdhLjgwOS44MDksMCwwLDAtLjgwNi44MDZWMy4yMjVIOC4wNjJWLjgwNkEuODA5LjgwOSwwLDAsMCw3LjI1NSwwSDUuNjQzYS44MDkuODA5LDAsMCwwLS44MDYuODA2VjMuMjI1SDIuNDE4QTIuNDE5LDIuNDE5LDAsMCwwLDAsNS42NDNWOC4wNjJIMjIuNTcyVjUuNjQzQTIuNDE5LDIuNDE5LDAsMCwwLDIwLjE1NCwzLjIyNVoiIGZpbGw9IiM2NDY2RTIiLz4NCjwvc3ZnPg==");
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(204, 204, 204, 0);
}

::-webkit-calendar-picker-indicator:hover+input[type=date] {
    border-color: var(--hv-active-primary-color-hex);
}


/* Modals */

.modal {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: transparent 0% 0% no-repeat padding-box;
    background-color: transparent;
}

.modal.fade.hide,
.modal.fade {
    opacity: 1;
}

.modal.fade.show::before {
    opacity: 0.83;
}

.modal.show .modal-dialog {
    opacity: 1;
}

.pos\:relative {
    position: relative !important;
}

.pos\:sticky {
    position: sticky !important;
}

.pos\:top {
    top: 0 !important;
}

.pos\:bottom {
    bottom: 0 !important;
}

.pos\:left {
    left: 0 !important;
}

.pos\:right {
    right: 0 !important;
}

.wid\:fit {
    width: -webkit-fill-available !important;
}



.nav-second-level i:has(.mi) {
    color: #a2a2a2 !important;
}

.modal-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.modal-footer {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.modal-content {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* Button Animation */

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):hover:after {
    width: 100%;
}

:not(.hv-group[data-type=button])>.hv-outline-button:not(.hover\:none):after {
    --hv-button-after-bg-color: transparent;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 0;
    z-index: -1;
    background: var(--hv-button-after-bg-color) !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}


/* colors */
.text-success {
    color: rgba(var(--hv-success-rgb), var(--hv-primary-opacity-100)) !important;
}

.text-danger {
    color: rgba(var(--hv-danger-rgb), var(--hv-primary-opacity-100)) !important;
}

.text-primary {
    color: rgba(var(--hv-primary-rgb), var(--hv-primary-opacity-100)) !important;
}

/* Chart */
.apexcharts-legend-text {
    color: #404040 !important;
}

.apexcharts-legend-marker {
    height: 9px !important;
    width: 18px !important;
    border-radius: 1.25px !important;
}

.apexcharts-legend-text, .apexcharts-tooltip-text, .apexcharts-tooltip-title {
    font-family: var(--hv-primary-font) !important;
}

.apexcharts-legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50px !important;
    right: 12px !important;
    text-align: justify;
    width: -webkit-fill-available !important;
}

.apexcharts-legend-series {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.apexcharts-tooltip.apexcharts-theme-dark {
    background: unset !important;
}

.apexcharts-tooltip-series-group.apexcharts-active, .apexcharts-tooltip-series-group:last-child {
    padding-bottom: 0 !important;
}

.max\:h-100 {
    max-height: 100% !important;
}

.min\:h-50 {
    min-height: 50% !important;
}

.error .help-inline {
    position: sticky;
    float: right;
    background: #F27368 0% 0% no-repeat padding-box;
    color: #ffffff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxMiIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4tLT48cGF0aCBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmZmZmIiBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=);
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 14px 10px !important;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 24px 2px 9px;
    opacity: 1;
}

.warning .help-inline {
    position: sticky;
    float: right;
    background: #F2C268 0% 0% no-repeat padding-box;
    color: #ffffff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj4KICA8cGF0aCBpZD0iSWNvbl9hd2Vzb21lLWV4Y2xhbWF0aW9uLWNpcmNsZSIgZGF0YS1uYW1lPSJJY29uIGF3ZXNvbWUtZXhjbGFtYXRpb24tY2lyY2xlIiBkPSJNMTEuNTYzLDYuMDYyYTUuNSw1LjUsMCwxLDEtNS41LTUuNUE1LjUsNS41LDAsMCwxLDExLjU2Myw2LjA2MlptLTUuNSwxLjEwOWExLjAyLDEuMDIsMCwxLDAsMS4wMiwxLjAyQTEuMDIsMS4wMiwwLDAsMCw2LjA2Myw3LjE3MVpNNS4wOTQsMy41bC4xNjUsMy4wMTZhLjI2Ni4yNjYsMCwwLDAsLjI2Ni4yNTJINi42YS4yNjYuMjY2LDAsMCwwLC4yNjYtLjI1Mkw3LjAzMSwzLjVhLjI2Ni4yNjYsMCwwLDAtLjI2Ni0uMjgxSDUuMzZBLjI2Ni4yNjYsMCwwLDAsNS4wOTQsMy41WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNTYzIC0wLjU2MykiIGZpbGw9IiNmMmYyZjIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 14px 10px !important;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 24px 2px 9px;
    opacity: 1;
}

.success .help-inline {
    position: sticky;
    float: right;
    background: #2DCB7B 0% 0% no-repeat padding-box;
    color: #ffffff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxMiIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyMyBGb250aWNvbnMsIEluYy4tLT48cGF0aCBvcGFjaXR5PSIxIiBmaWxsPSIjZmZmZmZmIiBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=);
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: 14px 10px !important;
    border-radius: 5px;
    margin-top: 2px;
    padding: 2px 24px 2px 9px;
    opacity: 1;
}

.hv-flex {
    --hv-control-flex-gap: 38px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.hv-flex.page\:top {
    gap: var(--hv-control-flex-gap);
}

.hv-flex>* {
    --hv-control-flex-width: auto;
    --hv-control-flex-grow: 0;
    -webkit-box-flex: var(--hv-control-flex-grow) !important;
    -ms-flex: var(--hv-control-flex-grow) 0 var(--hv-control-flex-width) !important;
    flex: var(--hv-control-flex-grow) 0 var(--hv-control-flex-width) !important;
    width: auto;
}

.hv-flex>*:has(.app-search-box) {
    --hv-control-flex-width: auto;
    --hv-control-flex-grow: 1;
    -webkit-box-flex: var(--hv-control-flex-grow) !important;
    -ms-flex: var(--hv-control-flex-grow) 0 var(--hv-control-flex-width) !important;
    flex: var(--hv-control-flex-grow) 0 var(--hv-control-flex-width) !important;
}

.hv-group.shadow\:sm, .input-group.shadow\:sm, .hv-group[data-type=controls].shadow\:sm, .shadow\:sm {
    -webkit-box-shadow: 0px 3px 10px #00000014 !important;
    box-shadow: 0px 3px 10px #00000014 !important;
}

.border\:0 {
    border: none !important;
}

.hv-title, .hv-title-mobi {
    --hv-page-title-text-align: left;
    --hv-page-title-font-size: 20px;
    --hv-page-title-line-height: 25px;
    --hv-page-title-letter-spacing: 0px;
    --hv-page-title-font-weight: bold;
    --hv-page-title-color-rgb: 100, 102, 226;
    --hv-page-title-color-opacity: 1;
}

.hv-title, .hv-title-mobi {
    color: rgba(var(--hv-page-title-color-rgb), var(--hv-page-title-color-opacity)) !important;
    text-align: var(--hv-page-title-text-align) !important;
    font: normal normal var(--hv-page-title-font-weight) var(--hv-page-title-font-size)/var(--hv-page-title-line-height) var(--hv-primary-font) !important;
    letter-spacing: var(--hv-page-title-letter-spacing) !important;
}

.hv-text, .hv-text.inherit:hover {
    --hv-text-color: #FFFFFF;
    --hv-text-opacity: 1;
    --hv-text-align: left;
    --hv-text-weight: 500;
    --hv-text-size: 8px;
    --hv-text-line-height: 15px;
    --hv-text-letter-spacing: 0px;
    --hv-text-case: none;
    text-align: var(--hv-text-align);
    font: normal normal var(--hv-text-weight) var(--hv-text-size)/var(--hv-text-line-height) var(--hv-primary-font);
    letter-spacing: var(--hv-text-letter-spacing);
    color: var(--hv-text-color);
    opacity: var(--hv-text-opacity);
    text-transform: var(--hv-text-case);
    word-break: break-word;
    text-wrap: balance;
}

.hv-text.fw\:bold {
    --hv-text-weight: 600;
}

.hv-text.role\:label-1 {
    --hv-text-line-height: 15px;
    --hv-text-letter-spacing: 0px;
}

.hv-text.role\:label-2 {
    --hv-text-line-height: 18px;
    --hv-text-letter-spacing: 0.28px;
}

.hv-text.color\:dark {
    --hv-text-color: #404040;
}

.hv-text.color\:light {
    --hv-text-color: #7A8396;
}

.hv-text.color\:primary {
    --hv-text-color: #6466E2;
}

.hv-text.color\:success {
    --hv-text-color: #2DCB7B;
}

.hv-text.color\:warning {
    --hv-text-color: #FFB22B;
}

.hv-text.color\:danger {
    --hv-text-color: #F76262;
}

.hv-text.weight\:normal {
    --hv-text-weight: 400;
}

.hv-text.weight\:medium {
    --hv-text-weight: 500;
}

.hv-text.weight\:bold {
    --hv-text-weight: 700;
}

.hv-text.case\:up {
    --hv-text-case: uppercase;
}

.hv-text.case\:low {
    --hv-text-case: lowercase;
}

.hv-text.case\:title {
    --hv-text-case: capitalize;
}

.hv-text.align\:left {
    --hv-text-align: left;
}

.hv-text.align\:right {
    --hv-text-align: right;
}

.hv-text.align\:center {
    --hv-text-align: center;
}

.hv-text.hv-xs {
    --hv-text-align: center;
}

.type\:link>i {
    --hv-icon-color: #A2A2A2;
    color: var(--hv-icon-color) !important;
    line-height: 1.6;
}

.type\:link:disabled>i, .type\:link:disabled, .type\:link[disabled]>i, .type\:link[disabled] {
    pointer-events: none !important;
    cursor: default !important;
}

.type\:link:not(:disabled,[disabled], :read-only, [readonly])>i.color\:primary {
    --hv-icon-color: #6466E2;
}

.type\:link:not(:disabled, [disabled], :read-only, [readonly])>i:hover.hover\:color\:success, .type\:link:not(:disabled, [disabled], :read-only, [readonly]):focus-visible>i:hover.hover\:color\:success {
    --hv-icon-color: #2DCB7B;
}

.hv-nav {
    --hv-nav-display: flex;
    --hv-nav-flex-wrap: wrap;
    --hv-nav-padding-left: 0;
    --hv-nav-margin-bottom: 0;
    --hv-nav-list-style: none;
}

.hv-nav {
    --hv-nav-display: flex;
    --hv-nav-flex-wrap: wrap;
    --hv-nav-padding-left: 0;
    --hv-nav-margin-bottom: 0;
    --hv-nav-list-style: none;
}

.hv-nav[role=menu] {
    --hv-nav-menu-display: flex;
    --hv-nav-menu-flex-wrap: wrap;
    --hv-nav-menu-padding-left: 0;
    --hv-nav-menu-margin-bottom: 0;
    --hv-nav-menu-list-style: none;
    --hv-nav-menu-position: sticky;
    --hv-nav-menu-z-index: 1;
}

.hv-nav[role=tablist] {
    --hv-nav-tabs-display: flex;
    --hv-nav-tabs-flex-wrap: wrap;
    --hv-nav-tabs-padding-left: 0;
    --hv-nav-tabs-margin-bottom: 0;
    --hv-nav-tabs-list-style: none;
    --hv-nav-tabs-position: relative;
    --hv-nav-tabs-z-index: 1;
    column-gap: 2.25rem;
}

.hv-nav {
    display: var(--hv-nav-display);
    flex-wrap: var(--hv-nav-flex-wrap);
    padding-left: var(--hv-nav-padding-left);
    margin-bottom: var(--hv-nav-margin-bottom);
    list-style: var(--hv-nav-list-style);
}

.hv-nav[role=menu]:not(.primary, .secondary, .success, .warning, .danger, .light, .info), .hv-nav[role=tablist]:not(.primary, .secondary, .success, .warning, .danger, .light, .info) {
    background: var(--hv-nav-bg-color-hex) 0% 0% no-repeat padding-box !important;
}

.hv-nav[role=menu].bg\:primary, 
.hv-nav[role=menu].bg\:secondary, 
.hv-nav[role=menu].bg\:success, 
.hv-nav[role=menu].bg\:warning, 
.hv-nav[role=menu].bg\:danger, 
.hv-nav[role=menu].bg\:light, 
.hv-nav[role=menu].bg\:info {

}

.hv-nav[role=tablist].bg\:primary, 
.hv-nav[role=tablist].bg\:secondary, 
.hv-nav[role=tablist].bg\:success, 
.hv-nav[role=tablist].bg\:warning, 
.hv-nav[role=tablist].bg\:danger, 
.hv-nav[role=tablist].bg\:light, 
.hv-nav[role=tablist].bg\:info
{
    background: var(--hv-nav-bg-color-hex) 0% 0% no-repeat padding-box !important;
}

.hv-nav[role=menu] {
    display: var(--hv-nav-menu-display);
    flex-wrap: var(--hv-nav-menu-flex-wrap);
    padding-left: var(--hv-nav-menu-padding-left);
    margin-bottom: var(--hv-nav-menu-margin-bottom);
    list-style: var(--hv-nav-menu-list-style);
    position: var(--hv-nav-menu-position);
    margin: calc(var(--hv-content-padding-top) * (-1)) calc(var(--hv-content-padding-right) * (-1)) calc(var(--hv-content-padding-bottom) * (-1)) calc(var(--hv-content-padding-left) * (-1)) !important;
    padding: calc(var(--hv-content-padding-top) * 1.5) var(--hv-content-padding-right) calc(var(--hv-content-padding-bottom) * 1.5) var(--hv-content-padding-left) !important;
    height: var(--hv-nav-bar-height) !important;
    z-index: var(--hv-nav-menu-z-index);
}

.hv-nav[role=tablist] {
    display: var(--hv-nav-tabs-display);
    flex-wrap: var(--hv-nav-tabs-flex-wrap);
    padding-left: var(--hv-nav-tabs-padding-left);
    margin-bottom: var(--hv-nav-tabs-margin-bottom);
    list-style: var(--hv-nav-tabs-list-style);
    position: var(--hv-nav-tabs-position);
    margin: calc(var(--hv-content-padding-top) * (-1)) calc(var(--hv-content-padding-right) * (-1)) calc(var(--hv-content-padding-bottom) * (-1)) calc(var(--hv-content-padding-left) * (-0.75)) !important;
    padding: calc(var(--hv-content-padding-top) * 1) var(--hv-content-padding-right) calc(var(--hv-content-padding-bottom) * 1.5) var(--hv-content-padding-left) !important;
    z-index: var(--hv-nav-tabs-z-index);
}

.hv-nav[role=menu].hv-nav-sticky-top {
	--hv-nav-bg-color-hex: #F9FAFA;
	box-shadow: 0 20px 34px 0 rgba(0,0,0,.1) !important;
	max-height: 76px !important;
}

.hv-nav[data-shape=outline] > .nav-item > a {
    --hv-nav-border-width: 1.5px;
    --hv-nav-border-style: solid;
    --hv-nav-border-color: #5555;
    --hv-nav-border-radius: 10px;
    --hv-nav-item-bg-color: transparent;
    background: var(--hv-nav-item-bg-color) 0% 0% no-repeat padding-box !important;
    border: var(--hv-nav-border-width) var(--hv-nav-border-style) var(--hv-nav-border-color) !important;
    border-radius: var(--hv-nav-border-radius) !important;
    -webkit-border-radius: var(--hv-nav-border-radius) !important;
    -moz-border-radius: var(--hv-nav-border-radius) !important;
    -ms-border-radius: var(--hv-nav-border-radius) !important;
    -o-border-radius: var(--hv-nav-border-radius) !important;
}

.hv-nav[action="primary"] > .nav-item > a {
    --hv-nav-border-color: #6466E2;
    --hv-navbar-text-color: #6466E2;
    color: var(--hv-navbar-text-color) !important;
}

.hv-nav[action="primary"] > .nav-item  > a.active {
    --hv-nav-border-color: #6466E2;
    --hv-navbar-text-color: #FFFFFF;
    --hv-nav-item-bg-color: #6466E2;
}

.hv-nav[pos="top"] {
    flex-direction: row;
    top: 0;
    left: 0;
    right: 0;
}

.hv-nav[pos="right"] {
    flex-direction: column;
    top: 0;
    bottom: 0;
    right: 0;
}

.hv-nav[pos="left"] {
    flex-direction: column;
    top: 0;
    left: 0;
    bottom: 0;
}

.hv-nav[pos="bottom"] {
    flex-direction: row-reverse;
    right: 0;
    left: 0;
    bottom: 0;
}

.hv-nav .shape\:pills .hv-nav-link {
    --hv-nav-bg-color-hex: #FFFFFF;
    --hv-nav-text-color: #6466E2;
    --hv-nav-border-color: #6466E2;
    --hv-nav-padding: 6px 16px;
    text-align: left;
    color: var(--hv-nav-text-color);
    padding: var(--hv-nav-padding) !important;
    border: 1px solid var(--hv-nav-border-color);
    text-align: left;
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0px;
    background-color: var(--hv-nav-bg-color-hex) !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.hv-nav .shape\:pills .hv-nav-link .text\:head, .hv-nav .shape\:pills .hv-nav-link .text\:head-count {
    font: normal normal 500 12px/15px var(--hv-primary-font);
    letter-spacing: 0px;
    text-transform: capitalize;
}

.hv-nav .shape\:pills .hv-nav-link .text\:head {
    text-align-last: center;
}

.hv-nav .shape\:pills .hv-nav-link .text\:head-count {
    text-align-last: end;
}

.hv-nav.type\:tab .hv-nav-item:first-child {
    margin-right: 12px !important;
    margin-left: 6px !important;
}

.hv-nav.type\:tab .hv-nav-item {
    margin-right: 12px !important;
    margin-left: 12px !important;
}

.hv-nav.type\:tab .hv-nav-item:last-child {
    margin-right: 6px !important;
    margin-left: 12px !important;
}


/* .hv-nav.type\:menu {}

.hv-nav.pos\:top {}

.hv-nav.pos\:bottom {}

.hv-nav.pos\:left {}

.hv-nav.pos\:right {} */

/* icons */
i::before:not(.text-danger, .text-success, .text-info, .text-primary, .text-warning, .text-dark, .text-light) {
    color: var(--hv-icon-color) 
}

i::before.color\:dark::before {
    --hv-icon-color: #404040;
}

i::before.color\:light::before {
    --hv-icon-color: #7A8396;
}

i::before.color\:primary::before {
    --hv-icon-color: #6466E2;
}

i::before.color\:success::before {
    --hv-icon-color: #2DCB7B;
}

i::before.color\:warning::before {
    --hv-icon-color: #FFB22B;
}

i::before.color\:danger::before {
    --hv-icon-color: #F76262;
}

/* Grid System Start */
.hv-row {
    --hv-gutter-x: 24px;
    --hv-gutter-y: 0;
}

.hv-row[gut-x=""] {
    --hv-gutter-x: 24px;
}
.hv-row[gut-xy=0], .hv-row[gut-x=0]{
    --bs-gutter-x:0;
}
.hv-row[gut-xy=0], .hv-row[gut-y=0]{
    --bs-gutter-y:0;
}
.hv-row[gut-xy=1], .hv-row[gut-x=1]{
    --bs-gutter-x:0.375rem;
}
.hv-row[gut-xy=1], .hv-row[gut-y=1]{
    --bs-gutter-y:0.375rem;
}
.hv-row[gut-xy=2], .hv-row[gut-x=2]{
    --bs-gutter-x:0.75rem;
}
.hv-row[gut-xy=2], .hv-row[gut-y=2]{
    --bs-gutter-y:0.75rem;
}
.hv-row[gut-xy=3], .hv-row[gut-x=3]{
    --bs-gutter-x:1.5rem;
}
.hv-row[gut-xy=3], .hv-row[gut-y=3]{
    --bs-gutter-y:1.5rem;
}
.hv-row[gut-xy=4], .hv-row[gut-x=4]{
    --bs-gutter-x:2.25rem;
}
.hv-row[gut-xy=4], .hv-row[gut-y=4]{
    --bs-gutter-y:2.25rem;
}
.hv-row[gut-xy=5], .hv-row[gut-x=5]{
    --bs-gutter-x:4.5rem;
}
.hv-row[gut-xy=5], .hv-row[gut-y=5]{
    --bs-gutter-y:4.5rem;
}
.col {
    flex: 1 0 0%;
}

.col-1{
    flex:0 0 auto;
    width:8.33333%
}
.col-2{
    flex:0 0 auto;
    width:16.66667%
}
.col-3{
    flex:0 0 auto;
    width:25%
}
.col-4{
    flex:0 0 auto;
    width:33.33333%
}
.col-5{
    flex:0 0 auto;
    width:41.66667%
}
.col-6{
    flex:0 0 auto;
    width:50%
}
.col-7{
    flex:0 0 auto;
    width:58.33333%
}
.col-8{
    flex:0 0 auto;
    width:66.66667%
}
.col-9{
    flex:0 0 auto;
    width:75%
}
.col-10{
    flex:0 0 auto;
    width:83.33333%
}
.col-11{
    flex:0 0 auto;
    width:91.66667%
}
.col-12{
    flex:0 0 auto;
    width:100%
}
.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%;
}

.hv-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--hv-gutter-y));
    margin-right: calc(-.5 * var(--hv-gutter-x));
    margin-left: calc(-.5 * var(--hv-gutter-x));
}

.hv-row>* {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--hv-gutter-x) * .5);
    padding-left: calc(var(--hv-gutter-x) * .5);
    margin-top: var(--hv-gutter-y);
}

.hv-row:has(.gutter-x\:26px)>* {
    margin-right: calc(var(--hv-gutter-x)/2);
    margin-left: calc(var(--hv-gutter-x)/2);
}

.hv-col {
    flex: 0 0 auto;
}

.gap-0 {
    gap: 0px;
}

.gap-x-0 {
    column-gap: 0px;
}

.gap-y-0 {
    row-gap: 0px;
}

.gap-px {
    gap: 1px;
}

.gap-x-px {
    column-gap: 1px;
}

.gap-y-px {
    row-gap: 1px;
}

.gap-0\.5 {
    gap: 0.125rem;/* 2px */
}

.gap-x-0\.5 {
    column-gap: 0.125rem;/* 2px */
}

.gap-y-0\.5 {
    row-gap: 0.125rem;/* 2px */
}

.gap-1 {
    gap: 0.25rem;/* 4px */
}

.gap-x-1 {
    column-gap: 0.25rem;/* 4px */
}

.gap-y-1 {
    row-gap: 0.25rem;/* 4px */
}

.gap-1\.5 {
    gap: 0.375rem;/* 6px */
}

.gap-x-1\.5 {
    column-gap: 0.375rem;/* 6px */
}

.gap-y-1\.5 {
    row-gap: 0.375rem;/* 6px */
}

.gap-2 {
    gap: 0.5rem;/* 8px */
}

.gap-x-2 {
    column-gap: 0.5rem;/* 8px */
}

.gap-y-2 {
    row-gap: 0.5rem;/* 8px */
}

.gap-2\.5 {
    gap: 0.625rem;/* 10px */
}

.gap-x-2\.5 {
    column-gap: 0.625rem;/* 10px */
}

.gap-y-2\.5 {
    row-gap: 0.625rem;/* 10px */
}

.gap-3 {
    gap: 0.75rem;/* 12px */
}

.gap-x-3 {
    column-gap: 0.75rem;/* 12px */
}

.gap-y-3 {
    row-gap: 0.75rem;/* 12px */
}

.gap-3\.5 {
    gap: 0.875rem;/* 14px */
}

.gap-x-3\.5 {
    column-gap: 0.875rem;/* 14px */
}

.gap-y-3\.5 {
    row-gap: 0.875rem;/* 14px */
}

.gap-4 {
    gap: 1rem;/* 16px */
}

.gap-x-4 {
    column-gap: 1rem;/* 16px */
}

.gap-y-4 {
    row-gap: 1rem;/* 16px */
}

.gap-5 {
    gap: 1.25rem;/* 20px */
}

.gap-x-5 {
    column-gap: 1.25rem;/* 20px */
}

.gap-y-5 {
    row-gap: 1.25rem;/* 20px */
}

.gap-6 {
    gap: 1.5rem;/* 24px */
}

.gap-x-6 {
    column-gap: 1.5rem;/* 24px */
}

.gap-y-6 {
    row-gap: 1.5rem;/* 24px */
}

.gap-7 {
    gap: 1.75rem;/* 28px */
}

.gap-x-7 {
    column-gap: 1.75rem;/* 28px */
}

.gap-y-7 {
    row-gap: 1.75rem;/* 28px */
}

.gap-8 {
    gap: 2rem;/* 32px */
}

.gap-x-8 {
    column-gap: 2rem;/* 32px */
}

.gap-y-8 {
    row-gap: 2rem;/* 32px */
}

.gap-9 {
    gap: 2.25rem;/* 36px */
}

.gap-x-9 {
    column-gap: 2.25rem;/* 36px */
}

.gap-y-9 {
    row-gap: 2.25rem;/* 36px */
}

.gap-10 {
    gap: 2.5rem;/* 40px */
}

.gap-x-10 {
    column-gap: 2.5rem;/* 40px */
}

.gap-y-10 {
    row-gap: 2.5rem;/* 40px */
}

.gap-11 {
    gap: 2.75rem;/* 44px */
}

.gap-x-11 {
    column-gap: 2.75rem;/* 44px */
}

.gap-y-11 {
    row-gap: 2.75rem;/* 44px */
}

.gap-12 {
    gap: 3rem;/* 48px */
}

.gap-x-12 {
    column-gap: 3rem;/* 48px */
}

.gap-y-12 {
    row-gap: 3rem;/* 48px */
}

.gap-14 {
    gap: 3.5rem;/* 56px */
}

.gap-x-14 {
    column-gap: 3.5rem;/* 56px */
}

.gap-y-14 {
    row-gap: 3.5rem;/* 56px */
}

.gap-16 {
    gap: 4rem;/* 64px */
}

.gap-x-16 {
    column-gap: 4rem;/* 64px */
}

.gap-y-16 {
    row-gap: 4rem;/* 64px */
}

.gap-20 {
    gap: 5rem;/* 80px */
}

.gap-x-20 {
    column-gap: 5rem;/* 80px */
}

.gap-y-20 {
    row-gap: 5rem;/* 80px */
}

.gap-24 {
    gap: 6rem;/* 96px */
}

.gap-x-24 {
    column-gap: 6rem;/* 96px */
}

.gap-y-24 {
    row-gap: 6rem;/* 96px */
}

.gap-28 {
    gap: 7rem;/* 112px */
}

.gap-x-28 {
    column-gap: 7rem;/* 112px */
}

.gap-y-28 {
    row-gap: 7rem;/* 112px */
}

.gap-32 {
    gap: 8rem;/* 128px */
}

.gap-x-32 {
    column-gap: 8rem;/* 128px */
}

.gap-y-32 {
    row-gap: 8rem;/* 128px */
}

.gap-36 {
    gap: 9rem;/* 144px */
}

.gap-x-36 {
    column-gap: 9rem;/* 144px */
}

.gap-y-36 {
    row-gap: 9rem;/* 144px */
}

.gap-40 {
    gap: 10rem;/* 160px */
}

.gap-x-40 {
    column-gap: 10rem;/* 160px */
}

.gap-y-40 {
    row-gap: 10rem;/* 160px */
}

.gap-44 {
    gap: 11rem;/* 176px */
}

.gap-x-44 {
    column-gap: 11rem;/* 176px */
}

.gap-y-44 {
    row-gap: 11rem;/* 176px */
}

.gap-48 {
    gap: 12rem;/* 192px */
}

.gap-x-48 {
    column-gap: 12rem;/* 192px */
}

.gap-y-48 {
    row-gap: 12rem;/* 192px */
}

.gap-52 {
    gap: 13rem;/* 208px */
}

.gap-x-52 {
    column-gap: 13rem;/* 208px */
}

.gap-y-52 {
    row-gap: 13rem;/* 208px */
}

.gap-56 {
    gap: 14rem;/* 224px */
}

.gap-x-56 {
    column-gap: 14rem;/* 224px */
}

.gap-y-56 {
    row-gap: 14rem;/* 224px */
}

.gap-60 {
    gap: 15rem;/* 240px */
}

.gap-x-60 {
    column-gap: 15rem;/* 240px */
}

.gap-y-60 {
    row-gap: 15rem;/* 240px */
}

.gap-64 {
    gap: 16rem;/* 256px */
}

.gap-x-64 {
    column-gap: 16rem;/* 256px */
}

.gap-y-64 {
    row-gap: 16rem;/* 256px */
}

.gap-72 {
    gap: 18rem;/* 288px */
}

.gap-x-72 {
    column-gap: 18rem;/* 288px */
}

.gap-y-72 {
    row-gap: 18rem;/* 288px */
}

.gap-80 {
    gap: 20rem;/* 320px */
}

.gap-x-80 {
    column-gap: 20rem;/* 320px */
}

.gap-y-80 {
    row-gap: 20rem;/* 320px */
}

.gap-96 {
    gap: 24rem;/* 384px */
}

.gap-x-96 {
    column-gap: 24rem;/* 384px */
}

.gap-y-96 {
    row-gap: 24rem;/* 384px */
}

/* .hv-col[colw="1"] {
    width: 8.333333333%;
}

.hv-col[colw="2"] {
    width: 16.66666667%;
}

.hv-col[colw="3"] {
    width: 25%;
}

.hv-col[colw="4"] {
    width: 33.33333333%;
}

.hv-col[colw="5"] {
    width: 41.66666667%;
}

.hv-col[colw="6"] {
    width: 50%;
}

.hv-col[colw="7"] {
    width: 58.33333333%;
}

.hv-col[colw="8"] {
    width: 66.66666667%;
}

.hv-col[colw="9"] {
    width: 75%;
}

.hv-col[colw="10"] {
    width: 83.33333333%;
}

.hv-col[colw="11"] {
    width: 91.66666667%;
}

.hv-col[colw="12"] {
    width: 100%;
} */


.hv-row.gutter-x\:26px {
    --hv-gutter-x: 26px;
}

.hv-row.gutter-x\:30px {
    --hv-gutter-x: 30px;
}

.hv-row.gutter-x\:34px {
    --hv-gutter-x: 34px;
}

.hv-row.gutter-x\:xxl {
    --hv-gutter-x: 40.67px;
}

.cur\:hand {
    cursor: hand;
}

.cur\:pointer {
    cursor: pointer;
}

/* Grid System End*/

.hv-badge {
    display: inline-flex;
    align-items: center;
    font: normal normal var(--hv-badge-font-weight) var(--hv-badge-font-size)/var(--hv-badge-line-height) var(--hv-primary-font);
    background-color: var(--hv-badge-background-color-hex);
    color: var(--hv-badge-text-color-hex);
    border-radius: var(--hv-badge-border-radius);
    padding: var(--hv-badge-padding-top) var(--hv-badge-padding-right) var(--hv-badge-padding-bottom) var(--hv-badge-padding-left);
    margin: var(--hv-badge-margin-top) var(--hv-badge-margin-right) var(--hv-badge-margin-bottom) var(--hv-badge-margin-left);
    -webkit-border-radius: var(--hv-badge-border-radius);
    -moz-border-radius: var(--hv-badge-border-radius);
    -ms-border-radius: var(--hv-badge-border-radius);
    -o-border-radius: var(--hv-badge-border-radius);
}



@media(max-width: 567px) {
    .sm-fit {
        width: 100% !important;
    }

    .sm-fit.mx-5 {
        margin-left: var(--hv-controls-VHspace-min) !important;
        margin-right: var(--hv-controls-VHspace-min) !important;
    }

    .sm-fit.mx-4 {
        margin-left: calc(var(--hv-controls-VHspace-min) / 2) !important;
        margin-right: calc(var(--hv-controls-VHspace-min) / 2) !important;
    }

    .sm-fit.px-4 {
        padding-left: var(--hv-controls-VHspace-0) !important;
        padding-right: var(--hv-controls-VHspace-0) !important;
    }

    .sm-fit.ps-2 {
        padding-left: var(--hv-controls-VHspace-0) !important;
    }

    .mx-min {
        margin-left: calc(var(--hv-controls-VHspace-min) / 3) !important;
        margin-right: calc(var(--hv-controls-VHspace-min) / 3) !important;
    }

    .mx-1 {
        margin-left: calc(var(--hv-controls-VHspace-1) / 3) !important;
        margin-right: calc(var(--hv-controls-VHspace-1) / 3) !important;
    }

    .mx-2 {
        margin-left: calc(var(--hv-controls-VHspace-2) / 3) !important;
        margin-right: calc(var(--hv-controls-VHspace-2) / 3) !important;
    }

    .ms-1 {
        margin-left: calc(var(--hv-controls-VHspace-1) / 3) !important;
    }

    .ms-2 {
        margin-left: calc(var(--hv-controls-VHspace-2) / 3) !important;
    }

    .ms-3 {
        margin-left: calc(var(--hv-controls-VHspace-3) / 3) !important;
    }

    .ms-4 {
        margin-left: calc(var(--hv-controls-VHspace-4) / 3) !important;
    }

    .ms-5 {
        margin-left: calc(var(--hv-controls-VHspace-5) / 3) !important;
    }

    .ms-6 {
        margin-left: calc(var(--hv-controls-VHspace-6) / 3) !important;
    }

    .ms-7 {
        margin-left: calc(var(--hv-controls-VHspace-7) / 3) !important;
    }

    .ms-8 {
        margin-left: calc(var(--hv-controls-VHspace-8) / 3) !important;
    }

    .ms-max {
        margin-left: calc(var(--hv-controls-VHspace-max) / 3) !important;
    }
}


/*=============================================
=            Padding and Margin Spacing            =
=============================================*/

.mar\:\[bottom\]\:0px {
    margin-bottom: 0px !important;
}

.mar\:\[bottom\]\:10px {
    margin-bottom: 10px !important;
}

.mar\:\[bottom\]\:11px {
    margin-bottom: 11px !important;
}

.mar\:\[bottom\]\:12px {
    margin-bottom: 12px !important;
}

.mar\:\[bottom\]\:13px {
    margin-bottom: 13px !important;
}

.mar\:\[bottom\]\:14px {
    margin-bottom: 14px !important;
}

.mar\:\[bottom\]\:15px {
    margin-bottom: 15px !important;
}

.mar\:\[bottom\]\:16px {
    margin-bottom: 16px !important;
}

.mar\:\[bottom\]\:17px {
    margin-bottom: 17px !important;
}

.mar\:\[bottom\]\:18px {
    margin-bottom: 18px !important;
}

.mar\:\[bottom\]\:19px {
    margin-bottom: 19px !important;
}

.mar\:\[bottom\]\:1px {
    margin-bottom: 1px !important;
}

.mar\:\[bottom\]\:20px {
    margin-bottom: 20px !important;
}

.mar\:\[bottom\]\:21px {
    margin-bottom: 21px !important;
}

.mar\:\[bottom\]\:22px {
    margin-bottom: 22px !important;
}

.mar\:\[bottom\]\:23px {
    margin-bottom: 23px !important;
}

.mar\:\[bottom\]\:24px {
    margin-bottom: 24px !important;
}

.mar\:\[bottom\]\:2px {
    margin-bottom: 2px !important;
}

.mar\:\[bottom\]\:3px {
    margin-bottom: 3px !important;
}

.mar\:\[bottom\]\:4px {
    margin-bottom: 4px !important;
}

.mar\:\[bottom\]\:5px {
    margin-bottom: 5px !important;
}

.mar\:\[bottom\]\:6px {
    margin-bottom: 6px !important;
}

.mar\:\[bottom\]\:7px {
    margin-bottom: 7px !important;
}

.mar\:\[bottom\]\:8px {
    margin-bottom: 8px !important;
}

.mar\:\[bottom\]\:9px {
    margin-bottom: 9px !important;
}

.mar\:\[left\]\:0px {
    margin-left: 0px !important;
}

.mar\:\[left\]\:10px {
    margin-left: 10px !important;
}

.mar\:\[left\]\:11px {
    margin-left: 11px !important;
}

.mar\:\[left\]\:12px {
    margin-left: 12px !important;
}

.mar\:\[left\]\:13px {
    margin-left: 13px !important;
}

.mar\:\[left\]\:14px {
    margin-left: 14px !important;
}

.mar\:\[left\]\:15px {
    margin-left: 15px !important;
}

.mar\:\[left\]\:16px {
    margin-left: 16px !important;
}

.mar\:\[left\]\:17px {
    margin-left: 17px !important;
}

.mar\:\[left\]\:18px {
    margin-left: 18px !important;
}

.mar\:\[left\]\:19px {
    margin-left: 19px !important;
}

.mar\:\[left\]\:1px {
    margin-left: 1px !important;
}

.mar\:\[left\]\:20px {
    margin-left: 20px !important;
}

.mar\:\[left\]\:21px {
    margin-left: 21px !important;
}

.mar\:\[left\]\:22px {
    margin-left: 22px !important;
}

.mar\:\[left\]\:23px {
    margin-left: 23px !important;
}

.mar\:\[left\]\:24px {
    margin-left: 24px !important;
}

.mar\:\[left\]\:2px {
    margin-left: 2px !important;
}

.mar\:\[left\]\:3px {
    margin-left: 3px !important;
}

.mar\:\[left\]\:4px {
    margin-left: 4px !important;
}

.mar\:\[left\]\:5px {
    margin-left: 5px !important;
}

.mar\:\[left\]\:6px {
    margin-left: 6px !important;
}

.mar\:\[left\]\:7px {
    margin-left: 7px !important;
}

.mar\:\[left\]\:8px {
    margin-left: 8px !important;
}

.mar\:\[left\]\:9px {
    margin-left: 9px !important;
}

.mar\:\[right\]\:0px {
    margin-right: 0px !important;
}

.mar\:\[right\]\:10px {
    margin-right: 10px !important;
}

.mar\:\[right\]\:11px {
    margin-right: 11px !important;
}

.mar\:\[right\]\:12px {
    margin-right: 12px !important;
}

.mar\:\[right\]\:13px {
    margin-right: 13px !important;
}

.mar\:\[right\]\:14px {
    margin-right: 14px !important;
}

.mar\:\[right\]\:15px {
    margin-right: 15px !important;
}

.mar\:\[right\]\:16px {
    margin-right: 16px !important;
}

.mar\:\[right\]\:17px {
    margin-right: 17px !important;
}

.mar\:\[right\]\:18px {
    margin-right: 18px !important;
}

.mar\:\[right\]\:19px {
    margin-right: 19px !important;
}

.mar\:\[right\]\:1px {
    margin-right: 1px !important;
}

.mar\:\[right\]\:20px {
    margin-right: 20px !important;
}

.mar\:\[right\]\:21px {
    margin-right: 21px !important;
}

.mar\:\[right\]\:22px {
    margin-right: 22px !important;
}

.mar\:\[right\]\:23px {
    margin-right: 23px !important;
}

.mar\:\[right\]\:24px {
    margin-right: 24px !important;
}

.mar\:\[right\]\:2px {
    margin-right: 2px !important;
}

.mar\:\[right\]\:3px {
    margin-right: 3px !important;
}

.mar\:\[right\]\:4px {
    margin-right: 4px !important;
}

.mar\:\[right\]\:5px {
    margin-right: 5px !important;
}

.mar\:\[right\]\:6px {
    margin-right: 6px !important;
}

.mar\:\[right\]\:7px {
    margin-right: 7px !important;
}

.mar\:\[right\]\:8px {
    margin-right: 8px !important;
}

.mar\:\[right\]\:9px {
    margin-right: 9px !important;
}

.mar\:\[top\]\:0px {
    margin-top: 0px !important;
}

.mar\:\[top\]\:10px {
    margin-top: 10px !important;
}

.mar\:\[top\]\:11px {
    margin-top: 11px !important;
}

.mar\:\[top\]\:12px {
    margin-top: 12px !important;
}

.mar\:\[top\]\:13px {
    margin-top: 13px !important;
}

.mar\:\[top\]\:14px {
    margin-top: 14px !important;
}

.mar\:\[top\]\:15px {
    margin-top: 15px !important;
}

.mar\:\[top\]\:16px {
    margin-top: 16px !important;
}

.mar\:\[top\]\:17px {
    margin-top: 17px !important;
}

.mar\:\[top\]\:18px {
    margin-top: 18px !important;
}

.mar\:\[top\]\:19px {
    margin-top: 19px !important;
}

.mar\:\[top\]\:1px {
    margin-top: 1px !important;
}

.mar\:\[top\]\:20px {
    margin-top: 20px !important;
}

.mar\:\[top\]\:21px {
    margin-top: 21px !important;
}

.mar\:\[top\]\:22px {
    margin-top: 22px !important;
}

.mar\:\[top\]\:23px {
    margin-top: 23px !important;
}

.mar\:\[top\]\:24px {
    margin-top: 24px !important;
}

.mar\:\[top\]\:2px {
    margin-top: 2px !important;
}

.mar\:\[top\]\:3px {
    margin-top: 3px !important;
}

.mar\:\[top\]\:4px {
    margin-top: 4px !important;
}

.mar\:\[top\]\:5px {
    margin-top: 5px !important;
}

.mar\:\[top\]\:6px {
    margin-top: 6px !important;
}

.mar\:\[top\]\:7px {
    margin-top: 7px !important;
}

.mar\:\[top\]\:8px {
    margin-top: 8px !important;
}

.mar\:\[top\]\:9px {
    margin-top: 9px !important;
}

.mar\:\[top-bottom\]\:9px {
    margin-top: 9px !important;
    margin-top: 9px !important;
}

.pad\:\[bottom\]\:0px {
    padding-bottom: 0px !important;
}

.pad\:\[bottom\]\:10px {
    padding-bottom: 10px !important;
}

.pad\:\[bottom\]\:11px {
    padding-bottom: 11px !important;
}

.pad\:\[bottom\]\:12px {
    padding-bottom: 12px !important;
}

.pad\:\[bottom\]\:13px {
    padding-bottom: 13px !important;
}

.pad\:\[bottom\]\:14px {
    padding-bottom: 14px !important;
}

.pad\:\[bottom\]\:15px {
    padding-bottom: 15px !important;
}

.pad\:\[bottom\]\:16px {
    padding-bottom: 16px !important;
}

.pad\:\[bottom\]\:17px {
    padding-bottom: 17px !important;
}

.pad\:\[bottom\]\:18px {
    padding-bottom: 18px !important;
}

.pad\:\[bottom\]\:19px {
    padding-bottom: 19px !important;
}

.pad\:\[bottom\]\:1px {
    padding-bottom: 1px !important;
}

.pad\:\[bottom\]\:20px {
    padding-bottom: 20px !important;
}

.pad\:\[bottom\]\:21px {
    padding-bottom: 21px !important;
}

.pad\:\[bottom\]\:22px {
    padding-bottom: 22px !important;
}

.pad\:\[bottom\]\:23px {
    padding-bottom: 23px !important;
}

.pad\:\[bottom\]\:24px {
    padding-bottom: 24px !important;
}

.pad\:\[bottom\]\:2px {
    padding-bottom: 2px !important;
}

.pad\:\[bottom\]\:3px {
    padding-bottom: 3px !important;
}

.pad\:\[bottom\]\:4px {
    padding-bottom: 4px !important;
}

.pad\:\[bottom\]\:5px {
    padding-bottom: 5px !important;
}

.pad\:\[bottom\]\:6px {
    padding-bottom: 6px !important;
}

.pad\:\[bottom\]\:7px {
    padding-bottom: 7px !important;
}

.pad\:\[bottom\]\:8px {
    padding-bottom: 8px !important;
}

.pad\:\[bottom\]\:9px {
    padding-bottom: 9px !important;
}

.pad\:\[left\]\:0px {
    padding-left: 0px !important;
}

.pad\:\[left\]\:10px {
    padding-left: 10px !important;
}

.pad\:\[left\]\:11px {
    padding-left: 11px !important;
}

.pad\:\[left\]\:12px {
    padding-left: 12px !important;
}

.pad\:\[left\]\:13px {
    padding-left: 13px !important;
}

.pad\:\[left\]\:14px {
    padding-left: 14px !important;
}

.pad\:\[left\]\:15px {
    padding-left: 15px !important;
}

.pad\:\[left\]\:16px {
    padding-left: 16px !important;
}

.pad\:\[left\]\:17px {
    padding-left: 17px !important;
}

.pad\:\[left\]\:18px {
    padding-left: 18px !important;
}

.pad\:\[left\]\:19px {
    padding-left: 19px !important;
}

.pad\:\[left\]\:1px {
    padding-left: 1px !important;
}

.pad\:\[left\]\:20px {
    padding-left: 20px !important;
}

.pad\:\[left\]\:21px {
    padding-left: 21px !important;
}

.pad\:\[left\]\:22px {
    padding-left: 22px !important;
}

.pad\:\[left\]\:23px {
    padding-left: 23px !important;
}

.pad\:\[left\]\:24px {
    padding-left: 24px !important;
}

.pad\:\[left\]\:2px {
    padding-left: 2px !important;
}

.pad\:\[left\]\:3px {
    padding-left: 3px !important;
}

.pad\:\[left\]\:4px {
    padding-left: 4px !important;
}

.pad\:\[left\]\:5px {
    padding-left: 5px !important;
}

.pad\:\[left\]\:6px {
    padding-left: 6px !important;
}

.pad\:\[left\]\:7px {
    padding-left: 7px !important;
}

.pad\:\[left\]\:8px {
    padding-left: 8px !important;
}

.pad\:\[left\]\:9px {
    padding-left: 9px !important;
}

.pad\:\[right\]\:0px {
    padding-right: 0px !important;
}

.pad\:\[right\]\:10px {
    padding-right: 10px !important;
}

.pad\:\[right\]\:11px {
    padding-right: 11px !important;
}

.pad\:\[right\]\:12px {
    padding-right: 12px !important;
}

.pad\:\[right\]\:13px {
    padding-right: 13px !important;
}

.pad\:\[right\]\:14px {
    padding-right: 14px !important;
}

.pad\:\[right\]\:15px {
    padding-right: 15px !important;
}

.pad\:\[right\]\:16px {
    padding-right: 16px !important;
}

.pad\:\[right\]\:17px {
    padding-right: 17px !important;
}

.pad\:\[right\]\:18px {
    padding-right: 18px !important;
}

.pad\:\[right\]\:19px {
    padding-right: 19px !important;
}

.pad\:\[right\]\:1px {
    padding-right: 1px !important;
}

.pad\:\[right\]\:20px {
    padding-right: 20px !important;
}

.pad\:\[right\]\:21px {
    padding-right: 21px !important;
}

.pad\:\[right\]\:22px {
    padding-right: 22px !important;
}

.pad\:\[right\]\:23px {
    padding-right: 23px !important;
}

.pad\:\[right\]\:24px {
    padding-right: 24px !important;
}

.pad\:\[right\]\:2px {
    padding-right: 2px !important;
}

.pad\:\[right\]\:3px {
    padding-right: 3px !important;
}

.pad\:\[right\]\:4px {
    padding-right: 4px !important;
}

.pad\:\[right\]\:5px {
    padding-right: 5px !important;
}

.pad\:\[right\]\:6px {
    padding-right: 6px !important;
}

.pad\:\[right\]\:7px {
    padding-right: 7px !important;
}

.pad\:\[right\]\:8px {
    padding-right: 8px !important;
}

.pad\:\[right\]\:9px {
    padding-right: 9px !important;
}

.pad\:\[top\]\:0px {
    padding-top: 0px !important;
}

.pad\:\[top\]\:10px {
    padding-top: 10px !important;
}

.pad\:\[top\]\:11px {
    padding-top: 11px !important;
}

.pad\:\[top\]\:12px {
    padding-top: 12px !important;
}

.pad\:\[top\]\:13px {
    padding-top: 13px !important;
}

.pad\:\[top\]\:14px {
    padding-top: 14px !important;
}

.pad\:\[top\]\:15px {
    padding-top: 15px !important;
}

.pad\:\[top\]\:16px {
    padding-top: 16px !important;
}

.pad\:\[top\]\:17px {
    padding-top: 17px !important;
}

.pad\:\[top\]\:18px {
    padding-top: 18px !important;
}

.pad\:\[top\]\:19px {
    padding-top: 19px !important;
}

.pad\:\[top\]\:1px {
    padding-top: 1px !important;
}

.pad\:\[top\]\:20px {
    padding-top: 20px !important;
}

.pad\:\[top\]\:21px {
    padding-top: 21px !important;
}

.pad\:\[top\]\:22px {
    padding-top: 22px !important;
}

.pad\:\[top\]\:23px {
    padding-top: 23px !important;
}

.pad\:\[top\]\:24px {
    padding-top: 24px !important;
}

.pad\:\[top\]\:2px {
    padding-top: 2px !important;
}

.pad\:\[top\]\:3px {
    padding-top: 3px !important;
}

.pad\:\[top\]\:4px {
    padding-top: 4px !important;
}

.pad\:\[top\]\:5px {
    padding-top: 5px !important;
}

.pad\:\[top\]\:6px {
    padding-top: 6px !important;
}

.pad\:\[top\]\:7px {
    padding-top: 7px !important;
}

.pad\:\[top\]\:8px {
    padding-top: 8px !important;
}

.pad\:\[top\]\:9px {
    padding-top: 9px !important;
}



.pad\:\[top-bottom\]\:3px {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pad\:\[top-bottom\]\:24px {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.pad\:\[left-right\]\:24px {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.pad\:\[top-bottom\]\:14px {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.pad\:\[left-right\]\:14px {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.pad\:\[top-bottom\]\:15px {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pad\:\[left-right\]\:15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad\:\[top-bottom\]\:19px {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
}

.pad\:\[left-right\]\:19px {
    padding-left: 19px !important;
    padding-right: 19px !important;
}

.mb\:15px {
    margin-bottom: 15px !important;
}

.mb\:24px {
    margin-bottom: 24px !important;
}

/*=====  End of Padding and Margin Spacing  ======*/



/* Minimum width and Height Start */
.mn-w-0 {
    min-width: 0% !important;
}

.mn-w-10 {
    min-width: 10% !important;
}

.mn-w-20 {
    min-width: 20% !important;
}

.mn-w-25 {
    min-width: 25% !important;
}

.mn-w-30 {
    min-width: 30% !important;
}

.mn-w-40 {
    min-width: 40% !important;
}

.mn-w-50 {
    min-width: 50% !important;
}

.mn-w-60 {
    min-width: 60% !important;
}

.mn-w-70 {
    min-width: 70% !important;
}

.mn-w-80 {
    min-width: 80% !important;
}

.mn-w-90 {
    min-width: 90% !important;
}

.mn-w-100 {
    min-width: 100% !important;
}

.mx-w-0 {
    max-width: 0% !important;
}

.mx-w-10 {
    max-width: 10% !important;
}

.mx-w-20 {
    max-width: 20% !important;
}

.mx-w-30 {
    max-width: 30% !important;
}

.mx-w-40 {
    max-width: 40% !important;
}

.mx-w-50 {
    max-width: 50% !important;
}

.mx-w-60 {
    max-width: 60% !important;
}

.mx-w-70 {
    max-width: 70% !important;
}

.mx-w-80 {
    max-width: 80% !important;
}

.mx-w-90 {
    max-width: 90% !important;
}

.mx-w-100 {
    max-width: 100% !important;
}

.mn-w-0 {
    min-width: 0% !important;
}

.mn-w-10 {
    min-width: 10% !important;
}

.mn-w-20 {
    min-width: 20% !important;
}

.mn-w-25 {
    min-width: 25% !important;
}

.mn-w-30 {
    min-width: 30% !important;
}

.mn-w-40 {
    min-width: 40% !important;
}

.mn-w-50 {
    min-width: 50% !important;
}

.mn-w-60 {
    min-width: 60% !important;
}

.mn-w-70 {
    min-width: 70% !important;
}

.mn-w-80 {
    min-width: 80% !important;
}

.mn-w-90 {
    min-width: 90% !important;
}

.mn-w-100 {
    min-width: 100% !important;
}

.w-0  
{ 
	width: 0% !important; 
}

.w-1  
{ 
	width: 1% !important; 
}

.w-2  
{ 
	width: 2% !important; 
}

.w-3  
{ 
	width: 3% !important; 
}

.w-4  
{ 
	width: 4% !important; 
}

.w-5  
{ 
	width: 5% !important; 
}

.w-6  
{ 
	width: 6% !important; 
}

.w-7  
{ 
	width: 7% !important; 
}

.w-8  
{ 
	width: 8% !important; 
}

.w-9  
{ 
	width: 9% !important; 
}

.w-10  
{ 
	width: 10% !important; 
}

.w-11  
{ 
	width: 11% !important; 
}

.w-12  
{ 
	width: 12% !important; 
}

.w-13  
{ 
	width: 13% !important; 
}

.w-14  
{ 
	width: 14% !important; 
}

.w-15  
{ 
	width: 15% !important; 
}

.w-16  
{ 
	width: 16% !important; 
}

.w-17  
{ 
	width: 17% !important; 
}

.w-18  
{ 
	width: 18% !important; 
}

.w-19  
{ 
	width: 19% !important; 
}

.w-20  
{ 
	width: 20% !important; 
}

.w-21  
{ 
	width: 21% !important; 
}

.w-22  
{ 
	width: 22% !important; 
}

.w-23  
{ 
	width: 23% !important; 
}

.w-24  
{ 
	width: 24% !important; 
}

.w-25  
{ 
	width: 25% !important; 
}

.w-26  
{ 
	width: 26% !important; 
}

.w-27  
{ 
	width: 27% !important; 
}

.w-28  
{ 
	width: 28% !important; 
}

.w-29  
{ 
	width: 29% !important; 
}

.w-30  
{ 
	width: 30% !important; 
}

.w-31  
{ 
	width: 31% !important; 
}

.w-32  
{ 
	width: 32% !important; 
}

.w-33  
{ 
	width: 33% !important; 
}

.w-34  
{ 
	width: 34% !important; 
}

.w-35  
{ 
	width: 35% !important; 
}

.w-36  
{ 
	width: 36% !important; 
}

.w-37  
{ 
	width: 37% !important; 
}

.w-38  
{ 
	width: 38% !important; 
}

.w-39  
{ 
	width: 39% !important; 
}

.w-40  
{ 
	width: 40% !important; 
}

.w-41  
{ 
	width: 41% !important; 
}

.w-42  
{ 
	width: 42% !important; 
}

.w-43  
{ 
	width: 43% !important; 
}

.w-44  
{ 
	width: 44% !important; 
}

.w-45  
{ 
	width: 45% !important; 
}

.w-46  
{ 
	width: 46% !important; 
}

.w-47  
{ 
	width: 47% !important; 
}

.w-48  
{ 
	width: 48% !important; 
}

.w-49  
{ 
	width: 49% !important; 
}

.w-50  
{ 
	width: 50% !important; 
}

.w-51  
{ 
	width: 51% !important; 
}

.w-52  
{ 
	width: 52% !important; 
}

.w-53  
{ 
	width: 53% !important; 
}

.w-54  
{ 
	width: 54% !important; 
}

.w-55  
{ 
	width: 55% !important; 
}

.w-56  
{ 
	width: 56% !important; 
}

.w-57  
{ 
	width: 57% !important; 
}

.w-58  
{ 
	width: 58% !important; 
}

.w-59  
{ 
	width: 59% !important; 
}

.w-60  
{ 
	width: 60% !important; 
}

.w-61  
{ 
	width: 61% !important; 
}

.w-62  
{ 
	width: 62% !important; 
}

.w-63  
{ 
	width: 63% !important; 
}

.w-64  
{ 
	width: 64% !important; 
}

.w-65  
{ 
	width: 65% !important; 
}

.w-66  
{ 
	width: 66% !important; 
}

.w-67  
{ 
	width: 67% !important; 
}

.w-68  
{ 
	width: 68% !important; 
}

.w-69  
{ 
	width: 69% !important; 
}

.w-70  
{ 
	width: 70% !important; 
}

.w-71  
{ 
	width: 71% !important; 
}

.w-72  
{ 
	width: 72% !important; 
}

.w-73  
{ 
	width: 73% !important; 
}

.w-74  
{ 
	width: 74% !important; 
}

.w-75  
{ 
	width: 75% !important; 
}

.w-76  
{ 
	width: 76% !important; 
}

.w-77  
{ 
	width: 77% !important; 
}

.w-78  
{ 
	width: 78% !important; 
}

.w-79  
{ 
	width: 79% !important; 
}

.w-80  
{ 
	width: 80% !important; 
}

.w-81  
{ 
	width: 81% !important; 
}

.w-82  
{ 
	width: 82% !important; 
}

.w-83  
{ 
	width: 83% !important; 
}

.w-84  
{ 
	width: 84% !important; 
}

.w-85  
{ 
	width: 85% !important; 
}

.w-86  
{ 
	width: 86% !important; 
}

.w-87  
{ 
	width: 87% !important; 
}

.w-88  
{ 
	width: 88% !important; 
}

.w-89  
{ 
	width: 89% !important; 
}

.w-90  
{ 
	width: 90% !important; 
}

.w-91  
{ 
	width: 91% !important; 
}

.w-92  
{ 
	width: 92% !important; 
}

.w-93  
{ 
	width: 93% !important; 
}

.w-94  
{ 
	width: 94% !important; 
}

.w-95  
{ 
	width: 95% !important; 
}

.w-96  
{ 
	width: 96% !important; 
}

.w-97  
{ 
	width: 97% !important; 
}

.w-98  
{ 
	width: 98% !important; 
}

.w-99  
{ 
	width: 99% !important; 
}

.w-100  
{ 
	width: 100% !important; 
}

.mn-h-0 {
    min-height: 0% !important;
}

.mn-h-10 {
    min-height: 10% !important;
}

.mn-h-20 {
    min-height: 20% !important;
}

.mn-h-30 {
    min-height: 30% !important;
}

.mn-h-40 {
    min-height: 40% !important;
}

.mn-h-50 {
    min-height: 50% !important;
}

.mn-h-60 {
    min-height: 60% !important;
}

.mn-h-70 {
    min-height: 70% !important;
}

.mn-h-80 {
    min-height: 80% !important;
}

.mn-h-90 {
    min-height: 90% !important;
}

.mn-h-100 {
    min-height: 100% !important;
}

.mx-h-0 {
    max-height: 0% !important;
}

.mx-h-10 {
    max-height: 10% !important;
}

.mx-h-20 {
    max-height: 20% !important;
}

.mx-h-30 {
    max-height: 30% !important;
}

.mx-h-40 {
    max-height: 40% !important;
}

.mx-h-50 {
    max-height: 50% !important;
}

.mx-h-60 {
    max-height: 60% !important;
}

.mx-h-70 {
    max-height: 70% !important;
}

.mx-h-80 {
    max-height: 80% !important;
}

.mx-h-90 {
    max-height: 90% !important;
}

.mx-h-100 {
    max-height: 100% !important;
}

.h-0  
{ 
	height: 0% !important; 
}

.h-1  
{ 
	height: 1% !important; 
}

.h-2  
{ 
	height: 2% !important; 
}

.h-3  
{ 
	height: 3% !important; 
}

.h-4  
{ 
	height: 4% !important; 
}

.h-5  
{ 
	height: 5% !important; 
}

.h-6  
{ 
	height: 6% !important; 
}

.h-7  
{ 
	height: 7% !important; 
}

.h-8  
{ 
	height: 8% !important; 
}

.h-9  
{ 
	height: 9% !important; 
}

.h-10  
{ 
	height: 10% !important; 
}

.h-11  
{ 
	height: 11% !important; 
}

.h-12  
{ 
	height: 12% !important; 
}

.h-13  
{ 
	height: 13% !important; 
}

.h-14  
{ 
	height: 14% !important; 
}

.h-15  
{ 
	height: 15% !important; 
}

.h-16  
{ 
	height: 16% !important; 
}

.h-17  
{ 
	height: 17% !important; 
}

.h-18  
{ 
	height: 18% !important; 
}

.h-19  
{ 
	height: 19% !important; 
}

.h-20  
{ 
	height: 20% !important; 
}

.h-21  
{ 
	height: 21% !important; 
}

.h-22  
{ 
	height: 22% !important; 
}

.h-23  
{ 
	height: 23% !important; 
}

.h-24  
{ 
	height: 24% !important; 
}

.h-25  
{ 
	height: 25% !important; 
}

.h-26  
{ 
	height: 26% !important; 
}

.h-27  
{ 
	height: 27% !important; 
}

.h-28  
{ 
	height: 28% !important; 
}

.h-29  
{ 
	height: 29% !important; 
}

.h-30  
{ 
	height: 30% !important; 
}

.h-31  
{ 
	height: 31% !important; 
}

.h-32  
{ 
	height: 32% !important; 
}

.h-33  
{ 
	height: 33% !important; 
}

.h-34  
{ 
	height: 34% !important; 
}

.h-35  
{ 
	height: 35% !important; 
}

.h-36  
{ 
	height: 36% !important; 
}

.h-37  
{ 
	height: 37% !important; 
}

.h-38  
{ 
	height: 38% !important; 
}

.h-39  
{ 
	height: 39% !important; 
}

.h-40  
{ 
	height: 40% !important; 
}

.h-41  
{ 
	height: 41% !important; 
}

.h-42  
{ 
	height: 42% !important; 
}

.h-43  
{ 
	height: 43% !important; 
}

.h-44  
{ 
	height: 44% !important; 
}

.h-45  
{ 
	height: 45% !important; 
}

.h-46  
{ 
	height: 46% !important; 
}

.h-47  
{ 
	height: 47% !important; 
}

.h-48  
{ 
	height: 48% !important; 
}

.h-49  
{ 
	height: 49% !important; 
}

.h-50  
{ 
	height: 50% !important; 
}

.h-51  
{ 
	height: 51% !important; 
}

.h-52  
{ 
	height: 52% !important; 
}

.h-53  
{ 
	height: 53% !important; 
}

.h-54  
{ 
	height: 54% !important; 
}

.h-55  
{ 
	height: 55% !important; 
}

.h-56  
{ 
	height: 56% !important; 
}

.h-57  
{ 
	height: 57% !important; 
}

.h-58  
{ 
	height: 58% !important; 
}

.h-59  
{ 
	height: 59% !important; 
}

.h-60  
{ 
	height: 60% !important; 
}

.h-61  
{ 
	height: 61% !important; 
}

.h-62  
{ 
	height: 62% !important; 
}

.h-63  
{ 
	height: 63% !important; 
}

.h-64  
{ 
	height: 64% !important; 
}

.h-65  
{ 
	height: 65% !important; 
}

.h-66  
{ 
	height: 66% !important; 
}

.h-67  
{ 
	height: 67% !important; 
}

.h-68  
{ 
	height: 68% !important; 
}

.h-69  
{ 
	height: 69% !important; 
}

.h-70  
{ 
	height: 70% !important; 
}

.h-71  
{ 
	height: 71% !important; 
}

.h-72  
{ 
	height: 72% !important; 
}

.h-73  
{ 
	height: 73% !important; 
}

.h-74  
{ 
	height: 74% !important; 
}

.h-75  
{ 
	height: 75% !important; 
}

.h-76  
{ 
	height: 76% !important; 
}

.h-77  
{ 
	height: 77% !important; 
}

.h-78  
{ 
	height: 78% !important; 
}

.h-79  
{ 
	height: 79% !important; 
}

.h-80  
{ 
	height: 80% !important; 
}

.h-81  
{ 
	height: 81% !important; 
}

.h-82  
{ 
	height: 82% !important; 
}

.h-83  
{ 
	height: 83% !important; 
}

.h-84  
{ 
	height: 84% !important; 
}

.h-85  
{ 
	height: 85% !important; 
}

.h-86  
{ 
	height: 86% !important; 
}

.h-87  
{ 
	height: 87% !important; 
}

.h-88  
{ 
	height: 88% !important; 
}

.h-89  
{ 
	height: 89% !important; 
}

.h-90  
{ 
	height: 90% !important; 
}

.h-91  
{ 
	height: 91% !important; 
}

.h-92  
{ 
	height: 92% !important; 
}

.h-93  
{ 
	height: 93% !important; 
}

.h-94  
{ 
	height: 94% !important; 
}

.h-95  
{ 
	height: 95% !important; 
}

.h-96  
{ 
	height: 96% !important; 
}

.h-97  
{ 
	height: 97% !important; 
}

.h-98  
{ 
	height: 98% !important; 
}

.h-99  
{ 
	height: 99% !important; 
}

.h-100  
{ 
	height: 100% !important; 
}

[class*="h\[vh\]"] {
    height:var(--hv-height) !important;
}

.h\[vh\]-0 {
    --hv-height: 0vh;
}

.h\[vh\]-10 {
    --hv-height: 10vh;
}

.h\[vh\]-20 {
    --hv-height: 20vh;
}

.h\[vh\]-30 {
    --hv-height: 30vh;
}

.h\[vh\]-40 {
    --hv-height: 40vh;
}

.h\[vh\]-50 {
    --hv-height: 50vh;
}

.h\[vh\]-60 {
    --hv-height: 60vh;
}

.h\[vh\]-70 {
    --hv-height: 70vh;
}

.h\[vh\]-80 {
    --hv-height: 80vh;
}

.h\[vh\]-90 {
    --hv-height: 90vh;
}

.h\[vh\]-100 {
    --hv-height: 100vh;
}

[class*="mx-h\[vh\]"] {
    max-height:var(--hv-height) !important;
}

.mx-h\[vh\]-0 {
    --hv-height: 0vh;
}

.mx-h\[vh\]-10 {
    --hv-height: 10vh;
}

.mx-h\[vh\]-20 {
    --hv-height: 20vh;
}

.mx-h\[vh\]-30 {
    --hv-height: 30vh;
}

.mx-h\[vh\]-40 {
    --hv-height: 40vh;
}

.mx-h\[vh\]-50 {
    --hv-height: 50vh;
}

.mx-h\[vh\]-60 {
    --hv-height: 60vh;
}

.mx-h\[vh\]-70 {
    --hv-height: 70vh;
}

.mx-h\[vh\]-80 {
    --hv-height: 80vh;
}

.mx-h\[vh\]-90 {
    --hv-height: 90vh;
}

.mx-h\[vh\]-100 {
    --hv-height: 100vh;
}

/* Fixed Height and Width Start */
.mnx-w\:fix-1 {
    min-width: 69px !important;
    max-width: 100px !important;
}

.mnx-w\:fix-2 {
    min-width: 99px !important;
    max-width: 120px !important;
}

.mnx-w\:fix-3 {
    min-width: 129px !important;
    max-width: 160px !important;
}

.mnx-w\:fix-4 {
    min-width: 169px !important;
    max-width: 200px !important;
}

.mnx-w\:fix-5 {
    min-width: 195px !important;
    max-width: 218px !important;
}

.mnx-w\[5\%\] {
    min-width: 3.75% !important;
    max-width: 5% !important;
}

.mnx-w\[10\%\] {
    min-width: 7.5% !important;
    max-width: 10% !important;
}

.mnx-w\[15\%\] {
    min-width: 11.25% !important;
    max-width: 15% !important;
}

.mnx-w\[20\%\] {
    min-width: 15% !important;
    max-width: 20% !important;
}

.mnx-w\[25\%\] {
    min-width: 18.75% !important;
    max-width: 25% !important;
}

.mnx-w\[30\%\] {
    min-width: 22.5% !important;
    max-width: 30% !important;
}

.mnx-w\[35\%\] {
    min-width: 26.25% !important;
    max-width: 35% !important;
}

.mnx-w\[40\%\] {
    min-width: 30% !important;
    max-width: 40% !important;
}

.mnx-w\[45\%\] {
    min-width: 33.75% !important;
    max-width: 45% !important;
}

.mnx-w\[50\%\] {
    min-width: 37.5% !important;
    max-width: 50% !important;
}

.mnx-w\[55\%\] {
    min-width: 41.25% !important;
    max-width: 55% !important;
}

.mnx-w\[60\%\] {
    min-width: 45% !important;
    max-width: 60% !important;
}

.mnx-w\[65\%\] {
    min-width: 48.75% !important;
    max-width: 65% !important;
}

.mnx-w\[70\%\] {
    min-width: 52.5% !important;
    max-width: 70% !important;
}

.mnx-w\[75\%\] {
    min-width: 56.25% !important;
    max-width: 75% !important;
}

.mnx-w\[80\%\] {
    min-width: 60% !important;
    max-width: 80% !important;
}

.mnx-w\[85\%\] {
    min-width: 63.75% !important;
    max-width: 85% !important;
}

.mnx-w\[90\%\] {
    min-width: 67.5% !important;
    max-width: 90% !important;
}

.mnx-w\[95\%\] {
    min-width: 71.25% !important;
    max-width: 95% !important;
}

.mnx-w\[100\%\] {
    min-width: 75% !important;
    max-width: 100% !important;
}


.mn-w\:fix-1 {
    min-width: 69px !important;
}

.mn-w\:fix-2 {
    min-width: 99px !important;
}

.mn-w\:fix-3 {
    min-width: 129px !important;
}

.mn-w\:fix-4 {
    min-width: 169px !important;
}

.mx-w\:fix-1 {
    max-width: 100px !important;
}

.mx-w\:fix-2 {
    max-width: 120px !important;
}

.mx-w\:fix-3 {
    max-width: 160px !important;
}

.mx-w\:fix-4 {
    max-width: 200px !important;
}

.mnx-h\:fix-1 {
    min-height: 31px !important;
    max-height: 50px !important;
}

.mnx-h\:fix-2 {
    min-height: 83px !important;
    max-height: 100px !important;
}

.mnx-h\:fix-3 {
    min-height: 136px !important;
    max-height: 150px !important;
}

.mnx-h\:fix-4 {
    min-height: 179px !important;
    max-height: 200px !important;
}

.mn-h\:fix-1 {
    min-height: 31px !important;
}

.mn-h\:fix-2 {
    min-height: 83px !important;
}

.mn-h\:fix-3 {
    min-height: 136px !important;
}

.mn-h\:fix-4 {
    min-height: 179px !important;
}

.mnx-h\[5\%\] {
    min-height: 4% !important;
    max-height: 5% !important;
}

.mnx-h\[10\%\] {
    min-height: 8% !important;
    max-height: 10% !important;
}

.mnx-h\[15\%\] {
    min-height: 12% !important;
    max-height: 15% !important;
}

.mnx-h\[20\%\] {
    min-height: 16% !important;
    max-height: 20% !important;
}

.mnx-h\[25\%\] {
    min-height: 20% !important;
    max-height: 25% !important;
}

.mnx-h\[30\%\] {
    min-height: 24% !important;
    max-height: 30% !important;
}

.mnx-h\[35\%\] {
    min-height: 28% !important;
    max-height: 35% !important;
}

.mnx-h\[40\%\] {
    min-height: 32% !important;
    max-height: 40% !important;
}

.mnx-h\[45\%\] {
    min-height: 36% !important;
    max-height: 45% !important;
}

.mnx-h\[50\%\] {
    min-height: 40% !important;
    max-height: 50% !important;
}

.mnx-h\[55\%\] {
    min-height: 44% !important;
    max-height: 55% !important;
}

.mnx-h\[60\%\] {
    min-height: 48% !important;
    max-height: 60% !important;
}

.mnx-h\[65\%\] {
    min-height: 52% !important;
    max-height: 65% !important;
}

.mnx-h\[70\%\] {
    min-height: 56% !important;
    max-height: 70% !important;
}

.mnx-h\[75\%\] {
    min-height: 60% !important;
    max-height: 75% !important;
}

.mnx-h\[80\%\] {
    min-height: 64% !important;
    max-height: 80% !important;
}

.mnx-h\[85\%\] {
    min-height: 68% !important;
    max-height: 85% !important;
}

.mnx-h\[90\%\] {
    min-height: 72% !important;
    max-height: 90% !important;
}

.mnx-h\[95\%\] {
    min-height: 76% !important;
    max-height: 95% !important;
}

.mnx-h\[100\%\] {
    min-height: 80% !important;
    max-height: 100% !important;
}

[class*=mx-h\:fix-] {
    max-height: var(--hv-maximum-height) !important;
}

.mx-h\:fix-1 {
    --hv-maximum-height: 50px;
}

.mx-h\:fix-2 {
    --hv-maximum-height: 100px;
}

.mx-h\:fix-3 {
    --hv-maximum-height: 150px;
}

.mx-h\:fix-4 {
    --hv-maximum-height: 200px;
}

/* Fixed Height and Width End */

.logo-width[orgLogo] {
    min-width: var(--hv-client-logo-min-width);
    max-width: var(--hv-client-logo-max-width);
}

.logo-height[orgLogo] {
    min-height: var(--hv-client-logo-min-height);
    max-height: var(--hv-client-logo-max-height);
}

.min-w-93px {
    min-width: 93px;
}

.max-w-120px {
    max-width: 120px;
}
/* Minimum width and Height End */

.counter-list-group {
    --hv-counter-list-group-display: flex;
    --hv-counter-list-group-flex-wrap: nowrap;
    --hv-counter-list-group-justify-content: space-between;
    --hv-counter-list-group-gap: 0rem;
}

.counter-list-group.wrap {
    --hv-counter-list-group-flex-wrap: wrap;
}

.counter-list-group.--flex-start {
    --hv-counter-list-group-justify-content: flex-start;
}

.counter-list-group.--rtl {
    direction: rtl !important;
}

.counter-list-group.--ltr {
    direction: ltr !important;
}

.counter-list-group > .list-item[data-type="list"] {
    --hv-counter-list-item-display: flex;
    --hv-counter-list-item-flex-wrap: nowrap;
    --hv-counter-list-item-flex-direction: column;
    --hv-counter-list-item-alien-item: center;
}

.counter-list-group {
    display: var(--hv-counter-list-group-display) !important;
    flex-wrap: var(--hv-counter-list-group-flex-wrap) !important;
    justify-content: var(--hv-counter-list-group-justify-content) !important; 
    gap: var(--hv-counter-list-group-gap) !important;
}

.counter-list-group > .list-item[data-type="list"] {
    display: var(--hv-counter-list-item-display) !important;
    flex-wrap: var(--hv-counter-list-item-flex-wrap) !important;
    flex-direction: var(--hv-counter-list-item-flex-direction) !important;
    align-items: var(--hv-counter-list-item-alien-item) !important; 
}

/*=============================================
=            form or group container            =
=============================================*/

.bg-inherit {
    background-color: inherit !important;
}

.hv-group[data-type=default][group-flex-direction=column] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.hv-group[data-type=default][group-flex-direction=row] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.hv-group[data-type=default][group-flex-direction=column] label.hv-label, .hv-group[data-type=default][group-flex-direction=column] label.control-label {
    margin-bottom: var(--hv-label-margin-bottom) !important;
}

.hv-group[data-type=default][group-flex-direction=column] {
    margin-bottom: var(--hv-label-custom-margin-bottom) !important;
}

.hv-group[data-type=default][group-flex-direction=column] input.hv-control:has(.hv-xs, .hv-sm, .hv-md) + .hv-form-group .hv-head[data-type="form-header-text"] {
    margin-bottom: calc(var(--hv-label-custom-margin-bottom) * 2) !important;
}

/*=====  End of form or group container  ======*/


.table-responsive {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.profile-menu {
    right: var(--hv-content-padding-right) !important;
    top: 55px !important;
    max-width: calc(var(--hv-content-padding-right) + calc(var(--hv-client-logo-max-width)* 3)) !important;
    min-height: fit-content;
    max-height: calc(-61px + 100dvh);
    max-width: calc(-8px + 100vw);
    padding: var(--hv-profile-menu-padding-x);
    transition: opacity 0.1s ease 0.02s;
    -webkit-transition: opacity 0.1s ease 0.02s;
    -moz-transition: opacity 0.1s ease 0.02s;
    -ms-transition: opacity 0.1s ease 0.02s;
    -o-transition: opacity 0.1s ease 0.02s;
    border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -ms-border-radius: 14px !important;
    -o-border-radius: 14px !important;
}

.notification-list .notify-item {
    padding: 6px calc(var(--hv-notify-item-padding-x) - var(--hv-profile-menu-padding-x));
}

.barcodeContainer {
    position: absolute;
    overflow: hidden !important;
    top: 12.5vh;
    margin-bottom: -13px;
    transform: scale(0.9, 0.65) rotate(270deg) !important;
    -webkit-transform: scale(0.9, 0.65) rotate(270deg) !important;
    -moz-transform: scale(0.9, 0.65) rotate(270deg) !important;
    -ms-transform: scale(0.9, 0.65) rotate(270deg) !important;
    -o-transform: scale(0.9, 0.65) rotate(270deg) !important;
}

.animate, .hv-button, .hv-outline-button {
    transform: scale(var(--hv-animate-default-scale));
    -webkit-transform: scale(var(--hv-animate-default-scale));
    -moz-transform: scale(var(--hv-animate-default-scale));
    -ms-transform: scale(var(--hv-animate-default-scale));
    -o-transform: scale(var(--hv-animate-default-scale));
    transition: var(--hv-animate-transition-duration) ease-in-out;
    -webkit-transition: var(--hv-animate-transition-duration) ease-in-out;
    -moz-transition: var(--hv-animate-transition-duration) ease-in-out;
    -ms-transition: var(--hv-animate-transition-duration) ease-in-out;
    -o-transition: var(--hv-animate-transition-duration) ease-in-out;
}

.animate:hover, .hv-button:hover, :not(.hv-group[data-type=button][data-category=icon])>.hv-outline-button:hover {
    transform: scale(var(--hv-animate-hover-scale));
    -webkit-transform: scale(var(--hv-animate-hover-scale));
    -moz-transform: scale(var(--hv-animate-hover-scale));
    -ms-transform: scale(var(--hv-animate-hover-scale));
    -o-transform: scale(var(--hv-animate-hover-scale));
}

.animate:focus-visible, .hv-button:focus-visible, .hv-outline-button:focus-visible {
    -webkit-box-shadow: var(--hv-animate-focus-shadow) !important;
    box-shadow: var(--hv-animate-focus-shadow) !important;
}

[data-fit="fill"] {
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    /* bottom: calc(var(--hv-footer-layout-category-padding-top) + var(--hv-footer-layout-category-padding-bottom) + var(--hv-footer-layout-category-margin-top) + var(--hv-footer-layout-category-margin-bottom) + var(--hv-footer-layout-category-height)) !important; */
}

#my_camera > video {
    margin-left: -17.20% !important;
}

#my_camera > canvas {
    margin-left: 0% !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    border-radius: 100%;
    z-index: 1;
}

.hov\:cur-hand {
    cursor: pointer !important;
}
/* $breakpoint == smartphone-portrait */
@media only screen and ( max-width: 35.999em ) {
    :root {
        /* Common */
        --hv-dock-width: 280px;
    }

    body {
        --hv-content-padding-top: 12px;
        --hv-content-padding-right: 18px;
        --hv-content-padding-bottom: 12px;
        --hv-content-padding-left: 18px;
    }    

    .app-search-box {
        order: 2 !important;
        width: 97% !important;
        position: static !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    [index-flow="last"] {
        order: 1 !important;
    }

    .hv-nav[role=menu] {
        justify-content: space-between;
        align-items: center;
    }
    
    .hv-dock[pos="left"] {
        --hv-dock-width: 240px;
    }

    .content-page {
        margin-left: calc(var(--hv-dock-width) * 0) !important;
    }
    
    .hv-container {
        left: calc(calc(var(--hv-dock-width) * 0) + var(--hv-content-padding-left));
    }
    
    .hv-menu {
        width: calc(calc(var(--hv-dock-width) * 1) - var(--hv-menu-margin-left));
    }

    .hv-dock {
        --hv-dock-backdrop-display: block;
        --hv-dock-backdrop-position: absolute;
        --hv-dock-backdrop-background-color-hex: #7A8396;
        --hv-dock-backdrop-opacity: 0.4;
        --hv-dock-box-shadow: 0px 1px 1.5px #A0A0A026;
        --hv-dock-backdrop-z-index: 0;
    } 

    /* sizing */
    .xs-w-75 {
        width: 75% !important;
    }
    
    .side-menu.xs-max-scroll {
        max-height: 98% !important;
    }
} 

/* $breakpoint == smartphone-landscape */
@media only screen and ( min-width: 35.999em ) and ( max-width: 47.999em ) {
    :root {
        /* Common */
        --hv-dock-width: 280px;
    }

    body {
        --hv-content-padding-top: 12px;
        --hv-content-padding-right: 18px;
        --hv-content-padding-bottom: 12px;
        --hv-content-padding-left: 18px;
    }    

    .app-search-box {
        order: 2 !important;
        width: 97% !important;
        position: static !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    [index-flow="last"] {
        order: 1 !important;
    }

    .hv-nav[role=menu] {
        justify-content: space-between;
    }
    
    .hv-dock[pos="left"] {
        --hv-dock-width: 240px;
    }

    .content-page {
        margin-left: calc(var(--hv-dock-width) * 1) !important;
    }
    
    .hv-container {
        left: calc(calc(var(--hv-dock-width) * 1) + var(--hv-content-padding-left));
    }
    
    .hv-menu {
        width: calc(calc(var(--hv-dock-width) * 1) - var(--hv-menu-margin-left));
    }

    .hv-dock {
        --hv-dock-backdrop-display: block;
        --hv-dock-backdrop-position: absolute;
        --hv-dock-backdrop-background-color-hex: #7A8396;
        --hv-dock-backdrop-opacity: 0.4;
        --hv-dock-box-shadow: 0px 2px 3px #A0A0A026;
        --hv-dock-backdrop-z-index: 0;
    }
   
    .side-menu.sm-max-scroll {
        max-height: 96% !important;
    }

    .sm-mb-3 {
        margin-bottom: 18px !important;
    }

    /* sizing */
    .sm-w-75 {
        width: 75% !important;
    }
    
    [class*=mx-h\:fix-] {
        max-height: calc(var(--hv-maximum-height) * calc(1 + 0.3599)) !important;
    }
}

/* $breakpoint == tablet */
@media only screen and ( min-width: 47.999em ) and ( max-width: 74.998em ) {
    :root {
        /* Common */
        --hv-dock-width: 240px;
    }

    body {
        --hv-content-padding-top: 12px;
        --hv-content-padding-right: 24px;
        --hv-content-padding-bottom: 12px;
        --hv-content-padding-left: 24px;
    }

    .app-search-box {
        order: 2 !important;
        width: 97% !important;
        position: static !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    [index-flow="last"] {
        order: 1 !important;
    }

    .hv-nav[role=menu] {
        justify-content: space-between;
    }
    
    .hv-dock[pos="left"] {
        --hv-dock-width: 240px;
    }

    .content-page {
        margin-left: calc(var(--hv-dock-width) * 1) !important;
    }
    
    .hv-container {
        left: calc(calc(var(--hv-dock-width) * 1) + var(--hv-content-padding-left));
    }
    
    .hv-menu {
        width: calc(calc(var(--hv-dock-width) * 1) - var(--hv-menu-margin-left));
    }

    .hv-nav[role=menu] {
        padding: calc(var(--hv-content-padding-top) * 1.25) var(--hv-content-padding-right) calc(var(--hv-content-padding-bottom) * 1) var(--hv-content-padding-left) !important
    }

    .hv-list.accordion, [data-type="accordion"] {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .hv-dock {
        --hv-dock-backdrop-display: block;
        --hv-dock-backdrop-position: absolute;
        --hv-dock-backdrop-background-color-hex: #7A8396;
        --hv-dock-backdrop-opacity: 0.4;
        --hv-dock-box-shadow: 0px 3px 6px #A0A0A026;
        --hv-dock-backdrop-z-index: 0;
    }

    /* @viewport {
        width: device-width;
        zoom: 0.85;
    } */

    .side-menu.md-max-scroll {
        max-height: 50.5% !important;
    }
	
    .barcodeContainer {
		top: 30vh; 
        right: calc(var(--hv-dock-width)*(-0.84));
    }

    [class*=mx-h\:fix-] {
        max-height: calc(var(--hv-maximum-height) * calc(1 + 0.47999)) !important;
    }
}

@media (30em <= width <= 80em) {
    .hv-row>* {
        width: 80% !important;
    }
}

/* $breakpoint == laptop */
@media only screen and ( min-width: 74.999em  ) and ( max-width: 87.499em ) {
    :root {
        /* Common */
        --hv-dock-width: 240px;
        --hv-content-page-left-indent: 1;
    }

    body {
        --hv-content-padding-top: 12px;
        --hv-content-padding-right: 21px;
        --hv-content-padding-bottom: 12px;
        --hv-content-padding-left: 24px;
    }

    .app-search-box {
        order: 1 !important;
        width: auto !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    [index-flow="last"] {
        order: 2 !important;
    }
    
    .hv-dock[pos="left"] {
        --hv-dock-width: 240px;
    }

    .content-page {
        margin-left: calc(var(--hv-dock-width) * 1) !important;
    }
    
    .hv-container {
        left: calc(calc(var(--hv-dock-width) * 1) + var(--hv-content-padding-left));
    }
    
    .hv-menu {
        width: calc(calc(var(--hv-dock-width) * 1) - var(--hv-menu-margin-left));
    }

    .col\:70 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70%;
    }
    
    .col\:30 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 30%;
    }

    .side-menu.lg-max-scroll {
        max-height: 64.75%;
    }

    /* .barcodeContainer {
        top: 46%;
        right: calc(var(--hv-dock-width)*(-0.67));
        left: auto;
        top: 38%;
    } */

    .barcodeContainer {
		top: 30vh; 
        right: calc(var(--hv-dock-width)*(-0.84));
    }

    .navActionHead {
        width: 40% !important;
    }

    .navTitleHead {
        width: 60% !important;
    }

    [class*=mx-h\:fix-] {
        max-height: calc(var(--hv-maximum-height) * calc(1 + 0.74998)) !important;
    }
}

/* $breakpoint == desktop */
@media only screen and ( min-width: 87.499em ) {
    :root {
        /* Common */
        --hv-dock-width: 240px;
        --hv-content-page-left-indent: 1;
    }

    body {
        --hv-content-padding-top: 12px;
        --hv-content-padding-right: 21px;
        --hv-content-padding-bottom: 12px;
        --hv-content-padding-left: 24px;
    }

    .app-search-box {
        order: 1 !important;
        width: auto !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    [index-flow="last"] {
        order: 2 !important;
    }
    
    .hv-dock[pos="left"] {
        --hv-dock-width: 240px;
    }

    .content-page {
        margin-left: calc(var(--hv-dock-width) * 1) !important;
    }
    
    .hv-container {
        left: calc(calc(var(--hv-dock-width) * 1) + var(--hv-content-padding-left));
    }
    
    .hv-menu {
        width: calc(calc(var(--hv-dock-width) * 1) - var(--hv-menu-margin-left));
    }

    .col\:70 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70%;
    }
    
    .col\:30 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 30%;
    }

    .side-menu.lg-max-scroll {
        max-height: 67.5%;
    }

    [class*=mx-h\:fix-] {
        max-height: calc(var(--hv-maximum-height) * calc(1 + 0.87499)) !important;
    }

    .barcodeContainer {
		top: 30vh; 
        right: calc(var(--hv-dock-width)*(-0.84));
    }
}

@media all {
    html {
        overflow-y: hidden;
        font-size: 93.6%;
        text-size-adjust: 100% !important;
        -webkit-text-size-adjust: 100%  !important;
        -ms-text-size-adjust: 100%  !important;
    }
}

/* @media (-webkit-max-device-pixel-ratio: 0.8) {
    dotlottie-player {
        height: calc(294 * 0.9) !important;
    }
} */
/* @media only screen and (min--moz-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25)  {
    *:not(button, a) {
        font-size: 95%;
    }
} */

/***** new layout *****/

*,:after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/***** End new layout *****/

[data-display=no], [data-display=false] {
    display: none !important;    
}

:not(.hv-display.flex)[data-display=yes], :not(.hv-display.flex)[data-display=true], [data-display=''] {
    display: block !important;    
}

.hv-display.flex[data-display=yes], .hv-display.flex[data-display=true] {
    display: inherit !important;    
}

.hv-card.mat-colors * {
    background: inherit !important;
    background-color: inherit !important;
    color: inherit !important;
    border-radius: inherit !important;
}

/* MMR Class Start */
[hv-mod="MMR"] [hv-action-type="pending"].hv-card.mat-colors {
    --hv-card-bg-color: #E6F1E1;
    --hv-card-text-color: #64A544;
}
[hv-mod="MMR"] [hv-action-type="waiting"].hv-card.mat-colors {
    --hv-card-bg-color: #FCF7E5;
    --hv-card-text-color: #DE9D4C;
}
[hv-mod="MMR"] [hv-action-type="received"].hv-card.mat-colors {
    --hv-card-bg-color: #DADCFB;
    --hv-card-text-color: #5D84A6;
}
[hv-mod="MMR"] [hv-action-type="rejected"].hv-card.mat-colors {
    --hv-card-bg-color: #F6E9E5;
    --hv-card-text-color: #D07357;
}
/* MMR Class Start End*/

/* WP Class Start */
[hv-mod="WP"] [hv-action-type="create"].hv-card.mat-colors {
    --hv-card-bg-color: #E6F1E1;
    --hv-card-text-color: #64A544;
}
[hv-mod="WP"] [hv-action-type="approved"].hv-card.mat-colors {
    --hv-card-bg-color: #FCF7E5;
    --hv-card-text-color: #DE9D4C;
}
[hv-mod="WP"] [hv-action-type="checked"].hv-card.mat-colors {
    --hv-card-bg-color: #DADCFB;
    --hv-card-text-color: #5D84A6;
}
[hv-mod="WP"] [hv-action-type="rejected"].hv-card.mat-colors {
    --hv-card-bg-color: #F6E9E5;
    --hv-card-text-color: #D07357;
}
/* WP Class Start End*/


.datetimepicker {
    border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -ms-border-radius: 12px !important;
    -o-border-radius: 12px !important;
}
.datetimepicker .switch, .datetimepicker th, .datetimepicker td {
    text-align-last: center;
}
.datetimepicker th.next {
    padding-right: 12px !important;
}
.datetimepicker td.year.active {
    background-color: var(--hv-active-primary-color-hex) !important;
    color: var(--hv-primary-white-hex) !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}
[class*=" datetimepicker-dropdown"]::before, [class*=" datetimepicker-dropdown"]::after {
    display: none !important;
}


/*=============================================
=            Dynamic responsive multidevice responsive            =
=============================================*/

/* Covered Pages : login, otp 
   Usage : auto index spacing and field strech */
[hv-dcls="lgp-psec[m]-ac[pcrd]-0"], [hv-dcls="lgp-ssec[m]-ac[pcrd]-0"], [hv-dcls="lgl-psec[m]-ac[pcrd]-0"], [hv-dcls="lgl-ssec[m]-ac[pcrd]-0"],
[hv-dcls="mep-psec[m]-ac[pcrd]-0"], [hv-dcls="mep-ssec[m]-ac[pcrd]-0"], [hv-dcls="mel-psec[m]-ac[pcrd]-0"], [hv-dcls="mel-ssec[m]-ac[pcrd]-0"] {
    margin-left: calc(var(--hv-controls-VHspace-4) / 3) !important;
    padding-right: 4.5rem !important;
    margin-bottom: .375rem !important;
    width: 91.75% !important;
    height: 100% !important;
}

[hv-dcls="lgp-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="lgp-ssec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="lgl-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="lgl-ssec[m]-ac[pcrd]-0"]>.card-header,
[hv-dcls="mep-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="mep-ssec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="mel-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="mel-ssec[m]-ac[pcrd]-0"]>.card-header {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important;
    padding-left: .75rem !important;
}

[hv-dcls="lgp-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="lgp-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="lgl-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="lgl-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand,
[hv-dcls="mep-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="mep-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="mel-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="mel-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand {
    width: 100% !important;    
}

[hv-dcls="smp-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="smp-ssec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="sml-psec[m]-ac[pcrd]-0"]>.card-header, [hv-dcls="sml-ssec[m]-ac[pcrd]-0"]>.card-header {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

[hv-dcls="smp-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="smp-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="sml-psec[m]-ac[pcrd]-0"]>.card-header>.auth-brand, [hv-dcls="sml-ssec[m]-ac[pcrd]-0"]>.card-header>.auth-brand {
    width: 100% !important; 
    display: flex !important;
    justify-content: center !important;   
}

[hv-dcls="smp-psec[m]-ac[pcrd]-0"], [hv-dcls="smp-ssec[m]-ac[pcrd]-0"], [hv-dcls="sml-psec[m]-ac[pcrd]-0"], [hv-dcls="sml-ssec[m]-ac[pcrd]-0"] {
    margin-left: calc(var(--hv-controls-VHspace-4) / 5) !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: .375rem !important;
    width: 91.75% !important;
    height: 100% !important;
}

[data-section="ani-container"]:has([hv-dcls="smp-psec[a]-ac[pcrd]-0"]), [data-section="ani-container"]:has([hv-dcls="smp-ssec[a]-ac[pcrd]-0"]), [data-section="ani-container"]:has([hv-dcls="sml-psec[a]-ac[pcrd]-0"]), [data-section="ani-container"]:has([hv-dcls="sml-ssec[a]-ac[pcrd]-0"]) {
    display: none !important;
}   
body[data-device="small"] .hv-mobi-content {
    padding-bottom: 24px !important;
}
/*=====  End of Dynamic responsive multidevice responsive  ======*/