:root {
--primary:hsla(28, 40%, 56%, 1);
--primary2: hsl(27, 46%, 47%);
}
header {
    position: relative;
    background-color: black;
    height: 24rem;
    width: 100%;
    overflow: hidden;
    border-bottom: 3px solid #FFEE00;

}
header {
    height: 100vh;
    /*max-height: 450px;*/
}

header .bgc {
    position: absolute;
    width: 100%;
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: .2;
    z-index: 1;
}

[data-sell-rate], [data-buy-rate] {
    animation-duration: 1s;
}

@keyframes negative {
    10% {
        color: #ff0000;
    }
    70% {
        color: #ff0000;
    }
    100% {
        color: white;
    }
}

@keyframes positive {
    10% {
        color: #00aa00;
    }
    70% {
        color: #00aa00;
    }
    100% {
        color: white;
    }
}

[data-cs-widget="AssetGroupTable"] > table {
    width: 100%;
}

[data-cs-widget="AssetGroupTable"] tr, table.accounts tr {
    border-bottom: 1px solid #ffee00 !important;
    background-color: rgb(224,191,184);
}

[data-cs-widget="AssetGroupTable"] td, [data-cs-widget="AssetGroupTable"] th,
table.accounts td, table.accounts th {
    padding: 1rem;
    border-bottom: 1px solid #ffee00 !important;
}

[data-cs-widget="AssetGroupTable"] th, table.accounts th {
    background: rgba(218,165,32,1);
    color: #000;

}

.main-nav {
    background: rgba(0,0,0,1) !important;
    color: #fff;
    border-bottom: 1px solid #FFEE00;
}
.no_top_padding .main-nav, .page-home .main-nav {
    background: transparent !important;
}
.brand-logo {
    color: #fff;
    font-style: italic;
    stransform: scale(1) rotate(0deg) translate(0px, 0px) skew(-30deg, -0deg);
}
.brand-logo > span {
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, -0deg);
    color: var(--primary);
    /*
    דcolor: #FFff00;
    color: rgb(218,165,32); /*if no support for background-clip* /
    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(218,165,32,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(212,175,55,1) 61%, rgba(213,173,109,1) 100%);
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px rgba(212,175,55,.9);
    stext-shadow: 0px 0px 20px rgba(212,175,55,.5);

     */
}
.sbrand-logo > span:first-child {
    text-shadow: 0 0 10px #FFff00;
    color: #FFff00;font-weight: bold;
}
.sbrand-logo > span:nth-child(2) {
    text-shadow: 0 0 10px #FFff00;
    color: #000;font-weight: bold
}
body {
    padding-top:4rem
}
.no_top_padding, .page-home {
    padding-top: 0;
}
.cs-form {
    width: 100%;
    .
    padding: 15px;
    margin: auto;
    border-radius: 10px;
}
.cs-form .form-control {
    margin-bottom: .5rem;
}
@media only screen and (min-width: 600px) {
    .cs-form {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(100,100,100,.5);
        box-shadow: 0px 0px 15px 5px rgba(100,100,100,.5);
        background-color: rgba(255,255,255,.5);

    }
}
.main-nav.scrolled {
    background-color: rgba(0, 0, 0, .8) !important;

}

footer a {
    color: var(--primary);
}

@media only screen and (max-width: 800px) {
    header {
        height: 24rem !important;
    }
    header .bgc {
        position: absolute;
        width: auto;
        height: 100%;
    }


}
.navbar-collapse.show {
    z-index:100;
    padding: .5rem;
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.main-caption {
    display: inline-block;padding: 1rem;margin-bottom: 1rem;background: rgba(0,0,0,.9);border: 1px solid rgba(255,255,255,.5);border-radius: 1rem;

}

.card-body .fas,.card-body .fab {
    color: var(--primary);
    font-size:3rem;
    margin-bottom: 1rem;
    display: block;
}

.btn-brand {
    background-color: var(--primary);
    color: #fff;
}
.btn-brand:hover {
    background-color: var(--primary);
    color: #000;
}
.text-brand {
    color: var(--primary)
}

table[cs-widget-container="AssetGroupTable"] {

    box-shadow: 0px 0px 15px 5px rgba(100,100,100,.5);
    background-color: transparent;
    border-radius: 1rem;
    border-collapse: separate; /* Use 'separate' to ensure border-radius is applied */
    border-spacing: 0; /* Remove spacing between cells */
    overflow: hidden; /* Clip child elements to border radius */
}
.bg-brand {
    background-color: var(--primary);
}

.bg-brand2 {
    background-color: hsl(27deg 43.23% 78.07%);
}
.bg-brand-light-green {
    background-color: hsl(118.38deg 8.14% 52.16%)
}

.footer-links a {
    font-size:.8rem;
    text-decoration: none;
}

.footer-links a:hover {
    color: #ddd;
}