:root {
    --text-color: #3a3a3a;
    --background: #f7eeee;
    --accent: #f38383;
    --login-bg: url("../images/login_bg.svg");
}

body {
    background-color: var(--background);
}

header {
    background-color: #794747;
}

footer {
    background-color: #775656;
    color: #ebdede;
}

.footer-bg {
    background-color: #654c4c;
    color: #ebdede;
}

#headerDiv {
    background-color: #a67973;
    background-image: url("../images/mmsrb_header_bg.svg");
}

#headerDiv .gradient-header-text {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card {
    background-color: #f8f8f8;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.my-card-header {
    background-color: #e8d3bd;
}

header .navbar-nav .nav-link.show {
    color: var(--accent);
}

.form-error {
    color: #d22e2e;
}

.modal-body {
    background-color: #f5f5f5;
}

.card-section-header h5 {
    background-color: #f8f8f8;
}

/* Buttons */
.ws-btn-link {
    color: #b9421b;
}

.ws-btn-link:hover,
.ws-btn-link:focus {
    color: #923a14;
}

/* Landing Page */

.card_header {
    background-color: #ebe2d2;
    color: #3a3a3a;
}

.notification_container {
    color: #3a3a3a;
    background-color: rgb(250, 239, 239);
}

.notification_date_dd {
    color: #454545;
    background-color: #ffffff;
}

.ad_container {
    outline-color: #f1d2d2;
}

.login_card_container h6 {
    color: #3a3a3a;
}

/* Login Page */

.login_card h1 {
    color: #5a3f3f;
}

.login_card h4 {
    color: #553c3c;
}

.captcha_img_div {
    border-color: #e6dede;
}

.login_error {
    color: #ff4242;
    background-color: #fd00002a;
    border: 1px solid #ffa8a8;
}

/* summernote */
.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable {
    background-color: #ffffff;
}

/* ----------------------- */

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #8a5151;
    border-color: #794646;
}

.nav-link-group {
    background-color: #ecedf3;
}

.nav-link {
    color: #3a3a3a;
}

.table-inner-border {
    outline: 1px solid rgb(255, 255, 255) !important;
    outline-offset: -1px !important;
}

/* ----------------------- */
.profile-state-hr {
    background-color: #d6c7c7;
}

.profile-state-button {
    background-color: #ffffff;
    color: #3a3a3a;
}

.profile-state-selected {
    background-color: #e9cdc3;
    outline: 3px solid #b9968b;
}

/* ---------------------- */
.percentage-point {
    background-color: #ffffff;
}

.percentage-round {
    stroke: #a36868;
}

/* ---------------------- */

.form-check-input:checked {
    background-color: #515c8a;
    border-color: #646f99;
}

.form-check-input:focus {
    border-color: #a8acd3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(67 84 139 / 25%);
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23515c8a'/></svg>");
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23ffffff'/></svg>");
}

/* ---------------------- */

.quick-action-container a {
    color: #3a3a3a;
}

.menu-item {
    color: rgb(56, 56, 56) !important;
    background-color: rgb(253, 227, 227);
}