:root {
	--tooltip-background-color: #B3E4DC;
	--tooltip-color: #000036;
	--modal-body-background: #F7F7F8;
	--drawer-border: #D3D4DC;
	--drawer-border-50: #D3D4DC80;
	--drawer-header-background: #F7F7F7;
	--drawer-body-background: #FFFFFF;
	--modal-header-background: #FFFFFF80;
	--calendar-icon-color: #000036;
	--calendar-background-primary: #F8F8F9;
	--calendar-background-secondary: #FCFCFC;
	--calendar-border: #DDDEE2;
	--header-height: 10px;
	--header-tabs-height: 50px;
	--notification-background-color: #F8F8F9;
	--notification-background-border-color: #DADBDD;
	--notification-item-border-color: #F0F0F0;
	--notification-header-background-color: #F0F0F0;
	--bulk-action-button-background: #F7F7F7BF;
	--bulk-action-button-active-background: #F7F7F7;
	--drag-drop-background: #F1F2F3;
	--drag-drop-background-active: #FFFFFF;
	--folder-navigation-background: #FFFFFF;
	--dropdown-option-header-background-color: #FFFFFF80;
	--assets-folder-top: #B6B9BD80;
	--assets-folder-bottom: #00003680;
	--table-class-table-header-background-color-no-opacity: #F6F6F7;
	--pagination-wrapper-background: #FFFFFF;
	--icon-wrapper-normal: #FFFFFF;
	--icon-wrapper-active: #06A98F;
	--icon-wrapper-content: #747593;
	--navigation-expand-icon: #331B27;
	/*buttons*/
	--primary-button-color: #06A98F;
	--primary-button-color-75: #06A98FBF;
	--primary-button-color-50: #06A98F80;
	--primary-button-color-25: #06A98F40;
	--primary-button-color-hover: #3A8575;
	/*secondary-button*/
	--secondary-button-color: #B6B9BD;
	--secondary-button-color-75: #B6B9BDBF;
	--secondary-button-color-50: #B6B9BD80;
	--secondary-button-color-25: #B6B9BD40;
	--secondary-button-color-hover: #747593;
	/*default-button*/
	--default-button-color: #EBECEE;
	--default-button-color-75: #EBECEEBF;
	--default-button-color-50: #EBECEE80;
	--default-button-color-25: #EBECEE40;
	--default-button-color-hover: #EBECEE;
	/*disabled-button*/
	--button-disabled: #EBECEE;
	/*danger-button*/
	--danger-button-color: #F83E3E;
	--danger-button-color-hover: #BB2D3B;
	/*warning-button*/
	--warning-button-color: #FFB507;
	--warning-button-color-hover: #F5AC00;
	/*status*/
	--status-danger: #F83E3E;
	--status-warning: #FFB507;
	--status-info: #A5E6DC;
	--status-success: #00DA9F;
	/*text colors*/
	--text-main-color: #000036;
	--text-main-color-75: #000036BF;
	--text-main-color-50: #00003680;
	--text-main-color-25: #00003640;
	--text-secondary-color: #FFFFFF;
	--text-disabled-color: #B6B9BD;
	--text-link-color: #06A98F;
	--text-link-color-hover: #3A8575;
	--text-menu-color: #7F7F9A;
	--checked-button-color: #06A98F;
	--unchecked-button-color: #FFFFFF7C;
	--primary-item-color: #06A98F;
	--primary-item-color-75: #06A98FBF;
	--primary-item-color-50: #06A98F80;
	--primary-item-color-25: #06A98F40;
	--primary-item-color-hover: #3A8575;
	/*background-color*/
	--background-color-v1: #F7F7F7;
	--background-color-v1-75: #F7F7F7BF;
	--background-color-v1-50: #F7F7F780;
	--background-color-v1-25: #F7F7F740;
	--background-color-v2: #EBECEE;
	--background-color-v2-75: #EBECEEBF;
	--background-color-v2-50: #EBECEE80;
	--background-color-v2-25: #EBECEE40;
	--background-color-v3: #D3D4DC;
	--background-color-v3-75: #D3D4DCBF;
	--background-color-v3-50: #D3D4DC80;
	--background-color-v3-25: #D3D4DC40;
	--background-color-v4: #747593;
	--background-color-v4-75: #747593BF;
	--background-color-v4-50: #74759380;
	--background-color-v4-25: #74759340;
	--background-color-v5: #FFFFFF;
	--background-color-menu-header: #F7F7F7;
	/*input*/
	--input-background-color: #F0F0F2;
	--input-background-color-disabled: #F0F0F2;
	--input-border-color: #B6B9BD;
	--input-disabled-text-color: #B6B9BD;
	--input-disabled-border-color: #EBECEE;
	/*my table*/
	--table-class-table-header-background-color: #F5F5F6;
	--table-class-table-text-color: #747593;
	--table-class-table-row-background-color: #FFFFFF;
	/*select options(dropdown)*/
	--dropdown-option-background-color: #F7F7F8;
	--dropdown-option-text-color: #747593;
	/*MENU*/
	/*side menu dropdown*/
	--menu-dropdown-background-color: #FFFFFF;
	--menu-dropdown-item-text-color: #7F7F9A;
	--menu-dropdown-text-color: #404068;
	--dropdown-text-hover: #7C7C9C;
	--dropdown-background-color-hover: #EBECEE80;
	--menu-active-page-menu: #000035;
	--header-tabs-border-color: #331B271F;
	/*box shadow*/
	--box-shadow-color: #A0A0A00F;
	--box-shadow-side-menu-color: #0000000D;
	--box-shadow-color-v2: #00000029;
	/*scroll-bar*/
	--scrollbar-color: #C1C1C1;
	--scrollbar-background-color: #FFFFFF;
	/*pagination*/
	--pagination-item-active-background-color: #B6B9BD;
	--pagination-item-background-color: #9999991A;
	--pagination-item-background-color-hover: #9999994D;
	--pagination-input-background-color: #747593;
	--pagination-whole-background-color: var(--background-color-v5);
	/*mobile breakpoints*/
	--breakpoint-max-mobile: 575.98px;
	--breakpoint-min-large-mobile: 576px;
	--breakpoint-max-large-mobile: 767.98px;
	--breakpoint-min-tablet: 768px;
	--breakpoint-max-tablet: 991.98px;
	--breakpoint-min-desktop: 992px;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Thin.ttf') format('truetype');
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Light.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/font-family/Inter-Black.ttf') format('truetype');
	font-weight: 900;
	font-display: swap;
}

@font-face {
	font-family: 'Sacramento';
	src: url('/font-family/Sacramento-Regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Satisfy';
	src: url('/font-family/Satisfy-Regular.ttf') format('truetype');
	font-display: swap;
}