.notifications {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
    color: #fff;
}

.notifications ul {
    padding: 14px 20px;
    display: inline-block;
    margin: 0px;
}

.notifications li {
    list-style: none;
    margin-left: 0px;
    padding-right: 40px;
}

.notifications .close-button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: 1px #fff solid;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    padding: 5px 10px;
    margin: 10px;
}

.notifications .flashes.info {
    background: #51B1E1;
}

.notifications .flashes.error {
    background: #F95F53;
}

.notifications .flashes.success {
    background: #34B1AA;
}

.notifications .flashes.warning {
    background: #E29E09;
}

.help-block {
    color: red;
}

.btn.btn-sm {
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
}

.btn.btn-sm i {
    font-size: 0.7rem;
    margin-right: 6px;
}

.btn-outline-primary,
.home-tab .btn-outline-primary {
    color: #c24163;
    border: #c24163 1px solid;
}

.btn-outline-primary:hover {
    color: #fff;
}

.swal2-modal.custom-popup {
    /* width: 400px; */
    padding: 0px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-height: 0px;
    background: #f3f5f7;
}

.swal2-modal.custom-popup .swal2-actions {
    background: #fff;
    width: 100%;
    padding: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.swal2-modal.custom-popup .swal2-actions .swal2-confirm {
    margin-right: 0.5rem;
}

.custom-popup .swal2-html-container i {
    margin-top: 20px;
}

.custom-popup .swal2-html-container h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    color: #000;
}

.custom-popup .swal2-html-container {
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 12px;
}

.custom-triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 50px solid #c24163;
    position: relative;
    margin: 28px auto;
}

.custom-popup .exclamation-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 18%);
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
}

.custom-link {
    font-weight: 700;
    font-size: 14px;
    color: #1F3BB3;
    text-decoration: none;
    margin-top: 10px;
}



.email-wrapper .mail-list-container {
    border-left: none;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #dee2e6;
}

.email-wrapper .message-body {
    border-bottom: 1px solid #dee2e6;
}

.email-wrapper .message-body .sender-details {
    border-bottom: none;
    display: block;
    position: relative;
    float: left;
    width: auto;
}
.disclaimer-admin-only {
    float: right;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
    color: #f95f53;
}


/* Messages list */
.mail-list {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
    width: 100%;
    justify-content: space-between;
}

.mail-list:last-child {
    border-bottom: none;
}

.mail-list .form-check {
    margin-top: 12px;
    width: 11%;
    min-width: 20px;
}

.mail-list .content {
    width: 83%;
    padding-left: 0;
    padding-right: 0;
}

.mail-list .content .sender-name {
    font-size: 0.812rem;
    font-weight: 400;
    max-width: 95%;
}

