.dark{background-color:#333;color:#fff}.light{background-color:#fff;color:#333}@media (max-width:768px){.content{padding:20px;top:40%;width:90%}.infoBoxContainer{bottom:20px;display:flex;justify-content:center}.infoBox{align-items:center;display:flex;flex-basis:calc(33.33% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;margin:10px;max-height:100px;max-width:100px;padding:10px;text-align:center}.infoBox:hover{-webkit-transform:none;transform:none}.infoBox h3{font-size:18px;margin-bottom:5px}.infoBox p{font-size:12px}.infoBox img{height:50px;margin-bottom:10px;width:50px}.infoBox a{font-size:12px}}.login-container{margin-top:50px}.login-container,.login-form{align-items:center;display:flex;flex-direction:column}.login-form{margin-bottom:20px;width:300px}.login-input{margin-bottom:10px;padding:10px;width:100%}.login-button{background-color:#a53f29;border:none;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s;width:100%}.login-button:hover{background-color:#8f3725}.login-options{align-items:center;display:flex;flex-direction:column}.login-link{background:none;border:none;color:#a53f29;cursor:pointer;margin-top:5px;text-decoration:underline;transition:color .3s}.login-link:hover{color:#8f3725}.login-popup{border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#333;margin-top:-60px;opacity:1;padding:10px 20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s;z-index:100}.login-popup.error,.login-popup.success{background-color:#000;color:#fff;margin-top:-100px}.login-popup p{color:#000;margin:-15px 0 0}.login-popup.error p,.login-popup.success p{color:#000;font-weight:700;margin-top:-15px}.not-logged-in-container{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;margin:0;padding:0}.not-logged-in-title{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.not-logged-in-text{color:#555;font-size:18px;margin-bottom:5px}.not-logged-in-button-link{text-decoration:none}.not-logged-in-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px;transition:background-color .3s ease}.not-logged-in-button:hover{background-color:#0056b3}.login-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#000;left:50%;max-width:400px;padding:20px;position:fixed;text-align:center;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:1000}.login-popup.success{background-color:rgba(0,128,0,.1);border:1px solid #000}.login-popup.error{background-color:rgba(255,0,0,.1);border:1px solid red}.not-logged-in{align-items:center;background-color:#f4f4f4;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center}.not-logged-in h1{font-size:2.5em;margin-bottom:1em}.not-logged-in p{font-size:1.2em}.not-logged-in a{color:#007bff;text-decoration:none}.not-logged-in a:hover{color:#0056b3;text-decoration:underline}.attend-course-container{padding:20px}.user-childrens-container{margin-bottom:20px}.children-table td:last-child,.children-table th:last-child{text-align:center;width:120px}.attendance-icon{font-size:20px}@media only screen and (max-width:767px){.children-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.children-table,.children-table tbody,.children-table td,.children-table th,.children-table thead,.children-table tr{display:inherit;max-width:none;min-width:124px;width:auto}.details-button{background-color:red;max-width:none!important;min-width:120px;overflow:visible!important;white-space:normal!important;width:auto!important}.children-table td:last-child,.children-table th:last-child{width:auto}}#main-header{height:80px}#subheader{position:static;width:100%;z-index:1000}#subheader.slideDown{-webkit-animation:slideDown 1.5s forwards;animation:slideDown 1.5s forwards;position:fixed;top:0}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.subheader-placeholder{display:block;height:80px}.container2,.container22{background-image:url(https://teachyourkidscode.com/wp-content/uploads/2018/12/Teach-Your-Kids-Code-Front-Page-Image-1.jpg);background-size:cover;color:#fff;min-height:60vh;overflow:hidden;padding-bottom:3rem;position:relative;text-align:center}.content,.content22{background-color:#fff;border-radius:10px;left:50%;padding:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.content h1,.content22 h1{color:#000;font-size:38px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.content p,.content22 p{color:#333;font-size:18px;margin-bottom:30px}.content a,.content22 a{background-color:#007bff;border-radius:5px;color:#000;display:inline-block;padding:8px 15px;text-decoration:none}.content a:hover,.content22 a:hover{background-color:#0056b3}.infoBoxContainer,.infoBoxContainer2{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.infoBox,.infoBox2{background-color:#fff;border-radius:10px;color:#000;flex:1 1;margin:5px;max-width:20%;min-width:150px;padding:15px;text-align:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.infoBox2:hover,.infoBox:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.infoBox h3,.infoBox2 h3{font-size:22px;margin-bottom:8px}.infoBox p,.infoBox2 p{font-size:12px;margin-bottom:15px}.icon{margin-bottom:10px}@media (max-width:768px){.container2,.container22{margin-bottom:0}.container22{background-image:url(https://teachyourkidscode.com/wp-content/uploads/2018/12/Teach-Your-Kids-Code-Front-Page-Image-1.jpg);background-position:50%;background-size:cover;color:#fff;height:50px;text-align:center}.content22{background-color:#fff;border-radius:10px;left:50%;margin-top:40px;max-width:500px;padding:10px;position:relative;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40%}.content22 h1{font-size:20px;max-width:450px}.content22 p{font-size:13px}.infoBoxContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;left:50%;position:relative;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.infoBox{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:0 0 auto;height:150px;margin:10px;min-height:150px;padding:10px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:calc(33.33333% - 20px)}.infoBox:hover{-webkit-transform:none;transform:none}.infoBox h3{font-size:16px}.infoBox p{font-size:12px;margin-bottom:-50px}.infoBox .icon{font-size:24px;margin-bottom:-10px}.container2{background-image:url(https://teachyourkidscode.com/wp-content/uploads/2018/12/Teach-Your-Kids-Code-Front-Page-Image-1.jpg);background-position:50%;background-size:cover;color:#fff;height:50px;margin-bottom:10px;text-align:center}.icon{font-size:50px}.FaGraduationCap{font-size:150px}.content{background-color:#fff;border-radius:10px;left:50%;margin-top:40px;max-width:500px;padding:10px;position:relative;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40%}.content h1{font-size:20px;max-width:450px}.content p{font-size:13px}.infoBoxContainer2{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;left:50%;position:relative;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.infoBox2{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:0 0 auto;height:150px;margin:10px;min-height:150px;padding:10px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:calc(33.33333% - 20px)}.infoBox2:hover{-webkit-transform:none;transform:none}.infoBox2 h3{font-size:16px}.infoBox2 p{font-size:12px;margin-bottom:-50px}.icon{size:10%}.infoBox2 .icon{font-size:24px;margin-bottom:-10px}}.container3{align-items:center;display:flex;justify-content:space-between}.navigation-icon{color:gray;font-size:1.5rem;margin:10px 0;transition:color .3s ease-in-out}.navigation-icon:hover{color:#a53f29}.box{align-items:center;background-color:#fff;box-shadow:0 .5em 1em -.125em rgba(108,68,46,.1),0 0 0 1px hsla(0,0%,4%,.02);display:flex;flex-direction:column;font-size:.5rem;justify-content:center;margin:0 .5em;padding:5px;text-align:center;width:80px}.box h2{color:#a53f29;font-size:.75rem;margin-bottom:.25em}.box p{font-size:1rem;margin:0}.box-transition-group{margin:0 10px;position:relative;width:80px}.box-transition-enter{opacity:0}.box-transition-enter-active{opacity:1;transition:opacity .5s ease-in}.box-transition-exit{opacity:1}.box-transition-exit-active{opacity:0;transition:opacity .5s ease-in}@media (max-width:600px){.navigation-icon{font-size:1rem;margin-left:-10px}.box,.box-transition-group{margin:0 1em;padding:5px;width:60%}}.container{margin:0 auto;max-width:1200px;padding:20px}.header{background-color:#fff;margin-bottom:30px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1000}.header h1{color:#333;font-size:36px}.header p{color:#666;font-size:18px}.courseContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.courseBox{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-left:auto;margin-right:auto;padding:30px;text-align:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.courseBox:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.icon{color:#007bff;font-size:48px;margin-bottom:20px}.courseBox h2{color:#333;font-size:24px;margin-bottom:20px}.courseBox p{color:#666;font-size:16px}.courseBox a{color:#007bff;display:block;margin-top:20px;text-decoration:none}.courseBox a:hover{text-decoration:underline}.container5{max-width:1200px}.container5,.container6{margin:0 auto;padding:20px}.container6{max-width:auto}@media (max-width:768px){.courseContainer{grid-gap:-10px;display:grid;grid-template-columns:repeat(2,1fr)}.courseBox{margin:0 -10px 0 -5px}.container,.container5{padding:0 10px}}.about-us{align-items:center;background-color:#f2f2f2;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:50px auto auto;max-width:800px;padding:30px}.about-us h1{color:#333;font-size:2.5em;margin-bottom:30px;text-align:center}.about-us p{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:20px;text-align:justify}.about-us a{color:#007bff;text-decoration:none}.about-us a:hover{color:#0056b3}.private-policy-container,.profile-container{background-color:#f1f1f1;border-radius:5px;margin:50px auto 0;max-width:400px;padding:20px}.profile-form{display:flex;flex-direction:column}.input-group{margin-bottom:20px;max-width:200px}.input-label{font-weight:700;margin-top:10px}.child-input{margin-bottom:10px}.profile-info{margin-bottom:20px}.info-label{font-weight:700;margin-bottom:10px}.edit-button,.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.edit-button{background-color:#2196f3}.save-button{background-color:#4caf50}.readonly-text{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#555;display:inline-block;font-weight:700;padding:8px;width:100%}.invoice-details{color:#555;display:block;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:20px}.note{color:red;margin-bottom:20px}.agreement-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:5px;font-family:Arial,sans-serif;margin:20px;max-width:400px;padding:20px}.checkbox-container{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{display:none}.custom-checkbox{background-color:#fff;border:1px solid #ccc;display:inline-block;height:20px;margin-right:10px;position:relative;width:20px}.checkbox-container input[type=checkbox]:checked+.custom-checkbox:before{content:"✓";font-size:18px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}a{color:#007bff}a:hover{text-decoration:underline}.success-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.success-message{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:2rem;text-align:center}h1{font-size:2rem;margin-bottom:1rem}p{font-size:1.2rem}.cancel-page-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.failure-message{background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:2rem;text-align:center}.retry-link{color:#007bff;text-decoration:underline}.admin-school-container{margin:0 auto;max-width:600px;padding:20px}.school-list{list-style:none;margin:0;padding:0}.school-item{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.school-name{font-size:18px;font-weight:700}.school-location{font-size:14px}.button-group{display:flex;gap:10px}.delete-button,.edit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.delete-button:hover,.edit-button:hover{background-color:#45a049}.new-school-form{flex-direction:column;gap:10px;margin-top:20px}.input-field{border-radius:4px;box-sizing:border-box;max-width:400px;min-width:200px;padding:8px;width:100%}.create-button{background-color:#2196f3;border-radius:4px;display:block;font-size:14px;margin:0 auto;padding:8px 12px;width:-webkit-max-content;width:max-content}.create-button:hover{background-color:#0b7dda}.course-item{background-color:#f8f8f8;border-radius:5px}.course-language{font-weight:700}.course-date,.course-lector{display:block;margin-top:5px}.edit-button{background-color:#4caf50;border-radius:4px;font-size:14px;padding:8px 16px}.edit-button:hover{background-color:#45a049}.admin-user-container{margin:0 auto;max-width:800px;padding:20px}.user-item{margin-bottom:10px;padding:20px}.user-info{display:block}.user-info,.user-info-edit{margin-bottom:5px}.user-info-edit.edited{border-color:red}button{margin-right:10px;padding:8px 15px}.user-info-edit{border-radius:4px;display:block;margin-bottom:10px;padding:8px;width:100%}.user-info-edit.edited{border-color:#007bff;box-shadow:0 0 5px #007bff}.user-info-container{margin:0 auto;max-width:800px}.user-info-table{border-collapse:collapse;width:100%}.user-item{border:1px solid #ccc}.user-item td{padding:8px}.user-item td:first-child{background-color:#f1f1f1;font-weight:700;width:150px}.user-item td:last-child{text-align:right}button{background-color:#4caf50;font-size:14px}button:hover{background-color:#45a049}button:last-child{margin-right:0}.link-button{text-decoration:none}.admin-course-container{margin:0 auto;max-width:800px}.course-info{margin-bottom:5px}.course-info-edit{border:1px solid #ccc;display:block;margin-bottom:5px}.new-course-form{border:1px solid #ccc;margin-bottom:20px;padding:10px}.input-field{border:1px solid #ccc;display:block;margin-bottom:10px;padding:5px}.create-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin-top:10px;padding:10px 20px;text-align:center;text-decoration:none}.create-button:hover{background-color:#45a049}.edit-button{border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:5px 10px;text-align:center;text-decoration:none}.course-item{padding:8px}.course-item td{border:1px solid #ccc;padding:8px}.course-item td button{background-color:#f4c20d;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:5px 10px;text-align:center;text-decoration:none}.course-item td button:hover{background-color:#e6b408}.course-item td a{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;padding:5px 10px;text-align:center;text-decoration:none}.course-item td a:hover{background-color:#45a049}table{align-items:center}td,th{border:1px solid #ccc}tbody tr:nth-child(2n),thead th{background-color:#f2f2f2}button{background-color:#f44336;display:inline-block;font-size:12px;padding:5px 10px;text-align:center;text-decoration:none}button:hover{background-color:#d32f2f}.edit-button{background-color:#f4c20d}.edit-button:hover{background-color:#e6b408}.admin-lector-container{margin:0 auto;max-width:800px}.lector-item{border:1px solid #ccc;margin-bottom:10px;padding:10px}.lector-info,.lector-info-edit{display:block;margin-bottom:5px}.lector-info-edit{border:1px solid #ccc;padding:5px}.edited{border-color:red}button{margin-right:5px}.admin-lector-container{max-width:100%;overflow-x:auto}table{margin-top:20px}td,th{padding:8px}.lector-item{border-bottom:1px solid #ddd}@media screen and (max-width:768px){table thead{display:none}table tbody td{border-bottom:1px solid #ddd;display:block;padding:4px;text-align:right}table tbody tr{display:block;margin-bottom:10px}table tbody td:before{content:attr(data-label);display:inline-block;font-weight:700;margin-right:4px}table tbody td span{display:block}table tbody td button{margin-top:10px;width:100%}}.register-lector-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;box-shadow:2px 2px 12px rgba(0,0,0,.1);margin:20px 0;padding:20px}.register-lector-form h3{border-bottom:1px solid #d0d0d0;margin-bottom:20px;margin-top:0;padding-bottom:10px}.register-lector-form input[type=email],.register-lector-form input[type=password],.register-lector-form input[type=text]{border:1px solid #d0d0d0;border-radius:3px;margin-bottom:10px;outline:none;padding:10px;transition:border-color .3s;width:100%}.register-lector-form input[type=email]:focus,.register-lector-form input[type=password]:focus,.register-lector-form input[type=text]:focus{border-color:#007bff}.register-lector-form button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.register-lector-form button:hover{background-color:#0056b3}.download-invoices-section{align-items:center;background-color:#f8f8f8;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;gap:20px;justify-content:flex-end;margin-bottom:30px;padding:20px}.admin-payment-container{margin:0 auto}td,th{padding:12px}th{text-align:left}tr:hover{background-color:#f5f5f5}tr.paid-payment{background-color:#c3e6cb}tr.unpaid-payment{background-color:#f5c6cb}tr.hide-row{display:none}.filter-section{margin-bottom:20px}.filter-section label{margin-right:10px}@media (max-width:768px){table{font-size:14px}td,th{padding:6px}}.update-payment-section{align-items:center;background-color:#f8f8f8;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;gap:20px;justify-content:flex-start;margin-bottom:30px;padding:20px}.update-payment-section h3{font-weight:500;margin-right:20px}.update-payment-section .MuiTextField-root{flex-grow:1}.admin-children-container{margin:0 auto;max-width:800px;padding:20px}.children-table{margin-top:20px}.children-table td,.children-table th{border:1px solid #ccc;padding:10px}.children-table th{text-align:left}.children-table tr:nth-child(2n){background-color:#f2f2f2}.children-table tr:hover{background-color:#ddd}.details-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin-right:5px;padding:5px 10px;text-align:center;text-decoration:none}.details-button:hover{background-color:#45a049}.course-details-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;max-width:500px}.course-details{margin-top:20px}.course-info{display:block}.back-link{color:#007bff;display:inline-block;margin-top:20px;text-decoration:none}.back-link:hover{text-decoration:underline}.course-details-container{margin:0 auto;max-width:600px}.course-info-edit{margin-bottom:10px;width:100%}button{border-radius:4px;margin-top:10px;padding:8px 16px}.lector-details-container{background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px;margin:10px;padding:20px}.lector-info{grid-row-gap:20px;grid-column-gap:100px;display:grid;grid-template-columns:150px 1fr}.lector-row{align-items:center;display:flex}.label{font-weight:700;margin-right:10px}.course-select{width:100%}.user-details-container{margin:0 auto;max-width:600px;padding:20px}h2{text-align:center}.user-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.user-info span{font-size:16px}.user-info-edit{border:1px solid #ccc;font-size:16px;padding:5px}.edited{border-color:coral}button{padding:10px}.user-links{display:flex;gap:10px;justify-content:center}.user-links button{background-color:#28a745}.user-links button:hover{background-color:#1e7e34}.children-details-container{margin:0 auto;max-width:800px;padding:20px}.child-info{border:1px solid #ccc;margin-top:20px;padding:10px}.child-info span{display:block;margin-bottom:5px}.loading{font-size:20px;font-weight:700;margin-top:100px;text-align:center}.lector-attendance-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.attendance-history-table{margin-top:20px;width:70%}.attendance-history-table h2{margin-bottom:10px}.MuiDialog-paper{width:80%}.MuiDialog-paper .MuiDialogActions-root,.MuiDialog-paper .MuiDialogContent-root,.MuiDialog-paper .MuiDialogTitle-root{padding:16px}.MuiDialog-paper .MuiFormControl-root{margin-bottom:16px}.MuiDialog-paper .MuiButton-root{margin-left:8px}.MuiAlert-root{margin-top:20px;max-width:400px;width:100%}.MuiSnackbarContent-message{align-items:center;display:flex}.MuiTable-root{border-collapse:collapse;width:100%}.MuiTableBody-root td,.MuiTableHead-root th{border:1px solid #ccc;padding:12px;text-align:left}.MuiTableHead-root th{background-color:#f0f0f0}.MuiTableBody-root tr:nth-child(2n){background-color:#f9f9f9}.MuiTableBody-root select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px;width:100%}.MuiTableBody-root select:focus{outline:none}.lector-attendance-history-container{padding:20px}.course-button{margin-bottom:10px}.attendance-history-details-container h2{margin-bottom:20px;text-align:center}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:10px;text-align:left}th{background-color:#f2f2f2}.attendance-history-details-container{margin-left:auto;margin-right:auto;margin-top:20px;max-width:800px}.attendance-history-details-container .top-section{align-items:center;display:flex}.attendance-history-details-container p{flex:1 1;margin-bottom:20px;text-align:center}.attendance-history-details-container .back-link{font-weight:700;text-decoration:none}.user-childrens-container{margin:0 auto;max-width:800px}.children-table td,.children-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.children-table th{font-weight:700}.children-table th,.children-table tr:hover{background-color:#f2f2f2}.details-button-attendance{background-color:#f1c40f}.details-button-attendance,.details-button-attendance2{border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.details-button-attendance2{background-color:green}.details-button-attendance3{background-color:red;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:2px;padding:5px 10px;text-align:center;text-decoration:none}.new-school-form{align-items:center;display:flex;flex-direction:row;gap:16px}.form-label{flex-basis:100px;font-weight:700;margin-left:100px;position:center}.form-label2,.form-label3{margin-left:-100px;margin-top:10px;position:center}.input-field{flex:1 1;margin-left:100px;padding:4px}.create-button{margin-left:100px;padding:8px}.button-container{display:flex;justify-content:center}@media (max-width:768px){.new-school-form{flex-direction:column}.create-button,.form-label,.input-field{margin-left:0}.form-label{margin-bottom:8px}.create-button{margin-top:16px}.form-label3{margin-left:-10px}.form-label3,.form-label4{margin-top:10px;position:center}.form-label4{margin-left:-250px}}.admin-attendance-container{padding:20px}.course-select-container,.school-select-container{margin-bottom:10px}.show-all-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.filtered-courses-container{margin-top:20px}.course-item{border:1px solid #ccc;margin-bottom:10px;padding:10px}.course-item h3{margin-top:0}.show-details-button{background-color:#28a745;border:none;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.info-icon{color:#666;cursor:pointer;font-size:18px;gap:16px;margin-left:4px}.input-container{align-items:center;flex-direction:row}.stepper-button-container,.stepper-button-container5{align-items:center;display:flex;margin-top:16px}.stepper-button-container5{margin-left:-100px}.stepper-button-container2{align-items:center;margin-left:-100px;margin-top:16px}.stepper-button{background-color:#007bff}.stepper-button,.stepper-button-back{border:none;color:#fff;cursor:pointer;flex:1 1;font-size:16px;margin:0 4px;padding:12px 24px}.stepper-button-back{background-color:#d0f}.first-button{align-items:center;background-color:#007bff;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-left:50%;padding:10px 20px;text-align:center}.stepper-message{margin-bottom:0;margin-top:16px}.warning-message{background-color:#f44336;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;font-size:16px;font-weight:700;margin:16px 0 16px 100px;padding:12px;text-align:center}.add-child-container{margin-right:75%}@media (max-width:768px){.course-info{align-items:center}.course-info,.stepper-button-container{flex-direction:column}.first-button,.stepper-button,.stepper-button-back{margin-bottom:10px;width:70%}.form-label{position:center;text-align:center}.warning-message{margin-left:0}.first-button{align-items:center;background-color:#007bff;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px 20px;text-align:center}}@media only screen and (max-width:767px){.children-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap;width:100%}.children-table th{display:inline-block}.children-table tbody tr{display:block;margin-bottom:.625rem}.children-table tbody td{box-sizing:border-box;display:inline-block;line-height:60px;max-width:150px;min-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.details-button-attendance,.details-button-attendance2,.details-button-attendance3{display:block;font-size:10px;height:auto;line-height:50px;line-height:normal;max-height:50px;padding:3px 6px;white-space:normal;width:90%}.details-button-attendance5{line-height:1px;max-height:1px}.children-table tbody tr:hover{background-color:initial}.action-cell{box-sizing:border-box;display:inline-block;line-height:60px;max-width:150px;min-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120%}}.MuiStepConnector-lineHorizontal,.MuiStepConnector-lineVertical{display:none}.user-childrens-container{background-color:#f5f5f5;margin:20px auto;max-width:100%;padding:20px}.children-table{border-collapse:collapse;width:100%}.children-table thead th{background-color:#eee;font-weight:700;padding:8px 12px}.children-table tbody td{border-bottom:1px solid #ddd;padding:8px 12px}.details-button-attendance,.details-button-attendance2,.details-button-attendance3{background-color:#1976d2;border:none;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.details-button-attendance2:hover,.details-button-attendance3:hover,.details-button-attendance:hover{background-color:#1565c0}.details-button-attendance2{background-color:#388e3c}.details-button-attendance3{background-color:#d32f2f}.cookie-banner{align-items:center;background-color:#f9f9f9;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);box-sizing:border-box;color:#333;display:flex;justify-content:space-between;padding:20px;position:fixed;width:100%;z-index:1000}.box{color:#333;flex-grow:1;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;margin-right:10px}.navigation-icon{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;margin:0 10px;padding:10px 20px;text-align:center;text-decoration:none;transition-duration:.4s}.navigation-icon.reject{background-color:#f44336}.navigation-icon:hover{opacity:.9}@media only screen and (max-width:600px){.cookie-banner{align-items:flex-start;flex-direction:column;padding:10px}.box{margin-bottom:10px;margin-right:0;max-height:100px;overflow-y:auto}.navigation-icon{margin:0;width:100%}}.programming-circle-info{align-items:center;background-color:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;margin-bottom:10px;padding:10px}.info-content2,.info-content3{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:20px}.icon-content{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-direction:column;min-height:30%;min-width:20%;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.icon-content,.programming-circle-info h1{margin-bottom:10px;text-align:center}.info-text{flex:1 1;margin-left:25px;margin-top:50px;padding-right:10px}.info-img{background-position:50%;background-size:cover;border-radius:10px;flex:1 1;height:400px}.advantages{margin-bottom:2.5em;position:relative;text-align:center}.icon{align-items:center;background-color:orange;border-radius:50%;color:#000;display:inline-flex;font-size:1rem;height:25px;justify-content:center;margin-right:5px;padding:5px;text-align:center;width:25px}.advantages:before{background-color:orange;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(1);transform:scaleX(1);transition:all .3s ease-in-out 0s;visibility:visible;width:100%}.advantages h2{display:inline-block;padding:0 .5em;position:relative}.icon-content{align-items:center;display:flex;margin-bottom:20px}@media (max-width:768px){.info-content2 .icon-content,.info-content3 .icon-content{flex:0 0 100%}}@media (min-width:769px){.info-content2 .icon-content,.info-content3 .icon-content{flex-basis:calc(25% - 10px);flex-grow:0;flex-shrink:0}}.info-img{height:200px;margin-top:10px}.courses-work-container{background-color:#fff;border-radius:10px;box-shadow:0 1px 6px 0 rgba(0,0,0,.15);font-family:Arial,sans-serif;margin:0 auto;padding:20px;width:80%}h1{margin-bottom:1.5em}.faq-container{margin:0;padding:0}.faq-item{border:1px solid #ccc;border-radius:5px;margin:15px 0;padding:10px;transition:all .3s ease-in-out}.faq-item:hover{box-shadow:0 1px 6px 0 rgba(0,0,0,.15)}.faq-item h2{color:#007bff;cursor:pointer}.faq-item p{color:#333;margin-left:1em}.cookie-policy{align-items:center;background-color:#f2f2f2;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:50px auto auto;max-width:800px;padding:30px}.cookie-policy h1{color:#333;font-size:2.5em;margin-bottom:30px;text-align:center}.cookie-policy p{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:20px;text-align:justify}.terms-and-conditions{align-items:center;background-color:#f2f2f2;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:50px auto auto;max-width:800px;padding:30px}.terms-and-conditions h1{color:#333;font-size:2.5em;margin-bottom:30px;text-align:center}.terms-and-conditions h2{color:#333;font-size:1.5em;margin-bottom:20px;margin-left:20px;text-align:center}.terms-and-conditions p{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:20px;text-align:justify}.nieco{align-items:center;background-color:#f4f4f4;display:flex;justify-content:center;margin:0}.course-details-container{background-color:#f7f7f7;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.15);margin:20px;max-width:800px;padding:20px;width:80%}.course-details-container h2{color:#333;margin-bottom:20px}.course-details{display:flex;flex-direction:column}.course-info{color:#555;margin-bottom:10px}.course-info-edit{border:1px solid #ddd;border-radius:5px;color:#333;margin-left:10px;padding:5px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#0056b3}.stop-attending-container{align-items:center;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:400px;padding:20px;width:100%}.stop-attending-container h2{color:#333;margin-bottom:20px;text-align:center}.stop-attending-container input,.stop-attending-container textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}.stop-attending-container button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;width:100%}.modal{background:rgba(0,0,0,.5);justify-content:center;left:50%;max-width:600px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.modal,.modal-content{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;padding:20px}.modal-content{background:#fff;max-width:20%}.modal-content h2{color:red}.modal h2,.modal-content h2{margin-bottom:20px;text-align:center}.modal h2{color:#ff0}.modal-content button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:10px 20px;width:20%}@media (max-width:600px){.stop-attending-container{padding:10px}.stop-attending-container h2{font-size:18px}.stop-attending-container input,.stop-attending-container textarea{padding:5px}.modal-content,.stop-attending-container button{padding:10px}.modal-content h2{font-size:16px}.modal-content button{max-width:20px;padding:10px}}.cancel-message{color:green;font-size:1.5rem;margin:20px auto;text-align:center}.courses{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;padding:2em}.course{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:1em;padding:1em;width:80%}.course h2{color:#333;margin:0}.course p{margin:.5em 0}.course-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin-top:1em;padding:.5em 1em;transition:background-color .3s ease}.course-button:hover{background-color:#0056b3}.child-user-details{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:20px;width:100%}.child-user-details h1{color:#333;font-size:2em;margin-bottom:20px}.child-user-details p{color:#666;font-size:1.2em;margin-bottom:10px}.child-user-details button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease}.child-user-details button:hover{background-color:#0056b3}.child-user-details input{border:1px solid #ccc;border-radius:5px;font-size:1em;margin-bottom:10px;padding:10px;width:100%}.success-message{color:green;font-weight:700;margin-top:10px}.courses-container{background-color:#fff;border:1px solid #e1e1e1;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:2em auto;max-width:800px;padding:1em}h1{color:#333;margin-bottom:1em;text-align:center}.courses-list{list-style-type:none;padding:0}.course-item{align-items:center;border-bottom:1px solid #e1e1e1;color:#555;display:flex;font-size:1.1em;justify-content:space-between;padding:.5em 0}.course-item:last-child{border-bottom:none}.course-item button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5em 1em;transition:background-color .3s}.course-item button:hover{background-color:#1565c0}.course-detail{border-top:1px solid #e1e1e1;margin-top:2em;padding-top:1em}.error-message{margin-bottom:1em}.error-message,.login-note{color:red;text-align:center}.login-note{border:1px solid red;border-radius:5px;font-size:16px;font-weight:700;margin-top:20px;padding:10px}.back-to-schools-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;display:inline-block;margin-bottom:10px;margin-left:10px;padding:8px 15px;transition:background-color .3s;vertical-align:middle}.back-to-schools-btn:hover{background-color:#e0e0e0}@media screen and (max-width:768px){.back-to-schools-btn{margin-bottom:10px;margin-right:100px}.courses-header{margin-left:-100px}}.privacy-container{background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;margin:50px auto;max-width:900px;padding:50px}.privacy-container h1{border-bottom:2px solid #e0e0e0;color:#333;font-size:2.5em;margin-bottom:25px;padding-bottom:15px}.privacy-container h2{border-bottom:1px solid #e0e0e0;color:#555;font-size:2em;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.privacy-container p{color:#666;font-size:1.2em;margin-bottom:25px}.file-download-container{background-color:#f7f7f9;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:2rem auto;max-width:350px;padding:30px}h2{border-bottom:2px solid #e5e7eb;color:#333;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}ul{list-style-type:none;padding:0}li{border-bottom:1px dashed #e5e7eb;margin-bottom:12px;padding:8px 0;transition:background-color .3s ease}li:last-child{border-bottom:none}a{color:#07c;display:inline-block;font-weight:500;padding:5px 0;text-decoration:none;transition:color .3s ease,-webkit-transform .3s ease;transition:color .3s ease,transform .3s ease;transition:color .3s ease,transform .3s ease,-webkit-transform .3s ease}a:hover{color:#059;-webkit-transform:scale(1.05);transform:scale(1.05)}body{background-color:#f5f5f5;font-family:Arial,sans-serif}h4{margin:20px 0}h4,h5{text-align:center}h5{font-weight:700;margin-top:40px}form{align-items:center;display:flex;flex-direction:column}.Grid{background-color:#fff;margin:0 auto;max-width:600px;padding:20px;width:100%}.Grid,.TableContainer{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.TableContainer{margin-top:20px}.TableHead{background-color:#e0e0e0}.TableCell{font-weight:700}.Button{margin-top:20px;padding:10px 20px}.Snackbar{bottom:20px;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.request-container{align-items:center;display:flex;flex-direction:column}.Grid-item-center,.button-class{justify-content:center}.Grid-item-center{align-items:center;display:flex}.app-container,body{margin:0;overflow-x:hidden}
/*# sourceMappingURL=main.ecbb2ef1.css.map*/