/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/
#main-menu .elementor-item {
border: 1px solid #dddfe3;
border-radius:15px;
}

.filter-container {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.filter-container span {
    margin-right: 10px; 
}
.table-row {
    background-color: white !important;
}
.filter-btn {
    border: 1px solid;
    padding: 5px 15px;
    border-radius: 15px;
    background: none;
    font-weight: 400; 
    cursor: pointer;
    transition: all 0.3s ease;
}

.blue { border-color: #007bff; color: #007bff; }
.yellow { border-color: #ffc107; color: #ffc107; }
.green { border-color: #28a745; color: #28a745; }
.red { border-color: #dc3545; color: #dc3545; }
.lightgreen { border-color: #17a2b8; color: #17a2b8; }

.filter-btn:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.blue:hover { background-color: #007bff; color: white; }
.yellow:hover { background-color: #ffc107; color: white; }
.green:hover { background-color: #28a745; color: white; }
.red:hover  { background-color: #dc3545; color: white; }
.lightgreen:hover  { background-color: #17a2b8; color: white; }

.blue.active { background-color: #007bff; color: white; }
.yellow.active { background-color: #ffc107; color: white; }
.green.active { background-color: #28a745; color: white; }
.red.active { background-color: #dc3545; color: white; }
.lightgreen.active { background-color: #17a2b8; color: white; }


.status-label {
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: 400;
    color: white;
    display: inline-block;
}

.blue-bg { background-color: #007bff; }
.yellow-bg { background-color: #ffc107;  }
.green-bg { background-color: #28a745; }
.red-bg { background-color: #dc3545; }
.lightgreen-bg { background-color: #17a2b8; } 

.search-container {
    position: relative;
    display: inline-block;
}

.search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

#search-input {
    width: 100%;
    max-width: 400px;
    padding: 8px 12px 8px 35px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 16px;
}