*,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
label,ul,li,p {
	margin: 0;
	padding: 0;
}
html,
body {
	min-width: 1440px;
	height: 100vh;
	min-height: 900px;
	font-family: 'Roboto Condensed','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','ＭＳ ゴシック',sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #7e7e7e;
	background-color: #f2f2f2;
}
a {
    color: #354655;
}
a:hover {
	text-decoration: none;
}
.individual_base_wrap .sub_link > li a:hover span,
.base_wrap .main_data > li a:hover span {
	color: #354655;
}
.click-wrap:hover {
	cursor: pointer;
}
.base_wrap .main_data > li a:hover span.btn_arrow {
	color: #fff;
}
input[type=checkbox],
input[type=radio] {
	display: none;
}
ul {
	list-style: none;
}
main {
    display: block;
    height: calc(100% - 110px);
}
.form-control {
    height: 48px;
    border: solid 1px #979797;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(130,130,130,.5) inset;
}
.form-check {
	position: relative;
}
.form-check-label {
	padding-left: .25rem;
}
.form-check-input:checked + .form-check-label {
	color: #354655;
	font-weight: bold;
}
.alert_radio {
	position: sticky;
	top: 0;
	background-color: #181818;
}
.alert_radio {
	color: #f2f2f2;
}
.alert_radio .form-check-input:checked + .form-check-label {
	color: #fff;
}


.form-check-label:before,
.form-check-input:checked + .form-check-label:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1.1rem;
	height: 1.1rem;
	border: solid 1px #979797;
	border-radius: 2px;
	content: "";
}
.form-check-input:checked + .form-check-label:before {
	border: 0;
	background: url(../../images/check.svg) no-repeat center;
	background-size: .9rem auto;
	background-color: #354655;
}

.alert_radio .form-check-input:checked + .form-check-label:before {
	background-color: #fff;
	background-image: url(../../images/check_dark.svg);
}


.btn {
	height: 48px;
	font-size: 1.125rem;
	background-color: #364655;
	transition: .25;
}
.btn:hover {
	background-color: #24C3EB;
}
.btn_arrow {
	padding-right: 24px;
	background: url(../../images/arrow-wh.svg) no-repeat right center;
	background-size: auto 100%;
}
.form-control:focus,
.dropdown-menu .form-control {
    color: #354655;
    border: solid 1px #979797;
    box-shadow: 0 0 5px rgba(130,130,130,.5) inset;
}
.custom-select {
	padding: 0.375rem 2.25rem 0.375rem 1.75rem;
	background-color: #f2f2f2;
	border: 0;
	border-radius: calc((1.6em + 0.75rem + 2px) / 2);
}
.btn:focus,
.custom-select:focus,
.page-link:focus {
	border: 0;
	box-shadow: none;
}
.white_space_nowrap {
	white-space: nowrap;
}
.letter_spacing_1 {
	letter-spacing: .1em;
}
.fc_nv {
	color: #354655 !important;
}
.fc_bg {
	color: #7e7e7e;
}
/* -------------------------------------
   header
------------------------------------- */
header.navbar {
	height: 60px;
	padding: 0;
	background: #4E5E70;
}
header h1 {
	background: #354655;
}
.dashboard_link {
	background-color: #24C3EB;
	font-weight: bold;
}
header h1 + a span {
	padding-left: 30px;
	background: url(../../images/home.svg) no-repeat left center;
	background-size: 22px auto;
}
header li {
	width: 140px;
	padding: 0!important;
}
header li span {
	background: url(../../images/setting.svg) no-repeat left center;
	background-size: auto 100%;
}
header li:nth-child(2) span {
	background: url(../../images/user-wh.svg) no-repeat left center;
	background-size: auto 100%;
}
.sub_header_wrap {
	height: 50px;
	padding: 0 30px;
	background: #e2e2e2;
}
header a,
.sub_header_wrap a,
.sub_header_wrap .btn {
	transition: .25s;
}
header a:hover {
    background: rgba(0,0,0,.15);
}
.sub_header_wrap a:hover,
.sub_header_wrap .btn:hover {
    background: #d2d2d2;
	color: #354655;
}
.sub_header_wrap .page-link,
.sub_header_wrap .page-item.disabled .page-link {
	width: 50px;
	height: 50px;
	background: none;
	border: 0;
}
.sub_header_wrap .page-link span,
.sub_header_wrap .page-item.disabled .page-link span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../images/arrow.svg) no-repeat center;
	background-size: auto 25px;
}
.sub_header_wrap .page-item:last-child .page-link span {
	transform: rotate(180deg);
}
.sub_header_wrap .page-item.disabled .page-link span {
	opacity: .25;
}
.sort_wrap span {
	background: url(../../images/sort.svg) no-repeat left center;
	background-size: auto 100%;
}
.back_page_wrap span {
	background: url(../../images/arrow.svg) no-repeat left center;
	background-size: auto 100%;
}
.datetime_wrap .btn {
	background: none;
	border: 0;
	border-radius: 0;
	color: #354655;
	font-size: 1rem;
}
.datetime_wrap li{
	position: relative;
	padding: 0;
}
.datetime_wrap li.active:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #354655;
	content: "";
}
.datetime_wrap li.active a {
	font-weight: bold;
}
.dropdown-menu.show {
	position: relative;
    min-width: 550px;
    border: solid 1px #dedede;
    border-radius: 0;
}
.dropdown-menu.show:before {
	content: "";
	position: absolute;
	top: -20px;
	left: 25%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
}

