@charset "utf-8";

.icls-reportcard-header-cell {
    text-align: right;
    font-size:0.8em;
    color: grey;
}

.icls-reportcard-header-cell-big {
    text-align: right;
    font-size:2em;
}

.icls-reportcard-header-info {
    margin-top: 15px;
}

.icls-reportcard-header-separator {
    width: 100%;
    border-top: 2px solid #619Ad4;
}

.icls-reportcard-title{
    font-size: 2.2em;
    text-align: center;
    padding-bottom:1em;
}

.icls-reportcard-subtitle{
    display: table;
    padding-bottom:1.5em;
    width: 100%;
    font-size: 1.1em;
}

.icls-reportcard-subtitle-row {
    display: table-row;
}

.icls-reportcard-subtitle-cell {
    display: table-cell;
    text-align: left;
}

.icls-reportcard-bold {
    font-weight: bold;
}

.icls-reportcard-subtitle-cell:nth-child(1) {
    width: 25%;
}

.icls-reportcard-subtitle-cell:nth-child(2) {
    width: 40%;
}

.icls-reportcard-subtitle-cell:nth-child(3) {
    width: 20%;
}

.icls-reportcard-subtitle-cell:nth-child(4) {
    width: 15%;
}

.icls-reportcard-table-progress {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius */
    border-spacing: 0;
    padding-bottom: 1em;
}



.icls-reportcard-table-progress th,
.icls-reportcard-table-progress td {
    border: 1px solid black; /* Default border for all cells */
    padding: 6px; /* Add padding as needed */
}

/* Header Row (Top) */
.icls-reportcard-table-progress thead th:first-child {
    border: none; /* Remove border from top-left cell */
}

.icls-reportcard-table-progress thead th:last-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-color: #619Ad4;
    border-width: 3px 3px 1px 3px;
    background-color: #619Ad4;
    color: white;
}

.icls-reportcard-table-progress tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
    border-top-color: #619Ad4;
    border-top-width: 3px;
}

.icls-reportcard-table-progress tbody tr:first-child td:last-child {
    border-top-color: #619Ad4;
    border-top-width: 3px;
}

/* Middle Rows */
.icls-reportcard-table-progress tbody tr td:first-child {  /* Left side of middle rows */
  border-left-color: #619Ad4;   /* Thick left border */
  border-left-width: 3px;
}

.icls-reportcard-table-progress tbody tr td:last-child { /* Right side of middle rows */
  border-right-color: #619Ad4;  /* Thick right border */
  border-right-width: 3px;
}

/* Footer Row (Bottom) */
.icls-reportcard-table-progress tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-left-color: #619Ad4;
    border-left-width: 3px;
}

.icls-reportcard-table-progress tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-right-color: #619Ad4;
    border-right-width: 3px;
}


.icls-reportcard-table-grades {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius */
    border-spacing: 0;
    padding-top: 2em;
    padding-bottom: 2em;
}

.icls-reportcard-table-grades th,
.icls-reportcard-table-grades td {
    border: 1px solid black; /* Default border for all cells */
    padding: 8px; /* Add padding as needed */
}

/* Header Row (Top) */
.icls-reportcard-table-grades thead th {
    background-color: #619Ad4;
    color: white;
    border-color: #619Ad4;
    border-style: solid; /* Make sure border style is set */
    border-top-width: 3px;

    /* We'll set the side borders on the first/last children specifically */
    border-left-width: 0;
    border-right-width: 0;
}

/* 2. Style for the FIRST header column (adds the left round corner and border) */
.icls-reportcard-table-grades thead th:first-child {
    border-top-left-radius: 10px;
    border-left-width: 3px;
}

/* 3. Style for the LAST header column (adds the right round corner and border) */
.icls-reportcard-table-grades thead th:last-child {
    border-top-right-radius: 10px;
    border-right-width: 3px;
}

/* Middle Rows */
.icls-reportcard-table-grades tbody tr:first-child td {  /* Left side of middle rows */
  border-top-color: #619Ad4;   /* Thick left border */
}

.icls-reportcard-table-grades tbody tr td:first-child {  /* Left side of middle rows */
  border-left-color: #619Ad4;   /* Thick left border */
  border-left-width: 3px;
}

.icls-reportcard-table-grades tbody tr td:last-child { /* Right side of middle rows */
  border-right-color: #619Ad4;  /* Thick right border */
  border-right-width: 3px;
}

