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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.overlay{background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;display:block;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.content{background-color:#fff;border-radius:.25rem;margin:15% auto;padding:2rem;position:relative;width:50vw}.error-modal{background-color:#fff;border-radius:5px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);color:red;font-size:18px;font-weight:500;height:100px;margin-top:10px;-webkit-transform:translateY(-275px) translateX(300px);transform:translateY(-275px) translateX(300px);transition:all .4s ease;width:300px;z-index:1}.error-text{margin-bottom:20px}*{box-sizing:border-box}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}[class*=col-]{border:1px solid red;float:left;padding:15px}.header-container{align-items:center;background-color:#2a57a7;background-color:var(--main-bg-color);color:#fff;color:var(--main-color);display:inline-flex;font-size:calc(10px + 2vmin);justify-content:center;min-height:10vh;width:100vw}.header-row-1{width:20%}.header-row-2{width:50%}.header-row-3{width:20%}:root{--main-bg-color:#2a57a7;--main-color:#fff}body{background-color:#fff;background-color:var(--main-color);color:#2a57a7;color:var(--main-bg-color);font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;height:100%;line-height:1.6em;margin:0;text-align:center}a{color:#000;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.body-container{height:90%}.attendance-container,.log-in{display:inline-block;width:100%}.log-in{height:100%}.login-container{display:inline-block;width:100%}.login-container button{border:2px solid #fff;border-radius:0;color:#fff;font-size:18px;height:3em;margin:0;padding:2px;width:49%}.login-container input{margin:20px 0}.login-field{margin:0 auto;width:50%}.login-container a{color:#a50fe1;cursor:pointer;text-decoration:none}.login-container a:hover{text-decoration:underline}.create-course-field{width:100%}.create-course-field,.pay-rate{border:2px solid #d3d3d3;border-radius:5px;font-size:16px}.pay-rate{width:100px}.btn-all{background:-moz-linear-gradient(top,#faa51a,#f47a20);border:1px solid #2a57a7;border:1px solid var(--main-bg-color);border-radius:18px;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#faa51a",endColorstr="#f47a20");font:14px/100% Arial,Helvetica,sans-serif;height:35px;margin:.5em 1em .5em 0;outline-offset:4px;padding:0;width:125px}.btn-user-info{border:3px solid #333;border-radius:50%;height:50px;width:50px}.btn-sign-out{background:-moz-linear-gradient(top,#faa51a,#f47a20);border:1px solid #2a57a7;border:1px solid var(--main-bg-color);border-radius:18px;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#faa51a",endColorstr="#f47a20");font:14px/100% Arial,Helvetica,sans-serif;height:25px;outline-offset:4px;padding:0;width:100%}.create-group-add-btn{font-size:20px;font-weight:700}.create-group-students{display:flex;flex-direction:column}.filter-attendance,.select-ttutor-date{margin:auto;width:90%}.filter-attendance{padding:1em}.modify-attendance-field{display:flex}.modify-attendance-block{margin:auto;width:70%}.student-attendance{display:flex}.student-attendance div{width:150px}.create-group-div{margin:0 auto;padding:20px;width:50%}.create-invoice-div{display:block;margin:20px auto;padding-bottom:15px;width:70%}.userEmail{font-size:12px}.flex-block{display:flex}.option-block{display:block}.select-pair{display:flex;margin-bottom:20px}.login-page{background-image:url(/static/media/rm373batch13-085.de0a516920a715b80b69.jpg);background-size:100% 100%;display:inline-block;height:100%;width:100%}.login-card{max-height:550px;max-width:375px;min-height:550px;min-width:375px}.login-card,.login-card-mobile{background-color:#fff;border:2px solid blue;border-radius:10px;margin:3em auto}.login-card-mobile{max-height:500px;max-width:300px;min-height:500px;min-width:300px}.login-title{font-size:32px;margin-top:40px}.total_payout{color:#000;font-size:14px;margin-top:20px}.tutorInfo{color:#000;display:flex;font-size:12px;justify-content:space-evenly;margin:auto 0;text-align:center}.tutorItem{color:#000;text-align:left}.analytics-charts{height:100%;margin:auto;padding-bottom:40px;padding-top:40px;width:90%}.button-nav-group{margin-top:50px}.side-by-side{display:flex;justify-content:center}.times{margin:10px}.break-selector{margin:auto 0;padding-left:10px;text-align:center}.view-timesheet-block{display:block}.help-main{font-size:14px;margin-left:10em;text-align:left}.help{margin-top:1em;text-align:left}.help-tab{margin-left:4em;text-align:left}.help-tab2{margin-left:8em;text-align:left}.date-flex{display:flex}.day-space{margin-right:.5em}.total-payout{font-size:13px}.btn-add-icon{padding-right:2em}.title-bar{margin:1em}.data-input-section{height:85%;overflow-y:scroll}.confirm-statement{font-size:1em}.ts-entry-row{margin-bottom:1em;width:100%}.solo-name{margin-top:1em;width:50%}.modify-ts-top{display:inline-flex;width:90%}.item-list{float:left;height:80%;margin-left:-5px;overflow-y:scroll;padding:0 2em 2em;position:relative;width:100%}.item-container{border-bottom:1px solid #c8cbfc;justify-content:space-between;padding:1em 0;width:90%}.add-item-box,.item-container{align-items:center;display:flex;margin-left:2em}.add-item-box{background:#e6e6e6;color:#000;margin-bottom:1em;margin-top:1em;min-height:3em;padding:5px;width:75%}.add-item-box svg{margin:5px}.add-item-input{background:transparent;border:none;box-sizing:border-box;color:#000;height:30px;width:75%}input::-webkit-input-placeholder{color:#ec645b}input:-ms-input-placeholder{color:#ec645b}input::placeholder{color:#ec645b}input:focus{outline:0}.tutor-list-header-container{align-items:center;border-bottom:1px solid #c8cbfc;display:flex;justify-content:space-between;margin-left:4em;padding:2em 0 1em;width:80%}.tutor-list-header{width:65%}.item-info{display:inline-flex;font-size:.8em;text-align:left;width:75%}.placement-list-name{width:50%}.placement-list-rate{width:20%}.placement-list-start{width:35%}.placement-list-subject{width:15%}.placement-list{width:20%}.placement-whole{display:flex;height:80%}.placement-right-side{border-left:1px solid #c8cbfc;height:100%;width:60%}.placement-left-side{height:100%;width:40%}.invoice-thirds{border-left:1px solid #c8cbfc;color:#000;width:33%}.invoice-title{margin-bottom:2em}.invoice-detail{font-size:.85em}.invoice-history-table{margin:0 auto;padding:1em;width:80%}.invoice-history-row{display:flex}.invoice-history-column{font-size:.85em;text-align:left;width:50%}.placement-select-tutor-div{height:15%;width:90%}.invoice-date{margin:0 auto;padding:.5em;width:70%}.number-tutors{padding-left:25%;text-align:left}.tutor-list-header{display:inline-flex;font-size:.8em;text-align:left;width:75%}.mobile-create-group-div,.mobile-login-field{margin:0 auto;padding:20px;width:90%}.topbar{background:#fff;border-bottom:1px solid #cdcdd7;height:10%;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.topbarWrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px}.logo{color:#00008b;cursor:pointer;font-size:30px;font-weight:700}.logo,.topbarIconContainer{display:flex}.topbarIcons{cursor:pointer;padding-right:20px}.topAvatar{border-radius:50%;cursor:pointer;height:35px;width:35px}.dropdown{align-items:center;display:flex;height:10vh;justify-content:space-around;width:100%}.dropdown .nav-btn{background:none;border:none;color:#2a57a7;cursor:pointer;font-size:18px;margin-left:20px;width:35px}.dropdown button:hover{color:#d3d3d3}.dropdown button:focus+ul{background-color:#fff;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);opacity:1;overflow-x:hidden;overflow-y:auto;pointer-events:fill;position:absolute;-webkit-transform:translateY(0) translateX(-140px);transform:translateY(0) translateX(-140px)}.bottom-nav{background-color:green;height:100px;width:100%}.version{font-size:10px;padding-left:5px}.space{padding-left:10px}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.app-container{background-color:#f5f5f5;height:100vh}.page-container{height:100%}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.aa32e25f.css.map*/