:root {
    --jassby-green:#00C853;
    --jassby-green-fifty:#00C85380;

    --jassby-theme-mode:white;
    --jassby-theme-mode-border:#cacaca;
    --jassby-theme-mode-bg:#f2f8f9;
    --jassby-theme-text:#3a4149;
    --jassby-theme-text-secondary:#2f353a;
    --jassby-theme-alert:#ff5722;

    --jassby-dark-gray:#9B9B9B;
    --jassby-mid-gray:#cacaca;
    --jassby-text-gray: #4a4a4a;
    --jassby-bg:#f9f9f9;
    --jassby-light-gray:#efefef;
    --jassby-yellow:#FFCA00;
    --jassby-orange:#FFB300;
    --jassby-light-orange:#f57c00;
    --jassby-dark-orange: #ff5722;
    --ten-percent-black:#00000019;
    --fifty-percent-black:#0000000F;
    --seventy-percent-white:#FFFFFFB3;
    --fifty-percent-white:#FFFFFF80;
    --ninty-percent-white:#FFFFFFE6;
    --normal-orange: #FFA500;
    --green-hover: #00c85319;
    --blue-hover:rgba(0, 200, 83,  0.1);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}
::-webkit-scrollbar-thumb {
    border-radius:10px;
  background-color: var(--jassby-green-fifty);
  outline: 1px solid blue;
}
a {
    color: var(--jassby-green);
}
a:hover {
    color: var(--jassby-green);
    font-weight: 500px;
}

.legal {
    padding-top: 50px;
    max-width: 1000px;
    margin: auto;
}

.legalSummeryContainer .legalRow {
    height: 1000px;
}

.legalSummeryContainer, .legalSummeryBody {
    background-color: #F5F9F9;
}
.isMobile .legalSummeryContainer, .isMobile .legalSummeryBody {
    background-color: #FFF;
}

.legalSummeryContainer a:hover{
    font-weight: 600;
    text-decoration: none;
}

.legalSummeryCopy{
    background-color: white;
    border-radius: 25px;
}

.legalArchiveContainer a:link, .legalArchiveContainer a:hover, .legalArchiveContainer a:active {
    text-decoration: none;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border: 2px solid transparent;
    width:100%;
    display: block;
}
    
.legalArchiveContainer {
    background-color: white;
}

.legalArchiveContainer li {
    align-self: flex-start !important;
    list-style-type: none;
    text-align: center;
    padding: 10px;
    width:100%;
}

/*.legalSummeryContainer active:not(.active){
    padding-left: 10px;
}*/

.legalArchiveContainer a:hover{
    color: var(--jassby-green);
    border: 2px solid var(--jassby-green);
}

.legalArchiveContainer .active {
    color: white !important;
    border: 2px solid var(--jassby-green);
    background-color: var(--jassby-green);
}

.legalArchiveContainer a:hover, .active{
    border-radius: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 400px){
    .legalArchiveContainer {
        display:none;
    }
    .legalRow {
        padding:10px;
    }
}

.dateRangeSubtitle{
    font-size: 10px;
    text-align: center;
}

.active a:hover {
    color: white !important;
}

.termsbody {
    margin: 72px 72px 72px 72px;
    background-color: #ffffff;
}
.termsBody hr { color: #000000}
.termsbody, .termsBody table, .termsBody span.rvts0 {
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #4A4A4A;
    text-decoration: none;
}
.termsofservice ol, 
.privacypolicy ol, 
.returnpolicy ol, 
.enduseragreement ol,
.legalSummeryContainer ol { 
    counter-reset: item
}
.termsofservice ol li, 
.privacypolicy ol li, 
.returnpolicy ol li, 
.enduseragreement ol li { 
    display: block;
    margin-bottom:20px;
}
.termsofservice > ol > li:before,
.privacypolicy > ol > li:before,
.returnpolicy > ol > li:before,
.enduseragreement > ol > li:before { 
    content: counters(item, ".") ". ";
    counter-increment: item;
    margin-left: -13.5px;
} 
.termsofservice > ol > li ol li:before,
.privacypolicy > ol > li ol li:before,
.returnpolicy > ol > li ol li:before,
.enduseragreement > ol > li ol li:before { 
    content: counters(item, ".") ". ";
    counter-increment: item;
    margin-left: -21.5px;
}
.termsofservice ol ol li,
.privacypolicy ol ol li,
.returnpolicy ol ol li,
.enduseragreement ol ol li {
    margin-bottom: 20px;
}
.termsofservice .t2,
.privacypolicy .t2,
.returnpolicy .t2,
.enduseragreement .t2 {
    color:var(--jassby-green);
    font-weight: 700;
}
.privacypolicy, 
.returnpolicy, 
.termsofservice,
.enduseragreement {
    padding-bottom:40px;
}

.legalSummeryContainer h4{
    color: var(--jassby-green);
}

.legalSummeryContainer h1,
.legalSummeryContainer h2,
.termsofservice h1,
.termsofservice h2,
.privacypolicy h1,
.privacypolicy h2,
.returnpolicy h1,
.returnpolicy h2,
.enduseragreement h1,
.enduseragreement h2 {
    color: #00C853;
    font-size:24px;
    text-align:center;
    font-weight:400;
}
.legalSummeryContainer h2,
.termsofservice h2,
.privacypolicy h2,
.returnpolicy h2,
.enduseragreement h2 {
    margin-bottom:50px;
}
.legalbody {
    background-color:white;
    padding:0 10px;
}
.termsofservice b,
.privacypolicy b,
.returnpolicy b,
.enduseragreement b {
    font-weight: 800;
}
.legalSummeryContainer p,
.termsofservice p,
.privacypolicy p,
.returnpolicy p,
.enduseragreement p {
    font-size:12px;
}
.legalSummeryContainer li,
.termsofservice li,
.privacypolicy li,
.returnpolicy li,
.enduseragreement li {
    font-size:12px;
}
.t1 {
    font-size:12px;
    color: #00C853;
    font-weight: 700;
    margin-bottom: 15px;
    display:inline-block;
}
.t2 {
    font-size:12px;
    color: #4A4A4A;
}