/* Default CSS Variables */

:root {
    --main-bg-color: #4F737A;
    --secondary-bg-color: #4F737A;
    --tertiary-bg-color: #eeeeee7a;
    --body-bg-color: #FFFFFF;
    --main-text-color: #FFFFFF;
    --secondary-text-color: #668E9A;
    --black-text-color: #000000;
    --overlay-color: #000;
    --locked-offline-color: #dc3545;
    --menu-divider-color: #FFFFFF;
    --menu-usename-color: #889ca0;
    --menu-active-item: #7c9094;
}

/* Logo */

.logo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaWQ9IkxheWVyXzEiICAgZGF0YS1uYW1lPSJMYXllciAxIiAgIHZpZXdCb3g9IjAgMCAxNzI0IDUwNCIgICB2ZXJzaW9uPSIxLjEiICAgc29kaXBvZGk6ZG9jbmFtZT0iQmFrZVBsYW4gTG9nbyBJU0IgUEMuc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiICAgd2lkdGg9IjE3MjQiICAgaGVpZ2h0PSI1MDQiICAgaW5rc2NhcGU6ZXhwb3J0LWZpbGVuYW1lPSJDOlxVc2Vyc1xsdWtlLnNlZ2FyYW4uUkJTLVlPUktcUGljdHVyZXNcQmFrZVBsYW5cQmFrZVBsYW4gTG9nbyBJU0IgUEMucG5nIiAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSI5NiIgICBpbmtzY2FwZTpleHBvcnQteWRwaT0iOTYiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE5OSI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT5CYWtlUGxhbiBMb2dvPC9kYzp0aXRsZT4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IiAgICAgaWQ9Im5hbWVkdmlldzk3IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaW5rc2NhcGU6c25hcC10ZXh0LWJhc2VsaW5lPSJmYWxzZSIgICAgIGlua3NjYXBlOnpvb209IjAuNjExNzEwMTMiICAgICBpbmtzY2FwZTpjeD0iOTE0LjMxODk3IiAgICAgaW5rc2NhcGU6Y3k9Ii05My43MDkwNzUiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSIgICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9InRydWUiIC8+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0Ij4gICAgPHN0eWxlICAgICAgIGlkPSJzdHlsZTIiPi5jbHMtMXtmaWxsOiNkYTNjMTU7fS5jbHMtMntmaWxsOiMxZDFkMWI7fTwvc3R5bGU+ICA8L2RlZnM+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTYiPkJha2VQbGFuIExvZ288L3RpdGxlPiAgPHBhdGggICAgIGNsYXNzPSJjbHMtMSIgICAgIGQ9Ik0gOC42MjM4MDI1LDI3LjYzOTQ1NCBIIDEyNS45Mjc3IGEgMTQwLjg4OTYzLDE0MC44ODk2MyAwIDAgMSAzMy42MzQ0LDQuMDYxMTMxIDg1Ljk2MDM4LDg1Ljk2MDM4IDAgMCAxIDI5LjYyNTM2LDEzLjE3MjU5NSA2OC4zNjIxOSw2OC4zNjIxOSAwIDAgMSAyOS4xNTY3NSw1OC41MjE3NCA2MS45MDYwNDgsNjEuOTA2MDQ4IDAgMCAxIC0xNC40NzQyNSw0Mi4xNzMxNCA4MC42NDk2ODIsODAuNjQ5NjgyIDAgMCAxIC0zNy45MDM3OCwyMy44NDYwNCB2IDAuODMzMDYgYSA3OC41MTQ5ODgsNzguNTE0OTg4IDAgMCAxIDI2LjAzMjgyLDcuOTEzOTcgNjkuOTI0MTU4LDY5LjkyNDE1OCAwIDAgMSAyMC44MjYyNiwxNS42MTk3MiA3My4yMDQyOTMsNzMuMjA0MjkzIDAgMCAxIDE4LjMyNzExLDQ5LjIwMjA1IDc5LjE5MTg0Niw3OS4xOTE4NDYgMCAwIDEgLTkuNzg4MzQsNDEuMDc5NzcgNzcuNjgxOTQxLDc3LjY4MTk0MSAwIDAgMSAtMjUuNzcyNTEsMjYuMzk3MjkgMTEwLjc5NTY5LDExMC43OTU2OSAwIDAgMSAtMzYuNDQ1OTQsMTQuMjY2IDIwOS40MDgwMiwyMDkuNDA4MDIgMCAwIDEgLTQxLjk2NDkxLDQuMjY5MzMgSCA4LjYyMzgwMjUgWiBNIDYyLjI1MTQxNSwxNTAuMjUzOTQgaCA0OC45OTM3NzUgcSAyNi44MTM4LDAgNDAuMjQ2NzQsLTEwLjQxMzEgYSAzNi40NDU5NSwzNi40NDU5NSAwIDAgMCAtMC40Njg1OSwtNTYuNjQ3NDIgcSAtMTMuNzk3NCwtOS41ODAwOCAtNDQuNDY0MDYsLTkuNTgwMDggSCA2Mi4yNTE0MTUgWiBtIDAsMTMyLjgxOTQ3IGggNDkuNDEwMjk1IGEgMjA3LjExNzEyLDIwNy4xMTcxMiAwIDAgMCAyMS45MTk2NCwtMS4yNDk1NyA2NC4xOTY5MzksNjQuMTk2OTM5IDAgMCAwIDIxLjUwMzEyLC01Ljk4NzUyIDQyLjEyMTEwOCw0Mi4xMjExMDggMCAwIDAgMTYuMTkyNCwtMTMuMzgwOTIgMzkuMTUzMzYyLDM5LjE1MzM2MiAwIDAgMCA2LjQwNDA4LC0yMy42Mzc3NyBxIDAsLTIzLjc5Mzk5IC0xNS42MTk2OSwtMzMuMjE3ODggLTE1LjYxOTcsLTkuNDIzOTIgLTQ4LjMxNjkyLC05LjM3MTgxIEggNjIuMTk5MzQ4IFoiICAgICBpZD0icGF0aDgiICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgc3R5bGU9ImZpbGw6IzY2OGU5ZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NztzdHJva2Utd2lkdGg6MSIgLz4gIDxwYXRoICAgICBjbGFzcz0iY2xzLTEiICAgICBkPSJNIDg5OS42NzUyMSwyNy42Mzk0NTQgSCAxMDAwLjk5NSBhIDIwMS4xMjk1OCwyMDEuMTI5NTggMCAwIDEgNDEuOTEyOCw0LjI2OTQwNiAxMDIuODI5NjUsMTAyLjgyOTY1IDAgMCAxIDM1LjU2MDgsMTQuMjY1OTYgNzIuODkxOTAxLDcyLjg5MTkwMSAwIDAgMSAyNC40NzA5LDI2LjgxMzc0IDg2LjM3NjkwNiw4Ni4zNzY5MDYgMCAwIDEgOS4xNjM1LDQxLjkxMjgyIDkzLjcxODE2Miw5My43MTgxNjIgMCAwIDEgLTkuNzg4Myw0NS45NzM5NyA2OS44NzIwOTUsNjkuODcyMDk1IDAgMCAxIC0yNi4zOTczLDI3LjA3NDE3IDExMC4wMTQ3MSwxMTAuMDE0NzEgMCAwIDEgLTM4LjUyODYsMTIuOTY0MzIgMjk1LjU3NjY1LDI5NS41NzY2NSAwIDAgMSAtNDUuNzY1NjUsMy40MzYzNSBoIC0zOC4zMjAzMyB2IDEyNC45NTc1MyBoIC01My42Mjc2MSB6IG0gODUuOTYwNCwxMzAuOTQ1MDA2IGMgNy43MDU2OSwwIDE1LjYxOTY5LC0wLjI2MDU3IDIzLjg0NjA5LC0wLjgzMzA2IGEgNzQuNTA1OTM2LDc0LjUwNTkzNiAwIDAgMCAyMi44MDQ3LC01LjIwNjU1IDQwLjkyMzU5NCw0MC45MjM1OTQgMCAwIDAgMTcuMDI1NSwtMTIuNzU2MDQgMzcuOTU1ODUyLDM3Ljk1NTg1MiAwIDAgMCA2LjYxMjMsLTIzLjg0NjEgMzcuNTM5MzMsMzcuNTM5MzMgMCAwIDAgLTUuOTg3NSwtMjIuMzg4MjIgMzkuMjU3NDk2LDM5LjI1NzQ5NiAwIDAgMCAtMTUuMzA3NCwtMTIuNzU2MTIgNjQuNjY1NTMsNjQuNjY1NTMgMCAwIDAgLTIwLjgyNjIsLTUuNzI3MTggMTkyLjY0Mjg4LDE5Mi42NDI4OCAwIDAgMCAtMjIuMTI3OTEsLTEuMzAxNjUgSCA5NTMuMzU0OSB2IDg0LjgxNDkyIHoiICAgICBpZD0icGF0aDEwIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiM2NjhlOWY7ZmlsbC1vcGFjaXR5OjAuOTQxMTc2NDc7c3Ryb2tlLXdpZHRoOjEiIC8+ICA8cGF0aCAgICAgY2xhc3M9ImNscy0xIiAgICAgZD0ibSAxMTI5LjIzMjYsNy4xNzc2NzMgaCA1MS4wNzY0IFYgMzI5LjA5OTQ2IGggLTUxLjA3NjQgeiIgICAgIGlkPSJwYXRoMTIiICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgc3R5bGU9ImZpbGw6IzY2OGU5ZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NztzdHJva2Utd2lkdGg6MSIgLz4gIDxwYXRoICAgICBjbGFzcz0iY2xzLTEiICAgICBkPSJtIDE0NDEuMTA1OCwxMjQuNjg5NzQgaCA0OC41MjUyIHYgMzIuODAxMzUgaCAwLjgzMzEgYSA3MS43NDY0NTQsNzEuNzQ2NDU0IDAgMCAxIDIyLjE3OTksLTI2LjYwNTU4IDY1LjQ5ODU4Miw2NS40OTg1ODIgMCAwIDEgNDAuNDU1MSwtMTEuMjk4MjMgODAuMjg1MjIzLDgwLjI4NTIyMyAwIDAgMSAzNC42NzU2LDYuODIwNjMgNjUuNDk4NTgyLDY1LjQ5ODU4MiAwIDAgMSAyMy4yMjEzLDE3LjkxMDU0IDY3LjY4NTMzNiw2Ny42ODUzMzYgMCAwIDEgMTIuNzU2MSwyNS41MTIyIDExOC4wODQ4OCwxMTguMDg0ODggMCAwIDEgMy44NTI5LDMwLjI1MDEzIHYgMTI5LjAxODY4IGggLTUxLjEyODYgViAyMjUuNTkyOTcgYyAwLC01LjY3NTE3IC0wLjI2MDUsLTExLjk3NTEzIC0wLjgzMywtMTguODk5ODggYSA2OS4xOTUyNDEsNjkuMTk1MjQxIDAgMCAwIC00LjQ3NzUsLTE5LjYyODcxIDM2LjQ0NTk1LDM2LjQ0NTk1IDAgMCAwIC0xMS4yOTgzLC0xNS4zMDczIDMyLjIyODYzMywzMi4yMjg2MzMgMCAwIDAgLTIwLjgyNjQsLTYuMTk1OCA0OC45OTM3NzIsNDguOTkzNzcyIDAgMCAwIC0yMS41MDI5LDQuMjY5MzcgNDEuMDI3NzI3LDQxLjAyNzcyNyAwIDAgMCAtMTQuNDc0MywxMS41MDY0NyA0NS44MTc3NjcsNDUuODE3NzY3IDAgMCAwIC04LjMzMDYsMTYuNjA4OTQgNzUuNTk5MzEzLDc1LjU5OTMxMyAwIDAgMCAtMi41NTEyLDE5LjU3NjcyIHYgMTExLjU3NjY4IGggLTUxLjA3NjQgeiIgICAgIGlkPSJwYXRoMTQiICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgc3R5bGU9ImZpbGw6IzY2OGU5ZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NztzdHJva2Utd2lkdGg6MSIgLz4gIDxwb2x5Z29uICAgICBjbGFzcz0iY2xzLTEiICAgICBwb2ludHM9IjEwMi41LDM5LjAxIDEwMi40OCwwIDkyLjYzLDAgOTIuNjYsNjIuMDkgMTAyLjUxLDYyLjA5IDEwMi41LDQxLjk3IDEwMi42Nyw0MS45NyAxMTguMzYsNjIuMDggMTMxLjQyLDYyLjA4IDExMy40Miw0MC41NyAxMzAuMzQsMjIuNjYgMTE3LjY5LDIyLjY2ICIgICAgIGlkPSJwb2x5Z29uMTYiICAgICBzdHlsZT0iZmlsbDojNjY4ZTlmO2ZpbGwtb3BhY2l0eTowLjk0MTE3NjQ3O3N0cm9rZS13aWR0aDowLjE5MjA2NTIxIiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoNS4yMDY1NjQ3LDAsMCw1LjIwNjU2NDcsOC42MjM4MDM4LDYuNTAwODU4KSIgLz4gIDxwYXRoICAgICBjbGFzcz0iY2xzLTEiICAgICBkPSJtIDc3Ny40MjUwOCwyOTMuOTU1MTQgYSA1My4xNTkwMiw1My4xNTkwMiAwIDAgMSAtNTUuMTM3NTUsLTQ4LjczMzQ2IGggMTU2LjUwOTM2IHYgLTE0LjEwOTc3IGMgMCwtNzEuMzgyMDEgLTM4Ljk0NTEsLTExMS41NzY2NyAtOTYuMjE3MzEsLTExMS41MjQ2MyAtNjIuMDEwMTcsMCAtMTExLjYyODc1LDQzLjIxNDUgLTExMS41NzY2OCwxMDcuNzc1OTMgMC4wNTIxLDY0LjU2MTM4IDQ5LjY3MDYzLDEwNy43MjM3OCAxMTEuNjI4NzIsMTA3LjcyMzc4IGEgMTA2LjczNDU3LDEwNi43MzQ1NyAwIDAgMCA4Ni43NDEzOSwtNDEuMTMxODUgbCAtMzYuNzU4MzIsLTI3LjgwMzA2IGMgLTEyLjg2MDIzLDE1LjU2NzYxIC0yOS41MjEyMywyNy44MDMwNiAtNTUuMTg5NjEsMjcuODAzMDYgeiBtIC0yLjE4Njc1LC0xMzUuOTk1NDggYyAzMi4wNzI0NCwwIDUxLjc1MzIyLDE4Ljc5NTcgNTIuMDY1NjUsNDguNzMzNDMgSCA3MjIuMjM1NSBjIDMuODUyODIsLTI5LjY3NzM4IDIyLjY0ODU1LC00OC45NDE2OSA1My4wMDI4MywtNDguOTQxNjkgeiIgICAgIGlkPSJwYXRoMTgiICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgc3R5bGU9ImZpbGw6IzY2OGU5ZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NztzdHJva2Utd2lkdGg6MSIgLz4gIDxwYXRoICAgICBjbGFzcz0iY2xzLTEiICAgICBkPSJNIDQ2NC42MTQ3MSwzMzAuNDAxMDYgNDY0LjM1NDE1LDEyNS4zNjY2IGggLTQ4LjY4MTM4IHYgMzAuNzcwNzkgaCAtMC44MzMwMSBjIC0xNC45OTQ5NSwtMjQuNzgzMjYgLTQxLjk2NDk2LC0zNS44NzMyMiAtNzAuNjAxMDQsLTM1LjgyMTE4IC02My4yMDc3LDAgLTEwMS4yMTU2MSw0Ny4xNzE0NyAtMTAxLjExMTQ4LDEwNy44ODAwMiAwLjEwNDExLDYwLjcwODU2IDQwLjcxNTM0LDEwNy43MjM4MiA5OS4yODkxNywxMDcuNjcxNzMgMzguNDc2NTEsMCA1OC45OTAzOSwtMTguMDY2NzUgNjkuNjExNzgsLTMxLjIzOTM3IGggMS4zMDE2NCB2IDI2LjAzMjgzIHogTSAzMDguNDE3NzgsMjgzLjU0MjA0IGggLTEuMjQ5NTcgeiBtIDkzLjMwMTYzLC05NS42NDQ2MSBoIC0zLjQzNjM1IGMgLTUwLjgxNjA2LDEuMTk3NTMgLTgzLjkyOTgsNTAuMTkxMjcgLTEwNi4wNTc3LDkxLjg0MzgzIHEgLTYuODIwNiwtMTAyLjYyMTQzIDcwLjEzMjQ0LC0xMDQuNDQzNzEgYSAxNjYuMTkzNTMsMTY2LjE5MzUzIDAgMCAxIDM5LjA0OTIyLDQuMzczNSBjIDAsMi44NjM2MSAwLjI2MDU3LDUuNTE4OTcgMC4zMTIzMiw4LjIyNjM4IHogbSAwLDEyLjQ5NTc4IGMgLTAuOTM3MTgsNTUuMjQxNjEgLTI0LjQ3MDg1LDgzLjMwNTAyIC03MC40OTY4OCw4NC41NTQ1OSBhIDE0Ni4zNTY1MywxNDYuMzU2NTMgMCAwIDEgLTI2LjUwMTQxLC0xLjk3ODUgYyAyNC4wNTQzMiwtNDQuMzU5OTMgNTIuMDY1NjIsLTgxLjYzODk2IDkzLjcxODE0LC04Mi41NzYwOSB6IG0gLTEwMC4zMzA1LDYxLjU0MTU3IG0gMCwwIGMgMCwwLjM2NDM2IC0wLjQ2ODU5LDAuOTM3MTcgLTAuODMzMDQsMS41NjE5MyAwLjM2NDQ3LC0wLjY3NjgyIDAuNjc2ODUsLTEuMTk3NSAwLjgzMzA0LC0xLjU2MTkzIHogbSAtMC44MzMwNCwxLjU2MTkzIGMgLTAuNDE2NTIsMC44ODUxNCAtMC45ODkyNSwxLjg3NDM4IC0xLjcxODE3LDMuMjI4MTEgMC42NzY4NSwtMS4xOTc0OSAxLjI0OTU4LC0yLjI5MDkxIDEuNzE4MTcsLTMuMjI4MTEgeiBtIC0xLjcxODE3LDMuMjI4MTEgYyAtMS45Nzg0OSwzLjgwMDc5IC00LjQ3NzY1LDguNDM0NTkgLTUuODMxMzUsMTAuOTg1ODQgMi41NTEyMSwtNC43OTAwMyA0LjQ3NzY0LC04LjM4MjU5IDUuODMxMzUsLTEwLjk4NTg0IHogbSAtNS44MzEzNSwxMC45ODU4NCBjIC0wLjMxMjM3LDAuNjc2ODcgLTAuNTcyNzMsMS4xNDU0NiAtMC45ODkyNSwxLjg3NDM2IC0wLjQxNjUzLDAuNzI4OSAwLjQxNjUyLC0wLjcyODkgMC45ODkyNSwtMS44NzQzNiB6IiAgICAgaWQ9InBhdGgyMCIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojNjY4ZTlmO2ZpbGwtb3BhY2l0eTowLjk0MTE3NjQ3O3N0cm9rZS13aWR0aDoxIiAvPiAgPHBhdGggICAgIGNsYXNzPSJjbHMtMSIgICAgIGQ9Im0gMTM2Ny4xMjA2LDMwNC4zNjgyOCBoIDEuMjQ5NSB2IDI2LjAzMjc4IGggNTEuMjMyNiBWIDEyNS40NzA3MyBoIC00OC42ODEzIHYgMzAuNzcwNzggaCAtMC42MjQ4IGEgNjYuMTc1NDMyLDY2LjE3NTQzMiAwIDAgMCAtMjkuODg1NywtMjcuMzg2NTUgOTcuNDE0ODE3LDk3LjQxNDgxNyAwIDAgMCAtNDAuNjExMiwtOC41Mzg3NSAxMDQuMTMxMjksMTA0LjEzMTI5IDAgMCAwIC00Mi4yNzczLDguMzMwNTEgOTUuNDM2MzIzLDk1LjQzNjMyMyAwIDAgMCAtMzIuMDIwNCwyMi44NTY4MyA5OC42MTIzMzIsOTguNjEyMzMyIDAgMCAwIC0yMC4wNDUzLDM0LjIwNzEgMTI3LjUwODc2LDEyNy41MDg3NiAwIDAgMCAtNi44NzI3LDQyLjMyOTM4IDEyMS4zMTI5NSwxMjEuMzEyOTUgMCAwIDAgNy4yODkzLDQyLjMyOTM3IDEwNS4wMTY0LDEwNS4wMTY0IDAgMCAwIDIwLjMwNTYsMzQuMjA3MTIgOTMuMTk3NTAzLDkzLjE5NzUwMyAwIDAgMCAzMS4yMzk0LDIyLjg1NjgxIDEwNC4zOTE2MiwxMDQuMzkxNjIgMCAwIDAgNjUuODEwOSw1LjIwNjU5IDg3LjYyNjQ3OCw4Ny42MjY0NzggMCAwIDAgMTkuNjI4NywtNy42NTM2NyA4My4zMDUwMjcsODMuMzA1MDI3IDAgMCAwIDE0LjUyNjQsLTEwLjA0ODY3IDgxLjQzMDY2Nyw4MS40MzA2NjcgMCAwIDAgOS43MzYzLC0xMC41NjkzIHogbSAtMzIuMDcyNSwtMjAuMDk3MzggYSA2NC43Njk2Niw2NC43Njk2NiAwIDAgMSAtNTAuMzk5NSwwIDYwLjg2NDczOCw2MC44NjQ3MzggMCAwIDEgLTE5LjAwNCwtMTMuNjkzMjUgNTguMDAxMTI2LDU4LjAwMTEyNiAwIDAgMSAtMTEuOTIzLC0xOS42ODA4IDY3LjY4NTMzNiw2Ny42ODUzMzYgMCAwIDEgMCwtNDYuMTMwMTYgNTguMDAxMTI2LDU4LjAwMTEyNiAwIDAgMSAxMS45MjMsLTE5LjY4MDgyIDYwLjg2NDczOCw2MC44NjQ3MzggMCAwIDEgMTkuMDA0LC0xMy42OTMyNSA2MC41MDAyNzYsNjAuNTAwMjc2IDAgMCAxIDY5LjQwMzUsMTMuNjkzMjUgNTcuMjcyMjA4LDU3LjI3MjIwOCAwIDAgMSAxMS45NzUxLDE5LjY4MDgyIDY3LjY4NTMzNiw2Ny42ODUzMzYgMCAwIDEgMCw0Ni4xMzAxNiA1Ny4yNzIyMDgsNTcuMjcyMjA4IDAgMCAxIC0xMS45NzUxLDE5LjY4MDggNTkuNjY3MjI4LDU5LjY2NzIyOCAwIDAgMSAtMTkuMDA0LDEzLjkwMTUzIHoiICAgICBpZD0icGF0aDIyIiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgIHN0eWxlPSJmaWxsOiM2NjhlOWY7ZmlsbC1vcGFjaXR5OjAuOTQxMTc2NDc7c3Ryb2tlLXdpZHRoOjEiIC8+ICA8cGF0aCAgICAgY2xhc3M9ImNscy0xIiAgICAgZD0ibSAxNjQ4LjQzMTIsMTU3LjU5NTIgdiAtMzAuODc0OTEgaCAtMTAuOTMzNyB2IC03LjQ0NTM4IGggMzAuMzU0MiB2IDcuNDQ1MzggaCAtMTAuOTMzNyB2IDMwLjg3NDkxIHogbSAyNi4wMzI5LDAgdiAtMzguMzIwMjkgaCAxMi44MDgxIGwgOC43OTkxLDI1LjA0MzU0IHYgMCBsIDguOTAzMywtMjUuMDQzNTQgaCAxMi43MDQgdiAzOC4zMjAyOSBoIC04LjQzNDcgdiAtMjkuNDE3MDcgMCBsIC0xMC4wNDg3LDI5LjQxNzA3IGggLTYuMDkxNiBsIC05LjczNjQsLTI5LjQxNzA3IHYgMCAyOS40MTcwNyB6IiAgICAgaWQ9InBhdGg5NCIgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICBzdHlsZT0iZmlsbDojNjY4ZTlmO2ZpbGwtb3BhY2l0eTowLjk0MTE3NjQ3O3N0cm9rZS13aWR0aDoxIiAvPiAgPHRleHQgICAgIHhtbDpzcGFjZT0icHJlc2VydmUiICAgICBzdHlsZT0iZm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6MTU1LjcxMjEyNzY5cHg7bGluZS1oZWlnaHQ6MS4yNTtmb250LWZhbWlseTonTWljcm9zb2Z0IEpoZW5nSGVpIFVJJzstaW5rc2NhcGUtZm9udC1zcGVjaWZpY2F0aW9uOidNaWNyb3NvZnQgSmhlbmdIZWkgVUksIE5vcm1hbCc7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtYWxpZ246c3RhcnQ7bGV0dGVyLXNwYWNpbmc6MHB4O3dvcmQtc3BhY2luZzowcHg7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2ZpbGw6IzY2OGU5ZjtmaWxsLW9wYWNpdHk6MC45NDExNzY0NztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC45OTk5OTk4OCIgICAgIHg9Ii02LjYzMzcxNzUiICAgICB5PSI0NTkuMjg1ODkiICAgICBpZD0idGV4dDkwOCI+PHRzcGFuICAgICAgIHNvZGlwb2RpOnJvbGU9ImxpbmUiICAgICAgIGlkPSJ0c3BhbjgyNCIgICAgICAgeD0iLTYuNjMzNzE3NSIgICAgICAgeT0iNDU5LjI4NTg5IiAgICAgICBzdHlsZT0iZmlsbDojNjY4ZTlmO2ZpbGwtb3BhY2l0eTowLjk0MTE3NjQ3O3N0cm9rZS13aWR0aDowLjk5OTk5OTg4Ij5JU0IgcHJvZHVjdGlvbiBjb250cm9sPC90c3Bhbj48L3RleHQ+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 10vh;
}

