:root
{
    --font-size: 15px;
    --text-color: #5a6a72;
    --text-color-strong: #2d4a3e;
    --text-color-light: #8fa4a0;
    --template-border-color: #d4e4dc;
    --main-color: #27ae60;
    --font-family: 'Noto Sans', sans-serif;
    --scrollbar-color: #d4e4dc;
    --header-height: 60px;
    --header-border-bottom: #d4e4dc;
    --header-logo-border-right: #d4e4dc;
    --header-logo-border-bottom: #d4e4dc;
    --header-logo-background: #ffffff;
    --header-track-border-right: #d4e4dc;
    --header-background-color: #ffffff;
    --header-logo-font-size: 22px;
    --header-box-display: none;
    --header-text-color: #2d4a3e;
    --header-box-width: 60px;
    --header-box-background: transparent;
    --header-box-shadow: 0 1px 4px rgba(0,0,0,0.08);

    --button-height: 35px;
    --button-border: #d4e4dc;
    --button-text-color: #2d4a3e;
    --button-text-color-hover: #27ae60;
    --button-background: #ffffff;
    --button-border-radius: 8px;
    --button-padding: 13px;
    --button-box-shadow: 0 1px 3px rgba(39,174,96,0.1);

    --menu-box-shadow: 2px 0 8px rgba(0,0,0,0.06);
    --menu-master-color-strong: #2d4a3e;
    --menu-width: 280px;
    --menu-border-right: #d4e4dc;
    --menu-background-color: #ffffff;
    --menu-icon-font-size: var(--font-size);
    --menu-background-check: #27ae60;
    --menu-check-color: #ffffff;
    --menu-button-border-color: #d4e4dc;

    --submenu-border-right: #d4e4dc;
    --submenu-background-color: #f7fbf9;
    --submenu-sub-text-color: #8fa4a0;
    --submenu-text-color: #2d4a3e;
    --submenu-text-hover: #27ae60;
    --submenu-background-check: #27ae60;
    --submenu-check-color: #ffffff;

    --top-menu-border: #d4e4dc;
    --top-menu-background-color: #ffffff;
    --top-menu-background-check: #27ae60;
    --top-menu-check-color: #ffffff;
    --top-menu-hover-color: #27ae60;
    --top-menu-color: #5a6a72;

    --top-submenu-background-color: #ffffff;
    --top-submenu-text-color: #5a6a72;
    --top-submenu-text-hover: #27ae60;
    --top-submenu-background-check: #27ae60;
    --top-submenu-check-color: #ffffff;

    --live-background-color: #f0f5f2;

    --login-background-color: #eaf5ee;
    --login-panel-header-background: #e8f5ec;
    --login-panel-left-background-color: #27ae60;
    --login-panel-right-background-color: #ffffff;

    --login-button-background: #ffffff;
    --login-button-text-color: #2d4a3e;

    --login-panel-left-text-header-color: #ffffff;
    --login-panel-left-text-header-align: left;
    --login-panel-left-text-header-font-size: 40px;
    --login-panel-left-text-header-font-weight: 700;

    --login-panel-left-text-footer-color: #ffffff;
    --login-panel-left-text-footer-align: left;
    --login-panel-left-text-footer-font-size: 30px;
    --login-panel-left-text-footer-font-weight: 700;

    --login-title-font-size: 40px;
    --login-title-align: center;
    --login-title-font-weight: 700;
    --login-title-color: #2d4a3e;

    --login-header-font-size: 14px;
    --login-header-align: left;
    --login-header-color: #5a6a72;
    --login-border-color: #d4e4dc;

    --login-panel-detail-display: flex;
    --login-panel-detail-display-image: flex;
    --login-panel-detail-display-details: flex;

    --login-panel-detail-image-size: contain;
    --login-panel-detail-image-position: center;
    --login-panel-detail-direction: row;
    --login-panel-max-width: 1250px;
    --login-panel-border-radius: 12px;
    --login-panel-box-shadow: 0px 4px 20px 0px rgba(39,174,96,0.15);
    --login-form-box-shadow: none;
    --login-link-color: #27ae60;

    --field-border-color: #d4e4dc;
    --field-border-top: 1px;
    --field-border-bottom: 1px;
    --field-border-right: 1px;
    --field-border-left: 1px;
    --field-height: var(--button-height);
    --field-border-radius: 8px;
    --field-placeholder-color: #8fa4a0;
    --field-padding-horizontal: 10px;
    --field-padding-vertical: 0px;
    --field-padding: var(--field-padding-vertical) var(--field-padding-horizontal) var(--field-padding-vertical) var(--field-padding-horizontal);
    --field-color: #2d4a3e;
    --field-background: #ffffff;
    --field-focus-border-color: #27ae60;

    --content-border-color: #d4e4dc;
    --content-border-radius: 10px;
    --content-background: #f7fbf9;
    --color-overlay: #0000004d;
    --color-green: #27ae60;
    --color-red: #e74c3c;
    --color-blue: #2980b9;
    --color-orange: #f39c12;
    --color-sea: #1abc9c;
    --color-purple: #8e44ad;

    --modal-background: #ffffff;
    --modal-footer-background: #e8f5ec;
    --modal-header-background: #27ae60;
    --modal-header-color: #ffffff;

    --preloader-color: #27ae60;
    --live-area-width: 100%;
    --login-background-opacity: 0.6;

    --panel-background: #ffffff;
    --panel-header-background: #e8f5ec;
    --panel-footer-background: #ffffff;
    --panel-header-color: #2d4a3e;
    --panel-body-padding: 15px;
    --panel-border-radius: 10px;
    --panel-box-shadow: 0 2px 8px rgba(39,174,96,0.08);
    --panel-border-color: #d4e4dc;

    --tr-hover-background: #e8f5ec;
    --tr-hover-color: #2d4a3e;
    --tr-even-background: #ffffff;
    --tr-odd-background: #f7fbf9;
    --table-body-color: #5a6a72;
    --table-header-color: #27ae60;

    --menu-user-splash-background: #f7fbf9;
    --panel-header-font-size: calc(var(--font-size) + 2px);
    --panel-header-font-weight: 600;

    --panel-header-padding-vertical: 20px;
    --panel-header-padding-horizontal: 10px;
    --panel-header-border-color: #d4e4dc;

    --header-logo-text-color: #2d4a3e;
    --menu-background-button-circle: #ffffff;
    --menu-color-button-circle: #2d4a3e;

    --top-menu-background-button-circle: #ffffff;
    --top-menu-color-button-circle: #2d4a3e;

    --submenu-font-size: var(--font-size);
    --submenu-padding-horizontal: 0px;
    --submenu-item-padding-horizontal: 12px;
    --submenu-item-padding-vertical: 12px;
    --modules-button-radius: 100px;

    --header-box-padding-horizontal: 0px;
    --header-box-padding-vertical: 0px;
    --header-logo-padding-horizontal: 0px;
    --header-logo-padding-vertical: 0px;
    --login-panel-left-header-image-position: center;

    --login-text-center-align: center;
    --login-text-center-size: 18px;
    --login-text-center-weight: 600;
    --login-text-center-color: #5a6a72;
}