.ico1{display:block;height:3rem;margin-top:1rem}.forGrid,.forGrid2{align-items:center;display:flex;justify-content:center}.forGrid2{flex-direction:column}.table-search{border:1px solid #c7c7c7;border-radius:5px;height:25px;outline:none;padding:0 10px;width:200px}.closeButton1{background-color:#000;border-radius:50%;opacity:.7}.spacebetween{justify-content:space-between!important}.spacearound,.spacebetween{align-items:center!important;display:flex!important}.spacearound{justify-content:space-around!important}.buttonBarWrapper{align-items:center;background:#faebd7;border:2px solid #d9d9d9;border-radius:3px;border-right:none;display:flex;height:31px;justify-content:center;padding-left:6px}.buttonCoustom{display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.label{padding:4px 12px}.label,.monthlyLabel{align-items:center;border-radius:.25em;color:#fff;display:inline-flex;font-weight:700;justify-content:center;line-height:1;text-align:center;vertical-align:initial;white-space:nowrap}.monthlyLabel{padding:4px}.label-danger{background-color:#e91e63!important}.tabel_input{border:1px solid #ccc;border-radius:3px;outline:none;padding:0 10px;width:100px}.tabel_input:focus{box-shadow:2px 2px 4px #0000001a}.label-success{background-color:#66aa18!important}.label-late{background-color:#ff0;color:#000}.sunday{background-color:#8b008b}.holiday{background-color:#448bb4}.textDanger{color:#e91e63}.showDataComponent{color:#014f7c;font-size:13px}.studentImage{display:block;width:100px}.studentImage2{border-color:#1a73e8;border-style:solid;border-width:1px 2px;display:block;width:90%}.detailsStyle{border-color:skyblue #0000;border-style:solid;border-width:1px;display:inline-block;font-size:14px;margin:1px}.detailsStyleLeft{color:#03507c;padding-right:5px;text-align:right;width:40%}.detailsStyleRight{color:#2e2e2e;padding-left:5px;width:40%}.evenStyle{background-color:#b6e3f5}.oddStyle{background-color:#fff}.attendancetable th,td{padding:0!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#555}@font-face{font-display:swap;font-family:Dancing Script;font-style:normal;font-weight:400;src:url(/static/media/dancing-script-vietnamese-400-normal.608e7b2d4ae6bf473059.woff2) format("woff2"),url(/static/media/dancing-script-vietnamese-400-normal.2c07c72dd97de0d672af.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Dancing Script;font-style:normal;font-weight:400;src:url(/static/media/dancing-script-latin-ext-400-normal.11d74e43d26287abb252.woff2) format("woff2"),url(/static/media/dancing-script-latin-ext-400-normal.dc37eb9968e86a5d2ff3.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Dancing Script;font-style:normal;font-weight:400;src:url(/static/media/dancing-script-latin-400-normal.bc50a41ad00ff44cf4fd.woff2) format("woff2"),url(/static/media/dancing-script-latin-400-normal.66f0269cdd8a6f562053.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.templateStyle{align-items:center;display:flex}.template{width:40%}.template,.templateForm{align-items:center;display:flex;justify-content:center}.templateForm{width:60%}.template-card-zoom{align-items:"center";border:"1px solid #eee";display:"flex";flex-direction:"column";height:100%;justify-content:"center";margin:"20px";overflow:"hidden";transform:"scale(1)";transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.template-card-zoom:hover{box-shadow:0 4px 8px #0003;transform:scale(1.2);z-index:1}@media (max-width:768px){.templateStyle{align-items:center;flex-direction:column}.template{margin-bottom:20px}.template,.templateForm{align-items:center;display:flex;width:100%}.templateForm{justify-content:center}.gutter-row-data-col{border-radius:8px;justify-content:center;justify-content:space-evenly;width:100px}.data-item,.gutter-row-data-col{align-items:center;text-align:center}.data-item{display:flex;flex-direction:column;height:110px;justify-content:center;margin:3px 3px 9px;width:calc(100% - 4px)}.data-icon{height:70px;width:60px}.data-title{font-size:9px;font-size:.5 rem;font-weight:700;margin-top:10px}.hl{width:150px}}.data-container-box{align-items:center;display:flex;justify-content:flex-start;justify-content:center;margin:20px}.gutter-row-data-col{border-radius:8px;justify-content:center;justify-content:space-evenly;width:156px}.data-item,.gutter-row-data-col{align-items:center;text-align:center}.data-item{background-color:#fff;border:1px #b4b4b4;border-radius:8px;box-shadow:0 3px 3px #0000001f,0 1px 2px #0000003d;display:flex;flex-direction:column;height:125px;justify-content:center;transition:box-shadow .3s ease-in-out}.data-item:hover{box-shadow:0 5px 15px #010101}.data-icon{color:#f0f4f8;height:80px;padding-top:10px;width:70px}.data-title{font-size:10px;font-weight:700;margin-top:8px}@media (max-width:768px){.gutter-row-data-col{border-radius:8px;justify-content:center;justify-content:space-evenly;margin-top:"10px";width:100px}.data-item,.gutter-row-data-col{align-items:center;text-align:center}.data-item{display:flex;flex-direction:column;height:110px;justify-content:center;margin:3px 3px 9px;width:calc(100% - 4px)}.data-icon{height:70px;width:60px}.data-title{font-size:9px;font-size:.5 rem;font-weight:700;margin-top:10px}.hl{width:150px}}@media (max-width:300px){.admin-name{font-size:1rem}.admin-role{font-size:.8rem}.data-container-box{padding:0}.data-item{min-width:auto;width:100%}.data-icon{font-size:60px}.data-title{font-size:.4 rem}}.data-container-box-wallet{align-items:center;display:flex;justify-content:flex-start;justify-content:center;margin:20px;padding:20px}.gutter-row-data-col-wallet{width:0}.gutter-row-data-col-wallet,.gutter-row-data-col-wallet2{align-items:center;justify-content:center;justify-content:space-evenly;text-align:center}.gutter-row-data-col-wallet2{border-radius:8px;width:100%}.data-item-wallet{align-items:center;box-shadow:0 3px 3px #0000001f,0 1px 2px #0000003d;height:150px;justify-content:center}.data-item-wallet,.data-item-wallet2{background-color:#fff;border:1px #b4b4b4;display:flex;flex-direction:column;padding:20px;text-align:center;transition:box-shadow .3s ease-in-out}.data-item-wallet2{justify-content:space-between;min-height:150px}.data-item-wallet:hover{box-shadow:0 5px 15px #010101}.data-icon-wallet{color:#f0f4f8;height:300px;padding-top:10px;width:20%}.data-title-wallet{font-size:10px;font-weight:700;margin-top:8px}.data-container{align-items:center;border-radius:10px;display:flex;font-size:1.2rem;font-weight:700;justify-content:flex-start;justify-content:center;margin:10px}@media (max-width:768px){.gutter-row-data-col-wallet,.gutter-row-data-col-wallet2{align-items:center;border-radius:8px;justify-content:center;justify-content:space-evenly;text-align:center;width:100%}.data-item-wallet{align-items:center;display:flex;flex-direction:column;height:110px;justify-content:center;margin:3px 3px 9px;text-align:center;width:calc(100% - 4px)}.data-icon-wallet{height:70px;width:60px}.data-title-wallet{font-size:9px;font-size:.5 rem;font-weight:700;margin-top:10px}.hl{width:150px}}@media (max-width:300px){.admin-name{font-size:1rem}.admin-role{font-size:.8rem}.data-container-box-wallet{padding:0}.data-item-wallet{min-width:auto;width:100%}.data-icon-wallet{font-size:60px}.data-title-wallet{font-size:.4 rem}}