@import '~antd/es/style/themes/default.less';

.main {
  flex-direction: column;
  width: 1920px;
  height: 940px;
}

.title {
  display: flex;
  flex-direction: row;
  width: 1920px;
  height: 120px;
  padding: 40px 50px 0 50px;
}

.title_work_site {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  width: 300px;
}

.title_work_site_legend {
  display: flex;
  width: 10px;
  height: 60px;
  background-color: #0ff;
}

.title_work_site_legend_hidden {
  display: flex;
  width: 10px;
  height: 60px;
}

.title_work_site_text {
  display: flex;
  margin: 0 0 0 10px;
  font-size: 60px;
}

.title_machine_stat {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 1220px;
  font-size: 35px;
}

.title_machine_stat_item_l {
  width: 240px;
  text-align: left;
}
.title_machine_stat_item {
  width: 190px;
  text-align: right;
}

.title_machine_status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  width: 300px;
}

.title_machine_status_text {
  font-size: 15px;
}

.title_machine_status_legend {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
}

.title_machine_status_legend_running {
  display: flex;
  width: 10px;
  height: 40px;
  margin: 0 5px 0 5px;
  background-color: #92d050;
}
.title_machine_status_legend_wait {
  display: flex;
  width: 10px;
  height: 40px;
  margin: 0 5px 0 5px;
  background-color: #ffc000;
}
.title_machine_status_legend_shut_down {
  display: flex;
  width: 10px;
  height: 40px;
  margin: 0 5px 0 10px;
  background-color: #bfbfbf;
}
.title_machine_status_legend_alarm {
  display: flex;
  width: 10px;
  height: 40px;
  margin: 0 5px 0 5px;
  background-color: #f00;
}

.content {
  width: 1920px;
  height: 820px;
  padding: 0 40px 20px 40px;
}

.content_machs {
  width: 1820px;
  height: 780px;
  padding: 0 0 0 0;
  background-color: #00204c;
}
