body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title-container{align-items:center;display:flex;padding-left:10px}.title-text{color:#4ec1c0;margin:10px}.top-nav-container{align-items:center;display:flex;justify-content:flex-start;padding:0}.nav-button{color:#4ec1c0;font-weight:700;padding:5px 20px;text-decoration:none}.nav-button.active,.sub-nav-container{background-color:#e8fbfa}.sub-nav-container{align-items:center;display:flex;justify-content:flex-start;padding:0}.sub-nav-button{background-color:#e8fbfa;color:#4ec1c0;font-weight:700;padding:5px 20px;text-decoration:none}.header{color:#4ec1c0}.data-container{padding-bottom:20px;padding-left:20px;padding-right:20px}.filter-label{margin-bottom:0;margin-top:0;padding-bottom:15px;padding-top:15px}.learner-select-container,.search-filter-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filterButton{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px}.list-container{background-color:#f9f9f9;border:1px solid #ccc;flex-grow:1;height:478px;overflow-y:auto}.list{list-style-type:none;margin:0;padding:0}.list li{border-bottom:1px solid #ccc;padding:10px}.list .availability-item{border-bottom:none;list-style-type:none;padding:5px}.list li a{text-decoration:none}.list li a,.list li a:visited{color:#007bff}.filters-and-list-container{display:flex;justify-content:space-between}.sidebar{margin-top:0;padding-left:20px;padding-top:0}.details-container{align-items:center}.details,.details-container{display:flex;justify-content:center}.details{background-color:#f9f9f9;border:1px solid #ccc;flex-grow:1;height:520px}.info-and-buttons-container{display:flex;flex-direction:column;justify-content:space-between}.name-details-group{align-items:center;display:flex;justify-content:space-between}.name-details-label{margin:0;padding-right:10px;padding-top:20px;width:100px}.name-details-group p{border:1px solid #ccc;border-radius:4px;gap:5px;margin:0;padding:3px;width:276px}.contact-details-group{align-items:center;display:flex;justify-content:space-between;padding-top:10px}.contact-details-label{margin:0;width:100px}.contact-details-group p{border:1px solid #ccc;border-radius:4px;gap:5px;margin:0;padding:3px;width:276px}.details-group{align-items:center;display:flex;justify-content:space-between;padding-top:10px}.details-label{margin:0;width:100px}.details-group p{gap:5px;margin:0;padding:3px;width:573px}.details-name-container{padding-top:20px}.details-contact-container,.details-name-container{display:flex;gap:10px;padding-left:21px}.levels-details-label{margin:0;padding-top:18px}.levels-list{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;list-style-type:none;margin:0;padding-left:135px}.availability-list-container{display:flex;justify-content:end;padding-top:20px}.availability-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;justify-content:end;list-style-type:none;margin:0;padding:0}.availability-list li{align-items:center;display:flex;gap:10px;justify-content:flex-end}.time-box-container{display:flex;gap:10px}.time-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;min-width:80px;padding:3px 8px;text-align:center}.buttons-container{display:flex;justify-content:space-between;padding-bottom:20px}.match-and-edit-buttons{display:flex;gap:10px}.delete-button{background:none;border:none;color:red;cursor:pointer;font-size:16px}.delete-message{color:red;display:flex;gap:10px;margin:0}.delete-message p{margin:0}.learner-match-name{display:flex;justify-content:space-between}.matches-list{list-style-type:none;margin:0;padding:0}.matches-list li{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.matches-list li a{color:#007bff;text-decoration:none}.matches-list li a:visited{color:#007bff}.match-match-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;margin-left:10px}@media (max-width:768px){.data-container{padding-left:10px;padding-right:10px}.details-container,.form-container,.instructions-container{align-items:stretch}.details,.form,.instructions{flex-direction:column;height:auto;padding:10px}.contact-container,.name-container{flex-direction:column;padding-left:0}.availability-container,.gender-container,.level-container{grid-template-columns:1fr;padding-left:0}.user-form-group{align-items:flex-start;flex-direction:column;width:100%}.user-form-input-container{justify-content:flex-start;margin-left:0;width:100%}.user-form-input-container input{flex-basis:100%;max-width:100%}.contact-details-group,.details-group,.name-details-group{align-items:flex-start;flex-direction:column}.contact-details-label,.details-label,.name-details-label{padding-right:0;width:100%}.contact-details-group p,.details-group p,.name-details-group p{width:100%}.details-contact-container,.details-name-container{flex-direction:column;padding-left:0;width:250px}.levels-list{grid-template-columns:1fr;padding-left:0}.availability-list,.availability-list-container{justify-content:flex-start}.availability-list{grid-template-columns:1fr}.time-box-container{flex-wrap:wrap}.learner-select-container{align-items:stretch;flex-direction:column}.list-container{height:auto}}.header-and-errors-container{display:flex;gap:30px}.batch-error-list,.error-list{color:red;list-style-type:none;padding-left:20px}.batch-error-list{margin-top:0}.form-container{align-items:center}.form,.form-container{display:flex;justify-content:center}.form{background-color:#f9f9f9;border:1px solid #ccc;flex-grow:1;height:540px;padding-top:20px}.form-group{align-items:center;display:flex;margin-bottom:10px}.input-label{margin:0;width:100px}.preferences-label{margin:0;padding-top:7px}.select-label{margin:0;padding-bottom:20px;padding-top:10px}.input-container{display:flex;flex-grow:1;justify-content:flex-end}.input-container input{border:1px solid #ccc;border-radius:4px;flex-basis:45%;margin-left:10px;padding:5px}.name-container{padding-top:20px}.contact-container,.name-container{display:flex;gap:10px;padding-bottom:10px;padding-left:20px}.level-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding-left:125px}.level-container div{align-items:center;display:flex}.availability-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.availability-container div{align-items:center;display:flex;justify-content:flex-end}.availability-container label{margin-right:10px}.availability-container select{border:1px solid #ccc;border-radius:4px;padding:5px;width:120px}.gender-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding-left:25px}.gender-container div{align-items:center;display:flex;justify-content:flex-end}.gender-container label{margin-right:10px}.gender-container select{border:1px solid #ccc;border-radius:4px;padding:5px;width:120px}.button-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.user-form-group{align-items:center;display:flex;margin-bottom:10px;width:710px}.user-form-label{margin:0;width:100px}.user-form-input-container{display:flex;flex-grow:1;justify-content:flex-end;margin-left:17px}.user-form-input-container input{border:1px solid #ccc;border-radius:4px;flex-basis:calc(100% - 100px);margin-left:10px;max-width:580px;padding:5px}.csv-upload-box{background-color:#f9f9f9;border:1px solid #ccc;display:flex;flex-direction:column;flex-grow:1;height:500px;justify-content:flex-start;overflow-y:auto}.csv-upload-container{height:400px;padding:40px}.csv-upload-border{border:2px dashed #ccc;height:100%;width:100%}.csv-file-input{height:100%;opacity:0;width:100%}.csv-file-label{padding-top:20px;text-align:center;width:100%}.csv-preview{width:300px}.data-preview-card{border-bottom:1px solid #ccc;padding-left:20px;padding-right:10px}.preview-header{align-items:center;display:flex;justify-content:space-between}.csv-error-message{color:red;margin-top:0}.csv-email{margin-top:0}.csv-button-container{display:flex;gap:10px;justify-content:center;margin-top:10px}.upload-type-toggle{display:flex;gap:10px}.instructions-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px}.toggle-and-instructions-container{display:flex;justify-content:space-between;margin-bottom:20px}.instructions{background-color:#f9f9f9;border:1px solid #ccc;display:flex;flex-grow:1;height:540px;justify-content:left;padding-left:30px;padding-right:30px;padding-top:10px}.instructions-container{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.form-container{align-items:stretch}.form{flex-direction:column;height:auto;padding:10px}.header-and-errors-container{flex-direction:column;gap:10px}.form-group{align-items:flex-start;flex-direction:column}.input-label{margin-bottom:4px;width:100%}.input-container{flex-direction:column;gap:10px;justify-content:flex-start;width:100%}.input-container input{flex-basis:100%;margin-left:0;width:250px}.contact-container,.name-container{flex-direction:column;padding-left:0;padding-right:0}.availability-container,.gender-container,.level-container{grid-template-columns:1fr;padding-left:0}.availability-container div,.gender-container div{justify-content:flex-start}.button-container{align-items:stretch;flex-direction:column}.csv-upload-container{height:auto;padding:10px}.csv-upload-box{height:auto}.toggle-and-instructions-container{align-items:flex-start;flex-direction:column}}.add-container{display:flex;gap:10px;padding-bottom:20px}.remove-button{background:none;border:none;color:red;cursor:pointer;font-size:16px}.conversation-list{list-style-type:none;margin:0;padding:0}.conversation-list li{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.conversation-list li a{color:#007bff;text-decoration:none}.conversation-list li a:visited{color:#007bff}
/*# sourceMappingURL=main.75400bec.css.map*/