/* Main Header */

#header_menu_nav {
    background-color: var(--main-bg-color);
}

.dropdown-menu {
    background-color: var(--main-bg-color);
}

.dropdown-item {
    color: var(--main-text-color);
}

#header_languageselect_drpdwn {
    background-color: var(--menu-active-item);
}

#header_systemmenuselect_drpdwn {
    background-color: var(--menu-active-item);
}

.dropdown-item-header {
    color: var(--main-text-color);
    padding: 0.6rem 0.75rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--menu-active-item);
    color: var(--main-text-color);
}

.dropdown-item-active {
    background-color: var(--menu-active-item);
    color: var(--main-text-color);
}

#header_overlay {
    background-color: var(--overlay-color);
}

#header_bakeplan_label {
    color: var(--main-text-color);
}

#header_menu_nav {
    color: var(--main-text-color);
}

/* Plan Header */

#overlay {
    background-color: var(--overlay-color);
}

.dropdown-item.sub-item {
    color: var(--secondary-text-color);
    background-color: var(--main-text-color);
    border-bottom: 1px var(--secondary-text-color) solid;
}

#planheader_lastupdated_label {
    color: var(--main-text-color);
}

#planheader_appoffline_label {
    color: var(--main-text-color);
}

.planhead_wave_locked {
    color: var(--locked-offline-color);
}

