:root {
    /*--white-color: #ffffff;*/
    --Dark-Blue: #1C66AC;
    --Darker-Blue: #34495D;
    --Green: #89C649;
    --Forest-Green: #228b22;
    --Light-Gray: #F5F7FA;
    --White: #FFFFFF;
    --Blue: #0083FF;
    --Blue-2: #0285E1;
    --Light-Blue: #DEF2FF;
    --Red: #D34F5B;
    --Orange: #FFC961;
    --Dark-Gray: #6E6E6E;
    --Dark-Grey-2: #777777;
    --Dark-Gray-3: #858585;
    --Dark-Gray-4: #808D8E;
    --Dark-Gray-5: #9D9D9D;
    --Dark-Gray-6: #4E5054;
    --Dark-Gray-7: #ecf0f1;
    --Gray: #BDC3C7;
    --Dark-Gray-2: #D9D9D9; /* Repeat one */
    --Dark-Gray-3: #DEE1E3; /* Repeat one*/
    --Light-Gray-2: #E6E6E6;
    --Light-Gray-3: #E6E8E9;
    --Light-Gray-4: #EDEDED;
    --Light-Gray-5: #E7E7E7;
    --Light-Gray-6: #dbdbdb;
    --Black: #00000;
    --Black-2: #c0c0c0;
}

/* Custom Scroll*/
::-webkit-scrollbar {
    width: 8px;
    height:8px;
}

::-webkit-scrollbar-button:end {
    height: 10px;
}

::-webkit-scrollbar-button:start {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #ccc; /* check the color code */
}

/*delete icon in disabled state*/
.delete-icon.disabled {
    content: url(../images_2_0/DeleteDisabled.svg);
    opacity: unset;
}