/* INNER PAGES */

.poms *,
.poms html,
.poms body {
	--box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1),
		0 6px 20px 0 rgba(0, 0, 0, 0);
	--color-normal: #3e413d;
	--color-medium: #666;
	--color-light: #3e413d;
	--color-hover: #eef5f7;
	--color-icon: #666;
	--color-prm: #ff4b4f;
	--color-prm-hover: #e53b3e;
	--color-prm-focus: #e53b3e;
	--color-sec: #3e413e;
	--color-sec-hover: #2c2c2c;
	--color-sec-focus: #363636;
	--color-disabled: var(--color-sec);
	--color-thr: #ff6064;
	--color-thr-disabled: #ff7d81;
	/* --color-thr-hover: ; */
	/* --color-thr-focus: ; */
	--color-accept: #2a654a;
	--color-accept-hover: #1b4431;
	--color-accept-focus: #145e3c;
	--color-success: var(--color-accept);
	--color-decline: #ba4458;
	--color-decline-hover: #993645;
	/* --color-disabled: ; */
	--color-background: #fafaff;
	--color-header: transparent;
	--color-popup: #f7f7f9;
	--color-container: #fff;
	--color-menu: #fff;
	--color-menu-border: var(--color-prm);
	--color-border: #dfe2e5;
	--color-border-hover: #d4d4d4;
	--color-border-filter: #ffffff00;
	--color-background-filter: rgb(240, 240, 240);
	--color-light: #80837f;
	--color-dark: #3e413e;
	--color-selection: var(--color-prm);
	--color-thead: #f7f7f7;
	--color-tbody: #fff;
	--color-calendar-today: var(--color-prm);
	--background-gradient: linear-gradient(225deg, #ff4b4faf, #184137af);
	--border-radius: var(--border-radius-new);
	--font-button-size: 12px;
	--font-input-size: 12px;
	--font-prm: 'Calibri', sans-serif;
	--font-prm-bold: 'Calibri', sans-serif;
	--font-prm-light: 'Calibri-Light', sans-serif;
	/* --font-sec: 'Arial', sans-serif; */
	--font-sec: 'Poppins', sans-serif;
	--font-sec-bold: 'Poppins', sans-serif;
	--font-code: 'DejaVu-Sans-Mono';
	--font-weight-bold: bold;
	--font-weight-normal: normal;
	--font-size-label: 14px;
	--font-weigth-menu: 400;
	--font-header: 18px;
	--flex-direction-input: column;
	--text-transform-header: none;
	--button-algin-input: normal;
	--menu-logo-src: url(/assets/poms/logo-menu.svg);
	--menu-logo-width: 65%;
	--menu-logo-margin: 0 16%;
	--header-background: url(/assets/poms/adminbar_bg.png);
	--header-text-color-title: #333;
	--menu-header-width: calc(100vw - 64px);
	--menu-page-width: calc(100vw - 128px);
}

/* LOGIN PAGE */

html,
body {
	--box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.1),
		0 6px 20px 0 rgba(0, 0, 0, 0);
	--color-normal: #3e413d;
	--color-medium: #666;
	--color-light: #3e413d;
	--color-hover: #eef5f7;
	--color-prm: #ff4b4f;
	--color-prm-hover: #e53b3e;
	--color-prm-focus: #e53b3e;
	--color-sec: #3e413e;
	--color-sec-hover: #2c2c2c;
	--color-sec-focus: #363636;
	--color-disabled: var(--color-sec);
	--color-thr: #ff6064;
	--color-thr-disabled: #ff7d81;
	/* --color-thr-hover: ; */
	/* --color-thr-focus: ; */
	--color-accept: #2a654a;
	--color-accept-hover: #1b4431;
	--color-accept-focus: #145e3c;
	--color-success: var(--color-accept);
	--color-decline: #ba4458;
	--color-decline-hover: #993645;
	/* --color-disabled: ; */
	--color-background: #f8fafb;
	--color-popup: #f8fafb;
	--color-container: #fff;
	--color-menu: #323a45;
	--color-menu-border: var(--color-prm);
	--color-border: #dfe2e5;
	--color-border-hover: #d4d4d4;
	--color-light: #80837f;
	--color-dark: #3e413e;
	--color-selection: var(--color-prm);
	--color-thead: #f7f7f7;
	--color-tbody: #fff;
	--color-calendar-today: #ff4b4f;
	--border-radius: 12px;
	--font-button-size: 12px;
	--font-input-size: 12px;
	--font-prm: 'Calibri', sans-serif;
	--font-prm-bold: 'Calibri', sans-serif;
	--font-prm-light: 'Calibri-Light', sans-serif;
	/* --font-sec: 'Arial', sans-serif; */
	--font-sec: 'Poppins', sans-serif;
	--font-sec-bold: 'Poppins', sans-serif;
	--font-code: 'DejaVu-Sans-Mono';
	--font-weight-bold: bold;
	--font-weight-normal: normal;
	--font-size-label: 14px;
	--menu-logo-src: url(/assets/poms/logo-new.svg);
	--menu-logo-width: 65%;
	--menu-logo-margin: 0 16%;
	--header-background: url(/assets/poms/adminbar_bg.png);
	--logo-padding-top: 70px;
}

.bg-login {
	background-image: url('/assets/hoc/login_bg.png') !important;
	height: 100%;
	width: 100%;
	background-size: cover;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: inset 0px 0px 10px rgb(214 214 214 / 75%);
}