html {
    font-size: 1.1rem;
}
p {
    line-height: 1.7rem;
}

:root {
    --sect-lt: #b8d8cb; /*got this color the the electra bike I want to get for Leslie*/
    --subdude: #a3a3a3;
    --tblColor: #383838;
    --crdColor: #1e7932;
}

/* Customer colors */
.hogansClr {
    background: #1d613f !important;
}
.dekalbClr {
    background: #0093b2 !important;
    /* background: #78be20 !important; */
}
.grantvClr {
    background: #9a6b21 !important;
    /* background: #78be20 !important; */
}
.talbotcoClr {
    background: #4a5827 !important;
    /* background: #78be20 !important; */
}




.myBod {
    padding-top: 6rem;
    /* padding-bottom: 7rem; */
    /* this display: flex could cause problems with bootstrap */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

footer {
    margin-top: auto;
}

.sticky-top {
    top: 80px;
}

.sticky-tbl-hdr {
    top: 59px;
}

.card {
    /* border-radius: 3px; */
    box-shadow: 4px 4px 6px rgba(0,0,0,.1);
    /* box-shadow: 8px 8px 10px rgba(0,0,0,.1); */
    /* border: 2px solid var(--clrGville); */
}

.glow {
    box-shadow: 3px 3px 3px white;
}

.card-header {
    font-weight: bold;
    font-size: 1rem;
}

.bg-location {
    background-image: linear-gradient(to bottom right, white 65%, var(--clrBG) 200%);
}

/* .card {
    background-color: var(--clrBG) !important;
} */

.card-headerWHY {
    color: #cbd4cd !important;
}

.someSpace {
    padding: 1rem;
}

.tt {
    /* tool tip */
    display: none;
}

.move-rt {
    position: relative;
    left: 8px;
    bottom: 10px;
}

.rnd {
    border-radius: 50%;
}

.ghost {
    opacity: 0.4;
}

.noPad {
    padding: 0 !important;
}

.padBack {
    padding: 1rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.tblExpand {
    /* border: 1px solid red; */
    width: 90%;
}

td.nested {
    padding-left: 2rem;
}

/* .table-sm {
    font-size: .9rem !important;
} */

.txt-smaller {
    font-size: .85rem !important;
}

.fat-border { /* bigger border under subtotal */
    border-bottom: 3px solid lightgray;
}

.center-box {
    display: flex;
    border-radius: 3px;
    border: 1px solid lightgray;
    background-color: #f8f9fa;
    max-width: 700px;
    margin: auto;
    padding: 1rem;
}

.lheading {
    /* border: 1px solid green; */
    margin-right: 2rem;
}

.fsize {
    max-width: 300px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.login {
    /* background-color: #efefef; */
    max-width: 600px;
}

.table td.fit {
    white-space: nowrap;
    width: 1%;
    font-weight: bold;
}


table.tight td {
    padding-top: 0;
    padding-bottom: 0;
}

.lift {
    box-shadow: 4px 4px 6px rgba(0,0,0,.1);
}

.form-label, .form-check-label {
    margin-bottom: .2rem; /* move the label a bit closer to the input */
    font-size: .9rem;     /* make the label a bit smaller */
    opacity: .7;          /* dim it just a bit */
}

.switch-label {
    font-size: 1rem;
    opacity: 1;
}

tr.dim td {
    background-color: rgb(250, 250, 250 ) !important;
    color: rgb(150, 150, 150) !important;
}

caption {
    font-size: .8rem;
}

.framed {
    border: 1px solid lightgray;
    border-radius: .2rem;
    background-color: rgb(235, 235, 235);
    padding: .4rem;
    padding-top: .2rem;
}

.usrPerm {
    opacity: 1;
}

.btn-bar {
    gap: 20px;
}

.btn-mar {
    margin-right: .25rem;
}