@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.content-container{position:relative;overflow:hidden;height:100%;padding-top:70px;transition:225ms cubic-bezier(.4,0,.6,1)}@media (min-width: 1200px){.open-sidebar{width:calc(100% - 300px);margin-left:300px}.close-sidebar{width:calc(100% - 65px);margin-left:65px}}.class-list_detail li{display:flex;align-items:center;justify-content:start}.class-list_detail li p{font-weight:500;font-size:16px;width:50%;margin:0 0 15px}.class-list_detail li span{font-weight:700;font-size:16px;color:#3f3f3f}.teacher-list{padding-left:40px}.teacher-list_detail{display:flex;align-items:center;margin-bottom:20px}.teacher-list_detail .teacher-img{width:100px;height:120px;border-radius:12px;background-size:cover;background-position:center}.teacher-list_detail .teacher-infor{padding-left:30px;display:flex;flex-direction:column;justify-content:space-between}.teacher-list_detail .teacher-infor p{font-weight:700;font-size:18px;color:#3f3f3f;margin:0 0 16px}.teacher-list_detail .teacher-infor p:last-child{margin:0}.right-content_btn{width:100%;margin-top:20px;display:flex;justify-content:center}.right-content_btn button{font-weight:600;font-size:16px;line-height:22px;display:flex;align-items:center;text-align:center;color:#fff;background:#0fd0fb;border-radius:4px;border:none;padding:10px;cursor:pointer}.payment-status{display:flex;align-items:center;justify-content:end;margin-bottom:16px}.payment-status p{margin:0;padding-right:16px}.payment-class-detail{height:calc(100vh - 275px)}.payment-class-detail .MuiDataGrid-footerContainer{position:initial}.payment-class-detail .table-payment-class td,.payment-class-detail .table-payment-class th{padding:8px;border:.5px solid #d1d3e2}.payment-class-detail .table-payment-class th{font-weight:600}.detail-info{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;row-gap:10px;column-gap:10px;height:100%}.info-box{height:100%;background:#e9ebf4;border-radius:20px;padding:24px 16px;flex:1;box-sizing:border-box}.info-box h3{margin-top:0}.info-box:hover>.info-box__list-content::-webkit-scrollbar{width:6px}.info-box__list-content{position:relative;overflow:auto;height:100%}.info-box__list-content::-webkit-scrollbar{width:0;height:6px}.info-box__list-content::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:6px}.info-box__list-content::-webkit-scrollbar-track{background:transparent}.info-content{height:fit-content}.info-content__title{font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;color:#3f3f3f;margin:0 0 19px}.info-line{width:100%;display:flex}.info-line__name,.info-line__value{font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;color:#3f3f3f;margin:0 0 15px;width:40%}.info-line__name:before{content:"•";font-size:10pt;margin:0 10px}.info-line__value{font-weight:600;width:50%}.teachers-of-class .teachers-list-info{padding:0 20px;display:flex;flex-direction:column}.teachers-of-class .teachers-list-info__postion{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:18px;color:#3f3f3f}.teachers-of-class .teachers-list-info__list{display:flex;flex-direction:column;gap:20px}.teachers-of-class .teachers-list-info__list__teachers{display:flex;align-items:flex-start;gap:24px}.teachers-of-class .teachers-list-info__list__teachers__avatar{width:120px;height:120px;border-radius:16px}.teachers-of-class .teachers-list-info__list__teachers__more-info__name,.teachers-of-class .teachers-list-info__list__teachers__more-info__birthday,.teachers-of-class .teachers-list-info__list__teachers__more-info__phone{margin:0;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:18px;color:#3f3f3f}.teachers-of-class .teachers-list-info__list__teachers__more-info__name{line-height:25px;margin-bottom:9px}.teachers-of-class .teachers-list-info__list__teachers__more-info__phone{font-size:16px;line-height:22px}.teachers-of-class .teachers-list-info__list__teachers__more-info__phone span{font-weight:400}.page-detail-wrapper{margin:20px}.page-detail-wrapper__header{display:flex;align-items:center;justify-content:space-between;gap:10px;top:70px;left:20px;right:20px;padding:20px;background-color:#fff;z-index:5;transition:left 225ms cubic-bezier(.4,0,.6,1)}.page-detail-wrapper__back-icon{padding:0!important}.page-detail-wrapper__body{padding:0 20px 20px}.page-detail-wrapper .save-btn{margin-left:auto;color:#fff;background-color:#43a047}.page-detail-wrapper .save-btn:hover{-webkit-text-decoration:none;text-decoration:none;background-color:#2e7031;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}@media (max-width: 600px){.page-detail-wrapper h4{font-size:20px}}@media (min-width: 1200px){.wrapper-with-sidebar{left:320px}.wrapper-no-sidebar{left:85px}}.home{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;min-height:70vh}.home img{max-width:200px;height:auto}.header{width:100%;display:flex;align-items:center;background-color:#4b61da;position:fixed;top:0;padding:15px;z-index:4;transition:225ms cubic-bezier(.4,0,.6,1)}.header .logo{height:40px}.header .menu-icon{margin-right:20px;cursor:pointer}@media (min-width: 1200px){.header.with-sidebar{margin-left:300px}.header.not-sidebar{margin-left:65px}}.sidebar-menu{padding:5px 0;color:#0009}.sidebar-menu--title{display:flex;justify-content:space-between;padding:10px 10px 10px 20px;border-radius:0 20px 20px 0;cursor:pointer}.sidebar-menu--title:hover{background:rgba(179,179,179,.5);font-weight:700}.sidebar-menu--title p{margin:0 0 0 10px;font-weight:500}.sidebar-menu--child{padding:5px 5px 5px 55px;border-radius:0 20px 20px 0;cursor:pointer}.sidebar-menu--child:hover{background:rgba(179,179,179,.5);font-weight:500}.sidebar-menu--child.active{font-weight:700;color:#3f51b5}.item-flex{display:flex!important;padding:0 17px!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:#f4f4f7;color:#0009}.app{height:100%}