/* UI-Select clear button */
.rulesModal .ui-select-match a.btn-link {
    color: #d9534f;
}

.rulesModal .ui-select-match a.btn-link:hover,
.rulesModal .ui-select-match a.btn-link:focus {
    color: #c9302c;
}

/* Modal Body & Tab Layout */
.rulesModal .rules-modal-body {
    padding: 15px;
}

.rulesModal .rules-tabs-nav,
.rulesModal .rules-tab-content {
    min-height: 250px;
}

.rulesModal .rules-tabs-nav {
    border-right: 1px solid #e5e5e5;
}

.rulesModal .rules-tabs-nav .nav-pills > li > a {
    cursor: pointer;
    margin-bottom: 5px;
}

.rulesModal .rules-tabs-nav .nav-pills > li:not(.active) > a:focus {
    background-color: transparent;
}

@media (max-width: 767px) {
    .rulesModal .rules-tabs-nav {
        border-right: none;
        border-bottom: 1px solid #e5e5e5;
        min-height: auto;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
}

/* State Management & Controls */
.rulesModal .rules-state-message,
.rulesModal .rules-state-actions {
    margin: 15px 0;
}

.rulesModal .rules-btn-activate {
    margin-right: 8px;
}

.rulesModal .rules-btn-preserve {
    background-color: #FFD01E;
    color: #000;
}

.rulesModal .rules-btn-preserve:hover,
.rulesModal .rules-btn-preserve:focus {
    background-color: #e6bc19;
}

/* Empty State */
.rulesModal .rules-empty-state {
    padding: 30px 15px;
}