:root {
    --white: #ffffff;
    --black: #353132;
    --primary: #0E5445;
    --text-in-primary: var(--white);
    /*--primary-transparent: #0E544519;*/
    --primary-transparent: #36a03a;
    --auxan: #5FED2F;
    --auxan2: #C5A50E;
    --text-in-auxan: var(--black);
    /*--auxan-transparent:#5FED2F33;*/
    --auxan-transparent: #dffbd5;
    --gray: #A5A3A3;
    --light-gray: #d9d9d9;
    --extra-light-gray: #f2f3f2;
    --primary-selected: #37a13a;
    --danger: #EC1C24;
    --cool-red: #EB5757;
    --disable-gray: #707070;
    --disable-gray-trans: #70707019;
    --black-hovor: #212529;
    --black-shadow: #7070704c;
    --blue-ocean: #001ED9;
    --shaddow-invalid: #DC35453F;
    --shaddow-valid: #28A7453F;
    --success-fg: #27AE60;
    --success-bg: #27AE601A;
    --danger-fg: #EB5757;
    --danger-bg: #EB57571A;
    --allert-fg: #F2994A;
    --allert-bg: #F2994A1A;
    /*--info-fg: # ;*/
    /*--info-bg: # ;*/
    --top-title:var(--extra-light-gray);

}

.topLogoColor {
    fill: var(--primary) !important;
}

.fillAuxan {
    fill: var(--auxan) !important;
}

.wallet-card {
    background: url(/r/img/introBgBlue.svg) bottom center / cover no-repeat, linear-gradient(to right, #001ED9 0%, #001CCD 10%, #00083A 100%);
}