:root {
    --primcolor: #9B7CD4;
    --bs-primary: #9B7CD4;
    --bs-primary-rgb: 155, 124, 212;
    --secdcolor: #e1d7f2;
    --bs-secondary: #e1d7f2;
    --bs-secondary-rgb: 225, 215, 242;
    --tertcolor: #f5f1fa;
    --quatcolor: #FAF8FC;
    --darkcolor: #7c63a9;
    --greycolor: #414141;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.contentbx {
    display: flex;
    padding: 4px;
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    background-color: var(--secdcolor);
}

.contentpg {
    padding: 5px;
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    background-color: var(--tertcolor);
}

.primbx {
    border-radius: 5px;
    background-color: var(--primcolor);
}

.secdbx {
    border-radius: 5px;
    background-color: var(--secdcolor);
}

.tertbx {
    border-radius: 5px;
    background-color: var(--tertcolor);
}

.primfont {
    color: var(--primcolor);
}

.btn-primary {
    background-color: var(--primcolor) !important;
    border-color: var(--darkcolor) !important;
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:visited,
    .btn-primary:focus {
        background-color: var(--darkcolor) !important;
        border-color: var(--darkcolor) !important;
    }

.pghdrbx {
    margin: 5px;
    padding: 5px;
    height: 100px;
}

.pghdricon {
    font-size: 30px;
    color: var(--primcolor);
}

.pginfobx {
    margin: 5px;
    padding: 5px;
}

.pginfohdr {
    background-color: var(--secdcolor);
}

.tlbl {font-size: 7pt;}
.slbl {font-size: 8pt;}
.nlbl {font-size: 9pt;}
.mlbl {font-size: 10pt;}
.llbl {font-size: 12pt;}
.xlbl {font-size: 14pt;}

.f-basis-10 { flex-basis: 10%; }
.f-basis-20 { flex-basis: 20%; }
.f-basis-30 { flex-basis: 30%; }
.f-basis-40 { flex-basis: 40%; }
.f-basis-50 { flex-basis: 50%; }
.f-basis-60 { flex-basis: 60%; }
.f-basis-70 { flex-basis: 70%; }
.f-basis-80 { flex-basis: 80%; }
.f-basis-90 { flex-basis: 90%; }
.f-basis-5 { flex-basis: 5%; }
.f-basis-15 { flex-basis: 15%; }
.f-basis-25 { flex-basis: 25%; }
.f-basis-35 { flex-basis: 35%; }
.f-basis-45 { flex-basis: 45%; }
.f-basis-55 { flex-basis: 55%; }
.f-basis-65 { flex-basis: 65%; }
.f-basis-75 { flex-basis: 75%; }
.f-basis-85 { flex-basis: 85%; }
.f-basis-95 { flex-basis: 95%; }

a.pghdrlt:link{text-decoration:none;color:var(--primcolor);font-size:10pt;font-weight:bold;}
a.pghdrlt:visited{text-decoration:none;color:var(--primcolor);font-size:10pt;font-weight:bold;}
a.pghdrlt:active{text-decoration:none;color:var(--primcolor);font-size:10pt;font-weight:bold;}
a.pghdrlt:hover{text-decoration:underline;color:var(--darkcolor);font-size:10pt;font-weight:bold;}

.disablediv {
    pointer-events: none;
    opacity: 0.4;
}