.dropdown-menu.show.dropdown-menu-right:before {
	left: auto;
	right: 25%;
}

.dropdown-menu.show .form-control {
	width: calc((100% - 10px) / 2);
	border-radius: 3px;
}
.dropdown-menu.show .d-flex .form-control:first-child {
	margin-right: 10px;
}
.dropdown-menu.show button.btn {
	height: auto;
	background: url(../../images/search.svg) no-repeat center;
	background-size: 14px;
	background-color: #364655;
	border-radius: 3px;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td i {
    height: 48px;
    line-height: 48px;
    margin: auto;
}
.bootstrap-datetimepicker-widget a[data-action] {
	padding: 0;
}
.fa-chevron-up:before {
	display: block;
	margin-top: -2px;
}
/* -------------------------------------
   dashboard
------------------------------------- */
.container-bases {
	position: relative;
}
.container-bases:before,
.container-bases:after {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 3px;
	height: 100%;
	background: #fff;
	content: "";
}
.container-bases:after {
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	width: 100%;
	height: 3px;
}
.base_wrap {
	height: calc(100% / 2);
}
.base_wrap .main_data {
	width: calc(82% - 10px);
}
.base_wrap .main_data > li {
	flex: 0 0 calc((100% - 20px) / 3);
	height: calc((100% - 10px) / 2);
}
.base_wrap .card,
.individual_base_wrap .card {
	border: solid 1px #dedede;
	border-radius: 0;
}
.base_wrap .sub_link {
	width: calc((100% - 10px) - (82% - 10px));
}
.base_wrap .sub_link li {
	height: calc((100% - 20px) / 3);
	margin-bottom: 10px;
}
.base_wrap .sub_link li:last-child {
	margin-bottom: 0;
}
.base_wrap .main_data li:last-child {
	margin-bottom: 0;
}
.base_wrap .sub_link li .img {
	background: url(../../images/led.svg) no-repeat center;
	background-size: auto 100%;
}
.base_wrap .sub_link li:nth-child(2) .img {
	background-image: url(../../images/watertank.svg);
}
.base_wrap .sub_link li:nth-child(3) .img {
	background-image: url(../../images/growth.svg);
	background-size: auto 85%;
}
/* ------------------ 温度 ------------------ */
.temperature_wrap,
.temperature_detail_wrap .graph {
	border-top: solid 2px #029388!important;
}
.temperature_wrap h3,
.temperature_detail_wrap h2,
.temperature_title  {
	color: #029388;
}
.temperature_wrap a:hover h3,
.temperature_detail_wrap a:hover h2,
.temperature_title a:hover {
	text-decoration: underline;
}
/* ------------------ pH ------------------ */
.ph_wrap,
.ph_detail_wrap .graph {
	border-top: solid 2px #e5a935!important;
}
.ph_wrap h3,
.ph_detail_wrap h2,
.ph_title {
	color: #e5a935;
}
.ph_wrap a:hover h3,
.ph_detail_wrap a:hover h2,
.ph_title a:hover {
	text-decoration: underline;
}
/* ------------------ 湿度 ------------------ */
.humidity_wrap,
.humidity_detail_wrap .graph {
	border-top: solid 2px #e06640!important;
}
.humidity_wrap h3,
.humidity_detail_wrap h2,
.humidity_title {
	color: #e06640;
}
.humidity_wrap a:hover h3,
.humidity_detail_wrap a:hover h2,
.humidity_title a:hover {
	text-decoration: underline;
}
/* ------------------ EC ------------------ */
.ec_wrap,
.ec_detail_wrap .graph {
	border-top: solid 2px #5891e0!important;
}
.ec_wrap h3,
.ec_detail_wrap h2,
.ec_title  {
	color: #5891e0;
}
.ec_wrap a:hover h3,
.ec_detail_wrap a:hover h2,
.ec_title a:hover {
	text-decoration: underline;
}
/* ------------------ CO2 ------------------ */
.co2_wrap,
.co2_detail_wrap .graph {
	border-top: solid 2px #7fa242!important;
}
.co2_wrap h3,
.co2_detail_wrap h2,
.co2_title  {
	color: #7fa242;
}
.co2_wrap a:hover h3,
.co2_detail_wrap a:hover h2,
.co2_title a:hover {
	text-decoration: underline;
}
/* ------------------ Light ------------------ */
.led_wrap,
.led_detail_wrap .graph {
	border-top: solid 2px #cb274a!important;
}
.led_wrap h3,
.led_detail_wrap h2 {
	color: #cb274a;
}
.led_wrap a:hover h3,
.led_detail_wrap a:hover h2 {
	text-decoration: underline;
}
/* ------------------ 水タンク ------------------ */
.water_tank_wrap,
.water_tank_detail_wrap .graph {
	border-top: solid 2px #9676d4!important;
}
.water_tank_wrap h3,
.water_tank_detail_wrap h2 {
	color: #9676d4;
}
.water_tank_wrap a:hover h3,
.water_tank_detail_wrap a:hover h2 {
	text-decoration: underline;
}
/* ------------------ 灌水 ------------------ */
.water_wrap,
.water_detail_wrap .graph,
.irrigation_wrap,
.irrigation_detail_wrap .graph,
.dashboard_graph .water_tank_wrap {
	border-top: solid 2px #19b8ce!important;
}
.water_wrap h3,
.water_detail_wrap h2,
.irrigation_wrap h3,
.irrigation_detail_wrap h2,
.dashboard_graph .water_tank_wrap,
.dashboard_graph .water_tank_wrap h3 {
	color: #19b8ce;
}
.water_wrap a:hover h3,
.water_detail_wrap a:hover h2,
.irrigation_wrap a:hover h3,
.irrigation_detail_wrap a:hover h2,
.dashboard_graph .water_tank_wrap a:hover h3 {
	text-decoration: underline;
}
/* ------------------ 生育履歴 ------------------ */
.growth_wrap,
.growth_detail_wrap .graph {
	border-top: solid 2px #FF317F!important;
}
.growth_wrap h3,
.growth_detail_wrap h2 {
	color: #FF317F;
}
.growth_wrap a:hover h3,
.growth_detail_wrap a:hover h2 {
	text-decoration: underline;
}
/* ------------------ graph ------------------ */
.graph_wrap {
    height: 100%;
}
.card.warning:not(.danger) {
	background-color: #fff7d6;
}
.card.danger {
	background-color: #ffd6d6;
}
.card.danger .h1,
.card.danger .display-4 {
	color: #cf1212 !important;
}
.warning:not(.danger) svg>rect:first-of-type {
	fill: #fff7d6 !important;
}
.danger svg>rect:first-of-type {
	fill: #ffd6d6 !important;
}
.danger-message {
	background-color: #cf1212;
	color: #fff;
}
.danger-message span {
	padding-left: 20px;
	background: url(../../images/alert.svg) no-repeat center left;
	background-size: .9rem;
}

/* -------------------------------------
   個別拠点
------------------------------------- */
.individual_base_wrap .main_data {
	width: calc(72.5% - 30px);
}
.individual_base_wrap .main_data > ul {
	height: calc(100% - 170px);
}
.individual_base_wrap .main_data ul > li {
	flex: 0 0 calc((100% - 60px) / 3);
	height: calc((100% - 15px) / 2);
}

.individual_base_wrap .main_data .info li {
	/*
	flex: 0 0 calc((100% - 20px) / 2);
	*/
	flex: 0 0 auto;
}
.individual_base_wrap .temperature_wrap,
.individual_base_wrap .ph_wrap,
.individual_base_wrap .humidity_wrap,
.individual_base_wrap .ec_wrap,
.individual_base_wrap .co2_wrap,
.individual_base_wrap .led_wrap,
.individual_base_wrap .irrigation_wrap,
.individual_base_wrap .water_tank_wrap,
.temperature_detail_wrap .graph,
.ph_detail_wrap .graph,
.humidity_detail_wrap .graph,
.ec_detail_wrap .graph,
.co2_detail_wrap .graph,
.led_detail_wrap .graph,
.irrigation_detail_wrap .graph,
.water_tank_detail_wrap .graph {
	border-top-width: 4px!important;
}
.status_wrap {
	height: 150px;
	background: #181818;
	overflow-y: scroll;
}
.status_wrap p {
    color: white;
}

.log_detail_wrap .status_wrap {
	height: 100%;
}

.alert_only .log_emergency,
.alert_only .log_critical,
.alert_only .log_info,
.alert_only .log_notice,
.alert_only .log_warning,
.alert_only .log_recovery {
	display: none;
}

.individual_base_wrap .sub_link_wrap {
	width: calc((100% - 30px) - (72.5% - 30px));
}
.individual_base_wrap .sub_link > li {
	height: -webkit-calc((100% - 30px) * .22);
}
.individual_base_wrap .sub_link > li:nth-child(2) {
	height: calc((100% - 30px) * .32);
}
.individual_base_wrap .sub_link > li:last-child {
	height: calc((100% - 30px) * .45);
}
.graph_item_label {
	background-color: #f2f2f2;
}
.individual_base_wrap .irrigation_wrap .graph_item > li {
	height: calc((100% - .75rem - 10px) / 3);
}
.individual_base_wrap .irrigation_wrap .graph_item > li:last-child {
	height: calc(((100% - .75rem - 10px) / 3) + 10px);
}
.individual_base_wrap .water_tank_wrap .graph_item > li:nth-last-child(n+3) {
	height: calc((100% - 1rem) * .1898278962);
}
.individual_base_wrap .water_tank_wrap .graph_item > li:nth-child(3) {
	height: calc((((100% - (((100% - 1rem) * .1898278962) * 2)) - 1rem - 50px) / 6) * 4 + 20px);
}
.individual_base_wrap .water_tank_wrap .graph_item > li:nth-child(4) {
	height: calc((((100% - (((100% - 1rem) * .1898278962) * 2)) - 1rem - 50px) / 6) * 2 + 30px);
}
.btn_left_icon {
    padding-left: 24px;
    background-image: url(../../images/separate_setting.svg);
    background-position: center left;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.btn_left_icon.btn_growth_history {
	background-image: url(../../images/growth_history.svg);
}

/* -------------------------------------
   グラフ詳細
------------------------------------- */
.individual_base_label,
.graph_select_wrap .custom-select {
	background-color: #e2e2e2;
}
.graph_select_wrap .custom-select {
	width: 230px;
}
.target_setting_wrap {
	top: 0;
	right: 0;
	z-index: 999;
}
.led_detail_wrap .graph > ul li:last-child,
.irrigation_detail_wrap .graph > ul li:last-child,
.water_tank_detail_wrap .graph > ul li:last-child {
	margin-bottom: 0!important;
}
/*
.water_tank_detail_wrap .graph > ul li:nth-child(3) {
	height: calc(calc(calc(100% - 15px - 1rem * 3) / 8) * 4);
}
*/
.led_detail_wrap .graph > ul li:last-child .graph_item_label_wrap,
.irrigation_detail_wrap .graph > ul li:last-child .graph_item_label_wrap,
.water_tank_detail_wrap .graph > ul li:last-child .graph_item_label_wrap {
	margin-top: -15px;
}
.water_tank_detail_wrap .graph_data {
	background: #ddd;
}
/* -------------------------------------
   グラフデザイン調整
------------------------------------- */

rect[fill="#cccccc"] {
    y: 81.51260504%;
}
.individual_base_wrap .main_data ul > li rect[fill="#cccccc"] {
    y: 86.5%;
}
.temperature_detail_wrap .graph rect[fill="#cccccc"],
.temperature_detail_wrap .graph rect[fill="#ebebeb"],
.ph_detail_wrap .graph rect[fill="#cccccc"],
.ph_detail_wrap .graph rect[fill="#ebebeb"],
.humidity_detail_wrap .graph rect[fill="#cccccc"],
.humidity_detail_wrap .graph rect[fill="#ebebeb"],
.ec_detail_wrap .graph rect[fill="#cccccc"],
.ec_detail_wrap .graph rect[fill="#ebebeb"],
.co2_detail_wrap .graph rect[fill="#cccccc"],
.co2_detail_wrap .graph rect[fill="#ebebeb"],
.led_detail_wrap .graph rect[fill="#cccccc"],
.led_detail_wrap .graph rect[fill="#ebebeb"],
/*
.irrigation_detail_wrap .graph rect[fill="#cccccc"],
.irrigation_detail_wrap .graph rect[fill="#ebebeb"],
*/
.water_tank_detail_wrap .graph rect[fill="#cccccc"],
.water_tank_detail_wrap .graph rect[fill="#ebebeb"] {
    y: 92.47648903%;
}

.graph_data svg,
.graph_item_data svg {
	overflow: visible !important;
}
/* -------------------------------------
   setting
------------------------------------- */
.set_content_wrap,
.set_content_confirm_wrap {
	max-height: calc(100% - 1.5rem - 55px);
}
.set_content_wrap > div:last-child,
.set_content_confirm_wrap > div:last-child {
	margin-bottom: 1rem!important;
}
.radio_wrap label {
	height: 48px;
	padding-left: 32px;
	transition: .25s;
}
.alert_radio.radio_wrap label {
	height: 32px;
}

.set_content_wrap .table th,
.set_content_confirm_wrap .table th {
	border-top: 0;
}
.set_content_wrap .setting_user_wrap,
.set_content_wrap .setting_manager_wrap,
.set_content_confirm_wrap .setting_user_wrap,
.set_content_confirm_wrap .setting_manager_wrap,
.set_content_wrap .table td,
.set_content_confirm_wrap .table td {
	border-bottom: solid 1px #dee2e6;
}
.set_content_confirm_wrap .table tr:last-child td {
	border: 0;
}
.setting_user_wrap .table,
.setting_manager_wrap .table {
	margin-bottom: 0;
}
.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .025);
}
.setting_user_wrap tr th:nth-child(2n),
.setting_user_wrap tr td:nth-child(2n) {
	width: calc(100% / 3);
}
.set_content_wrap .setting_user_wrap tr th:nth-child(2n),
.set_content_wrap .setting_user_wrap tr td:nth-child(2n) {
	padding-left: 0;
}
.set_content_wrap table tr th,
.set_content_wrap table tr td {
	vertical-align: middle;
}
.set_content_wrap table tr th,
.set_content_confirm_wrap table tr th {
	color: #7e7e7e;
}
.setting_manager_wrap table tr th,
.setting_manager_wrap table tr td {
	width: calc(100% / 5);
}
.setting_manager_wrap {
    overflow: scroll;
}
.set_content_wrap .form-control {
	height: 34px;
}
.btn_submit {
	width: 350px;
	height: 55px;
}
.btn_submit.btn_edit {
	background: #777;
}
.led_red,
.led_blue {
	background: #c82725;
	color: #fff;
}
.led_blue {
	background: #5f9cf1;
}
.set_content_confirm_wrap .description span {
	background: rgba(78,94,112,.1);
}
.change {
	color: #24c3eb;
}
/* -------------------------------------
   recipe
------------------------------------- */
.text_align_center {
	text-align: center;
}
.w_85 {
	width: 85%;
	margin: 0 auto;
}
.bg_wh {
	background: #fff !important;
}
.br_nv {
	border: solid 1px #354655;
}
.ml_11 {
	margin-left: 11rem;
}
.ml_1 {
	margin-left: 1.5rem;
}
.mb_1 {
	margin-bottom: 1rem;
}
.bg_size_w_h {
	width: 156px;
	height: 25px;
}
.recipe_filter_input {
	border: none;
}
.recipe_filter_input:focus {
	outline: none;
}
.min_date {
	position: relative;
}
.min_date::before {
	content: "";
	position: absolute;
	top: 9px;
	right: 5px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #364655;
	pointer-events: none;
}
.min_date select::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
.min_date select::-webkit-clear-button{
  -webkit-appearance: none;
}
.min_date select {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.history_table {
	table-layout: fixed;
	margin: 60px auto 40px;
}
.history_table th,
.history_table td {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 10px;
}
.history_table th {
/*	border-top: solid 5px #354655; */
	font-size: 22px;
}
.history_table th:first-child {
	border-top: none;
}
.ppfd_name,
.history_table td {
	font-size: 20px;
}
.history_table td:first-child {
	/*font-size: 25px;*/
	font-size: 22px;
	font-weight: bold;
}
.bg_bg {
	background: #EBEBEB;
}
.fc_gn {
	color: #029388;
}
.fc_or {
	color: #F9584D;
}
.fc_ye {
	color: #F2B540;
}
.fc_bu {
	color: #5F9CF1;
}
.fc_lgn {
	color: #469F44;
}
.fc_gl {
	color: #777;
}
.before_nv_line {
	position: relative;
	padding-left: 18px;
	font-size: 25px;
	margin-bottom: 20px;
}
.before_nv_line::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 5px;
	height: 30px;
	background-color: #354655;
}
.fs_30 {
	font-size: 30px;
}
.pl_18 {
	padding-left: 18px;
}
.flex_g_1 {
	flex-grow: 1;
}
.bg_red {
	background: #C82725;
}
.bg_blue {
	background: #5F9CF1
}
.pd_7_25 {
	padding: 7px 25px;
}
.inline_block {
	display: inline-block;
}
.line_height_1 {
	line-height: 1;
}
.history_table tbody tr:nth-of-type(odd) {
	background-color: #EBEBEB;;
}
/*
.recipe_list th{
	position: sticky;
	top: 0;
	background-color: #fff;
}
*/
.palette_recipe_timepicker input {
	width: 100%;
	background-color: transparent;
}

.date_image_thumbnail {
	height: auto;
}
.palette_recipe_graph {
	min-height: 50px;
}
.palette_recipe_graph_item_label {
	width: 96px;
	font-size: 1rem;
	font-weight: bold;
	color: #333333;
}
.graph_max_value {
	flex-shrink: 0;
}
.graph_max_value span:last-of-type {
	margin-left: -2px;
}

.water_graph_wrap .irrigation,
.water_graph_wrap .valve {
	height: 35px;
}
.water_graph_wrap .irrigation_last {
	height: 60px;
}
.water_graph_wrap .mode,
.water_graph_wrap .water_level {
	height: 120px;
}

.d-none {
	display: none !important;
}

#rackScheduleHistories {
	height: 45px;
}
.not_graph_container {
	padding-right: 20px;
}
.not_graph_wrapper {
	width: calc(96% + 20px);
}
.rack_schedule_history_range {
	border-right: solid 3px #ffffff;
	background-color: rgba(216,216,216, .3);
	overflow: hidden;
	padding: 0 .6rem;
}
.not_graph_wrapper .rack_schedule_history_range:last-child {
	border-right: 0;
}
.rack_schedule_history_range span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}