@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Sarabun&display=swap");body{padding:0;margin:0;background:#e6e6e6}.normal-color{color:#52d869!important}.alert-color{color:#d61d36!important}.inactive-color{color:#d9d9d9}.normal-bg{background:#52d869!important}.alert-bg{background:#d61d36!important}.inactive-bg{background:#d9d9d9}.page-container{padding:24px 24px 0;max-width:1360px}.list-item-plant:hover{background-color:#f5f5f5}.main-layout{padding-left:60px;padding-bottom:36px}img.plant-avatar{object-fit:cover;border:2px solid #52d869;padding:2px}img.plant-avatar.plant-avatar-alert{border:2px solid #d61d36}.layout-logo{display:block;height:48;background:#fff;text-align:center;font-size:18px;line-height:48px;margin:8px 4px 12px;border-radius:6px}.app-sider{box-shadow:0 2px 8px 0 rgba(0,0,0,.15)}.noti-card-container>.ant-card-body{height:calc(100vh - 165px);overflow:auto}.noti-card{position:relative;margin-bottom:12px}.noti-card:last-child{margin-bottom:0}.noti-card .ant-card-body{padding:20px!important}.noti-impact-tag{position:absolute;top:13px;right:7px;display:inline-block;z-index:1}.plant-info-column{position:fixed;left:84px;top:24px;width:260px}.plant-content-column{padding-left:276px}.ant-card-head{margin-bottom:0!important}.sidebar-menu-bottom{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:0;padding:16px 0;text-align:center;width:100%;border-top:1px solid #dfdfdf;gap:12px;background-color:#f8f8f8}.device-card>.ant-card-body{padding:20px 12px!important}.table-row-active{cursor:pointer}.title-link{color:#606060!important}.title-link:hover{color:#1fb5ae!important}.margin0{margin:0!important}.login-container{height:100vh}.login-card{width:400px}.login-logo-wrapper{margin-bottom:36px}.custom-yaxis-label *,.solarlyze-annotation-label{font-size:12px}.plant-head-right{text-align:right}.report-form-container>div{margin-bottom:24px}.date-picker-container{text-align:right}.hide-xs{display:block}.show-xs{display:none}.business-date-filter{margin-bottom:16px}.business-date-filter,.graph-info{justify-content:flex-end}.single-plant-head{text-align:right}@media screen and (max-width:767px){.plant-head-right{text-align:left;margin-top:16px}.page-container{padding:24px 16px 0}.date-picker-container{text-align:left}.hide-xs{display:none}.show-xs{display:block}.business-date-filter,.graph-info{justify-content:flex-start}.single-plant-head{text-align:left;margin-top:10px}}