:root {
    --lims-primary: #0a53be;
    --lims-o-primary: #861920;
    --lims-o-secondary: #cab91a;
}

body {
    background-color: var(--bs-secondary-bg-subtle);
}

.h-50px {
    height: 50px !important;
}

.h-80px {
    height: 80px !important;
}

.h-100px {
    height: 100px !important;
}

.w-100px {
    width: 100px !important;
}

input::placeholder,
textarea::placeholder {
    font-size: 0.875rem; /* 14px nếu base là 16px */
}

.lims-icon {
    color: var(--bs-body-color);
    fill: var(--bs-body-color);
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.lims-icon {
    width: 20px;
    height: 20px;
}

.lims-icon-sm {
    width: 16px;
    height: 16px;
}

.lims-icon-lg {
    width: 24px;
    height: 24px;
}

.lims-icon-xl {
    width: 32px;
    height: 32px;
}


.bg-a {
    background-color: #587797;
}

.bg-b {
    background-color: #275c93;
}

.bg-c {
    background-color: #8B4513;
}

.bg-d {
    background-color: #2E8B57;
}

.bg-e {
    background-color: #DC143C;
}

.bg-f {
    background-color: #4B0082;
}

.bg-g {
    background-color: #FF6347;
}

.bg-h {
    background-color: #008B8B;
}

.bg-i {
    background-color: #B22222;
}

.bg-j {
    background-color: #228B22;
}

.bg-k {
    background-color: #8A2BE2;
}

.bg-l {
    background-color: #D2691E;
}

.bg-m {
    background-color: #191970;
}

.bg-n {
    background-color: #FF4500;
}

.bg-o {
    background-color: #2F4F4F;
}

.bg-p {
    background-color: #9400D3;
}

.bg-q {
    background-color: #00CED1;
}

.bg-r {
    background-color: #8B0000;
}

.bg-s {
    background-color: #556B2F;
}

.bg-t {
    background-color: #4682B4;
}

.bg-u {
    background-color: #D8BFD8;
}

.bg-v {
    background-color: #B8860B;
}

.bg-w {
    background-color: #008080;
}

.bg-x {
    background-color: #CD5C5C;
}

.bg-y {
    background-color: #6B8E23;
}

.bg-z {
    background-color: #7B68EE;
}