:root {
    --primary-color: #21b2c8;
    --primary-color-opacity-light: #21b2c81a;
    --primary-color-opacity-heavy: #21b2c833;
    --primary-color-hover-1: #60BCC9;
    --primary-color-hover-2: #21b2c81a;
    --secondary-color: #8E69A8;
    --secondary-color-hover: #AC8FC1;
    --secondary-color-border: #6855C2;
    --fields-bg-color: rgba(109, 109, 109, 0.1);
    --calender-color: #428bca;
    --chart-primary-color: #21b2c8;
    --chart-secondary-color: #6D6D6D;
    --emails-images: /lib/images/new-ui/dafater/email-images;
}
.dim {
    background: url(../../images/new-ui/dafater/curved-bars.svg) no-repeat center center rgba(170, 170, 170, 0.6);
}
div#freeze {
    background: url(../../images/new-ui/dafater/curved-bars.svg) no-repeat center center rgba(170, 170, 170, 0.6);

}