@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

.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/admin-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;justify-content: center;}

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

.link-primary { color: #0aad0a !important;}
a {
    color: #337bff;
    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;
}
.blue_bg{background: #1f3763;padding: 30px;
background: url(../images/bg-loginsic.jpg) no-repeat top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;border-radius: 10px;}
.login_right{ background: #fff; border-radius: 30px;}
.sams_name {font-size: 40px;color: #fff;text-align: center;   font-weight: bold;font-family: arial;}
.sams_name span{font-size: 40px;display: block;}
.sidebar_name a{ color: #fff;font-weight: bold; font-family: arial;font-size: 12px;}
.account_dont { font-family: 'Samsung Sharp Sans', sans-serif;color: #0a2699; font-size: 20px;}
.account_dont a { font-family: 'Samsung Sharp Sans', sans-serif;color: #0a2699; font-size: 20px;display: block;
    font-weight: 600;}
.red{color: #ff003a;font-size: 14px;} 
.collage_img img{max-width: 42px;}

.student_qu{}
.student_qu ul{}
.student_qu li{border-bottom: solid 1px #ddd; padding-bottom: 5px;  margin-bottom: 10px;}
.student_qu li h2{font-size: 1.2rem; margin-bottom:32px;}
.student_qu li h2 p{font-weight: 400;   margin-top: 10px;   line-height: 25px;}
.student_qu li h2 span{float: left; height:53px;}


.q_list {
    font-weight: 400;
    margin-top: 10px;
    line-height: 25px;
    display: table;
    border: solid 1px #ddd;
    text-align: center;
    padding: 15px;
    min-width:150px;
}

.bod_w{width:100%;margin: 30px 0;}
.title_bod{}
.title_bod h5{background: #012e81;  color: #fff;padding: 10px 15px;  border-radius: 22px;display: inline-block;  width: 100%;}
.title_bod h5::after{}
.file_validation_msg{font-size: 12px; font-weight: 300; color: #ff6600;}
.bg_gre{background: #b8d9f35c;}

.certificate {
            width: 100%;
            max-width: 800px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            overflow: hidden;
            position: relative;
        }
        
        .certificate-header {
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
            color: white;
            padding: 40px 20px;
            text-align: center;
        }
        
        .certificate-header h1 {
            font-family: 'Playfair Display', serif;
            font-size: 2.8rem;
            margin-bottom: 10px;
            letter-spacing: 2px;
            color: #fff;
        }
        
        .certificate-body {
            padding: 50px 40px;
            text-align: center;
            position: relative;
        }
        
        .success-message {
            font-size: 1.8rem;
            color: #2c3e50;
            margin-bottom: 30px;
            line-height: 1.4;
        }
        
        .score-display {
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%);
            color: white;
            display: inline-block;
            padding: 20px 40px;
            border-radius: 10px;
            font-size: 2.2rem;
            font-weight: 600;
            margin: 30px 0;
            box-shadow: 0 10px 20px rgba(52, 152, 219, 0.3);
        }
        
        .decoration {
            position: absolute;
            opacity: 0.1;
            z-index: 0;
        }
        
        .decoration.top-left {
            top: 20px;
            left: 20px;
            font-size: 120px;
            transform: rotate(-30deg);
        }
        
        .decoration.bottom-right {
            bottom: 20px;
            right: 20px;
            font-size: 120px;
            transform: rotate(30deg);
        }
        
        .certificate-footer {
            background: #f8f9fa;
            padding: 20px;
            text-align: center;
            font-size: 0.9rem;
            color: #7f8c8d;
        }
        
        .ribbon {
            position: absolute;
            top: -10px;
            right: -10px;
            width: 120px;
            height: 120px;
            overflow: hidden;
        }
        
        .ribbon::before {
            content: "Success";
            position: absolute;
            display: block;
            width: 150%;
            padding: 10px 0;
            background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
            color: white;
            font-weight: 600;
            text-align: center;
            transform: rotate(45deg);
            right: -35%;
            top: 30%;
        }
    .uplo_phot{display: flex;  gap: 20px;}
    .uplo_phot img{max-width: 80px;}
    .view_upl{font-size: 12px; font-weight: 300;color: #333;display: inline-block; margin-top: 10px;}
    .view_upl em{background: #012e81;   color: #fff;padding: 2px;   border-radius: 2px;}
   .inactive { color: #717171;}
   .inactive:hover { color: #717171!important;}
   .inactive .nk-menu-icon .icon {color: #717171;}
   .mb-5{margin-bottom: .5rem!important;}
   .selection{margin-bottom: .5rem!important;}
   
    .bg_prog {
            background: linear-gradient(135deg, #1a2a6c, #0b64ab, #fdbb2d);
            color: white;
            min-height: 50vh;
            display: flex;
            flex-direction: column;
           
            justify-content: center;
            padding: 0px;
        }
   
   .progress_main {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            max-width: 800px;
            width: 100%;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            text-align: center;
        }
        
      
       .progress_main h2{ font-size: 2.5rem;margin-bottom: 10px;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);} 
        .subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
            display: none;
        }
        
        .progress-container {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50px;
            height: 40px;
            margin: 30px 0;
            overflow: hidden;
            position: relative;
        }
        
        .progress-bar {
            height: 100%;
            background: linear-gradient(90deg, #1f3763, #00a202);
            border-radius: 50px;
            width: 0%;
            transition: width 0.5s ease;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        
        .progress-text {
            position: absolute;
            right: 15px;
            font-weight: bold;
            color: white;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            line-height: 2;
        }
        
        .stats {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
            flex-wrap: wrap;
        }
        
        .stat-box {
            background: rgba(255, 255, 255, 0.15);
            padding: 20px;
            border-radius: 15px;
            flex: 1;
            margin: 10px;
            min-width: 150px;
        }
        
        .stat-value {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .stat-label {
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        .date-display {
            margin-top: 30px;
            font-size: 1.2rem;
            padding: 15px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        
        .motivation {
            margin-top: 25px;
            font-style: italic;
            opacity: 0.9;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        .pd_l{padding-left: 15px;}
         @media (max-width: 1366px) {
             .stat-box {padding: 9px;  min-width: 108px;}
             .progress_main h2 {font-size: 2.0rem;}
             
         }

.custom-wrap-table tr td{
    white-space: inherit !important;
}