@import url(../../resources/fonts/GothamSSm-Bold/font.css);
@import url(../../resources/fonts/GothamSSm-Light/font.css);
@import url(../../resources/fonts/GothamSSm-Medium/font.css);

:root {
    --default-color: #000000;

    --base-dark-blue: #110A27;

    --default-color-90: rgba(0, 0, 0, .9);
    --default-color-80: rgba(0, 0, 0, .8);
    --default-color-75: rgba(0, 0, 0, .75);
    --default-color-70: rgba(0, 0, 0, .7);
    --default-color-65: rgba(0, 0, 0, .65);
    --default-color-60: rgba(0, 0, 0, .6);
    --default-color-50: rgba(0, 0, 0, .5);
    --default-color-40: rgba(0, 0, 0, .4);
    --default-color-30: rgba(0, 0, 0, .3);
    --default-color-25: rgba(0, 0, 0, .25);
    --default-color-20: rgba(0, 0, 0, .2);
    --default-color-15: rgba(0, 0, 0, .15);
    --default-color-10: rgba(0, 0, 0, .1);
    --default-color-05: rgba(0, 0, 0, .01);

    --default-color-contrast: #ffffff;

    /*links*/
    --a-color: #f5b105;
    --a-hover-color: #fac704;
    --a-active-color: #d99e0a;
    --a-default-color: var(--default-color);

    /*all text*/
    --default-text-color: rgba(0, 0, 0, 0.65);

    /*Backgrounds*/
    --html-backgrounds-color: #12121c;
    --base-backgrounds-color: var(--default-color-contrast);
    --popup-backgrounds-color: var(--default-color-contrast);
    --base-backgrounds-light-color: var(--default-color-contrast);
    --popup-arrow-backgrounds-color: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzNSAyMSI+CiAgICA8ZGVmcz4KICAgICAgICA8ZmlsdGVyIGlkPSJmaWx0ZXItMSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBoZWlnaHQ9IjExMy41JSIgd2lkdGg9IjExMC40JSIgeT0iLTYuNyUiIHg9Ii01LjIlIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGlkPSJmZU9mZnNldDIiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBpbj0iU291cmNlQWxwaGEiIGR5PSIxIiBkeD0iMCIvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgaWQ9ImZlR2F1c3NpYW5CbHVyNCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiBzdGREZXZpYXRpb249IjIuNSIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpZD0iZmVDb2xvck1hdHJpeDYiIHJlc3VsdD0ic2hhZG93TWF0cml4T3V0ZXIxIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgICAwIDAgMCAwIDAgICAwIDAgMCAwIDAgIDAgMCAwIDAuMiAwIi8+CiAgICAgICAgICAgIDxmZU1lcmdlIGlkPSJmZU1lcmdlMTIiPgogICAgICAgICAgICAgICAgPGZlTWVyZ2VOb2RlIGlkPSJmZU1lcmdlTm9kZTgiIGluPSJzaGFkb3dNYXRyaXhPdXRlcjEiLz4KICAgICAgICAgICAgICAgIDxmZU1lcmdlTm9kZSBpZD0iZmVNZXJnZU5vZGUxMCIgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgICAgICAgPC9mZU1lcmdlPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxMDY3OCwtMC43MDcxMDY3OCwtMC43MDcxMDY3OCwtMC43MDcxMDY3OCwtNTMuOTgyMDYsMTA0Ljg1NDQ5KSIgZD0ibSAxMjIuMDk0LDkuMzU5MjM0IDAuMzg5NDYsOC45OTc0NjEgYyAwLjA3MTcsMS42NTUzMDQgLTEuMjEyMTYsMy4wNTUyNzcgLTIuODY3NDYsMy4xMjY5MjcgLTAuMDg2NCwwLjAwMzcgLTAuMTcyOTIsMC4wMDM3IC0wLjI1OTMxLDdlLTYgbCAtOC45OTc4NiwtMC4zODkwMDcgYyAtMS43NjYzOCwtMC4wNzYzNyAtMy40ODM3NSwwLjU5MTkwNiAtNC43MzM5MywxLjg0MjA4OCB2IDAgbCAtMC42ODkxNywtMC42ODkxNzQgMTguMzA4ODUsLTE4LjMxMjc5NTUgMC42OTExNSwwLjY5MTE0MzEgQyAxMjIuNjg1Nyw1Ljg3NTkwNjUgMTIyLjAxNzU2LDcuNTkzMDg4NCAxMjIuMDk0LDkuMzU5MjM0IFoiIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsdGVyOnVybCgjZmlsdGVyLTEpIi8+Cjwvc3ZnPgo=);

    --head-row-color: #e8e8ec;
    --even-row-color: #f9f9f7;

    --cookie-background-color: url(/local/resources/images/cca_background.svg);
}

html, body {
    letter-spacing: -0.3px;
}

.cca-wrapper .cca-main .cca-confirm {
    background: #fff;
}

main .auth-wrap .form-wrap,
.main-wrapper .auth-wrap .form-wrap {
    background: rgba(18, 18, 28, 0.955);
}

.main-viewer > .viewer {
    background: #fff;
}