html,body,#__next{height:100%;margin:0}body{background:#fff;overflow:hidden}#app,#__next,#wrap{height:100%}#wrap{flex-direction:column;display:flex}#header,#footer{box-sizing:border-box}.scroll_table tbody{display:block;overflow-y:scroll}.scroll_table thead,.scroll_table tbody tr{table-layout:fixed;width:100%;display:table}#header{margin-bottom:1rem}#header .card{border:none;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.header-nav{align-items:center;gap:.5rem;display:flex}.header-nav .nav-link{margin-left:.5rem}.header-right .user_card{white-space:nowrap;align-items:center;gap:1rem;display:flex}.header-right .username{font-weight:600}#body{flex:auto;grid-template-columns:70% 30%;align-items:start;gap:1rem;min-height:0;display:grid;overflow:hidden}.admin_body{grid-template-columns:60% 40%!important}#left_side{height:100%;min-height:0;max-height:none;overflow-y:auto}#right_side{box-sizing:border-box;align-self:stretch;height:100%;min-height:0;padding-right:1rem;position:sticky;top:0;overflow-y:auto}#card_pridiction_result{box-sizing:border-box;min-height:0;padding-right:.75rem;overflow:auto}.header-brand{align-items:center;gap:1rem;display:flex}.header-brand h1{margin:0;font-size:1.6rem;line-height:1}.header-brand .head-date{color:#6c757d;margin-left:.6rem;font-size:.9rem}.top-nav{width:calc(100% 2rem);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #0e44890f;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;margin-left:-1rem;padding:.4rem 1rem;display:flex;box-shadow:0 6px 18px #0f172a0f}.top-nav .sys-btn{margin-left:auto}#right_side #card_pridiction_result{width:100%}#right_side #card_buttons{display:none}.std_card{padding:1rem}.graph_flow h3,.std_card h4,#modal_make_notification #right_side .card h4{font-size:.9rem;font-weight:700}#right_side .btn{border-radius:.2rem;padding:.25rem .5rem;font-size:.875rem}#card_user h4{margin-bottom:1rem}#card_buttons{display:block}#card_buttons>div:not(:last-child){margin:0 1rem 1rem 0;display:inline-block}.page_datamanagement #card_buttons h2,.page_notification #card_buttons h2,.page_system_management #card_buttons h2,.page_addflood #card_buttons h2{font-size:1rem;font-weight:700}table.table{margin-bottom:0}table th,table td{font-size:.8rem}.login_box{text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.page_login h3{font-weight:700}.page_login label{text-align:left;width:100%}.page_login label input{margin-left:1rem}.page_login button{margin-bottom:2rem}.login_field{align-items:center;gap:12px;display:flex}.login_label{align-items:center;min-width:110px;padding-top:1rem;display:flex}.login_input{box-sizing:border-box;height:36px;padding:6px 8px}.graph_flow.container{padding:.2rem}.graph_flow.container>.row:not(:last-child){margin-bottom:2rem}#graphS1,#graphS2,#graphS3{overflow-x:scroll}#card_table_actual_prediction table th,#card_table_actual_prediction table td{font-size:.8em}.table_actual_prediction table{margin-bottom:0}#card_pridiction_result h3{margin-bottom:1.5rem;font-size:1.1rem}#card_pridiction_result table{vertical-align:middle;font-size:.8rem}.page_prediction #card_user h4{margin-bottom:0}#table_prediction_rainfall.scroll_table tbody{height:250px}.page_notification #display_username h4{margin-bottom:0;font-size:1.2rem}#api_table_predicted_results{margin-top:1.5rem}#api_table_predicted_results h2{font-size:1.2rem;font-weight:700}#modal_make_notification #body{grid-template-columns:55% 45%}#modal_make_notification #left_side img{width:100%;height:auto}#modal_make_notification #right_side .card{padding:.8rem}.page_datamanagement #card_user h4{margin-bottom:0}.page_datamanagement #card_buttons>div:not(:last-child){display:block}#card_system_management>div:not(:last-child){margin-bottom:2rem}.page_system_management #card_user h4{margin-bottom:0}.page_system_management #card_buttons>div{display:block}#table_hv.scroll_table tbody,#table_habitual_hq.scroll_table tbody,#table_emergence_hq.scroll_table tbody,#table_limit_discharge_increase.scroll_table tbody{height:250px}#table_saturated_rainfall_equation{width:100px}#table_planned_flood_model{width:500px}#table_model_coef_for_simulation{width:700px}#table_model_coef_for_simulation tr td:first-child{width:50px}.page_addflood #card_user h4{margin-bottom:0}#card_flood_data table tr th,#card_flood_data table tr td{vertical-align:middle}#card_flood_data table tr th:first-child,#card_flood_data table tr td:first-child{width:7rem}.page_addflood .flood_data_start,.page_addflood .flood_data_end{padding:1rem .5rem}.flood_data_date{margin-bottom:1rem}.table-bordered tbody td.predicted{background:#0ac514}.table-bordered tbody td.deficit{background:#f76363}
#wrap{min-width:1000px;max-width:1920px;margin:0 auto;padding:1rem}.scroll_table tbody{display:block;overflow-y:scroll}.scroll_table thead,.scroll_table tbody tr{table-layout:fixed;width:100%;display:table}#header{margin-bottom:1rem}#header .card{border:none;display:block}#head_title,#head_date{font-size:1.2rem;display:inline-block}#head_title{margin-right:1.5rem;font-weight:700}#head_date{margin-right:1rem}#body{grid-template-columns:70% 30%;display:grid}#left_side>.card:not(:last-child),#right_side>.card:not(:last-child){border-bottom:none}#right_side>.card{margin-left:-1px}.std_card{padding:1rem}.graph_flow h3,.std_card h4,#modal_make_notification #right_side .card h4{font-size:.9rem;font-weight:700}#right_side .btn{border-radius:.2rem;padding:.25rem .5rem;font-size:.875rem}#card_user h4{margin-bottom:1rem}#card_buttons{display:block}#card_buttons>div:not(:last-child){margin:0 1rem 1rem 0;display:inline-block}.page_datamanagement #card_buttons h2,.page_notification #card_buttons h2,.page_system_management #card_buttons h2,.page_addflood #card_buttons h2{font-size:1rem;font-weight:700}table.table{margin-bottom:0}table th,table td{font-size:.8rem}#login_box{text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.page_login h3{margin-bottom:3rem;font-weight:700}.page_login label{text-align:left;width:100%}.page_login label:not(:last-of-type){margin-bottom:1rem}.page_login label input{margin-left:1rem}.page_login label:last-of-type,.page_login button{margin-bottom:2rem}.graph_flow.container{padding:.2rem}.graph_flow.container>.row:not(:last-child){margin-bottom:2rem}#graphS1,#graphS2,#graphS3{overflow-x:scroll}#card_table_actual_prediction table th,#card_table_actual_prediction table td{font-size:.8em}.table_actual_prediction table{margin-bottom:0}#card_pridiction_result h3{margin-bottom:1.5rem;font-size:1.1rem}#card_pridiction_result table{vertical-align:middle;font-size:.8rem}.page_prediction #card_user h4{margin-bottom:0}#table_prediction_rainfall.scroll_table tbody{height:250px}.page_notification #display_username h4{margin-bottom:0;font-size:1.2rem}#api_table_predicted_results{margin-top:1.5rem}#api_table_predicted_results h2{font-size:1.2rem;font-weight:700}#modal_make_notification #body{grid-template-columns:55% 45%}#modal_make_notification #left_side img{width:100%;height:auto}#modal_make_notification #right_side .card{padding:.8rem}.page_datamanagement #card_user h4{margin-bottom:0}.page_datamanagement #card_buttons>div:not(:last-child){display:block}#card_system_management>div:not(:last-child){margin-bottom:2rem}.page_system_management #card_user h4{margin-bottom:0}.page_system_management #card_buttons>div{display:block}#table_hv.scroll_table tbody,#table_habitual_hq.scroll_table tbody,#table_emergence_hq.scroll_table tbody,#table_limit_discharge_increase.scroll_table tbody{height:250px}#table_saturated_rainfall_equation{width:100px}#table_planned_flood_model{width:500px}#table_model_coef_for_simulation{width:700px}#table_model_coef_for_simulation tr td:first-child{width:50px}.page_addflood #card_user h4{margin-bottom:0}#card_flood_data table tr th,#card_flood_data table tr td{vertical-align:middle}#card_flood_data table tr th:first-child,#card_flood_data table tr td:first-child{width:7rem}.page_addflood .flood_data_start,.page_addflood .flood_data_end{padding:1rem .5rem}.flood_data_date{margin-bottom:1rem}.table-bordered tbody td.predicted{background:#0ac514}.table-bordered tbody td.deficit{background:#f76363}