.red_trash_btn{
    background-color: #fff4f8;
    color: #f0416c;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}
.red_trash_btn:hover{
    background: #f0416c!important;
    border-color: #f0416c;
    color: #fff;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}
.edit_btn{
    background-color: #f1fafd;
    color: #009ef7;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}
.edit_btn:hover{
    background: #009ef7!important;
    border-color: #009ef7;
    color: #fff;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}

.view_btn{
    background-color: #ede7f5;
    color: #854ffe;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}
.view_btn:hover{
    background: #934ffe!important;
    border-color: #934ffe;
    color: #fff;
    border-radius: 100%;
    width: 23px;
    height: 24px;
    
}

/*login page*/

.bg-custom{background: url(../images/login-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.max-width {max-width: 900px;}
.login_left{height: 100%; width: 100%;  display: flex;}

.btn-primary {background: #0aad0a; border-color: #0aad0a;}
.btn-primary:hover{background:linear-gradient(to bottom, #0d72c2, #084a7e) !important;border-color: #0d72c2}

.link-primary { color: #0aad0a !important;}
a {
    color: #0aad0a;
    text-decoration: none;
    background-color: transparent;
}

.status-badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
}

.status-badge.active {
    background-color: #28a745; 
}

.status-badge.inactive {
    background-color: #dc3545; 
}
.drag-handle {
    cursor: move;  
    text-align: center;
    width: 50px;   
}

.drag-handle i {
    font-size: 1.2rem; 
}
.featured_image img{max-width: 372px; height: 80px; width: 100%;object-fit: contain;}
.myp-2{padding: 2px!important; font-size: 12px !important;}
.image-color-class{
    background: #c2c3c7;
    color: #333;
    border-color: #c2c3c7
    
}
.image-color-class:hover{
    
    background: #0d72c2!important;
    color: #fff!important;
    border-color: #0d72c2;
}

.main_class{
        display: flex;
    align-items: center;
    gap: 15px;
}
.import-btn{
    margin-top: 30px;
}