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

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

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

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

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

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

html, body {

    --box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.0);

    -webkit-font-smoothing: antialiased;

    --color-normal: #3E413D;
    --color-medium: #666;
    --color-light: #3E413D;

    /* GroupM */
    --color-prm: #0A2756;
    --color-prm-hover: #0080FF;
    --color-prm-focus: #0080FF;

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

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

    /* Light Orange */
    --color-thr: #0080ff;
    --color-thr-disabled: rgba(0, 128, 255, 0.527);
    /*--color-thr-hover: ;*/
    /*--color-thr-focus: ;*/

    /* Green */
    --color-accept: #87CB9C;
    --color-accept-hover: rgb(82, 212, 123);
    --color-accept-focus: rgb(41, 134, 61);
    --color-success: var(--color-accept);

    /* Red */
    --color-decline: #F47F64;
    --color-decline-hover: rgb(245, 86, 50);

    /*--color-disabled: ;*/
    --color-background: #f8fafb;
    --color-popup: #F8FAFB;
    --color-container: #fff;
    --color-menu: rgba(0,0,0, .8);
    --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: #F9AE42;

    --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: 'Franklin-Gothic-Bold', sans-serif;
    --font-sec-bold: 'Franklin-Gothic-Bold', sans-serif;
    --font-code: 'DejaVu-Sans-Mono';
    --font-weight-bold: bold;
    --font-weight-normal: normal;
    --font-size-label: 14px;

    --popup-title-font-size: 20px;
    --input-padding: 10px 14px;
    --container-padding: 16px;
    --content-min-width: 1200px;
    --popup-maxheight: calc(80vh - 64px);

    /* Menu settings */
    --header-height: 64px;
    --menu-width: 220px;
    --menu-left: 48px;
    --menu-border-left: 4px;

    /* Logos and backgrounds */
    --menu-logo-src: url("/assets/group/logo-menu.png");
    --header-background: url("/assets/groupm/adminbar_bg.jpg");
    --login-logo-margin: 0px auto;
	--logo-padding-top:40px;

}

.logo-menu img{
    margin-top: 40px;
    margin-bottom: 40px;
}

.sidemenu .sidemenu-item p:hover{
    color: var(--color-prm-hover);
}