/*** Root variables ***/
:root {
    --colour-back-line: #e8ecf1;
    --colour-border-sep: rosybrown;
    --colour-border-sepend: red;
}


.line-0-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-6-0 {
    margin-top: 6px;
    margin-bottom: 0px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-8-1 {
    margin-top: 8px;
    margin-bottom: 1px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-1-8 {
    margin-top: 1px;
    margin-bottom: 8px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-8-8 {
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-16-0 {
    margin-top: 16px;
    margin-bottom: 0px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-0-16 {
    margin-top: 0px;
    margin-bottom: 16px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-16-16 {
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: var(--colour-back-line);
    font-size: 1.4px;
    border-radius: 1px;
}

.line-16-16-lg {
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: var(--colour-back-line);
    height: 0.35vh;
    border-radius: 1px;
}

.divspace1 {
    height: 1vh;
}

.divspace2 {
    height: 2vh;
}

.divspace5 {
    height: 5vh;
}

.divspace3p {
    height: 3%;
}

.divspace5p {
    height: 5%;
}


.lh-120 {
    line-height: 120%;
}

.maxwidth-1 {
    max-width: 180px;
}

.width-0 {
    width: 34px;
}

.width-1 {
    width: 86px;
}

.width-2 {
    width: 68px;
}

.width-3 {
    width: 180px;
}

hr.hr-0-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

hr.hr-8-8 {
    border-top: 8px;
    border-bottom: 8px;
}

hr.hr-sep {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid var(--colour-border-sep);
    border-radius: 1px;
}

hr.hr-sepend {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid var(--colour-border-sepend);
    border-radius: 1px;
}

hr.dashed {
    border-top: 2px dashed #e4e4e4;
}

hr.dotted {
    border-top: 2px dotted #e4e4e4;
}

hr.solid {
    border-top: 2px solid #e4e4e4;
}

hr.double {
    border-top: 2px double #e4e4e4;
}

/*
@media screen and (max-height: 620px) {
}

@media screen and (max-height: 460px) {

    .divspace2 {
        height: 3vh;
    }

    .divspace5 {
        height: 6vh;
    }
}

@media screen and (max-height: 380px) {

    .divspace2 {
        height: 4vh;
    }

    .divspace5 {
        height: 7vh;
    }

    .divspace3p {
        height: 5%;
    }

    .divspace5p {
        height: 8%;
    }
} */