#addNewButton {
    background-color: #14bdad; /* Primary blue */
    border-color: #14bdad;
    color: white;
}

    #addNewButton:hover {
        background-color: #1d7970;
        border-color: #1d7970;
    }

.btn-add-new {
    background-color: #14bdad !important; /* Primary blue */
    border-color: #14bdad !important;
    color: white !important;
}

    .btn-add-new:hover {
        background-color: #1d7970 !important;
        border-color: #1d7970 !important;
    }

/* Remove border radius for the tab */
.nav-pills > li > a {
    border-radius: 0;
}

/* Customize the tab content background and text color */
.tab-content {
    color: black;
    padding: 5px 15px;
}

/* Customizing active tab appearance */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white;
    background-color: #007bff;
}

.action-icon {
    cursor: pointer;
    margin-right: 10px;
}

    .action-icon:hover {
        color: #007bff;
    }

.highlight-row {
    background-color: #ffeeba !important;
}

.kendo-sm {
    font-size: 0.875rem !important;
    padding: 0.25rem 0.5rem !important;
    height: 30px !important;
}

/* Custom focus styles for all form controls */
.form-control:focus,
.form-check-input:focus,
.form-select:focus,
.k-combobox:focus-within,
.k-dropdown:focus-within,
.k-input:focus {
    background-color: rgba(0, 120, 212, 0.05) !important;
    box-shadow: 0 0 0 3px #0078d4, 0 0 20px 6px rgba(0, 120, 212, 0.8) !important;
    border-color: #0078d4 !important;
    border-width: 2px !important;
    outline: none !important;
    transform: scale(1.01) translateY(-1px);
}

/* Enhanced focus for checkboxes/radios */
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* Kendo specific controls */
.k-combobox:focus-within,
.k-dropdown:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

/* For Kendo textboxes */
.k-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    border-color: #86b7fe !important;
}

/* Comprehensive Kendo focus fix */
.k-dropdown:focus-within .k-dropdown-wrap,
.k-dropdown.k-state-focused .k-dropdown-wrap,
.k-dropdown.k-focus .k-dropdown-wrap,
.k-dropdown .k-dropdown-wrap.k-state-focused {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    outline: 0 !important;
    transition: all 0.3s ease-in-out;
}

.k-dropdown-wrap.k-state-focused {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    border-color: #86b7fe !important;
}

.k-picker-solid.k-dropdown .k-dropdown-wrap.k-state-focused {
    box-shadow: 0 0 0 4px rgba(255, 165, 0, 0.4) !important;
    border-color: #ffa500 !important;
    background-color: #fff8e6 !important;
    transform: scale(1.02);
}