.highlight {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  border-radius: 4px; }

.text-danger {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #dc3d4e; }

/*To set the buttons in center in bootbox*/
.modal-footer {
    text-align: center !important;
}

.report-text {
    color: rgba(80, 83, 90,0.6);
}

.app_link_color {
    color: #0967b1 !important;
}

/* Fix for sign-in link hover and active - prevent white background */
a[href="/Home/Signin"]:hover,
a[href="/Home/Signin"]:active,
a[href="/Home/Signin"]:focus,
a[href="/Home/Signin"]:visited {
    background-color: #13316e !important;
    /*text-decoration: underline !important;*/
}

.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

/* Specific styles for toggle leave modal only */
.toggle-leave-modal .modal-header {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
    padding: 0;
    z-index: 1;
}

.toggle-leave-modal .modal-body {
    position: relative;
    padding-top: 35px;
}

.toggle-leave-modal .modal-header .close {
    display: block;
    position: relative;
    margin: 10px 15px;
}

/* This is to vertical align the header and footer in table */
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

.remove-member-employer-table-margin {
    margin-bottom: 0px !important;
}

.margin-left-employer-ul {
    margin-left: 17px;
}

/* Kendo Grid text wrapping - multiple selectors for compatibility */
.k-grid td,
.k-grid tbody td {
    word-wrap: break-word !important;
    max-width: 0px;
}

/* Page heading styles */
.page-heading {
    margin-top: 10px;
}

.page-heading-landing {
    margin-top: 40px;
}

.btn-align-heading {
    margin-top: 10px;
}

/* Info icon color */
i {
    color: #0967b1;
}

/* Admin grid action icons - keep white color */
.k-grid a i {
    color: #fff;
}

/*footer logo color*/
.footer-logo-color {
    color: #fff !important;
}

.copy-today-activities-diary {
    background-color: #fff !important;
}

p {
    font-size: 16px !important;
}

.footer-legal-link-margin {
    margin: 4px 0 4px !important;
}

.footer-aboutbma-link-margin {
    margin: 4px 0 4px !important;
}

.footer-legal-link-margin {
    margin: 4px 0 4px !important;
}

.footer-download-link {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

/* Accessible footer link hover effect - underline instead of color change */
.footer-links-list-item__link:focus,
.footer-links-list-item__link:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Hide BMA logo pseudo-element in footer from app.css */
footer .container:before {
    display: none !important;
}

/* Social media icon vertical hover effect */
.footer-social-buttons .jssocials-share-link {
    display: inline-block;
    transition: transform 0.3s ease;
}

.footer-social-buttons .jssocials-share-link:hover {
    transform: translateY(-6px);
}