/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.student-dashboard { display:flex; font-family:Arial, sans-serif; }
.student-dashboard .sidebar { width:200px; background:#2c3e50; padding:15px; color:#fff; }
.student-dashboard .sidebar ul { list-style:none; padding:0; }
.student-dashboard .sidebar ul li { margin:15px 0; }
.student-dashboard .sidebar ul li a { color:#fff; text-decoration:none; }
.student-dashboard .main-content { flex:1; padding:20px; }
.student-info { display:flex; align-items:center; gap:20px; background:#f8f8f8; padding:15px; border-radius:8px; }
.student-info img { border-radius:50%; width:80px; height:80px; }
.status-cards { display:flex; gap:20px; margin:20px 0; }
.status-cards .card { flex:1; padding:15px; border-radius:8px; background:#f1f1f1; }
.status-cards .verified { background:#e6ffe6; color:green; }
.status-cards .payment { background:#fff5f5; color:#b00; }
.actions { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.actions .card { background:#f9f9f9; padding:20px; text-align:center; border-radius:8px; }
.actions .card a { display:inline-block; margin-top:10px; background:#27ae60; color:#fff; padding:8px 15px; border-radius:4px; text-decoration:none; }
.studentData .card {
    height: 100%;
}
.studentData {
    align-items: center;
}
.d-flex {
    display: flex;
    flex-flow: row nowrap;
    padding: 5px 12px;
}
.studentData .card p {
    margin-bottom: 0px;
}
.studentData .card {
    height: 100%;
    min-height: 150px;
}
.studentData a {
    margin-top: 5px;
}
.studentData h4 {
    margin-bottom: 4px;
    margin-top: 5px;
}
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --f: .5em; /* control the folded part */
  
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.8;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  background-color: #C9ADA7; /* the main color  */
  z-index: 9;
  font-size: 10px;
}
.lightGreen {
    background: #7bb37b;
}
.lightGreen p{
    color:#fff;
}    
.lightRed {
    background: #f57b7b;
}
.lightBlue {
    background: #9f9ff5;
    border: 1px solid #7373e1;
}
.lightPurple {
    background: #bd60bd;
    border: 1px solid purple;
}
.btn-success-new {
    background-color: #4A4E69;
    border-color: #4A4E69 #4A4E69 #4A4E69;
    color: #FFF;
}

.student-dashboard aside {
    background: #646368;
    padding-right: 0px;
}
.student-dashboard aside .list-group a {
    background: none;
    color:#fff;
}
.student-dashboard .list-group-item {
    position: relative;
    display: block;
    padding: 1.5rem 1rem 1.5rem 1rem;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size:16px;
}
.student-dashboard aside .list-group .active{
        background: #0E4E94;
}
#ays-quiz-container-1 #ays_finish_quiz_1 div.step,#ays-quiz-container-1{
    min-height: 50px !important;
}
.ays-quiz-promote-powered-by-text-row{
    display:none;
}
.dasbhboard_widgets .ays-quiz-category-title{
    display:none;
}
.full_reports {
    border: 1px solid #b9b1b1;
    font-size:13px;
}
.full_reports th {
    color: #fff;
    background: #4A4E69;
}
.full_reports td{
    background: #fff;
}
.full_reports td {
    border-top: 1px solid;
}
p.ays-fs-title {
    color: #0E4F96;
}
p.show_timer_countdown {
    color: #ff3100 !important;
}
.ays_stripe_details_div p {
    font-size: 19px;
    color: red !important;
    font-weight: 500;
}
.checked_answer_div label .checked_answer_div:hover label {
    background: #7994b3;
    color: #fff !important;
}
.ays_quiz_question p {
    padding: 0;
}
.payDivOnly .ays-quiz-wrap .ays-quiz-container {
    padding: 0px;
    min-height: 0px !important;
    width: auto !important;
    background: none !important;
    box-shadow: none !important;
}
.payDivOnly .ays_quiz_razorpay_submit {
    padding: 0.533rem 1.933rem !important;
    line-height: 1.42857;
    width: auto !important;
    margin: auto;
    font-size: 14px !important;
    font-weight: normal !important;
    background: #d52b2b;
}
.payDivOnly .expiredExamDiv {
    min-height: 0px !important;
    padding: 0px !important;
}
.payDivOnly .expiredExamDiv p {
    padding: 0px !important;
    margin: 0;
}
.onlyPaymentDiv {
    margin-bottom: 0px !important;
}
.payDivOnly .ays-quiz-container {
    padding: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 8px !important;
} 
.status_class {
    font-weight: bold;
    background: red;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.status_class.status_approved {
    background: green;
}
.addStudentBtn:hover {
    background: #F7A708;
}
.addStudentBtn {
    background: #0F5096;
    color: #fff !important;
    font-size: 15px;
    font-weight: normal;
    padding: 0px 15px;
    border-radius: 4px;
}
    .dropdown {
      position: relative;
      display: inline-block;
    }
    .dropbtn {
        background-color: #F7A70A;
        color: white;
        padding: 7px 15px;
        border: none;
        cursor: pointer;
        font-size: 14px;
    border-radius: 4px;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #ffffff;
        min-width: 170px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
        border-radius: 0px 0px 5px 5px;
        overflow: hidden;
        margin-top: 7px;
    }
    .dropdown-content a {
        color: #0F4F96 !important;
        padding: 6px 15px;
        text-decoration: none;
        display: block;
        font-size: 14px;
        border-top: 1px solid #d7d1d1;
    }
    .dropdown-content a:hover {
      background-color: #ddd;
    }
    .show { display: block; }