body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-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)}}@media only screen and (max-width:1190px){.header-bar-lg{display:none}}@media only screen and (min-width:1191px){.left-bar-menu-sm{display:none}}.nav-box{width:100%;height:55px;border-radius:0 0 35px 35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.1);display:flex;flex-direction:row;justify-content:space-between;position:fixed;z-index:1000}.nav-title-logo{font-family:Kanit;font-weight:400;font-size:1.5rem;text-align:left;margin:.5rem 1rem;color:#134e96}.nav-title{display:flex;flex-direction:row;height:100%;margin-left:2rem;margin-top:.5rem}.nav-title img{height:65%}.h55px{height:59px}.txt-top-title{text-align:left;width:45%;display:inline}.txt-top-title,.txt-top-title-by-nile{font-family:Kanit;font-weight:400;font-size:1.5rem;color:#134e96;text-shadow:3px 3px 9px rgba(0,0,0,.16)}.txt-top-title-by-nile{text-align:center}.txt-under-title{font-weight:400;font-size:1.2rem;color:#7b7b7b;padding:0}.txt-sub-header1,.txt-under-title{font-family:Kanit;text-align:left;margin:0}.txt-sub-header1{font-weight:500;font-size:1rem;color:#707070}.txt-sub-header1-by-nile{font-family:Kanit;font-weight:500;font-size:1.3rem;text-align:center;color:#707070;padding-top:20px}.txt-higlight1{font-size:2rem;color:#a7a7a7;white-space:nowrap}.txt-higlight1,.txt-main-content1{font-family:Kanit;font-weight:400;text-align:left;margin:0}.txt-main-content1{font-size:1.2rem;color:#403d3d}.txt-sub-explanation1{font-size:.8rem;margin:0}.txt-main-content3{font-family:Kanit;font-weight:400;font-size:1.2rem;text-align:left;color:#a7a7a7}.txt-main-content4{font-size:1rem;padding:0;margin:0}.txt-main-content2,.txt-main-content4{font-family:Kanit;font-weight:400;text-align:left;color:#7b7b7b}.txt-main-content2{font-size:1.2rem}.txt-sub-explanation1{font-size:14px}.txt-sub-explanation1,.txt-unfocus1{font-family:Kanit;font-weight:400;text-align:left;color:#7b7b7b}.txt-unfocus1{font-size:9px}.txt-sub-explanation1-by-nile{font-size:14px;margin-top:10px}.txt-sub-explanation1-by-nile,.txt-unfocus1-by-nile{font-family:Kanit;font-weight:400;text-align:center;color:#7b7b7b}.txt-unfocus1-by-nile{font-size:11px}.txt-sub-header1-light{font-weight:lighter}.txt-sub-header1-font-weight-400,.txt-sub-header1-light{font-family:Kanit;font-size:1rem;text-align:left;color:#707070;margin:0}.txt-sub-header1-font-weight-400{font-weight:400}.text-header-center-by-nile{font-family:Kanit;font-weight:400;font-size:1.3rem;text-align:center;font-size:2rem;color:#5a5959;margin:10px}.mt-20px{margin-top:20px}.mb-20px{margin-bottom:20px}.mb-10px{margin-bottom:10px}.text-color-success-by-nile{color:#69ea87}.text-color-error-by-nile{color:#ea6969}.text-in-card-detail-user-log-by-nile{font-family:Kanit;font-weight:400;font-size:18px;text-align:left;color:#7b7b7b}.txt-header-Dashboard{text-align:left;color:hsla(0,0%,48.2%,.48627450980392156)}.txt-header-Dashboard,.txt-header-time-Dashboard{font-family:Kanit;font-weight:400;font-size:1.2rem}.txt-header-time-Dashboard{text-align:right;color:#7b7b7b}.txt-top-title-school-by-nile{font-family:Kanit;font-weight:400;font-size:1.5rem;color:#134e96;text-shadow:3px 3px 9px rgba(0,0,0,.16);text-align:left}.txt-top-show-content-by-nile{font-family:Kanit;font-weight:400;font-size:20px;text-align:left;color:#7b7b7b;margin:0}.txt-top-show-header-by-nile{font-family:Kanit;font-weight:400;font-size:20px;color:#cbcbcb;margin:0}@media only screen and (max-width:1199px){.txt-top-title-school-by-nile,.txt-under-title{text-align:center}}@media only screen and (max-width:767px){.txt-header-Dashboard{display:none}.txt-header-time-Dashboard{text-align:center}}@media only screen and (min-width:767px){.txt-header-time-Dashboard{text-align:right}}.nav-button{color:#7b7b7b}.active-navbar,.nav-button{font-family:Kanit;font-weight:400;font-size:1.2rem;background-color:#fff;text-align:left;border:none;height:100%;margin:0 2rem;cursor:pointer;transition:border .1s}.active-navbar,.nav-button:active{color:#134e96;border-bottom:2px solid #134e96}.nav-button:hover{color:#134e96}.nav-button:focus{color:#134e96;border-bottom:2px solid #134e96}.button-pagination{width:42px;height:42px;border-radius:11px;box-shadow:0 0 14px rgba(19,78,150,.09);border:none;color:#7b7b7b;margin:0 .5rem}.button-pagination,.icon-txt-button{background:#fff;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;cursor:pointer}.icon-txt-button{border-radius:12px;box-shadow:3px 3px 14px rgba(19,78,150,.09);border:none;color:#134e96;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;width:100%;height:40px;margin-top:20px}.icon-txt-button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);box-shadow:0 0 35px rgba(19,78,150,.18)}.div-menu-mobile-list{margin-bottom:20px}.nav-button-mb{color:#7b7b7b}.active-navbar-mb,.nav-button-mb{font-family:Kanit;font-weight:400;font-size:1.2rem;background-color:#f8f9fe;text-align:left;border:none;margin:0 2rem;cursor:pointer;transition:border .1s}.active-navbar-mb,.nav-button-mb:active{color:#134e96;border-bottom:2px solid #134e96}.nav-button-mb:hover{color:#134e96}.nav-button-mb:focus{color:#134e96;border-bottom:2px solid #134e96}.button-pagination-mb{width:42px;height:42px;border-radius:11px;box-shadow:0 0 14px rgba(19,78,150,.09);border:none;color:#7b7b7b;margin:0 .5rem}.button-pagination-mb,.icon-txt-button-mb{background:#fff;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;cursor:pointer}.icon-txt-button-mb{border-radius:12px;box-shadow:3px 3px 14px rgba(19,78,150,.09);border:none;color:#134e96;padding:.25rem 3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;margin:0 1rem}.icon-button{margin:0 1rem;font-size:1.2rem}.icon-button,.icon-button-by-nile{border-radius:12px;background:#fff;box-shadow:3px 3px 14px rgba(19,78,150,.09);color:#134e96;padding:.5rem 2rem;border:none;cursor:pointer}.icon-button-by-nile{font-size:1rem;width:100%}.icon-button-by-nile:hover,.icon-txt-button2-by-nile:hover{box-shadow:0 0 14px rgba(19,78,150,.09)}.icon-txt-button2-by-nile{border-radius:12px;background:#fff;box-shadow:3px 3px 14px rgba(19,78,150,.09);color:#134e96;padding:.5rem 2rem;border:none;font-size:1rem;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:500;width:100%}.icon-txt-button2{margin:0 1rem;font-weight:500}.primary-button{border-radius:12px;background:#134e96;box-shadow:3px 3px 14px rgba(19,78,150,.09);font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#fff;border:none;cursor:pointer;padding:.7rem 2rem}@-webkit-keyframes onMouseUp{0%{outline:0 solid rgba(19,78,150,0)}25%{outline:5px solid rgba(19,78,150,.24)}50%{outline:5px solid rgba(19,78,150,.18)}to{outline:5px solid rgba(19,78,150,0)}}@keyframes onMouseUp{0%{outline:0 solid rgba(19,78,150,0)}25%{outline:5px solid rgba(19,78,150,.24)}50%{outline:5px solid rgba(19,78,150,.18)}to{outline:5px solid rgba(19,78,150,0)}}#unclick{outline:none}#click{-webkit-animation:onMouseUp .5s ease-in-out alternate;animation:onMouseUp .5s ease-in-out alternate}.floating-button{width:65px;height:65px;color:#fff;background:#134e96;border:none;border-radius:50%;position:fixed;right:6%;bottom:6%;font-size:1.5rem;text-align:center;padding:0;margin:0;-webkit-filter:drop-shadow(3px 3px 9px rgba(19,78,150,.16));filter:drop-shadow(3px 3px 9px rgba(19,78,150,.16))}.floating-button:hover{-webkit-filter:brightness(129%);filter:brightness(129%)}.floating-button:active:hover{-webkit-filter:brightness(89%);filter:brightness(89%)}.floating-button:target{animation:onMouseUp 1s ease-in-out reverse;-webkit-animation-iteration-count:1;animation-iteration-count:1}.button-setting{font-family:Kanit;font-weight:400;font-size:1.2rem;background-color:#fff;text-align:left;color:#7b7b7b;border:none;height:100%;margin:0 2rem;cursor:pointer;transition:border .1s}.button-setting:active{color:#134e96}.primary-button-by-nile{border-radius:19px;background:#134e96;box-shadow:3px 3px 14px rgba(19,78,150,.09);font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#fff;border:none;cursor:pointer;padding:.7rem 2rem;width:250px;display:block;margin:auto}.primary-button-by-nile:hover{-webkit-filter:brightness(129%);filter:brightness(129%)}.primary-button-by-nile:active:hover{-webkit-filter:brightness(89%);filter:brightness(89%)}.icon-txt-button2{border-radius:12px;background:#fff;box-shadow:3px 3px 14px rgba(19,78,150,.09);border:none;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#134e96;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;padding:.5rem 2rem}.icon-txt-button2:hover{-webkit-filter:brightness(120%);filter:brightness(120%);box-shadow:0 0 14px rgba(19,78,150,.18)}.text-button{border-radius:12px;background:#fff;box-shadow:3px 3px 14px rgba(19,78,150,.09);border:none;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#134e96;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;padding:.5rem 5rem}.text-button:hover{-webkit-filter:brightness(120%);filter:brightness(120%);box-shadow:0 0 14px rgba(19,78,150,.18)}.primary-button2{border-radius:12px;background:#134e96;box-shadow:3px 3px 14px rgba(19,78,150,.09);font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#fff;border:none;cursor:pointer;padding:.5rem 5rem}.primary-button:hover{-webkit-filter:brightness(129%);filter:brightness(129%)}.primary-button:active:hover{-webkit-filter:brightness(89%);filter:brightness(89%)}.px-6per{padding:0 6%}.row-sb-m-2{display:flex;flex-direction:row;justify-content:space-between;margin:0 2rem}.row-jcen,.row-jcen-pt2{display:flex;flex-direction:row;justify-content:end}.row-jcen-pt2{padding-top:2rem}.row-sb{display:flex;flex-direction:row;justify-content:space-between;margin:0;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.col-st,.col-st-gab1{display:flex;flex-direction:column;justify-content:start}.col-st-gab1{grid-row-gap:1rem;row-gap:1rem}.row-jcst-atfs{justify-content:center;align-items:flex-start;margin:0}.row-jcst-atfs,.row-sb-pt2{display:flex;flex-direction:row;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.row-sb-pt2{justify-content:space-between;margin:2rem 0 0}.row-jcct{justify-content:center}.row-jcct,.row-jcsb{display:flex;flex-direction:row}.row-jcsb{justify-content:space-between}.row-jcst{display:flex;flex-direction:row;justify-content:start}.row-jcsb-px2{padding:0 3rem 0 2rem}.row-jcsb-px2,.row-jcsb-px2-gab2{display:flex;flex-direction:row;justify-content:space-between}.row-jcsb-px2-gab2{padding:0 2rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.mx{margin:0 1rem;height:100%;flex-direction:row;justify-content:space-between}.col-jcct-scrol-70perh,.mx{display:flex;align-items:center}.col-jcct-scrol-70perh{flex-direction:column;justify-content:center;width:100%;height:70%;overflow-y:scroll;overflow-x:visible}.table-jcct{grid-template-columns:auto auto auto auto auto}.grid2x2,.table-jcct{display:grid;justify-content:center}.grid2x2{grid-template-columns:auto auto;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.row-jcct-px2{display:flex;flex-direction:row;justify-content:center;padding-left:2rem;padding-right:2rem}.col-jcst-atct{display:flex;flex-direction:column;justify-content:start;align-items:center;grid-row-gap:.7rem;row-gap:.7rem}.row-jcct-my2{margin:1.5rem 0}.row-jcct-my1,.row-jcct-my2{display:flex;flex-direction:row;justify-content:center}.row-jcct-my1{margin:1rem 0}.col-jcst-atst{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}.col-jcst-atct-gab1{display:flex;flex-direction:column;justify-content:start;align-items:center;grid-row-gap:1rem;row-gap:1rem}.row-jcsb-w100{display:flex;flex-direction:row;justify-content:space-between;width:100%}.col-jcct-atct{justify-content:center;align-items:center}.col-gab1,.col-jcct-atct{display:flex;flex-direction:column}.col-gab1,.col-gab1-w50{grid-row-gap:1rem;row-gap:1rem}.col-gab1-w50{display:flex;flex-direction:column;width:50%}.row-gab2{display:flex;flex-direction:row;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.row-gab2-w100{align-items:flex-end}.row-gab1{display:flex;flex-direction:row;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.row-jcct-py1-5{padding:1.5rem 0}.row-jcct-py1-5,.row-jcct-py2{display:flex;flex-direction:row;justify-content:center}.row-jcct-py2{padding:2rem 0}.row-jcct-py2-gab2{padding:2rem 0;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.row-jcct-pt2,.row-jcct-py2-gab2{display:flex;flex-direction:row;justify-content:center}.row-jcct-pt2{padding:1rem 0 .5rem}.row-jcct-pt2-2{padding:2rem 0 .5rem}.row-jcct-pt2-2,.row-jcst-atct{display:flex;flex-direction:row;justify-content:center}.row-jcst-atct{align-items:center;margin:0;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.row-jcct-gab2{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.row-jcct-gab2,.row-jcct-py{display:flex;flex-direction:row;justify-content:center}.row-jcct-py{padding:.5rem 0}.col-aict,.col-aict-gab2{display:flex;flex-direction:column;align-items:center}.col-aict-gab2{grid-row-gap:2rem;row-gap:2rem}.row-jcfe-my2{display:flex;flex-direction:row;justify-content:flex-end;margin:2rem 0;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.col-jcfs,.col-jcfs-w100{display:flex;flex-direction:column;align-items:flex-start}.col-jcfs-w100{width:100%}.col-jcfs-w100-gab1{display:flex;flex-direction:column;align-items:flex-start;width:100%;grid-row-gap:1rem;row-gap:1rem}.row-jcsb-atct{display:flex;flex-direction:row;justify-content:space-between;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;align-items:center}.col-mt-w100{margin-top:2rem;width:100%}.col,.col-mt-w100{display:flex;flex-direction:column}.row-gab2-w100{width:100%}.row-gab2-mt2,.row-gab2-w100{display:flex;flex-direction:row;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.row-gab2-mt2,.row-gab2-my2{margin-top:2rem}.row-gab2-my2{display:flex;flex-direction:row;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;margin-bottom:2rem}.cursor-pointer{cursor:pointer}.header-graph{justify-content:space-between}.header-device,.header-graph{display:flex;flex-direction:row;padding:1rem 1rem 0}.header-device{justify-content:center}.box-device{height:277px;margin:0 1rem}.box-device,.box-device-by-nile{width:536px;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:flex;flex-direction:column;justify-content:start;white-space:nowrap;padding:1rem}.box-device-by-nile{margin:10px}.box-graph-donut{width:15%;height:15%}.each-box-device{width:100%;height:65%;overflow:scroll;display:flex;flex-direction:row;box-sizing:border-box}.box-table{width:50%;height:400px}.box-table,.box-table-by-nile{border-radius:14px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-bottom:2rem}.box-table-by-nile{height:600px}.box-realtime{width:96%;height:72px;border-radius:25px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);padding:.5rem .25rem;margin-top:1rem;margin-bottom:1rem}.divider{width:2px;height:24px;background:#f0f0f0}.img35{height:35%;object-fit:cover}.header-box{border-radius:24px;padding:.5rem 1rem;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:flex;flex-direction:row;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.img-header-box{width:35px;height:35px}.box-graph{height:452px}.box-device-information-by-nile,.box-graph{width:100%;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:1rem}.new-header-box-by-nile{border-radius:24px;padding:.5rem 1rem;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);flex-direction:row;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;margin-bottom:20px}.img-header-box-by-nile{width:35px;height:35px;display:block;margin:16px auto 0}.img-table-by-nile{height:35%;object-fit:cover}.drop-down-fade{border-radius:11px;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#7b7b7b;border:none;padding:.5rem 2rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:flex;flex-direction:row;align-items:center}.box-dropdown,.drop-down-fade{background:#ebf4ff;box-shadow:0 0 6px rgba(19,78,150,.09)}.box-dropdown{border-radius:11px;margin-top:1rem;position:absolute;left:0;bottom:3rem;z-index:1000;padding-top:.5rem;padding-left:1rem;padding-right:1rem;transition:opacity .3s ease-in-out,height .3s ease-in-out}.box-dropdown ul li{list-style-type:none;padding-left:1rem;padding-right:2rem}.box-dropdown ul{padding:0 .5rem}.box-dropdown ul li:hover{text-decoration:underline;color:#7b7b7b;-webkit-filter:brightness(76%);filter:brightness(76%)}.box-relative{position:relative}#show-dropdown{opacity:1;height:auto}#hide-dropdown{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.device-details-box,.device-details-box-by-nile{border-radius:35px;object-fit:contain;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);flex-direction:column;align-items:flex-start;padding:1rem 1.5rem;margin:1.5rem}.device-details-box-by-nile{cursor:pointer}.device-details-box:hover{box-shadow:0 0 35px rgba(19,78,150,.18)}.img-device-details-box{width:100%}.device-details-box p{font-size:20px}.device-details-box:hover p{color:#134e96}.box-video{border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);position:relative;margin:1rem}.box-video:hover{box-shadow:0 0 35px rgba(19,78,150,.18)}.box-video img{width:100%;max-height:800px;object-fit:cover;border-radius:35px;position:relative}.box-title-video{width:50%;height:45.57px;border-radius:35px 0;display:flex;justify-content:center;align-items:center}.box-title-video,.box-zoom-video{background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);position:absolute;z-index:999}.box-zoom-video{right:0;padding:10px;border-radius:0 35px}.box-zoom-video:hover{box-shadow:0 0 35px rgba(19,78,150,.18)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#e6e6e6;border-radius:10px}::-webkit-scrollbar-thumb{background:#7aa6dd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7aa6dd}@media only screen and (max-width:767px){.loading-screen-video{text-align:center;padding-top:150px}}@media only screen and (min-width:767px){.loading-screen-video{text-align:center;padding-top:150px;padding-left:50px}}.table-log-all-components{font-family:Kanit;font-weight:400;width:100%;border-collapse:separate;border-spacing:0 1em}.table-log-all-components td,.table-log-all-components th{border:none;color:#7b7b7b;padding:20px}.tr-table-components:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.075);outline:2px solid rgba(19,78,150,.03)}.tr-table-components{border-radius:26px;text-align:center}.table-log-all-components th{padding-top:12px;padding-bottom:12px;text-align:center;color:#134e96;border:none;font-family:Kanit;font-weight:400;font-size:1.2rem}.td-first-table{border-top-left-radius:26px;border-bottom-left-radius:26px}.td-last-table{border-top-right-radius:26px;border-bottom-right-radius:26px}.text-columns-table-by-nile{margin-bottom:-20px}.div-table-components-by-nile{height:100%;width:100%;overflow-x:auto;padding-right:15px;padding-left:15px}.div-line-right-by-nile{width:2px;height:24px;float:right;background:#f0f0f0}.box-new-device{width:61%;border-radius:35px;text-align:center;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09)}.box-new-device img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;object-fit:contain}.box-new-device-by-nile{width:61%;border-radius:35px;text-align:center;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:block;margin:auto}.box-new-device-by-nile img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;object-fit:contain}@media only screen and (max-width:767px){.box-new-device-by-nile,.box-new-device-by-nile img{width:100%}}@media only screen and (min-width:767px){.box-new-device-by-nile{width:61%}}.qr-code-box,.qr-code-box-by-nile{width:100%;display:flex;flex-direction:column;align-items:center;height:500px}.slider-box,.slider-box-by-nile{display:flex;flex-direction:row;width:61%;position:relative;border-radius:21px;background:#fff;box-shadow:3px 3px 14px rgba(19,78,150,.09)}.slider-box-by-nile{margin:auto;z-index:0}@media only screen and (max-width:767px){.slider-box-by-nile{width:100%}}.button-slider{width:50%;height:51px;border-radius:21px;background:transparent;border:none;font-family:Kanit;font-weight:400;font-size:1rem;text-align:center;color:#7b7b7b;cursor:pointer;z-index:1201;transition:color .5s ease-in-out}.box-slider-cover{width:50%;height:51px;border-radius:21px;background:#7aa6dd;position:absolute;left:0;z-index:1200;box-shadow:3px 3px 14px rgba(19,78,150,.09);transition:left .5s ease-in-out}.text-field{width:100%;border-radius:16px;padding:.5rem 2rem;background:#ebf4ff;border:none;box-shadow:0 0 6px rgba(19,78,150,.09);font-family:Kanit;font-weight:400;font-size:1.2rem;text-align:left;color:#7b7b7b}.text-field:focus{outline:2px solid #d8d8d8}.text-field::-webkit-input-placeholder{font-weight:lighter;font-size:.9rem}.text-field:-ms-input-placeholder{font-weight:lighter;font-size:.9rem}.text-field::placeholder{font-weight:lighter;font-size:.9rem}.box-fill{border-radius:35px;background:#fff;padding:1.5rem 2rem;box-shadow:0 0 14px rgba(19,78,150,.09);grid-row-gap:2rem;row-gap:2rem}.box-fill,.h500px{display:flex;flex-direction:column}.h500px{height:500px;width:60%;justify-content:center}.box-information{width:855px}.box-information,.box-information-by-nile{border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem;padding:0 2rem 2rem}.box-details{width:50%}.box-details,.box-details-by-nile{border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);padding:0 2rem 1rem}.w70x{width:70%}.w50{width:50%}.w30{width:30%}.w15{width:15%}.img55per{width:55%}.img25per{width:25%}.w50-my2{width:50%;margin:.5rem 0;height:50%;object-fit:contain}.img-device-information-by-nile{height:80%}.div-img-device-information-by-nile{height:255px;padding:20px}.box-add-device-title{width:60%}.box-add-device-title,.box-add-device-title-by-nile{border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem;margin-top:2rem}.box-each-fill{width:60%}.box-each-fill,.box-each-fill-by-nile{grid-row-gap:.5rem;row-gap:.5rem;margin-top:2rem}.box-add-map,.box-each-fill,.box-each-fill-by-nile{display:flex;flex-direction:column;align-items:flex-start}.box-add-map{width:100%;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);padding:2rem}.box-add-map img{width:100%;margin-top:1rem;border-radius:35px}.box-btn-save{width:60%;margin:2rem 0;display:flex;flex-direction:row;justify-content:center}.box-relative-setting{position:relative;height:100%}.box-setting{border-radius:24px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);position:absolute;z-index:1400;right:2vw;top:45px;display:flex;flex-direction:column;align-items:center;grid-row-gap:1rem;row-gap:1rem;padding:2rem}.box-setting img{width:65px;height:65px;border-radius:50%;margin-top:1rem}#show-setting{opacity:1;height:auto}#hide-setting{opacity:0;height:0;padding:0;overflow:hidden}.box-slide-on-off{width:65px;height:35px;border-radius:25.5px;background:#f0f0f0;display:flex;flex-direction:row;cursor:pointer;position:relative;align-items:center}.toggle-circle{width:19px;height:19px;border-radius:50%;background:#69ea87;position:relative;left:9px;top:0;transition:left .3s ease-in-out,background-color .3s ease-in-out}.txt-toggle{font-family:Kanit;font-weight:400;font-size:.7rem;text-align:left;color:#7b7b7b;position:absolute;top:9px;padding:0;margin:0;transition:opacity .3s ease-in-out}#toggle-left{left:9px;top:0;background-color:#69ea87}#toggle-right{left:38px;top:0;background-color:#ea6969}#show-txt-toggle{opacity:1}#hide-txt-toggle{opacity:0}.box-slide-on-off-mn,.box-slide-on-off-mn-by-nile{width:55px;height:22px;border-radius:25.5px;background:#f0f0f0;display:flex;flex-direction:row;cursor:pointer;position:relative;align-items:center}.box-slide-on-off-mn-by-nile{margin:auto}.toggle-circle-mn{width:12px;height:12px;border-radius:50%;background:#69ea87;position:relative;left:9px;top:0;transition:left .3s ease-in-out,background-color .3s ease-in-out}.txt-toggle-mn{font-family:Kanit;font-weight:400;font-size:.7rem;text-align:left;color:#7b7b7b;position:absolute;top:2px;padding:0;margin:0;transition:opacity .3s ease-in-out}#toggle-left-mn{left:6px;top:0;background-color:#69ea87}#toggle-right-mn{left:36px;top:0;background-color:#ea6969}#show-txt-toggle-mn{opacity:1}#hide-txt-toggle-mn{opacity:0}.semi-circle{z-index:1600}.semi-circle,.semi-circle-by-nile{width:50px;height:50px;border-color:#5f9ea0;border-radius:50%;position:absolute}.box-cover-circle{z-index:1600}.box-cover-circle,.box-cover-circle-by-nile{width:50px;height:50px;position:relative}.full-background-circle{width:50px;height:50px;background:transparent;border:14px solid #f0f0f0;border-radius:50%;position:absolute}.box-circle{justify-items:center;justify-content:center}.box-circle,.box-hover-top{display:flex;flex-direction:column;align-items:center}.box-hover-top{border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);position:absolute;bottom:55px;right:-55px;padding:1rem 2rem;z-index:1500;transition:height 1s ease-in-out}#show-circle{height:auto;opacity:1;overflow:hidden}#hide-circle{height:0;opacity:0;padding:0}#hide-circle p{font-size:0}.rec.rec-dot{background:#e2e2e2;border:none;box-shadow:none;width:15px;height:15px}.rec.rec-dot_active{background:#134e96;border:none;box-shadow:0 0 14px rgba(19,78,150,.09)}button.rec-dot:hover{background:#7aa4dd;border:none;box-shadow:none}button.rec-dot:active,button.rec-dot:focus{background:#134e96;border:none;box-shadow:0 0 14px rgba(19,78,150,.09)}.col-part-sm-by-nile{display:none}.col-part-lg-by-nile{margin-right:5px}@media only screen and (max-width:767px){.col-part-lg-by-nile{display:none}.col-part-sm-by-nile{display:inline;margin-right:5px}}@media only screen and (max-width:767px){.display-environment-lg-by-nile{display:none}.txt-header-display-environment{text-align:left}.txt-sub-display-environment{text-align:left;margin-bottom:30px}}@media only screen and (min-width:768px){.display-environment-sm-by-nile{display:none}.txt-header-display-environment,.txt-sub-display-environment{text-align:center}}.img-display-environment{width:48px;height:48px;display:block;margin:10px auto}.txt-header-display-environment{font-family:Kanit;font-weight:400;font-size:1.2rem;color:#707070;margin:0}.txt-sub-display-environment{font-family:Kanit;font-weight:400;font-size:1rem;color:#cecbcb;margin-top:10px}.txt-sub-display-box-cpu-by-nile{font-family:Kanit;font-weight:400;font-size:17px;text-align:left;color:#7b7b7b}.div-display-image-table-activities{width:100%;display:flex;position:relative}.div-image-train{margin-right:50px}.div-image-log,.div-image-train{position:relative}.image-components-display{width:120px;border-radius:13px;position:relative;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.text-in-image-components-display{position:absolute;top:0;border-radius:25px;width:100%;height:25px;background-color:hsla(0,0%,100%,.404)}.div-border-button-train-image-user{position:relative;height:30px;width:60px;top:-34px;left:-20px;padding-left:5px;border-radius:25px 0;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);background:#fff}.border-cursor-pointer{cursor:pointer}.text-p-no-user{position:absolute;left:15px;top:3px;font-family:Kanit;font-weight:400;font-size:1rem}.div-button-train-image{padding:10px;border-radius:25px;width:120px;margin-top:-20px;background:#fff}.div-border-icon-train-image{border-radius:50%;background-color:#fc8181;width:30px;display:block;margin:auto}.class-icon-train-image{text-align:center;color:#fff}.front-icon-train-image{margin:10px auto 0;font-family:Kanit;font-weight:400;font-size:1rem}.DatePicker-style-custom{text-align:center!important;font-size:1.5rem!important;height:50px!important;width:100%!important;border-radius:25px!important;margin:0!important;padding:15px!important;background:#ebf4ff!important;border:none!important}.DatePicker-style-custom,.text-header-date-picker{font-family:Kanit!important;font-weight:400!important}.text-header-date-picker{font-size:1.2rem!important;color:#707070}.div-DatePicker-style-custom{margin-bottom:20px}.ant-picker-clear{background:#ebf4ff!important}.ant-select:not(.ant-select-customize-input) .ant-select-selector{text-align:left!important;font-family:Kanit!important;font-weight:400!important;height:50px!important;border-radius:19px!important;margin:0!important;padding:15px!important;background:#ebf4ff!important;border:none!important}.ant-select-selector:hover .ant-select-selector:active{border:1px solid red!important;box-shadow:none!important}.ant-select-arrow span{font-size:20px!important;margin-left:-20px!important}.ant-select-clear,.ant-select-clear span{background:#ebf4ff!important}.ant-select-clear span{font-size:20px!important;margin-left:-20px!important}.input-style-by-nile{font-family:Kanit!important;font-size:1rem!important;height:50px!important;border-radius:25px!important;margin:0!important;padding:15px!important;border:none!important}.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input,.input-style-by-nile{background:#ebf4ff!important}.box-top-trainimage{width:100%;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem}.box-top-trainimage img{width:135px;object-fit:contain;border-radius:14px}.img-icon-train{width:1.2rem!important;object-fit:contain;border-radius:0!important}.box-top-trainimage-by-nile{border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);padding:1rem}.image-user-log-in-card-by-nile{width:135px;object-fit:contain;border-radius:14px;display:block;margin:auto}.status-img-train-in-card-by-nile{width:40px;object-fit:contain;border-radius:0}.txt-sub-under-image-by-nile{text-align:center}@media only screen and (max-width:767px){.div-DisplayTextHeaderAndValue-by-nile{margin-top:0}.button-save-TrainImageFromActivities{width:100%;margin-top:10px;margin-bottom:20px;padding:0}}@media only screen and (min-width:767px){.div-DisplayTextHeaderAndValue-by-nile{margin-top:20px}.button-save-TrainImageFromActivities{width:350px;margin-top:10px;padding:20px}}.box-switch-add-new-student{border-radius:24px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-row-gap:1rem;row-gap:1rem;flex-wrap:nowrap;white-space:nowrap;padding:1.2rem;cursor:pointer;position:relative;transition:outline .125s ease-in-out}.img-box-switch{width:2rem}.box-checked{border-radius:0 19px;background:#134e96;position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem;opacity:0;transition:opacity .125s ease-in-out}#selected-box{outline:4px solid #134e96;box-shadow:0 0 26px rgba(19,78,150,.28)}#selected-checked{opacity:1}.box-switch-add-new-student-by-nile{border-radius:24px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;grid-row-gap:1rem;row-gap:1rem;flex-wrap:nowrap;white-space:nowrap;padding:1.2rem;cursor:pointer;position:relative;transition:outline .125s ease-in-out;margin:10px}.box-already-in-system-field{padding:1rem 2rem}.box-already-in-system-field,.box-already-in-system-field-by-nile{width:100%;border-radius:35px;background:#fff;border:3px solid #134e96;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem}.box-already-in-system-field-by-nile{padding:1rem}.box-insystem-field{padding:1rem 2rem;display:flex;flex-direction:row;justify-content:space-between}.box-insystem-field,.box-insystem-field-by-nile{width:100%;border-radius:31px;background:transparent;border:1px dashed #d8d8d8}.box-insystem-field-by-nile{padding:1rem}.box-image-train{width:150px;height:150px;border-radius:24px;background:#fff;box-shadow:0 0 9px rgba(19,78,150,.09);display:flex;flex-direction:column;justify-content:end;align-items:center;padding-bottom:1rem;cursor:pointer}.box-add-new-student{padding:1rem 2rem}.box-add-new-student,.box-add-new-student-by-nile{width:100%;border-radius:35px;background:#fff;border:3px solid #134e96;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem}.box-add-new-student-by-nile{padding:1rem}.box-main-name-add-new-student{border-radius:31px;background:transparent;border:1px dashed #d8d8d8;padding:.7rem 1.4rem}.padding-div-border-input-field-add-new-student{padding:5px}.div-upload-image-add-new-student{margin-top:10px}.box-image-train-new-student{height:100%;border-radius:24px;background:#fff;box-shadow:0 0 9px rgba(19,78,150,.09);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 2rem;cursor:pointer}.button-new-student-by-nile{width:100%;height:50px;border-radius:17px;background:#fff;box-shadow:0 2px 8px 0 rgba(19,78,150,.09);border:none;font-family:Kanit;font-weight:400;font-size:1.2rem;text-align:center;color:#7b7b7b;cursor:pointer}.button-new-student-by-nile:hover{box-shadow:3px 3px 14px rgba(19,78,150,.247)}.button-new-student-by-nile:active{box-shadow:3px 3px 14px rgba(14,109,224,.473)}@media only screen and (max-width:767px){.button-new-student-by-nile{margin-bottom:10px}}@media only screen and (min-width:767px){.button-new-student-by-nile{margin-top:45px}}.box-on-top-temperature-page{width:auto;height:auto;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;justify-content:space-between;padding:1rem;margin-top:1rem}.box-dash-temperature-page{border-radius:23px;background:transparent;border:2px dashed #c7c7c7;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem}.box-on-top-temperature-page-by-nile{border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);padding:1rem;margin-top:1rem}.box-dash-temperature-page-by-nile{border-radius:23px;background:transparent;border:2px dashed #c7c7c7;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem;margin-top:10px}.text-header-set-point-temp-filter{margin-bottom:10px;margin-left:10px}.box-dropdown-filter{border-radius:19px;background:#ebf4ff;box-shadow:3px 3px 14px rgba(19,78,150,.09);font-family:Kanit;font-weight:400;font-size:1rem;text-align:left;color:#7b7b7b;border:none;cursor:pointer;padding:.8rem 1rem;white-space:nowrap;flex-wrap:nowrap;display:flex;flex-direction:row;justify-content:space-between}.box-dropdown-filter-cover>.box-dropdown-filter:focus+.box-dropdown-filter-selector{opacity:1;height:auto;visibility:visible}.box-dropdown-filter-selector{display:flex;width:100%;visibility:hidden;flex-direction:column;height:0;border-radius:11px;background:#ebf4ff;box-shadow:0 0 6px rgba(19,78,150,.09);position:absolute;top:3.6rem;opacity:0;transition:opacity .2s ease-in-out,height .2s ease-in-out,visibility .2s ease-in-out;cursor:pointer}.box-dropdown-filter-cover{position:relative;width:100%;display:flex;flex-direction:column;grid-row-gap:.5rem;row-gap:.5rem}.box-dropdown-filter-selector ul li{list-style-type:none;margin:0;padding:0 2rem 0 1rem}.box-dropdown-filter-selector ul{padding:0;margin:0;width:auto}.box-dropdown-filter-selector ul li:hover{color:#7b7b7b;background-color:rgba(205,215,227,.28627450980392155);border-radius:.2rem;-webkit-filter:brightness(76%);filter:brightness(76%)}.txt-drop-down{font-family:Kanit;font-weight:400;font-size:1rem;text-align:left;color:#7b7b7b;cursor:pointer;margin-bottom:.2rem}.one-check-box-checked{width:15px;height:15px;background:#fff;border:1px solid #707070;-webkit-filter:drop-shadow(0 0 14px rgba(19,78,150,.13));filter:drop-shadow(0 0 14px rgba(19,78,150,.13));border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .2s ease-in-out,border .2s ease-in-out}.box-one-check-box{display:flex;flex-direction:row;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;cursor:pointer}#one-check-box-has-checked{background:#134e96;border:0 solid #707070}.box-one-check-box-by-nile{display:flex;flex-direction:row;align-items:center;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.one-check-box-checked-by-nile{width:15px;height:15px;background:#fff;border:1px solid #707070;-webkit-filter:drop-shadow(0 0 14px rgba(19,78,150,.13));filter:drop-shadow(0 0 14px rgba(19,78,150,.13));border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .2s ease-in-out,border .2s ease-in-out;cursor:pointer}.box-on-top-attendance-page{width:auto;height:auto;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;justify-content:space-between;padding:1rem;margin-top:1rem}.box-dash-attendance-page{border-radius:23px;background:transparent;border:2px dashed #c7c7c7;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem}.box-table-attendance{width:auto;height:538px;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem}.box-on-top-history_illness-page{width:auto;height:auto;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;justify-content:space-between;padding:1rem;margin-top:1rem}.box-dash-history_illness-page{border-radius:23px;background:transparent;border:2px dashed #c7c7c7;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem}.box-table-history_illness{width:auto;height:538px;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem}.pt2{padding-top:2rem}.grid70-30{grid-template-columns:3fr 1fr;align-items:flex-start}.box-on-top-growth-page,.grid70-30{display:grid;grid-auto-flow:column;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.box-on-top-growth-page{width:auto;height:auto;border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09);grid-template-columns:1fr 1fr 1fr;justify-content:space-between;padding:1rem;margin-top:1rem}.box-dash-growth-page{border-radius:23px;background:transparent;border:2px dashed #c7c7c7;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem 1rem}.box-table-growth{width:auto;height:538px;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin-top:2rem}.box-cover-dialog-background{width:100vw;height:100vh;background:hsla(0,0%,48.2%,.45);position:fixed;top:0;left:0;display:flex;justify-content:center}.box-position-dialog{position:relative;top:0;left:0;visibility:hidden;z-index:3000;display:flex;flex-direction:row;justify-content:center}.box-dialog{width:90%;border-radius:65px;background:#fff;position:fixed;top:10%}#show-dialog{visibility:visible}.box-table-inside-dialog{width:auto;height:200px;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);margin:1rem 2rem}@media only screen and (max-width:600px){.box-dialog{width:90%}}@media only screen and (min-width:601px) and (max-width:992px){.box-dialog{width:70%}}@media only screen and (min-width:993px){.box-dialog{width:50%}}.box-profile-student{width:auto;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09);padding:0 3vw 3vw}.box-inside-profile-student{width:auto;border-radius:31px;background:transparent;border:1px dashed #d8d8d8;padding:1rem;position:relative}.box-image-profile{width:141px;height:141px;border-radius:29px;background-color:coral;object-fit:cover;-webkit-filter:drop-shadow(0 0 14px rgba(19,78,150,.09));filter:drop-shadow(0 0 14px rgba(19,78,150,.09))}.box-top-left-button{position:absolute;top:0;right:0}.box-graph-dashbaord{margin-top:2rem;width:100%;height:375px}.box-graph-dashbaord,.box-graph-total{border-radius:35px;background:#fff;box-shadow:0 0 14px rgba(19,78,150,.09)}.box-graph-total{height:auto;margin-top:0 2rem}.box-top-show-by-nile{border-radius:35px;background:#fff;padding:10px;box-shadow:0 0 14px rgba(19,78,150,.09);margin-top:20px}.img-top-show-by-nile{height:69px;width:50px;display:block;margin:auto;object-fit:contain}.text-header-total-dashboard-lg-graph-by-nile{font-family:Kanit;font-weight:400;font-size:1.5rem;text-align:center;color:#5a5959;margin:10px}.text-header-total-dashboard-sm-graph-by-nile{display:none}@media only screen and (max-width:767px){.text-header-total-dashboard-lg-graph-by-nile{display:none}.text-header-total-dashboard-sm-graph-by-nile{font-family:Kanit;font-weight:400;font-size:1.5rem;text-align:center;color:#5a5959;display:block}}.box-table-temperature,.box_table_attendance,.box_table_growth,.box_table_history_illness{margin-top:2rem;width:auto;height:538px;border-radius:35px;background:#fff;box-shadow:0 0 24px rgba(19,78,150,.09)}*{box-sizing:border-box}.checkbox{width:100%;margin:15px auto;position:relative;display:block}.checkbox input[type=checkbox]{width:auto;opacity:1e-8;position:absolute;left:0;margin-left:-20px}.checkbox label{position:relative}.checkbox label:before{content:"";position:absolute;left:0;top:0;margin:4px;width:22px;height:22px;transition:-webkit-transform .28s ease;transition:transform .28s ease;transition:transform .28s ease,-webkit-transform .28s ease;border-radius:3px;border:2px solid #7bbe72}.checkbox label:after{content:"";display:block;width:10px;height:5px;border-bottom:2px solid #7bbe72;border-left:2px solid #7bbe72;-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;will-change:transform;position:absolute;top:12px;left:10px}.checkbox input[type=checkbox]:checked~label:before{color:#7bbe72}.checkbox input[type=checkbox]:checked~label:after{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.checkbox label{min-height:34px;display:block;padding-left:40px;margin-bottom:0;font-weight:400;cursor:pointer;vertical-align:sub}.checkbox label span{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.checkbox input[type=checkbox]:focus+label:before{outline:0}
/*# sourceMappingURL=main.3bcabed7.chunk.css.map */