@font-face {
    font-family: 'Monaco', monospace;
    src: url('../fonts/Monaco.eot');
    src: url('../fonts/Monaco.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Monaco.woff2') format('woff2'),
        url('../fonts/Monaco.woff') format('woff'),
        url('../fonts/Monaco.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic';
    src: url('../fonts/FranklinGothic-Medium.eot');
    src: url('../fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranklinGothic-Medium.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Medium.woff') format('woff'),
        url('../fonts/FranklinGothic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Franklin-Gothic-Bold';
    src: url('../fonts/FranklinGothic-Demi.eot');
    src: url('../fonts/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FranklinGothic-Demi.woff2') format('woff2'),
        url('../fonts/FranklinGothic-Demi.woff') format('woff'),
        url('../fonts/FranklinGothic-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.5px;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('../fonts/../fonts/Calibri-Light.eot');
    src: url('../fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff'),
        url('../fonts/Calibri-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DejaVu-Sans-Mono', monospace;
    src: url('../fonts/DejaVuSansMono.eot');
    src: url('../fonts/DejaVuSansMono.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DejaVuSansMono.woff2') format('woff2'),
        url('../fonts/DejaVuSansMono.woff') format('woff'),
        url('../fonts/DejaVuSansMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff'),
        url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-LightItalic.woff') format('woff'),
        url('../fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BoldItalic.woff') format('woff'),
        url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.woff2') format('woff2'),
        url('../fonts/Poppins-BlackItalic.woff') format('woff'),
        url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic.woff') format('woff'),
        url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff'),
        url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff'),
        url('../fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



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;

	/* Orange */
	--color-prm: #44baa6;
	--color-prm-hover: #03a08d;
	--color-prm-focus: #037061;

	/* Gray */
	--color-sec: #3e413e;
	--color-sec-hover: #2c2c2c;
	--color-sec-focus: #363636;

	--color-disabled: var(--color-sec);

	/* Light Orange */
	--color-thr: #13685c;
	--color-thr-disabled: #1b8a79;
	/*--color-thr-hover: ;*/
	/*--color-thr-focus: ;*/

	/* Green */
	--color-accept: #44ba6b;
	--color-accept-hover: #338a4d;
	--color-accept-focus: #2c7542;
	--color-success: var(--color-accept);

	/* Red */
	--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: #2bbba6;

	--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;

	/* Logos and backgrounds */
	--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;
}

.login-logo {
	max-width: 80%;
	margin-bottom: 70px;
	margin-top: 90px;
}


.container .container-logo {
	display: block;
	height: 25px;
	padding: 0px;
	margin: var(--login-logo-margin, auto);
}