.Processing_Icon {
    background: url('../icons/Processing_Icon.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing10 {
    background: url('../icons/Processing10.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing20 {
    background: url('../icons/Processing20.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing30 {
    background: url('../icons/Processing30.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing40 {
    background: url('../icons/Processing40.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing50 {
    background: url('../icons/Processing50.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing60 {
    background: url('../icons/Processing60.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing70 {
    background: url('../icons/Processing70.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing80 {
    background: url('../icons/Processing80.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing90 {
    background: url('../icons/Processing90.svg') no-repeat;
    background-size: 60px 60px;
}

.Processing100 {
    background: url('../icons/Processing100.svg') no-repeat;
    background-size: 60px 60px;
}

.Learn_More_Icon_Active {
    background: url('../icons/Learn_More_Icon_Active.svg') no-repeat;
    background-size: 40px 40px;
}

.Close_Icon_Grey {
    background: url('../icons/Close_Icon_Grey.svg') no-repeat;
    background-size: 22px 22px;
}

.Down_Arrow_Solid_Grey {
    background: url('../icons/Down_Arrow_Solid_Grey.svg') no-repeat;
    background-size: 22px 22px;
}

.Down_Arrow_Solid_Disabled {
    background: url('../icons/Down_Arrow_Solid_Disabled.svg') no-repeat;
    background-size: 22px 22px;
}

.Error_Alert_Icon {
    background: url('../icons/Error_Alert_Icon.svg') no-repeat;
    background-size: 22px 22px;
}

.Menu_Icon {
    background: url('../icons/Menu_Icon.svg') no-repeat;
    background-size: 22px 22px;
}

.Refresh_Icon {
    background: url('../icons/Refresh_Icon.svg') no-repeat;
    background-size: 22px 22px;
}

.Down_Arrow_Solid_Green {
    background: url('../icons/Down_Arrow_Solid_Green.svg') no-repeat;
    background-size: 22px 22px;
}

.Down_Arrow_Solid_Disabled {
    background: url('../icons/Down_Arrow_Solid_Disabled.svg') no-repeat;
    background-size: 22px 22px;
}

.Up_Arrow_Solid_Green {
    background: url('../icons/Up_Arrow_Solid_Green.svg') no-repeat;
    background-size: 22px 22px;
}

.Up_Arrow_Solid_Disabled {
    background: url('../icons/Up_Arrow_Solid_Disabled.svg') no-repeat;
    background-size: 22px 22px;
}

/** date picker */

.date-picker .rdtPrev span {
    background: url('../icons/Left_Arrow_Outline_Icon.svg') no-repeat;
    background-size: 22px 22px;
}

.date-picker .rdtNext span {
    background: url('../icons/Right_Arrow_Outline_Icon.svg') no-repeat;
    background-size: 22px 22px;
}

/** checkbox*/

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    background: url('../icons/Check_Icon.svg') no-repeat;
    background-size: 17px 17px;
}

.bigCheckbox[type="checkbox"]:not(:checked) + label:after,
.bigCheckbox[type="checkbox"]:checked + label:after {
    background: url('../icons/Check_Icon.svg') no-repeat;
    background-size: 42px 42px;
}

/** radio button */
.radio input[type="radio"]:checked + label::after {
    background: url('../icons/Checked_Icon.svg') no-repeat;
    background-size: 42px 42px;
}

.radio label::after {
    background: url('../icons/Unchecked_Icon.svg') no-repeat;
    background-size: 42px 42px;
}