body {
    background-color: #DEDEDE !important;
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    /* background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; */
}
.fixed-top {
    background-color: rgba(255, 255, 255, 0.9); /* Slightly transparent background */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);   /* Optional shadow for better visibility */
}
button.navbar-toggler.collapsed,  button.navbar-toggler{
    color: #fff !important;
    border: 1px solid #fff !important;
}
/* :root {
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}

.navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
} */
nav.navbar.navbar-expand-lg.bg-body-tertiary {
    background-color: #6D78B0 !important;
    padding: 5px;
}
.logo-nav-header {
    color: #fff;
    margin: 0px 15px;
    font-size: 30px;
    font-weight: 800;
}
.add-email.nav-header {
    color: #fff;
    margin: 0px 25px;
    font-size: 18px;
    font-weight: 600;
}
:hover.add-email.nav-header {
    color: #ffffff5d;
}
/* .content-bg {
    background-color: #DEDEDE;
    min-height: 700px;
} */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
}
div.card.email-add {
    width: 80%;
    border-radius: 15px;
    margin-bottom: 30px;
}
div.card-header.email-add {
    background-color: #6D78B0;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border-radius: 15px 15px 0px 0px;
    border: 1px solid #6D78B0 !important;
}



input#email-sender.form-control.email-sender,
input#name.form-control.name, 
input#lastname.form-control.lastname, 
input#password.form-control.password, 
input#confirm-password.form-control.confirm-password, 
input#title.form-control.title,
textarea#email-body.form-control.email-body,
textarea#customEmails.form-control,
select#role.form-control.role,
input#fileUpload.form-control {
    border: 2px solid #6D78B0 !important;
    color: #6d78b0d9;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}
::placeholder {
    color: #6D78B0 !important;
    font-weight: 500;
    font-size: 14px;
    opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12-18 */
    color: #6D78B0 !important;
    font-size: 16px;
    font-weight: 500;
}
.method-choose {
    color: #6D78B0;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
}
.form-check-input:checked {
    background-color: #6D78B0 !important;
    border-color: #6D78B0 !important;
}
.form-check-input {
    border: 1px solid #6D78B0 !important;
}
label.form-check-label {
    color: #6D78B0;
    font-weight: 500;
    font-size: 14px;
}
.custom-note {
    color: #6D78B0;
    font-size: 14px;
    font-weight: 700;
}
.custom-note-email {
    color: #6D78B0;
    font-size: 13px;
    font-weight: 600;
}
button.email-sent {
    background-color: #6D78B0;
    color: #fff;
    border: 1px solid #6D78B0;
    padding: 5px 30px;
    border-radius: 8px;
}
.file-support {
    color: #6D78B0;
    font-size: 12px;
    font-weight: 600;
}
.email-note {
    margin-top: 5px;
    margin-bottom: 0px;
    color: #6D78B0;
    font-size: 12px;
    font-weight: 700;
}
/* email view */
.email-view-header {
    color: #6D78B0 !important;
    font-weight: 700 !important;
    text-align: center;
}
div.content.table-email {
    margin-top: 40px;
    width: 100%;
}
th {
    background-color: #6D78B0 !important;
    color: #fff !important;
    padding: 10px 10px !important;
}
td {
    color: #6D78B0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
a {
    color: #6D78B0 !important;
}
:hover.a {
    color: #6d78b07d !important;
}
li.page-item.active {
    background-color: #6d78b07c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
}
a.page-link {
    background-color: #ffffff22 !important;
    color: #6D78B0 !important;
}
.active>.page-link {
    background-color: #ffffff22 !important;
    color: #6D78B0 !important;
    border: none !important;
    border-radius: 10px !important;
}

/* password */
form i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }
  .form-group {
    position: relative;
  }
  .error {
    color: rgb(252, 43, 43);
    font-size: 0.9rem;
    text-align: center;
  }