#planheader__overlay {
    background-color: var(--overlay-color);
}

.filterDropdown .cuppa-dropdown .selected-list .c-btn {
    color: var(--main-text-color);
}

.filterDropdown .cuppa-dropdown .dropdown-list .list-area .ng-star-inserted {
    color: var(--main-bg-color);
    background-color: var(--main-text-color);
}

.pure-checkbox input[type="checkbox"] + label:after {
    border-color: var(--main-bg-color) !important;
}

.filterDropdown .cuppa-dropdown .selected-list .c-btn .c-list > span {
    margin-left: 0 !important;
}

/* Plan Sub Header */

#subplanheader_overlay {
    background-color: var(--tertiary-bg-color);
}

#subplanheader_totals_nav {
    background-color: var(--main-text-color);
    border-top: solid 2px var(--main-bg-color);
}

#subplanheader_details_nav {
    border-top: solid 2px var(--main-bg-color);
    background-color: var(--tertiary-bg-color);
    color: var(--black-text-color);
}

/* Plan */

#planitembody_headerrow_table {
    background-color: var(--tertiary-bg-color);
}

.nav-pills .nav-link.active {
    background-color: var(--main-bg-color);
}

#planitem_card_header {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

/* Container Opening */

#containeropening_tableheaderrow_table {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

