/*---------------------------------------------------------------------
Variable
-----------------------------------------------------------------------*/


:root {
    --iq-default: #525f7f;
    --iq-primary: var(--main-color);
    --iq-secondary: #dedfe1;
    --iq-success: #2dce89;
    --iq-warning: #f6993f;
    --iq-danger: #e3342f;
    --iq-info: #4dc0b5;
    --iq-dark: #3f414d;
    --iq-light: #E9EDF4;
    --iq-white: #ffffff;
    --iq-black: #000000;
    --iq-yellow: #ffed4a;
    --iq-cyan: #0cd2e3;
    --iq-cobalt-blue: #3f79f1;
    --iq-spring-green: #1be1b3;
    --iq-amber: #f4b72a;
    --iq-pink: #FD6C9E;
    --iq-primary-light: rgba(var(--main-color-main-rgb),0.1);
    --iq-secondary-light: #f1f2f1;
    --iq-success-light: rgba(152,225,183,.5);
    --iq-warning-light: rgba(252,218,185,.5);
    --iq-danger-light: rgba(242,162,159,.5);
    --iq-info-light: rgba(171,225,220,.5);
    --iq-dark-light: #f0efef;
    --iq-primary-hover: var(--main-color);
    --iq-secondary-hover: #b6b7b9;
    --iq-success-hover: #1bd284;
    --iq-warning-hover: #f55935;
    --iq-danger-hover: #f52b54;
    --iq-info-hover: #05c2e5;
    --iq-dark-hover: #30313a;
    --iq-light-hover: #e9eaeb;
    --iq-bg-grey: #f4f5fd;
    --iq-text-grey: #8898aa;
    --iq-table-bg: #f6f9fc;
    --iq-table-text: #8898aa;
    --iq-primary-disabled: rgba(var(--main-color-main-rgb),0.7);
    /*    Chat variable */
    --icon-bg-color: #b143e8;
    --icon-bor-color: #fff;
    --containter-bg-color: #b143e8;
    --containter-bor-color: #ccc;
}