/* Backgrounds */
.bgr-none {background-color: transparent;}

.bgr-wht {background-color: #FFF;}
.bgr-wht-h:not(:disabled):hover {background-color: #FFF;}
.bgr-blk {background-color: #000;}
.bgr-blk-h:not(:disabled):hover {background-color: #000;}

.bgr-f3 {background-color: #f3f3f3;}
.bgr-e {background-color: #e0e0e0;}
.bgr-d {background-color: #d0d0d0;}

/* Borders */
.br-wht {border-color: #FFF;}
.br-wht-h:not(:disabled):hover {border-color: #FFF;}
.br-blk {border-color: #000 !important;}
.br-blk-h:not(:disabled):hover {border-color: #000;}

.br-d {border-color: #d0d0d0;}
.br-a {border-color: #a0a0a0;}
.br-9 {border-color: #909090;}
.br-5 {border-color: #505050;}

/* Texts */
.txt-wht {color: #FFF;}
.txt-wht-h:hover, .txt-wht-h:active {color: #FFF;}
.txt-blk {color: #000;}
.txt-blk-h:hover, .txt-blk-h:active {color: #000;}

.txt-e {color: #e0e0e0;}
.txt-a {color: #a0a0a0;}
.txt-7 {color: #707070;}

/* App colors */
.bgr-c1 {background-color: var(--c1);}
.bgr-c1-h:not(:disabled):hover {background-color: var(--c1);}
.br-c1 {border-color: var(--c1);}
.br-c1-h:not(:disabled):hover {border-color: var(--c1);}
.txt-c1 {color: var(--c1);}
.txt-c1-h:hover, .txt-c1-h:active {color: var(--c1);}

.bgr-c2 {background-color: var(--c2);}
.bgr-c2-h:not(:disabled):hover {background-color: var(--c2);}
.br-c2 {border-color: var(--c2);}
.br-c2-h:not(:disabled):hover {border-color: var(--c2);}
.txt-c2 {color: var(--c2);}
.txt-c2-h:hover, .txt-c2-h:active {color: var(--c2);}

.bgr-c3 {background-color: var(--c3);}
.bgr-c3-h:not(:disabled):hover {background-color: var(--c3);}
.br-c3 {border-color: var(--c3);}
.br-c3-h:not(:disabled):hover {border-color: var(--c3);}
.txt-c3 {color: var(--c3);}
.txt-c3-h:hover, .txt-c3-h:active {color: var(--c3);}

.bgr-c4 {background-color: var(--c4);}
.bgr-c4-h:not(:disabled):hover {background-color: var(--c4);}
.br-c4 {border-color: var(--c4);}
.br-c4-h:not(:disabled):hover {border-color: var(--c4);}
.txt-c4 {color: var(--c4);}
.txt-c4-h:hover, .txt-c4-h:active {color: var(--c4);}

.bgr-c5 {background-color: var(--c5);}
.bgr-c5-h:not(:disabled):hover {background-color: var(--c5);}
.br-c5 {border-color: var(--c5);}
.br-c5-h:not(:disabled):hover {border-color: var(--c5);}
.txt-c5 {color: var(--c5);}
.txt-c5-h:hover, .txt-c5-h:active {color: var(--c5);}