/* Background */
.bg{background:url('./../images/background.jpg') no-repeat center fixed;background-size:cover}

/* Primary color: rgb(255,110,55) */
:root{--primary:rgb(255,110,55);--primary-dark:rgb(230,60,20)}

/* Focus states */
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px rgba(255,110,55,.25)!important;outline:none}

/* Role badges */
.role_type_admin{background:rgb(35,91,187);border:2px solid rgb(17,128,248);border-radius:10px;padding:2px 6px;color:#fff}
.role_type_employee{background:hsl(165,97%,28%);border:2px solid #117e2c;border-radius:10px;padding:2px 6px;color:#fff}
.employeeActive-yes{background:hsl(165,97%,28%);border:2px solid #117e2c;border-radius:10px;padding:2px 6px;color:#fff}
.employeeActive-no{background:#ff817c;border:2px solid #d9534f;border-radius:10px;padding:2px 6px;color:#fff}

/* Bootstrap button compatibility */
.btn-primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}
.btn-primary:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}
.btn-outline-primary{background:#fff;border-color:var(--primary);color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:#fff}

/* Orange header for modals/cards */
.bg-orange-custom{background:var(--primary)!important}

/* Display helpers for JS */
.d-none{display:none!important}
.d-block{display:block!important}