/* ===============================
   Paid Webinar Package Management
==================================*/

body {
    background: #f5f7fb;
}

/* Card */

.card{
    border:none;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* Header */

.card-header{
    background:linear-gradient(135deg,#4f46e5,#2563eb);
    color:#fff;
    padding:22px 30px;
    border:none;
}

.card-header h3{
    margin:0;
    font-size:28px;
    font-weight:700;
}

/* Body */

.card-body{
    padding:30px;
    background:#fff;
}

/* Table */

.table{
    margin-bottom:40px;
    border-collapse:separate;
    border-spacing:0;
}

.table thead th{

    background:#eef3ff;

    color:#344054;

    font-weight:700;

    border:none;

    padding:16px;

    font-size:15px;
}

.table tbody tr{

    transition:.25s;

    border-bottom:1px solid #ececec;
}

.table tbody tr:hover{

    background:#f9fbff;
}

.table td{

    padding:18px 16px;

    vertical-align:middle;

    border-top:none;
}

/* Price */

.table td:nth-child(2),
.table td:nth-child(3){

    font-weight:600;

    color:#2563eb;
}

/* Status */

.badge{

    padding:8px 15px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;
}

.bg-success{

    background:#d1fadf!important;

    color:#027a48!important;
}

.bg-danger{

    background:#fee4e2!important;

    color:#b42318!important;
}

/* Buttons */

.btn{

    border-radius:10px;

    padding:8px 18px;

    font-weight:600;

    transition:.25s;
}

.btn-warning{

    background:#f59e0b;

    border:none;

    color:#fff;
}

.btn-warning:hover{

    background:#d97706;
}

.btn-danger{

    border:none;
}

.btn-success{

    background:linear-gradient(135deg,#2563eb,#4f46e5);

    border:none;

    padding:12px 30px;

    font-size:16px;
}

.btn-success:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(37,99,235,.25);
}

/* Form */

h4{

    font-weight:700;

    margin-bottom:25px;

    color:#1f2937;
}

label{

    font-weight:600;

    margin-bottom:8px;

    color:#374151;
}

.form-control{

    height:50px;

    border-radius:10px;

    border:1px solid #d0d5dd;

    box-shadow:none;
}

.form-control:focus{

    border-color:#4f46e5;

    box-shadow:0 0 0 4px rgba(79,70,229,.12);
}

/* Radio */

input[type=radio]{

    transform:scale(1.2);

    margin-right:8px;
}

/* Alert */

.alert{

    border:none;

    border-radius:10px;
}

/* Divider */

hr{

    margin:45px 0;

    opacity:.12;
}

/* Responsive */

@media(max-width:991px){

.table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

.card-body{

padding:20px;

}

.card-header h3{

font-size:22px;

}

}