:root {
    --bfs-text: #1d1d1d;
    --bfs-gray: #727272;
    --bfs-blue: #13027d;
    --bfs-light: #d7d1ff;
    --bfs1-light: #fff7fd;
    --bfs1-medium: #fff2fb;
    --bfs1-normal: #f291d0;
    --bfs1-dark: #73325c;
    --bfs2-light: #fff7fe;
    --bfs2-medium: #fff2fd;
    --bfs2-normal: #f2c2ea;
    --bfs2-dark: #735c6f;
    --bfs3-light: #faf7ff;
    --bfs3-medium: #f6f2ff;
    --bfs3-normal: #d3c4f2;
    --bfs3-dark: #645d73;
    --bfs4-light: #f7fffc;
    --bfs4-medium: #f2fffa;
    --bfs4-normal: #b3f2db;
    --bfs4-dark: #557368;
    --bfs5-light: #fffff7;
    --bfs5-medium: #fffff2;
    --bfs5-normal: #f0f2ae;
    --bfs5-dark: #62650f;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --paypal: #00457C;
    --paypal-light: #f1f8fc;
}

.bfs-back-opacity {
    opacity: 0.8;
}

.bfs1-background {
    background: repeating-linear-gradient( -45deg, var(--bfs1-medium), var(--bfs1-medium) 10px, var(--bfs1-light) 10px, var(--bfs1-light) 20px );
}

.bfs2-background {
    background: repeating-linear-gradient( -45deg, var(--bfs2-medium), var(--bfs2-medium) 10px, var(--bfs2-light) 10px, var(--bfs2-light) 20px );
}

.bfs3-background {
    background: repeating-linear-gradient( -45deg, var(--bfs3-medium), var(--bfs3-medium) 10px, var(--bfs3-light) 10px, var(--bfs3-light) 20px );
}

.bfs4-background {
    background: repeating-linear-gradient( -45deg, var(--bfs4-medium), var(--bfs4-medium) 10px, var(--bfs4-light) 10px, var(--bfs4-light) 20px );
}

.bfs5-background {
    background: repeating-linear-gradient( -45deg, var(--bfs5-medium), var(--bfs5-medium) 10px, var(--bfs5-light) 10px, var(--bfs5-light) 20px );
}

.paypal-background {
    background: repeating-linear-gradient( -45deg, var(--paypal-light), var(--paypal-light) 10px, white 10px, white 20px );
}

.paypal-border {
    border-color: var(--paypal);
}
.paypal-uni-background {
    background: var(--paypal-light);
}
.paypal-text {
    color: var(--paypal);
}