/* Container Opening Header */

#containeropeningheader_filteroption_btn {
    background-color: var(--tertiary-bg-color);
}

/* Specifications */

#specifications_tableheaderrow_table {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

/* Specifications Header */

#specificationsrheader_filteroption_btn {
    background-color: var(--tertiary-bg-color);
}

/* Carry Over */

#carryover_tableheaderrow_table {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

/* Carry Over Header */

#carryoverheader_filteroption_btn {
    background-color: var(--tertiary-bg-color);
}

.filterDropdown .cuppa-dropdown .dropdown-list .list-area {
    background-color: var(--tertiary-bg-color);
}

.filterDropdown .cuppa-dropdown .selected-list .c-btn .c-angle-up {
    display: none;
}

.filterDropdown .cuppa-dropdown .selected-list .c-btn {
    color: var(--main-text-color);
}

.filterDropdown .cuppa-dropdown .dropdown-list .list-area .ng-star-inserted {
    color: var(--main-bg-color);
}

.pure-checkbox input[type="checkbox"] + label:after {
    border-color: var(--main-bg-color) !important;
}

/* System Log */

.systemlog_accordion .card-header {
    background-color: var(--main-bg-color);
}

.systemlog-text-color {
    color: var(--main-text-color);
}

#systemlog_tableheaderrow_table {
    background-color: var(--secondary-bg-color);
    color: var(--main-text-color);
}

