:root {
    --site-green: #85ad36;
    --site-blue: #395f8b;
    --site-silver: #f8f8f8;
    --site-orange: #f56323;
    --site-background: #f5f7fa;
}


.btn-data {
    background: yellowgreen;
    border-radius: 0.3rem;
    border: 0px;
    color: #fff;
}

.btn-gray {
    background: #666;
    border-radius: 0.3rem;
    border: 0px;
    color: #fff;
}

.btn-green {
    background: #25d366;
    border-radius: 0.3rem;
    border: 0px;
    color: #fff;
}

.btn-red {
    background: #ef5e4e;
    border-radius: 0.3rem;
    border: 0px;
    color: #fff;
}

.btn-blue {
    background: #5745a0;
    border-radius: 0.3rem;
    border: 0px;
    color: #fff;
}

.bg-site-alert {
    background: red;
}

.bg-site-red {
    background: #76194b;
}

.fg-green {
    color: var(--site-green);
}

.text-gold {
    color: gold;
}

.Hintt {
    color: darkcyan;
    font-size: small;
}

:root {
    --sitegreen: #85ad36;
    --siteblue: #395f8b;
}

.bg-rolex-green {
    background: #006039;
}

.bg-rolex-gold {
    background: #a37e2c;
}

.text-rolex-green {
    color: #006039;
}

.text-rolex-gold {
    color: #a37e2c;
}

.text-site-silver {
    color: #888 !important;
}

.text-site-green {
    color: #85ad36 !important;
}

.text-site-blue {
    color: #395f8b !important;
}

.text-site-violet {
    color: #6a5acd !important;
}

.text-site-orange {
    color: orange !important;
}

.text-site-red {
    color: darkred !important;
}

.bg-site-darkred {
    background-color: darkred !important;
}

.bg-site-green {
    background-color: #85ad36 !important;
}

.bg-site-cyan {
    background-color: goldenrod !important;
}

.bg-site-gold {
    background-color: #d4af37 !important;
}

.bg-site-maroon {
    background-color: maroon !important;
}

.bg-site-orange {
    background-color: #f56323 !important;
}

.bg-site-silver {
    background-color: #f8f8f8 !important;
}

.bg-site-gray {
    background-color: #adadad !important;
}

.tx-site-gray {
    color: #adadad !important;
}

.tx-site-blue {
    color: #1c3a5c !important;
    /*color: #395f8b !important;*/
}

.bg-site-blue {
    background-color: #395f8b !important;
}


.text-orange {
    color: #f56023;
}

.text-gray {
    color: gray;
}

.ltr {
    direction: ltr;
}

.p-05 {
    padding: 0.5rem;
}

.p-1 {
    padding: 1rem;
}

.p-2 {
    padding: 2rem;
}

.p-3 {
    padding: 3rem;
}

.p-4 {
    padding: 4rem;
}

.p-5 {
    padding: 5rem;
}

.alert-successful {
    max-width: 800px;
    background: #d0f0c9;
    color: darkslategrey;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.alert-failed {
    max-width: 800px;
    background: #e6cfd6;
    color: maroon;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.alert-warn {
    max-width: 800px;
    background: #f2e9ae;
    color: darkslategrey;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.alert-blue {
    max-width: 800px;
    background: #395f8b;
    color: navy;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.alert-green {
    max-width: 800px;
    background: #85ad36;
    color: navy;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.alert-info {
    max-width: 800px;
    background: #d8e2f2;
    color: navy;
    padding: 1rem;
    border-radius: 5px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.bc {
    border: 1px solid #e6cfd6;
    border-radius: 50%;
}

.eb-16 {
    width: 16px;
    height: 16px;
    margin: 0em;
}