/* dashboard.py */

.dashboard-background {
  background-color: black;
}

.dropdown-header {
  display: table;
  width: 100%;
}

.dropdown-body-left {
  margin-right: auto;
  display: table-cell;
}

.dropdown-body-right {
  display: table-cell;
  margin-left: auto;
  vertical-align:bottom;
  display: flex;
  font-size: 16px;
  justify-content: flex-end;
}

.header-dropdown {
  color: white;
  display: flex;
}

.header-dropdown-label {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.category-dropdown {
  display: inline-block;
  font-size: 14;
  width: 100px;
  padding-left: 20px;
  margin: 0 0 5px 0;
}

.category-label {
  color:white;
}

.round-dropdown {
  display: inline-block;
  font-size: 14;
  width: 200px;
  padding-left: 20px;
  margin: 0 0 5px 0;
}

.round-label {
  color:white;
}

.session-dropdown {
  display: inline-block;
  font-size: 14;
  width: 200px;
  padding-left: 20px;
  margin: 0 0 5px 0;
}

.session-label {
  color:white;
}

.update-button {
  display: inline-block;
  font-size: 14;
  width: 120px;
  padding: 0 0 5px 20px;
  vertical-align: bottom;
}

.update-label {
  color:white;
  width: 80px;
}

.download-button {
  display: inline-block;
  font-size: 14;
  width: 250px;
  padding: 0 0 5px 20px;
  vertical-align: bottom;
}

.togo-display {
  display: inline-block;
  font-size: 14;
  color:white;
  display: flex;
  justify-content: flex-end;
}

.dashboard-tabs {
  clear: both;

}

.race-info-label {
  color: white;
  font-size: 16px;
  padding-top: 10px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.race-info-value {
  color: white;
  font-size: 24px;
  padding-top: 3px;
  margin-right: 20px;
  display: table-cell;
  display: inline-block;
}

/* tabs/ranking.py */
.ranking-outer-frame {
  width: 1210px;
  margin: auto;
  padding-bottom: 20px;

}

.ranking-body {
  width: 1210px;
  margin-top: 10px;
}

.fastest-frame {
  width: 1210px;
  padding-right: 350px;
}

.fastest-header {
  display: inline-block;
  width: 185px;
}

.fastest-body {
  display: inline-block;
  width: 675px;
}

.secbest-frame {
  display: inline-block;
  width: 1210px;
}

.secbest-header {
  display: inline-block;
  width: 150px;
  margin-left: 290px;
  margin-top: 10px;
}

.secbest-body {
  display: inline-block;
  width: 420px;
}

/* tabs/timegap.py */
.timegap-outer-frame {
  width: 100%;
  display: flex;
}

.timegap-left-frame {
  padding: 10px 10px 10px 10px;
  width:17%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid none none;
}

.timegap-right-frame {
  padding: 10px 10px 10px 10px;
  width:83%;
}

.timegap-dropdown {
  color: white;
  display: flex;
}

.timegap-dropdown-label {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.timegap-option {
  color: white;
}

.timegap-option-pitloss {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.timegap-option-x {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.timegap-option-y {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.timegap-option-outer-frame {
  color: white;
  display: flex;
}

.timegap-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.timegap-option-label1 {
  font-size: 16px;
  padding-top: 5px;
  width: 120px;
  color: white;
}

.timegap-option-label2 {
  font-size: 16px;
  padding-top: 5px;
  color: white;
}

.timegap-option-label3 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 31px;
  color: white;
}

.timegap-option-label4 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 17px;
  color: white;
}

.timegap-option-label5 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 30px;
  color: white;
}

.timegap-option-label6 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 31px;
  color: white;
}

.timegap-option-label7 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 20px;
  color: white;
}

.pit-loss {
  color: white;
}




/* tabs/passing_order.py */
.passing-order-outer-frame {
  margin: auto;
  width: 1200px;

}

.passing-order-inner-frame {
  margin: auto;
  width: 1200px;


}

.passing-order-table {
  display: inline-block;
  padding: 10px;
  color: white;

}

.running-sec-table {
  display: inline-block;
  padding: 10px;
  color: white;
}

.ref-select {
  display: inline-block;
  padding: 10px;
  color: white;

}

/* tabs/best_n_lap_ave.py */
.best-n-header {
  color: white;
  padding-left: 16px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}

.best-n-choice {
  color: white;
  padding-left: 16px;
  display: flex;
}

.best-n-choice-label {
  color: white;
  font-size: 16px;
  margin-left: 20px;
  padding-top: 5px;
  display: table-cell;
}

.color-label {
  display: inline-block;
  font-size: 16px;
  padding-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  color: white;
}

.color-sample {
  display: inline-block;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.best-n-ave-table {
  margin: auto;
  padding-top: 10px;
  padding-right: 16px;
  padding-left: 16px;
}

.best-n-view {
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
}

/* tabs/last_n_lap_ave.py */
.last-n-header {
  color: white;
  padding-left: 16px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}

.last-n-choice {
  color: white;
  padding-left: 16px;
  display: flex;
}

.last-n-choice-label {
  color: white;
  font-size: 16px;
  margin-left: 20px;
  padding-top: 5px;
  display: table-cell;
}

.last-n-ave-table {
  margin: auto;
  padding-top: 10px;
  padding-right: 16px;
  padding-left: 16px;
}

.last-n-view {
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
}

/* tabs/laptime_summary.py */
.laptime-summary-outer-frame {
  width: 100%;
  display: flex;
}

.laptime-summary-left-frame {
  padding: 10px 10px 10px 10px;
  width:17%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid none none;
}

.laptime-summary-right-frame {
  padding: 10px 10px 10px 10px;
  width:83%;
}

.laptime-summary-dropdown {
  color: white;
  display: flex;
}

.laptime-summary-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.summary-active-cell {
  display: none;
}

.auto-scroll-button-summary {
  display: inline-block;
  font-size: 14;
  width: 250px;
  padding: 0 0 5px 20px;
  vertical-align: bottom;
}

/* tabs/laptime_detail.py */
.laptime-detail-outer-frame {
  width: 100%;
  display: flex;
}

.laptime-detail-left-frame {
  padding: 10px 10px 10px 10px;
  width:17%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid none none;
}

.laptime-detail-right-frame {
  padding: 10px 10px 10px 10px;
  width:83%;
}

.laptime-detail-dropdown {
  color: white;
  display: flex;
}

.laptime-detail-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.detail-active-cell {
  display: none;
}

.auto-scroll-button-detail {
  display: inline-block;
  font-size: 14;
  width: 250px;
  padding: 0 0 5px 20px;
  vertical-align: bottom;
}
/* tabs/laptime_speed_graph.py */
.laptime-speed-outer-frame {
  width: 100%;
  display: flex;
}

.laptime-speed-left-frame {
  padding: 10px 10px 10px 10px;
  width:17%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid none none;
}

.laptime-speed-right-frame {
  padding: 10px 10px 10px 10px;
  width:83%;
}

.laptime-speed-dropdown {
  color: white;
  display: flex;
}

.laptime-speed-dropdown-label {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.laptime-speed-option {
  color: white;
}

.laptime-speed-option-x {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.laptime-speed-option-y {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.laptime-speed-option-outer-frame {
  color: white;
  display: flex;
}

.laptime-speed-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.laptime-speed-option-label1 {
  font-size: 16px;
  width:120px;
  padding-top: 5px;
  color: white;
}

.laptime-speed-option-label2 {
  font-size: 16px;
  padding-top: 5px;
  color: white;
}

.laptime-speed-option-label3 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 25px;
  color: white;
}

.laptime-speed-option-label4 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 38px;
  color: white;
}

/* tabs/laptime_report.py */
.laptime-report-outer-frame {
  width: 1485px;
  margin: auto;
  padding-bottom: 20px;
}

.laptime-report-best-frame {
  margin: auto;
  width: 1485px;
}

.laptime-report-best-table {
  display: inline-block;
  color: white;
}

.laptime-report-2nd-best-table {
  display: inline-block;
  color: white;
  margin-left: 10px;
}

.laptime-report-speed-table {
  display: inline-block;
  color: white;
  margin-left: 10px;
}

.laptime-report-bbl-table {
  display: inline-block;
  color: white;
  margin-left: 10px;
}

.ltr-download-button {
  font-size: 14;
  width: 250px;
  padding: 10px 10px 5px 20px;
  vertical-align: bottom;
}

/* tabs/individual_laptime.py */
.individual-laptime-outer-frame {
  width: 1230px;
  margin: auto;
  display: flex;
}

.individual-laptime-label {
  display: inline-block;
  width: 200px;
  color: white;
}

.individual-laptime-best-table {
  margin-right: auto;
}

.individual-laptime-average {
  margin-right: auto;
  width: 600px;

  font-size: 16px;
  margin-top: 10px;
  color: white;
}

.individual-laptime-view-table {
  width: 600px;
  margin-right: auto;
}

.individual-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.individual-left-frame {
  margin-top: 10px;
  margin-right: 15px;
  width: 600px;
  height: 700px;
}

.individual-right-frame {
  margin-top: 10px;
  margin-left: 15px;
  width: 600px;
  height: 700px;
}


.individual-dropdown {
  color: white;
  display: flex;
}

.individual-dropdown-style {
  font-size: 16px;
  width: 300px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

/* tabs/laptime_graph.py */
.laptime-graph-outer-frame {
  width: 100%;
  display: flex;
}

.laptime-graph-left-frame {
  padding: 10px 10px 10px 10px;
  width:20%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid none none;
}

.laptime-graph-right-frame {
  padding: 10px 10px 10px 10px;
  width:80%;
}

.laptime-graph-dropdown {
  color: white;
  display: flex;
}

.laptime-graph-dropdown-label {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.laptime-graph-dropdown-label2 {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  padding-left: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.laptime-graph-option {
  color: white;
}

.laptime-graph-option-x {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.laptime-graph-option-y {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.laptime-graph-option-temp {
  color: white;
  padding: 5px 5px 5px 5px;
  background-color: rgb(59, 59, 59);
}

.laptime-graph-option-outer-frame {
  color: white;
  display: flex;
}

.laptime-graph-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.laptime-graph-option-label1 {
  font-size: 16px;
  padding-top: 5px;
  width:130px;
  color: white;
}

.laptime-graph-option-label2 {
  font-size: 16px;
  font-weight:bold; 
  padding-top: 2px;
  margin-right: 2px;
  display: table-cell;
  color: white;
}
.laptime-graph-option-label3 {
  font-size: 16px;
  padding-top: 5px;
  color: white;
}
.laptime-graph-option-label4 {
  font-size: 16px;
  padding-top: 5px;
  padding-left: 5px;
  width:130px;
  color: white;
}

.laptime-speed-header {
  color: white;
}

.laptime-tail {
  color: white;

}

.laptime-head {
  color: white;

}

.speed-tail {
  color: white;
  font-size: 14;

}

.speed-head {
  color: white;

}

/* tabs/outing_test.py */
.outing-outer-frame {
  width: 100%;
  display: flex;
}

.outing-left-frame {
  padding: 10px 10px 10px 10px;
  width:20%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
}

.outing-right-frame {
  padding: 10px 10px 10px 10px;
  width:80%;
  overflow:hidden;
  overflow-y:scroll;
  height: 700px;
}

.testspace1 {
  color: white;
  background-color: blue;
  height: 700px;
}

.testspace2 {
  color: white;
  background-color: red;
  height: 700px;
}

.testspace3 {
  color: white;
  background-color: gray;
  height: 700px;
}

.testspace4 {
  color: white;
  background-color: yellow;
  height: 700px;
}

.outing-dropdown {
  color: white;
  display: flex;
}

.outing-dropdown-label {
  color: white;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  display: table-cell;
  display: inline-block;
}

.outing-option {
  color: white;
}

.outing-option-x {
  color: white;
  background-color: rgb(59, 59, 59);
}

.outing-option-y {
  color: white;
  background-color: rgb(59, 59, 59);
}

.outing-option-outer-frame {
  color: white;
  display: flex;
}

.outing-option-label0 {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
}

.outing-option-label1 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 25px;
  color: white;
}

.outing-option-label2 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 18px;
  color: white;
}

.outing-option-label3 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 31px;
  color: white;
}

.outing-option-label4 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 17px;
  color: white;
}

.outing-option-label5 {
  font-size: 16px;
  padding-top: 5px;
  margin-right: 30px;
  color: white;
}

/*modebar*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/* tabs/alert_summary.py */
.alert-outer-frame {
  width: 1310px;
  margin: auto;

}

.alert-table-label {
  width: 100%;
  height: 80px;
  margin-top: 30px;
  background-color: #696969;
}


.alert-table-label-space {
  width: 100%;
  height: 23px;
  font-size: 16px;
  text-align: center;
  color: white;


}

.alert-table-label-cat {
  width: 85px;
  height: 80px;
  font-size: 16px;
  text-align: center;
  color: white;

  border: 1px solid #ffffff;
  display:inline-block;
  vertical-align: top;
}

.alert-table-label-cat-m {
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  color: white;


  display:inline-block;
}

.alert-table-label-name {
  width: 325px;
  height: 80px;
  font-size: 16px;
  text-align: center;
  color: white;

  border-width: 1px;
  border-color: #ffffff;
  border-style: solid solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-label-name-m {
  width: 100%;
  height: 30px;
  font-size: 16px;

  text-align: center;
  color: white;


  display:inline-block;
}

.alert-table-label-rep {
  width: 600px;
  height: 80px;
  font-size: 16px;
  text-align: center;
  color: white;

  border-width: 1px;
  border-color: #ffffff;
  border-style: solid solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-label-rep-u {
  width: 100%;
  height: 39px;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

}

.alert-table-label-rep-l {
  width: 100%;
  height: 39px;
  font-size: 16px;
  text-align: center;
  color: white;


}

.alert-table-label-rep-l-left {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

  display:inline-block;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid solid none none;

}

.alert-table-label-rep-l-right {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

  display:inline-block;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid none none none;

}

.alert-table-label-lim {
  width: 300px;
  height: 80px;
  font-size: 16px;
  text-align: center;
  color: white;

  border-width: 1px;
  border-color: #ffffff;
  border-style: solid solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-label-lim-u {
  width: 100%;
  height: 39px;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

}

.alert-table-label-lim-l {
  width: 100%;
  height: 39px;
  font-size: 16px;
  text-align: center;
  color: white;


}

.alert-table-label-lim-l-left {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

  display:inline-block;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid solid none none;

}

.alert-table-label-lim-l-right {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: center;
  color: white;

  display:inline-block;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid none none none;

}

.alert-table-vital1 {
  width: 100%;
  height: 320px;
  background-color: #404040;
}

.alert-table-vital1-space {
  width: 100%;
  height: 143px;
  font-size: 16px;
  text-align: center;
  color: white;


}

.alert-table-vital1-cat {
  width: 85px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;
  background-color: #000000;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid solid;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-cat-m {
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  color: white;


  display:inline-block;
}

.alert-table-vital1-name {
  width: 325px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;


  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-name-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;

}

.alert-table-vital1-name-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;

}
.alert-table-vital1-name-b {
  width: 15%;
  height: 100%;
  color: white;
  padding-top: 3px;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-name-m {
  width: 85%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: left;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital1-rep {
  width: 300px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;


  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-rep-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;


}

.alert-table-vital1-rep-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;


}
.alert-table-vital1-rep-c {
  width: 50%;
  height: 100%;
  color: white;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-rep-c-left {
  width: 30%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  padding-left: 8px;
  text-align: left;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital1-rep-c-right {
  width: 70%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 8px;
  text-align: right;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital1-lim {
  width: 300px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;

  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-lim-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;


}

.alert-table-vital1-lim-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;


}
.alert-table-vital1-lim-c {
  width: 50%;
  height: 100%;
  color: white;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital1-lim-c-left {
  width: 25%;
  height: 100%;
  font-size: 16px;
  padding-top: 3px;


  color: white;
  vertical-align: top;
  display:inline-block;

}
.alert-table-vital1-lim-c-center {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 4px;
  color: white;
  vertical-align: top;
  display:inline-block;

} 

.alert-table-vital1-lim-c-right {
  width: 25%;
  height: 100%;
  font-size: 16px;
  padding-top: 3px;

  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital2 {
  width: 100%;
  height: 200px;

}

.alert-table-vital2-space {
  width: 100%;
  height: 83px;
  font-size: 16px;
  text-align: center;
  color: white;

}

.alert-table-vital2-cat {
  width: 85px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;
  background-color: #303030;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid solid;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-cat-m {
  width: 100%;
  height: 30px;
  font-size: 16px;
  text-align: center;
  color: white;

  display:inline-block;
}

.alert-table-vital2-name {
  width: 325px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;

  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-name-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;

}

.alert-table-vital2-name-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;

}
.alert-table-vital2-name-b {
  width: 15%;
  height: 100%;
  color: white;
  padding-top: 3px;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-name-m {
  width: 85%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  text-align: left;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital2-rep {
  width: 300px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;

  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-rep-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;


}

.alert-table-vital2-rep-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;


}
.alert-table-vital2-rep-c {
  width: 50%;
  height: 100%;
  color: white;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-rep-c-left {
  width: 30%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  padding-left: 8px;
  text-align: left;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital2-rep-c-right {
  width: 70%;
  height: 100%;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 8px;
  text-align: right;
  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-table-vital2-lim {
  width: 300px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  color: white;

  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-lim-odd {
  width: 100%;
  height: 40px;
  font-size: 16px;

  color: white;
  background-color: #000000;


}

.alert-table-vital2-lim-even {
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: white;
  background-color: #303030;


}
.alert-table-vital2-lim-c {
  width: 50%;
  height: 100%;
  color: white;
  border-width: 1px;
  border-color: #ffffff;
  border-style: none solid solid none;
  display:inline-block;
  vertical-align: top;
}

.alert-table-vital2-lim-c-left {
  width: 25%;
  height: 100%;
  font-size: 16px;
  padding-top: 3px;


  color: white;
  vertical-align: top;
  display:inline-block;

}
.alert-table-vital2-lim-c-center {
  width: 50%;
  height: 100%;
  font-size: 16px;
  padding-top: 4px;
  color: white;
  vertical-align: top;
  display:inline-block;

} 

.alert-table-vital2-lim-c-right {
  width: 25%;
  height: 100%;
  font-size: 16px;
  padding-top: 3px;

  color: white;
  vertical-align: top;
  display:inline-block;

}

.alert-body {
  width: 1210px;
  margin-top: 10px;
}


/* tabs/outing_graph_vital1.py */
.vital1-btn-row {
  width: 100%;
  font-size: 16px;
}


.vital1-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.vital1-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.vital1-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.vital1-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.vital1-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.vital1-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.vital1-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.vital1-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.vital1_graph1 {
  color: white;
  height: 700px;
}

/* tabs/outing_graph_vital2.py */
.vital2-btn-row {
  width: 100%;
  font-size: 16px;
}


.vital2-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.vital2-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.vital2-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.vital2-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.vital2-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.vital2-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.vital2-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.vital2-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.vital2_graph1 {
  color: white;
  height: 700px;
}

/* tabs/outing_graph_chassis1.py */
.chassis1-btn-row {
  width: 100%;
  font-size: 16px;
}


.chassis1-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.chassis1-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.chassis1-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.chassis1-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.chassis1-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.chassis1-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.chassis1-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.chassis1-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.chassis1_graph1 {
  color: white;
  height: 700px;
}

/* tabs/outing_graph_chassis2.py */
.chassis2-btn-row {
  width: 100%;
  font-size: 16px;
}


.chassis2-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.chassis2-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.chassis2-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.chassis2-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.chassis2-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.chassis2-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.chassis2-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.chassis2-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.chassis2_graph1 {
  color: white;
  height: 700px;
}

/* tabs/outing_graph_chassis3.py */
.chassis3-btn-row {
  width: 100%;
  font-size: 16px;
}


.chassis3-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.chassis3-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.chassis3-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.chassis3-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.chassis3-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.chassis3-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.chassis3-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.chassis3-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.chassis3_graph1 {
  color: white;
  height: 700px;
}

/* tabs/outing_graph_chassis4.py */
.chassis4-btn-row {
  width: 100%;
  font-size: 16px;
}


.chassis4-btn-left {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  display:inline-block;
}

.chassis4-btn-right {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
  display:inline-block;
}

.chassis4-layout-btn {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display:inline-block;
}

.chassis4-comment-table {
  width: 100%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;

}

.chassis4-comment-input {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  height: 70px;

}
.chassis4-comment-input-num {
  width: 45px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-right: 2px;

}
.chassis4-comment-input-text {
  height: 100%;
  width:calc(100% - 105px);
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;

}
.chassis4-comment-input-btn {
  width: 60px;
  height: 100%;
  display:inline-block;
  vertical-align: top;
  padding-left: 2px;
}


.chassis4_graph1 {
  color: white;
  height: 700px;
}

.outing_graph_box {
  color: white;
  width:50%;
  height: 70%;
  display: inline-block;
  border: 0.5px solid #ffffff;
  vertical-align: top;
}

.outing_graph_title {
  color: white;
  background-color: black;
  width:100%;
  height: 35px;
  font-size: 20px;
  vertical-align: top;
}

.outing_graph_title_indicator {

  width:35px;
  height: 35px;
  vertical-align: top;
  display: inline-block;


}

.outing_graph_title_indicator_btn {
  font-size: 12px;
  width:30px;
  height: 30px;
  padding: 0 0 0 0;
  text-align: center;
  margin-top: 2.5px;
  margin-left: 5px;


}

.outing_graph_title_text {
  color: white;
  background-color: black;
  width:calc(100%-35px);
  height: 35px;
  padding-top: 4px;
  padding-left: 5px;
  vertical-align: top;
  display: inline-block;
}

.testspace3 {
  color: white;
  background-color: gray;
  height: 700px;
}

.testspace4 {
  color: white;
  background-color: yellow;
  height: 700px;
}

.modal-content {
  background-color: black;
  border: 0.5px solid #ffffff;
}


.outing_graph_modal_header {
  background-color: white;
  color: white;
  font-size: 32px;
}