.C_main {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  color: inherit;
  scroll-behavior: smooth;
  border-spacing: 0;
  border-collapse: separate;
}

.C_main {
  width: 100%;
  height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  background-color: #ffffff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media only screen and (orientation: portrait) {
  .C_main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.C_report_holder {
  width: 100%;
  height: 100%;
}

.C_heading_holder {
  width: 100%;
  height: 5rem;
  background-color: white;
  padding: 1.5rem 1.5rem 0 1.5rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  font-size: 2rem;
  color: #777777;
}
@media only screen and (orientation: portrait) {
  .C_heading_holder {
    padding: 0;
    font-size: 1rem;
  }
}

.C_logo_holder {
  height: 100%;
  width: 10%;
  display: flex;
  flex-flow: column nowrap;
  background-image: url("../../../img/gps_logo_new.png");
  background-size: 100% 100%;
}

.C_heading, .C_date_holder, .C_user_holder {
  height: 100%;
  width: 20%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.C_machine_details_holder {
  width: 100%;
  height: 20rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  background-color: white;
}

.C_machine_details {
  width: 20%;
  height: 100%;
}

.C_machine_details_heading, .C_machine_details_info {
  width: 100%;
  height: 30%;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
  font-size: 2rem;
  color: #777777;
}
@media only screen and (orientation: portrait) {
  .C_machine_details_heading, .C_machine_details_info {
    font-size: 1rem;
  }
}

.C_machine_details_info {
  height: 20%;
  font-weight: bold;
  align-items: center;
}

.C_graph_holder {
  width: 30%;
  height: 100%;
}

.C_chart_hour {
  font-size: 2rem;
}
@media only screen and (orientation: portrait) {
  .C_chart_hour {
    width: 100%;
    font-size: 1rem;
  }
}

.C_chart {
  width: 100%;
  height: 100%;
  font-size: 2rem;
  color: #777777;
}
@media only screen and (orientation: portrait) {
  .C_chart {
    font-size: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
}

.C_shifts_view {
  width: 100%;
  height: 20rem;
  margin-top: 5rem;
  border-top: 0.1rem solid black;
  display: flex;
  flex-flow: row nowrap;
}

.C_shift_text {
  width: 50%;
  height: 100%;
}

.C_shift_headings {
  width: 100%;
  height: 20%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 1rem;
}

.C_shift_heading_item {
  width: 50%;
  font-size: 2rem;
  color: #777777;
}
@media only screen and (orientation: portrait) {
  .C_shift_heading_item {
    font-size: 1rem;
  }
}

.C_shift_machine_details_holder {
  width: 100%;
  height: 80%;
  display: flex;
  flex-flow: row nowrap;
}

.C_shift_machine_details {
  width: 50%;
  height: 100%;
}

.C_shift_graph {
  width: 50%;
  height: 100%;
}
@media only screen and (orientation: portrait) {
  .C_shift_graph {
    width: 30%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
  }
}