.modal .modal-dialog .modal-lg, .modal .modal-dialog {
    overflow: auto;
    height: 80vh;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #254173 !important;
}

.bg-success {
    background-color: #268d33 !important;
}

.fa.fa-excel-icon {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    color: white;
    width: 2em;
    height: 2em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-file-earmark-excel" viewBox="0 0 16 16"><path d="M5.884 6.68a.5.5 0 1 0-.768.64L7.349 10l-2.233 2.68a.5.5 0 0 0 .768.64L8 10.781l2.116 2.54a.5.5 0 0 0 .768-.641L8.651 10l2.233-2.68a.5.5 0 0 0-.768-.64L8 9.219l-2.116-2.54z"/><path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/></svg>') no-repeat center center;
    margin-right: 0.5em;
}

.fa.fa-file-pdf {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: middle;
    color: white;
    width: 2em;
    height: 2em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-file-pdf" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z"/></svg>') no-repeat center center;
    margin-right: 0.5em;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #d87641 !important;
}

.skin-blue-light .sidebar a {
    color: var(--bs3-primary-light);
}

.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
    color: var(--bs3-primary-light);
    background: var(--bs3-primary-base);
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
    background: var(--bs3-primary-base) !important;
    color: var(--bs3-primary-light);
}

.skin-blue-light .treeview-menu > li > a {
    color: var(--bs3-primary-light);
}

.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .treeview-menu > li > a:hover {
    color: var(--bs3-primary-light-hover);
}

.skin-blue-light .main-header .logo {
    background-color: var(--bs3-bg-dark-subtle) !important;
}

.skin-blue-light .main-header .navbar {
    background-color: var(--bs3-bg-dark-subtle) !important;
}

.box.box-primary > .box-header {
    border-radius: var(--border-radius);
}

.box.box-primary {
    border-top-color: transparent !important;
    background-color: transparent !important;
}

.form-control {
    border-radius: 6px !important;
    border-width: 1px;
    border-color: var(--bs3-border-color);
}

.form-element .row{
    margin-bottom: 4px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff !important;
}

.btn-box-tool {
    color: #dedfdf;
}

.open .btn-box-tool, .btn-box-tool:hover {
    color: #a5c3ff;
}

#myLoginModal .modal-content {
    border: 2px solid #58687f;
    border-radius: 5px;
    background: var(--bs3-bg-dark-subtle);
}

/* Master Page Specific Styles */
.navbar-brand {
    height: auto;
    padding: 5px 15px !important;
}

.panel-primary > .panel-heading {
    background-color: var(--bs3-primary-base) !important;
    border-color: var(--bs3-primary-base) !important;
    color: #fff;
}

.panel-primary {
    border-color: var(--bs3-primary-base) !important;
}

.table-borderless td {
    border: none !important;
    padding: 8px 4px;
}

/* Page Layout Styles */
body {
    background-color: #f5f5f5;
}

.wrapper {
    background-color: #fff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.navbar-main {
    background-color: var(--bs3-bg-dark-subtle) !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 60px;
}