/* Footer Row (Bottom) */
.icls-reportcard-table-grades tr:last-child td {
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.icls-reportcard-table-grades tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-left-color: #619Ad4;
    border-left-width: 3px;
}

.icls-reportcard-table-grades tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-right-color: #619Ad4;
    border-right-width: 3px;
}

/* --- LAYOUT-SPECIFIC MODIFIERS --- */

/* FOR THE 2-COLUMN REPORT (First column is 60%) */
.report-layout-60-40 td:first-child {
    width: 60%;
}
/* The second column will automatically take the remaining space */


/* FOR THE 4-COLUMN REPORT (Last 3 columns are equal) */
/* We'll make the table layout fixed for predictable column widths */
.report-layout-four-col {
    table-layout: fixed;
    width: 100%;
}
/* This magical selector targets every column EXCEPT the first one */
.report-layout-four-col td:first-child ~ td {
    width: 34%; /* Adjust as needed */
}

.report-layout-four-col td:first-child ~ td,
.report-layout-four-col th:first-child ~ th {
    width: 22%; /* 25% * 3 = 60%. Total is 100% */
}

.icls-reportcard-table-behavior {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius */
    border-spacing: 0;
    padding-bottom: 1em;
}

.icls-reportcard-table-behavior th,
.icls-reportcard-table-behavior td {
    border: 1px solid black; /* Default border for all cells */
    padding: 6px; /* Add padding as needed */
}

/* Header Row (Top) */
.icls-reportcard-table-behavior tbody tr:first-child td {
    border-top-color: #619Ad4;
    border-top-width: 3px;
    border-top-style: solid;
}

.icls-reportcard-table-behavior tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.icls-reportcard-table-behavior tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

/* Middle Rows */
.icls-reportcard-table-behavior tbody tr td:first-child {  /* Left side of middle rows */
  border-left-color: #619Ad4;   /* Thick left border */
  border-left-width: 3px;
}

.icls-reportcard-table-behavior tbody tr td:last-child { /* Right side of middle rows */
  border-right-color: #619Ad4;  /* Thick right border */
  border-right-width: 3px;
}

/* Footer Row (Bottom) */
.icls-reportcard-table-behavior tr:last-child td {
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}


.icls-reportcard-table-behavior tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-left-color: #619Ad4;
    border-left-width: 3px;
}

.icls-reportcard-table-behavior tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-right-color: #619Ad4;
    border-right-width: 3px;
}

.icls-reportcard-attendance-row {
    padding-top: 2em;
    font-size: 1.2em;
}

.icls-reportcard-attendance-cell{
    text-align: left;
    font-weight: bold;
}

.icls-section-title {
    font-size: 1.2em;
    padding: 10px 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.icls-comment {
    margin-bottom: 20px;
}

.icls-comment-title {
    text-transform: uppercase;
    font-weight: bold;
}

.icls-comment-subtitle {
    text-transform: uppercase;
}

.icls-comment-body {
    text-align: justify;
}

.icls-comment-signature {
    font-weight: bold;
    text-align: right;
}

.icls-reportcard-table-signatures {
    width: 100%;
    border-collapse: separate; /* Needed for border-radius */
    border-spacing: 0;
    padding-top: 2em;
}

.icls-reportcard-table-signatures td{
    padding-top: 1em;
}

.icls-reportcard-table-signatures th,
.icls-reportcard-table-signatures td {
    border: 1px solid black; /* Default border for all cells */
    padding: 8px; /* Add padding as needed */
}

/* Header Row (Top) */
.icls-reportcard-table-signatures thead th{
    background-color: #619Ad4;
    border-color: #619Ad4;
    border-top-width: 3px;
    color: white;
}


.icls-reportcard-table-signatures thead th:first-child {
    border-top-left-radius: 10px;
    border-left-width: 3px;
}

.icls-reportcard-table-signatures thead th:last-child {
    border-top-right-radius: 10px;
    border-right-width: 3px;
}

/* Middle Rows */
.icls-reportcard-table-signatures tbody tr:first-child td {  /* Left side of middle rows */
  border-top-color: #619Ad4;   /* Thick left border */
}

.icls-reportcard-table-signatures tbody tr td:first-child {  /* Left side of middle rows */
  border-left-color: #619Ad4;   /* Thick left border */
  border-left-width: 3px;
}

.icls-reportcard-table-signatures tbody tr td:last-child { /* Right side of middle rows */
  border-right-color: #619Ad4;  /* Thick right border */
  border-right-width: 3px;
}

/* Footer Row (Bottom) */
.icls-reportcard-table-signatures tr:last-child td {
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
}

.icls-reportcard-table-signatures tr:nth-child(2) td {
    border-bottom-width: 0;
}

.icls-reportcard-table-signatures tr:last-child td {
    border-top-width: 0;
}

.icls-reportcard-table-signatures tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-left-color: #619Ad4;
    border-left-width: 3px;
    padding-bottom: 100px;
}

