:root {
    /* primary colors */
    --color-primary: #1ab394;
    --color-primary-darker: #18a689;
    --color-secondary: #84888b;

    /* background colors */
    --color-background-primary: #e0dddd;
    --color-background-header: #ffffff;
    --color-background-content: #ffffff;
    --color-background-footer: #ffffff;

    /* Text colors */
    --color-text-primary: #676a6c /*#1ab394;*/
    --color-text-header: #3455dd;
    --color-text-footer: #676a6c;

    /* other colors */
    --color-success: #1c84c6;
    --color-success-darker: #1a7bb9;
    --color-success-lighter: #f7f7f7;
    --color-info: #23c6c8;
    --color-info-darker: #21b9bb;
    --color-warning: #f8ac59;
    --color-danger: #ed5565;
    --color-danger-darker: #cc0000;

    /* custom colors */
    --navbar-default: #2f4050;
    --navbar-title: white;
    --navbar-title-fontweight: 500;
    --navbar-icon-color: #a19a8e;
    --nav-li-active: #536679;
    --nav-li-hover: #536679;
    --nav-second-level: #293846;
    --nav-li-text-active: #ffffff;
    --nav-li-hover-text: #ffffff;

    /* Datable Style */
    --dtable-header-color: #f3f6fb;

    /** Buttons Style Colors */
    --bg-back-btn: #ffffff;
    --fg-back-btn: grey;

}