@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;
}
.icons{
    display: flex;
    gap: 5px;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 0.5rem;
}