@font-face {
	font-family: 'Inter-Thin';
	src: url('../fonts/inter/Inter-Thin.woff') format('woff');
}

@font-face {
	font-family: 'Inter-ExtraLight';
	src: url('../fonts/inter/Inter-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Light';
	src: url('../fonts/inter/Inter-Light.woff') format('woff');
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter/Inter-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Medium';
	src: url('../fonts/inter/Inter-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Inter-SemiBold';
	src: url('../fonts/inter/Inter-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Inter-Bold';
	src: url('../fonts/inter/Inter-Bold.woff') format('woff');
}



@font-face {
	font-family: 'JakartaLight';
	src: url('../fonts/jakarta/PlusJakartaSans-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'JakartaSans';
	src: url('../fonts/jakarta/PlusJakartaSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'JakartaMedium';
	src: url('../fonts/jakarta/PlusJakartaSans-Medium.ttf') format('truetype');
}






:root {
	/*--primary-color: #0084ff;*/
	--primary: #1872D8;
	--primary-300: #6DA2DE;
	--primary-600: #086AD5;
	--primary-900: #065CB9;
	--primary-dark: #0056B3;
	--primary-light: #E6F2FF;
	--primary-green: #1ABBC5;

	--muted: #64748b;
	--text-color: #333333;
	--text-light: #6b7280;
	--bg-body: #f3f4f6;
	--bg-white: #ffffff;
	--border-color: #d1d5db;

	--bg-btn-app: #00C0A3;
	--bg-btn-app-hover: #06AA91;

	--success: #166534;
	--success-text: #155724;
	--success-bg: #BFF0E0;
	--success-txt: #166534;
	--success-color: #09A370;

	--warn-bg: #fef3c7;
	--warn: #92400e;
	--warning-bg: #fef3c7;
	--warning-txt: #92400e;

	--danger-bg: #FFDBDB;
	--danger: #991b1b;
	--danger-txt: #991b1b;
	--danger-color: #E01036;

	--pending-bg: #FFE1C7;
	--pending-text: #BE6313;

	--canceled-bg: #f8d7da;
	--canceled-text: #721c24;


	/**
	 * MENU STYLES COLORS
	 */
	/*--nav-menu-selected: #1479C2;*/
	/*--bg-side-menu: #0351B5;*/
	--bg-side-menu: #0244A2;
	--bg-side-menu-selected: #0C305E;
	--bg-side-menu-hover: #BDD8F060;

	/*--nav-menu-selected: #0D346C;*/
	--nav-menu-selected: #2E5C9D;
	--nav-logo-separator: #11397D90;


	/*--color-side-menu: #4D9AEA;*/
	--color-side-menu: #1093C7;
	--color-text-menu: #DEE9F9;
	--color-text-menu-selected: #2e85ea;
	--color-icon-menu: #DFEFFC;
	--color-icon-menu-selected: #4D9AEA;


	/**
	 * CONTAINER STYLES COLORS
	 */
	--bg-container: #F5F7FA;
	--text-primary: #0f172a;
	--text-secondary: #6c757d;
	--text-sidebar: #ffffff;
	--secondary-color: #3b82f6;


	/**
	 * FORM STYLES COLORS
	 */

	--bg-table-header: #F3F5F9;
	--fg-nav-header: #1872D8;

	--border-color: #D4DBE1;
	--border-color-focus: #92B9F9;
	--border-color-select: #D4DBE1;
	--border-color-input: #B3BDD0;
	--border-color-focus-input: #92B9F9;

	--label-name-color: #73767E;
	--label-color-input: #73767E;
	--label-color-select: #73767E;
	--label-color-textarea: #73767E;

	--sidebar-width: 60px;
	--header-height: 60px;
	--font-family: 'JakartaSans', sans-serif;
}


* {
	margin: 0;
	padding: 0;
	font-family: var(--font-family);
	box-sizing: border-box;
}

body {
	min-height: 100vh;

	margin: 0px;
	padding: 0px;

	background-color: var(--bg-body);
	color: var(--text-color);

	overflow: scroll;
	overflow-x: hidden;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.clear {
	display: block;
	width: 100%;
	height: 0px;
	float: none;
	clear: both;
}

._5 {
	height: 5px;
}

._10 {
	height: 10px;
}

._20 {
	height: 20px;
}

._30 {
	height: 30px;
}

._50 {
	height: 50px;
}

.__Fenanx {
	display: flex;

	width: 100%;
	height: auto;
	min-height: 100vh;
	background-color: #FAFAFA;
}