.mail-list .content .message_text {
    margin: 0;
    max-width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-list .details {
    width: 5.5%;
    margin-right: 8px;
}

.mail-list .details .date {
    text-align: right;
    margin: auto 15px auto 0;
    white-space: nowrap;
}

.mail-list .details i {
    margin: auto 0;
    color: #ddd;
}

.mail-list .details i.favorite {
    color: #E29E09;
}

.mail-list.new_mail {
    background: #e6e9ed;
}

.mail-list.new_mail .details .date {
    color: color(black);
}

.link-small {
    font-size: 0.8rem;
    color: #c24163;
}

.link-small:hover {
    color: #a63452;
}

.link-large {
    font-size: 1rem;
    color: #c24163;
}

.link-large:hover {
    color: #a63452;
}
.img-md {
    width: 48px;
    height: 48px;
}


/* CUSTOM MESSAGES BLOCK */

.message-container {
    border-bottom: none;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
}
.admin-message {
    background: #f9f9f9;
    padding: 8px;
    padding-bottom: 0px;
}

.admin-reads .message-container {
    background: #f9f9f9;
    padding: 8px;
    padding-bottom: 0px;
}
.admin-reads .admin-message {
    background: #fff;
    padding: 0px;
}

.messages-container {}
.message-editor {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 25px;
    margin-bottom: 20px;
    background: #f9f9f9;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.message-editor-left {
    float: left;
    position: relative;
}

.message-editor-right {
    float: right;
    position: relative;
}
.message-editor-right .btn {
    margin-right: 8px;
}

.message-item {
    padding: 13px 25px;
    border-top: #DFE2EA 1px solid;
    position: relative;
    background: #F9FAFD;
}

.messages-container-inbox .message-item {
    padding: 13px 14px;
}

.messages-container-inbox .message-item .message-date {
    right: 14px;
}

.message-top-row {}

.email-wrapper .message-body .message-content {
    padding: 10px 15px;
    padding-top: 0px;
    position: relative;
    float: left;
    width: 100%;
}
.email-wrapper .message-body .sender-details .details {
    position: relative;
    float: left;
    width: auto;
}

.message-icon {
    border-radius: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    border: 4px solid #E9EDFB;
    background: #c24163;
    margin-top: 2px;
}

.message-icon.message-icon-resolved {
    background: #4AC389;
}

.message-icon-resolved {}

.message-icon-unresolved {}

.message-date {
    position: absolute;
    right: 25px;
    top: 13px;
    width: 45px;
    text-align: right;

}

.message-text {
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 0px;
    color: #8A9398;
}

.message-title {
    padding-left: 26px;
    font-size: 0.816rem;
    line-height: 1.7;
    text-wrap: nowrap;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 0px;
    margin-right: 45px;
}

.message-not-read .message-title {
    font-weight: bold;
}

.message-item.message-not-read {
    background: #fff;
}

.message-not-read .message-text {
    color: #21272A;
}

.messages-footer {
    padding: 20px;
    border-top: #DFE2EA 1px solid;
}

.messages-footer a {}

.please-select-thread-container {
    text-align: center;
    padding: 100px 0px;
}

.please-select-thread-container img {}

.please-select-thread-container p {
    padding-top: 20px;
}

.margin-auto {
    margin: 0 auto;
}

.btn-custom-new-message {
    width: 100%;
    padding: 12px !important;
    border-radius: 5px !important;
}

.btn-custom-new-message i {
    font-size: 12px !important;
    margin-right: 8px !important;
}
.author-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.initials-avatar {
    width: 100%;
    height: 100%;
    background-color: #34B1AA;
    color: white;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.for-admin-only {
    border-left: #f95f53 3px solid;
}
.attachments-sections {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px;
}
.email-wrapper .message-body .attachments-sections ul {
    list-style: none;
    border-top: none;
    padding: 0px 15px 0px;
}



/* TIMELINE AND DOCUMENTS */
.timeline-container {
    position: relative;
}

.timeline-container:before {
    content: "";
    border-left: 1px solid #dee2e6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 68px;
}

.timeline-container h6 {
    font-weight: bold;
}

.bullet-line-list {
    padding-left: 89px;
}

.bullet-line-list li {
    padding: 20px;
    padding-bottom: 12px;
    box-shadow: 1px 2px 20px 0 rgba(1, 1, 1, 0.1);
    margin-bottom: 20px;
    border-top: 3px #cdcbcb solid;
}

.bullet-line-list li:last-child {
    padding-bottom: 12px;
}

.bullet-line-list li:before {
    background: #cdcbcb;
}

/*.bullet-line-list li:after {
        position: absolute;
        top: 10px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #ffffff;
        border-right: 0 solid #ffffff;
        border-bottom: 14px solid transparent;
        content: " ";
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }*/
.bullet-line-list li.item-pending:before {
    background: #cdcbcb;
}

.bullet-line-list li.item-completed:before {
    background: #4DA761;
}

.bullet-line-list li.item-pending {
    border-top: #cdcbcb 3px solid;
}

.bullet-line-list li.item-completed {
    border-top: #4DA761 3px solid;
}

.bullet-line-list li.item-late,
.bullet-line-list li.item-denied {
    border-top: #F95F53 3px solid;
}

.bullet-line-list li.item-late:before,
.bullet-line-list li.item-denied:before {
    background: #F95F53;
}

.bullet-line-list li.item-pending_review {
    border-top: #E29E09 3px solid;
}

.bullet-line-list li.item-pending_review:before {
    background: #E29E09;
}

.item-document-container {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -12px;
    padding: 20px;
    background: #f9f9f9;
}

.timeline-date {
    font-weight: bold;
    position: absolute;
    left: -85px;
    top: 5px;
}

.badge-default {
    color: #1E283D;
    background: #E9E9E9;
    border: none;
    border-radius: 4px;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    height: 48px;
}
.tab-content.tab-content-vertical-custom-2 {
    padding: 0px;
}

.nav-tabs.nav-tabs-vertical-custom-2 li {
    width: 100%;
}

.nav-tabs.nav-tabs-vertical-custom-2 li a {
    border-right: none;
}

.tab-content {
    text-align: left;
}

.card-footer {
    padding: 20px;
    background: white;
}


.page-nav-tab {
    font-family: "Manrope", sans-serif;
  }
  .page-nav-tab .page-nav-tabs {
    font-family: "Manrope", sans-serif;
    border-bottom: none;
  }
  .rtl .page-nav-tab .page-nav-tabs {
    padding-right: 0;
  }
  .page-nav-tab .page-nav-tabs .nav-item {
    background: transparent;
  }
  .page-nav-tab .page-nav-tabs .nav-item .nav-link {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #212121;
    padding: 12px 14px;
    border: none;
    border-right: 1px solid #dee2e6;
    font-family: "Manrope", sans-serif;
    background: transparent;
  }
  @media (max-width: 991px) {
    .page-nav-tab .page-nav-tabs .nav-item .nav-link {
      padding: 5px 4px;
      margin-bottom: 15px;
    }
  }
  .rtl .page-nav-tab .page-nav-tabs .nav-item .nav-link {
    border-right: none;
    border-left: 1px solid #dee2e6;
  }
  .page-nav-tab .page-nav-tabs .nav-item .nav-link.active {
    background: transparent;
    color: #c24163;
  }
  .page-nav-tab .tab-content {
    padding: 24px 0;
    font-family: "Manrope", sans-serif;
    border: none;
  }

  #bulletin-unread-badge {
    padding: 2px 5px;
  }