/* System Log Header */

#systemlogheader_sendlogs_drpdwn {
    background-color: var(--secondary-bg-color);
}

#systemlogheader_deletelogs_drpdwn {
    background-color: var(--secondary-bg-color);
}

#systemlogheader_filterlogs_drpdwn {
    background-color: var(--secondary-bg-color);
}

/* Login */

#login_footer_navbar {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

#login_language_btn {
    color: var(--main-text-color);
}

#pinlogin_footer_navbar {
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
}

#pinlogin_language_btn {
    color: var(--main-text-color);
}

.pinlogin-action-btns {
    background-color: var(--secondary-bg-color);
    color: var(--main-text-color);
}

.forgottenpin-action-btns {
    background-color: var(--secondary-bg-color);
    color: var(--main-text-color);
}

.pin-numpad-btn:active {
    background-color: var(--secondary-bg-color) !important;
    border: var(--secondary-bg-color) !important;
}

body {
    background: var(--body-bg-color); /* Old browsers */
    background: -moz-linear-gradient(top, var(--body-bg-color) 0%, var(--body-bg-color) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, var(--body-bg-color) 0%, var(--body-bg-color) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, var(--body-bg-color) 0%, var(--body-bg-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--body-bg-color)', endColorstr='var(--body-bg-color)',GradientType=0 ); /* IE6-9 */
}

#login_signin_btn {
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

#login_pinlogin_btn {
    background-color: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
}