.icls-reportcard-table-signatures tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-color: #619Ad4;
    border-bottom-width: 3px;
    border-right-color: #619Ad4;
    border-right-width: 3px;
    padding-bottom: 100px;
}

.icls-reportcard-footer {
    width: 100%;
    font-size: 0.9em;
}

.icls-reportcard-footer-table {
    display: table;
    width: 100%
}

.icls-reportcard-footer-row {
    display: table-row;
}

.icls-reportcard-footer-spacer, .icls-reportcard-footer-address, .icls-reportcard-footer-page {
    display: table-cell;
}

.icls-reportcard-footer-address {
    text-align: center;
    width: 70%;
}

.icls-reportcard-footer-spacer, .icls-reportcard-footer-page {
    width: 10%;  /* Adjust the width as needed */
}

.icls-reportcard-footer-page {
    text-align: right;
}

.icls-reportcard-footer-separator {
    width: 100%;
    border-top: 2px solid #619Ad4;
    margin-bottom: 5px;
    margin-top: 10px;
}

.icls-reportcard-footer-school_name {
    text-align: center;
}

.icls-lightblue {
    color: #619Ad4;
}

.icls-darkblue {
    color: #213259;
}

.icls-bckgrnd-gray {
    background-color: #9AAFC1;
}

.icls-bckgrnd-orange {
    background-color: #EC8242;
}

.icls-red {
    color: #a82d28;
}

.page-break {
        page-break-after: always; /* This creates the page break for wkhtmltopdf */
}

.font-size-13 {
    font-size: 13px;
}

/* These next css entries are used for the waiting list */

:root {
    --brand-primary-color: #619AD4; /* Our new blue color */
    --brand-secondary-color: #EAF2FB; /* A new lighter color to replace #F6FAD8 */
}

/* Now, we override the specific rules */

.waiting-list-form .form-body .form-pagination div {
	background: var(--brand-primary-color);
	color: var(--brand-secondary-color);
}

.waiting-list-form .form-body .form-pagination .bar {
    background: var(--brand-primary-color);
}

.waiting-list-form .form-body .form-pagination div.active {
    background: var(--brand-secondary-color);
    color: var(--brand-primary-color);
	border: 1px solid var(--brand-primary-color);
}

.waiting-list-form .form-steps .form-step .form-grid .form-col label {
	color: var(--brand-primary-color);
}

.waiting-list-form .form-steps .form-step .form-grid .form-col input {
	background-color: var(--brand-secondary-color);
}

.waiting-list-form .step-footer button,
.waiting-list-form .step-footer input.submit-btn {
    background-color: var(--brand-primary-color);
    color: var(--brand-secondary-color);
    border: 2px solid var(--brand-primary-color);
}

.waiting-list-form .step-footer button.btn-next:hover,
.waiting-list-form .step-footer button.btn-prev:hover,
.waiting-list-form .step-footer input.submit-btn:hover {
	background-color: var(--brand-secondary-color);
    color: var(--brand-primary-color);
}

.waiting-list-form .step-footer button.add-child,
.waiting-list-form .step-footer button.add-relative {
    background-color: #fff;
    border: 2px solid #EC8242;
    color: #EC8242;
    transition: border 0.3s ease;
}

.waiting-list-form .step-footer button.add-child:hover,
.waiting-list-form .step-footer button.add-relative:hover {
    background-color: #fff;
    border: 2px solid #ddddddb2;
    color: #EC8242;
}

.waiting-list-form span.remove-child,
.waiting-list-form span.remove-parent {
    cursor: pointer;
    position: absolute;
    font-size: 1.2em;
    top: 5px;
    right: 5px;
    color: #e6586c;
}

span.btn-plus {
    margin-right: 7px;
    color: #EC8242;
}