/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*
 * Theme Name:   Hello Elementor Child
 * Template:     hello-elementor
 * Text Domain:  hello-elementor-child
 */

/* Style for action links */
.simple-agency-session-table a.marks-uploading,
.simple-agency-session-table a.session-details,
.simple-agency-session-table a.invoice-payment {
    display: inline-block;
    padding: 4px 8px;
    margin-right: 5px;
    text-decoration: none;
    color: #0073aa;
    border: 1px solid #0073aa;
    border-radius: 3px;
}
.simple-agency-session-table a.marks-uploading:hover,
.simple-agency-session-table a.session-details:hover,
.simple-agency-session-table a.invoice-payment:hover {
    background-color: #0073aa;
    color: #fff;
}
.simple-agency-session-table a.hidden {
    display: none;
}
.session-details {
    font-family: 'Inter',serif;
}

.session-details h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
}

.session-details table {
    width: 100%;
    border-collapse: collapse;
}

.session-details th,
.session-details td {
    padding:15px 10px;
    border-bottom: 1px solid #e0e0e0; /* Light gray line between rows */
    border-top:none;
    border-left:none;
    border-right:none;
    font-size: 16px;
    text-align: left;
    background-color: #fff !important;
}


.session-details tr:last-child th,
.session-details tr:last-child td {
    border-bottom: none; /* Remove border from the last row */
}
.marks-details-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
    justify-content:space-between;
    font-family: 'Inter',serif;
}

.marks-details-row span {
    font-size: 16px;
    color: #333;
}
.students-data-table{
    font-family:'Inter',serif;
}
.students-data-table th, .students-data-table td{
    text-align:start;
}
.marks-uploading-form{
    font-family:'Inter',serif;
}
.marking-form-fields{
    display:flex;
    justify-content:space-between;
    gap: 20px;
    margin-bottom: 10px;
}
.marking-form-fields label{
    margin-bottom: 10px;
    font-weight:600;
}
.marks-uploading-form .file-uploading-box{
    display:flex;
    gap: 15px;
    padding: 10px 0;
}
.marks-uploading-form input[name="upload_marks"]
{
    background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
    padding:10px;
    border-radius:5px;
}
.marks-uploading-form input[name="upload_marks"]:hover, .sample-sheet-btn:hover, .session-list-btn:hover
{
    background-color:#fff;
    color: #e8212d;
    border:1px solid #e8212d;
}
.sample-sheet-btn, .session-list-btn{
    background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
    padding:10px;
    border-radius:5px;
}
.sample-sheet-btn a{
    color:#fff;
}
.sample-sheet-btn:hover a{
   color: #e8212d;
}
.marks-uploading-form #csv_file, .marks-uploading-form #marks_proof{
    line-height:2em;
}
.marks-uploading-form #csv_file:focus{
    border-color:#e8212d;
    box-shadow: 0 0 0 .25rem rgba(232, 33, 45, 0.25);
}
.marks-uploading-form #marks_proof:focus{
    border-color:#e8212d;
    box-shadow: 0 0 0 .25rem rgba(232, 33, 45, 0.25);
}

#upload-marks{
    padding:0 10px;
}
#upload-marks h3 {
    font-family: 'Inter',serif;
    font-weight:700;
    font-size:22px;
}
.invoice-details{
    font-family: 'Inter',serif;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 30px;
}
.invoice-details h3{
    font-family: 'Inter',serif;
    font-weight:700;
    font-size:22px;
}
.invoice-detail-table td{
    background-color: #fff !important;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0px;
    font-size:18px;
}
.stripe-checkout-form{
    font-family: 'Inter',serif;
}
.stripe-checkout-form .invoice-payment-btn{
    background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
}
.stripe-checkout-form .invoice-payment-btn:hover{
    background-color:#fff;
    color: #e8212d;
    border:1px solid #e8212d;
}
#agency-paid-invoices, #agency-sessions-with-marks, #qualification-list{
    font-family: 'Inter',serif;
}
#agency-paid-invoices table td, #agency-sessions-with-marks table td, #agency-sessions table td, #qualification-list table td{
    background-color: #fff !important;
    font-size: 14px;
    padding:15px 10px;
}
#agency-paid-invoices .invoice-view, #agency-sessions .marks-uploading, #agency-sessions-with-marks .marks-uploading, #agency-paid-invoices form .invoice-search, #agency-sessions-with-marks .search-result-btn{
    background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
}
#agency-paid-invoices .invoice-view:hover, #agency-sessions .marks-uploading:hover, #agency-sessions-with-marks .marks-uploading:hover, #agency-paid-invoices form .invoice_search:hover, #agency-sessions-with-marks .search-result-btn:hover{
     background-color:#fff;
    color: #e8212d;
    border:1px solid #e8212d;
}
#agency-paid-invoices form input[name="invoice_search"]:focus, #agency-sessions-with-marks form input[name="session_search"]:focus, #agency-sessions form input[name="session_search"]:focus
{
    border-color:#e8212d;
    box-shadow: 0 0 0 .25rem rgba(232, 33, 45, 0.25);
}
#agency-sessions .session-searching-btn{
    background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
}
#agency-sessions .session-searching-btn:hover{
      background-color:#fff;
    color: #e8212d;
    border:1px solid #e8212d;
}
#qualification-list form input[name="qualification_search"]:focus{
    border-color:#e8212d;
    box-shadow: 0 0 0 .25rem rgba(232, 33, 45, 0.25);
}
#qualification-list .qualification-searching-btn{
     background-color:#e8212d;
    color: #ffffff;
    border:1px solid #e8212d;
}
#qualification-list .qualification-searching-btn:hover{
    background-color:#fff;
    color: #e8212d;
    border:1px solid #e8212d;
}