.pin-numpad-btn {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color) !important;
    color: var(--main-text-color);
}

.pin-numpad-btn-delete {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color) !important;
    color: var(--main-text-color);
}

#pinlogin_authconfirm_icon {
    color: var(--main-bg-color);
}

#pinlogin_pindelete_icon {
    color: var(--main-bg-color);
}

#pinlogin_backtoauth_btn {
    color: var(--main-bg-color);
}

#pinlogin_clearpin_btn {
    color: var(--main-bg-color);
}

.pin-number-box {
    border: 2px solid var(--secondary-bg-color);
    background-color: transparent;
}

.pin-number-box-filled {
    background-color: var(--secondary-bg-color) !important;
}

.cdk-global-overlay-wrapper, .cdk-overlay-container {
    z-index: 9999999 !important;
}

@media screen and (max-width: 400px) {
    .gr-modal-full {
        z-index: 100000000;
    }

        .gr-modal-full .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
        }

        .gr-modal-full .modal-dialog {
            position: fixed;
            margin: 0;
            min-width: 100%;
            height: 100%;
            padding: 0;
        }

        .gr-modal-full .modal-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 0;
        }

        .gr-modal-full.spec .modal-header {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            height: 80px;
            padding: 10px;
            border-radius: 0;
        }

        .gr-modal-full.spec .modal-title {
            font-weight: 300;
            font-size: 2em;
            color: #fff;
            line-height: 30px;
        }

        .gr-modal-full .modal-header {
        }

        .gr-modal-full .modal-title {
        }

        .gr-modal-full.spec .modal-body {
            position: absolute;
            top: 81px;
            bottom: 61px;
            width: 100%;
            overflow: auto;
        }

        .gr-modal-full .modal-body {
            position: absolute;
            top: 45px;
            bottom: 61px;
            width: 100%;
            overflow: auto;
        }

        .gr-modal-full .modal-footer {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 60px;
            padding: 10px;
            border-radius: 0;
        }
}

@media screen and (min-width: 400px) {
    .gr-modal-full {
    }

        .gr-modal-full .modal {
        }

        .gr-modal-full .modal-dialog {
        }

        .gr-modal-full .modal-content {
        }

        .gr-modal-full .modal-header {
        }

        .gr-modal-full .modal-title {
        }

        .gr-modal-full .modal-body {
            overflow: auto;
            height: 450px
        }

        .gr-modal-full .modal-footer {
        }
}

.gr-modal-keyboard .modal-content {
    margin-top: -100px;
}

.gr-modal-front {
    z-index: 1000000000;
    background-color: rgb(0,0,0,0.5);
}

.modal-backdrop {
    z-index: 99999;
}

.modal {
    z-index: 999999;
}

.carryover-table-ovensetting-row {
    background-color: var(--main-bg-color) !important;
    color: var(--main-text-color);
}

.traceability.mat-list .mat-list-item .mat-list-item-content {
    padding: 0 !important;
    font-size: 14px;
}