/* ***** Main style ***** */

/* Global var */
:root {
    /* Color */
    --clrBackHeader: #bfbfbf;
    --clrBackFooter: #bfbfbf;


}

/* Header Background color */
.clBkHead { background-color: var(--clrBackHeader); }

/* Footer Background color */
.clBkFoot { background-color: var(--clrBackFooter); }

/* Text input */
.clTextInp {
    width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid #a8ce9c;
    box-sizing: border-box;
    border-radius: 12px;
}

/* Hide and show */
.clHideDiv {
    display: none;
}

.clShowDiv {
    display: block;
}

/* Clr */
.clBackFix {
    background-color: bisque;
}

.clBackVar {
    background-color:darkseagreen;
    color: white;
}