@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap");

body {
    font-family: "Cairo", sans-serif;
}

.subscribes-list {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.addsubscribe-btn {
    /* background-color: #1f7fff; */
    margin: 5px;
    display: flex;
    gap: 10px;
}

.active-btn {
    /* background-color: #1f7fff; */
    padding: 5px;
    width: 80%;
    border: 0;
    border-radius: 5px;
}
.active-btn:hover {
    /* background-color: #1b6ad2; */
    color: #fff;
}

.tables {
    /* background-color: #79adf2; */
    color: #495252;
}

.save-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.custom-title {
    /* color: #D80000; */
    color: #495252;
    font-size: 15px;
}

/* custome style */

.procedures {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-filter {
    margin-top: 1rem;
}

/* end custom style */

/* style for add subscribes page */

.add-subscribe {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.btn-back {
    background-color: #1f7fff;
}

.labels {
    color: #6c6c6c;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
}

.btn-save {
    background-color: #1f7fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
}

.btn.btn-table {
    padding: 1px 5px !important;
}

.btn.btn-table.btn-table-display {
    /* background-color: #2196f3;
    border-color: #2196f3;
    color: #fff !important; */

    background-color: #748a9d;
    border-color: #748a9d;
    color: #fff !important;
    display: flex;
    align-items: center;
    padding: 5px !important;
}
.btn.btn-table.btn-table-edit {
    /* background-color: #e2a03f;
    border-color: #e2a03f;
    color: #fff !important; */
    background-color: #f8af01;
    border-color: #f8af01;
    color: #fff !important;
    display: flex;
    align-items: center;
    padding: 5px !important;
}
.btn.btn-table.btn-table-delete {
    /* background-color: #d34040;
    border-color: #d34040;
    color: #fff !important; */

    background-color: #d80000;
    border-color: #d80000;
    color: #fff !important;
    display: flex;
    align-items: center;
    padding: 5px !important;
}

.btn.btn-table.btn-table-success {
    /* background-color: #2196f3;
    border-color: #2196f3;
    color: #fff !important; */

    background-color: #26ca26;
    border-color: #26ca26;
    color: #fff !important;
    display: flex;
    align-items: center;
    padding: 5px !important;
}
    /*////tset */
.badge-dark-success { 
    background-color: #166534 !important;
    color: #ffffff !important;
}

.icons {
    display: flex;
    gap: 5px;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0.5rem;
}