:root {
    --color-blue-1: #161A54;
    --color-blue-2: #0D1534;
    --color-blue-3: #0a1731;
    --color-blue-4: #161A54;
    --color-blue-5: #19223B;
    --color-blue-6: #002E6D;
    --color-blue-7: #013f78;
    --color-blue-8: #00a3b6;
    --color-blue-9: #222c61;
    --color-blue-10: #0090aa;
    --color-blue-11: #023769;
    --color-blue-12: #222c61;
    --color-bg-grey: #d2e1f4;
    --color-red-1: #F40000;
    --color-prink: #bf3293;
    --color-purple-bg: #230d43;
    --color-purple-bg-2: #3c1d69;
    --white: #ffff;
    --black: #000;
    --black-1: #14002c;
    --black-2: #010202;
    --purple: #230543;
    --purple-1: #4b075a;
    --purple-2: #14002c;
    --purple-3: #1e3b65;
    --purple-4: #652e75;
    --purple-5: #845093;
    --purple-6: #847a91;
    --purple-7: #8a7f95;
    --gray: #a7a7a7;
    --gray-2: #aaaaaa;
    --gray-3: #aaaaaa2e;
    --gray-4: #838383;
    --gray-5: #E7EDF1;
    --gray-6: #D5DCE1;
    --gray-7: #EFF0F3;
    --gray-8: #DDE3E6;
    --gray-9: #DDE3E6;
    --gray-10: #dbe0e4;
    --gray-11: #b3bdc4;
    --gray-12: #DAE0E4;
    /*--gray-3: #f1f3f2;*/
    --yellow: #c3922e;
    --yellow-1: #c4a329;
    --yellow-2: #ffb135;
    --yellow-3: #dfbd79;
    --prink: #cb0fa2;
    --prink-2: #CA0CA2;
    --blue-1: #3957b4;
    --blue-2: #009AB0;
    --green-1: #50b04e;
    --color-border: #ef545a;
    --size-container: 1200px;
    --size-semi-container: 1024px;
    --size-large: 992px;
    --size-medium: 768px;
    --size-extra-small: 600px;
    --size-bootstrap: 576px;
    --size-small: 480px;
    --size-height: 460px;
    --size-light: 400px;
    --size-extra-light: 374px;
    --size-thin: 340px;
    --accountBorder: #d1d9dd;
    --accountBorderRadius: 6px;
    --accountRowGap: 4px;
    --accountFontSize: 14px;
    --accountColor: #091426;
    --accountColorTitle: #525a67;
    --accountColorActive: #0094a7;
    --accountColorBgr: #e8ecee;
    --accountStatusSettled: #28a745;
    --accountStatusRejected: #e4ce08;
    --accountStatusWin: #28a745;
    --accountStatusLose: #d40e0e;
    --accountPaginationActive: #d1d9dd;
    --accountColorBorder: #14002c;
    --colorAccountBgr: transparent;
    --colorAccountText: #091426;
    --colorAccountSize: 12px;
    --colorAccountBtn: #e8ecee;
    --staticBgr: #013F78;
    --staticBgrHl: #023669;
    --staticColorBorder: #023669;
    --staticSize: 20px;
    --staticColorMain: #fff;
    --staticColorHl: #00a2b5;
    --staticFontSize: 13px;
    --staticBgrButton: #FF2121;
    --staticRadius: 6px;
    --container-max-width: 1140px;
    --colorButtonActive: #161A54;
    --colorButtonTextActive: #FFF;
    --bgColorFooter: #0a1731;
    --colorActiveMenu: #013f78;
    --colorTitle: #ffffff;
    --bgColorBlock: #0D1534;
    --colorLink: #00A3B5;
    --colorSearch: #161A54;
    --colorClear: #ff0000;
    --colorTextBtn: #ffffff;
    --borderBtn: none;
    --colorTextDeposit: #161A54;
    --bgPromo: #013F78;
    --staticColorTitle: #ffffff;
    --bgColorContainer: #ffffff;
    --bgColorMenuAcc: transparent;
    --borderMenuAcc: #E7EDF1;
    --colorTextAcc: #000000;
    --colorInput: #dbe0e4;
    --colorNumber: #FFFFFF;
    --textActive: #FFFFFF;
    --colorLinkFooter: #00A3B5;
    --colorSubMenu: #013f78;
    --colortitleSubMenu: #ffffff;
    --colorTitleButton: #ffffff;
    --borderRadiusBtn: 0;
    --paddingBtn: 5px 8px;
    --bgColorBtnSession: #F40000;
    --borderRadiusBtnSearch: 0.25rem;
    --bgColorBtnSub: #222c61;
    --colorActiveGames: #013f78;
}

@media (max-width: 992px) {
    :root {
        --container-max-width: 960px;
    }
}

@media (max-width: 768px) {
    :root {
        --accountFontSize: 12px;
        --container-max-width: 720px;
    }
}

@media (max-width: 576px) {
    :root {
        --accountFontSize: 10px;
        --container-max-width: 540px;
    }
}

@media (max-width: 320px) {
    :root {
        --staticFontSize: 11px;
    }
}

/* color background */