.main-container {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.main-content-area {
    flex: 1;
    background-color: #f8f9fa;
    padding: 30px !important;
    min-height: calc(100vh - 180px);
    overflow-x: auto;
}

/* Modern Blue Sidebar Styles */
.sidebar-blue {
    width: 280px;
    flex-shrink: 0;
    background: linear-gradient(180deg, var(--bs3-bg-dark-subtle) 0%, var(--bs3-primary-base-linear-color1) 100%);
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    min-height: calc(100vh - 180px);
    overflow-y: auto;
}

.sidebar-content {
    padding: 30px 25px;
    color: #fff;
}

.sidebar-section {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar-heading {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Sidebar Buttons */
.sidebar-btn {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: none;
}

.btn-light.sidebar-btn {
    background-color: #fff;
    color: var(--bs3-primary-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-light.sidebar-btn:hover {
    background-color: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.btn-outline-light.sidebar-btn {
    background-color: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.btn-outline-light.sidebar-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #fff;
    color: #fff;
    transform: translateY(-2px);
}

.sidebar-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1.5;
}

/* Sidebar Contact */
.sidebar-contact {
    color: #fff;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.6;
}

.sidebar-contact i {
    width: 20px;
    margin-right: 8px;
    text-align: center;
}

.sidebar-link {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.sidebar-link:hover {
    color: #fff;
    border-bottom-color: #fff;
    text-decoration: none;
}

/* Marketing Section */
.sidebar-marketing {
    font-size: 13px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 25px;
    font-style: italic;
}

/* Bureau Items with Logos */
.bureau-item {
    margin-bottom: 20px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    border-left: 3px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.bureau-item:hover {
    background-color: rgba(255, 255, 255, 0.12);
    border-left-color: #fff;
    transform: translateX(5px);
}

.bureau-item:last-child {
    margin-bottom: 0;
}

.bureau-logo-container {
    background-color: #fff;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    text-align: center;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bureau-logo-img {
    max-width: 100%;
    max-height: 50px;
    height: auto;
    width: auto;
}

.bureau-name {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
    letter-spacing: 0.3px;
}

.bureau-desc {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.5;
}

/* Modern Footer Styles */
.modern-footer {
    background-color: var(--bs3-bg-dark);
    color: rgba(255, 255, 255, 0.8);
    padding: 25px 0;
    margin-top: 0;
    border-top: 3px solid var(--bs3-primary-base);
}

.footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0 15px;
    flex-wrap: wrap;
}

.footer-logo {
    flex-shrink: 0;
}

.footer-logo-img {
    height: 50px;
    width: auto;
    opacity: 0.9;
}

.footer-info {
    text-align: center;
}

.footer-copyright {
    margin: 0 0 8px 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.footer-link {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.footer-link:hover {
    color: var(--bs3-primary-light);
    text-decoration: none;
    border-bottom-color: var(--bs3-primary-light);
}

/* Responsive Footer */
@media (max-width: 767px) {
    .footer-content {
        flex-direction: column;
        gap: 15px;
    }
    
    .footer-logo-img {
        height: 40px;
    }
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .main-container {
        flex-direction: column;
    }
    
    .sidebar-blue {
        width: 100%;
        min-height: auto;
    }
    
    .main-content-area {
        min-height: auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .sidebar-content {
        padding: 20px 15px;
    }
    
    .sidebar-section {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .main-content-area {
        padding: 20px !important;
    }
}

/* Registration Modal Custom Styles */
#RegistrationPopup .modal-header {
    background-color: var(--bs3-primary-base);
    color: #fff;
}

#RegistrationPopup .modal-header .close {
    color: #fff;
    opacity: 0.8;
}

#RegistrationPopup .modal-header .close:hover {
    opacity: 1;
}

#helppopup .modal-header {
    background-color: var(--bs3-primary-base);
    color: #fff;
}

#helppopup .modal-header .close {
    color: #fff;
    opacity: 0.8;
}

#helppopup .modal-header .close:hover {
    opacity: 1;
}

/* Top Navbar Navigation Styles */
.navbar-static-top .navbar-collapse {
    padding-right: 0;
}

.navbar-static-top .navbar-nav {
    margin: 0;
}

.navbar-static-top .navbar-nav > li > a {
    color: var(--bs3-primary-light) !important;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.navbar-static-top .navbar-nav > li > a:hover,
.navbar-static-top .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.navbar-static-top .navbar-nav > li.active > a,
.navbar-static-top .navbar-nav > li.selected > a {
    color: #fff !important;
    background-color: var(--bs3-primary-base) !important;
    border-radius: 4px;
}

.navbar-static-top .navbar-nav > li.active > a:hover,
.navbar-static-top .navbar-nav > li.active > a:focus,
.navbar-static-top .navbar-nav > li.selected > a:hover,
.navbar-static-top .navbar-nav > li.selected > a:focus {
    color: #fff !important;
    background-color: var(--bs3-primary-hover) !important;
}

/* Responsive navbar toggle button styling */
.navbar-toggle {
    border-color: var(--bs3-primary-light);
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggle .icon-bar {
    background-color: var(--bs3-primary-light);
}

/* Mobile menu styles */
@media (max-width: 767px) {
    .navbar-collapse {
        background-color: var(--bs3-bg-dark-subtle);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 10px;
    }
    
    .navbar-static-top .navbar-nav > li.selected > a,
    .navbar-static-top .navbar-nav > li.active > a {
        border-radius: 0;
    }
}