/* textinput in subcontainer start */

#subcontainer>h1 {
  font-size: 1.3rem;
  color: var(--sinoColNormBG);
}

/* ui control padding */
#subcontainer tdselect>option,
#subcontainer select,
#subcontainer input[type="text"] {
  padding: 1rem 0 1rem 1rem;
}

#subcontainer input[type="button"],
button.dt-button,
button {
  padding: 1.1rem 2rem 1.1rem 2rem;
}

/* textinput in subcontainer end */

/* buttons in subcontainer start */
#subcontainer button,
#subcontainer input[type="button"] {
  width: auto;
  color: var(--sinoColNormFG);
  font-weight: bold;
  background-color: var(--sinoColNormBG_Btn);
  border: 1px solid var(--sinoColNormFG_Btn);
}

#subcontainer button:disabled {
  background-color: var(--sinoColBorder);
}

#subcontainer button:hover:not([disabled]),
#subcontainer input[type="button"]:hover {
  background: var(--sinoColNormFG_BtnHover);
  color: var(--sinoColSelFG);
}

/* buttons in subcontainer end */

/* selects start */
#subcontainer tdselect>option,
#subcontainer select {
  background-color: var(--sinoColNormFG);
  border-color: var(--sinoColBorder);
  color: var(--sinoColNormBG);
  border: 1px solid var(--sinoColBorder);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3Ablack%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  padding: 15px 30px 15px 10px;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-weight: bold;
}

/* #subcontainer select>option {
  font-weight: bold;
} */

/* selects end */


/* summary of table */
#summary * {
  color: var(--sinoColNormBG);
}
#summary:not(:empty) {
  margin-top: 1vh;
  display: inline-block;
  padding: 5px;
  border: 1px solid var(--sinoColNormBG);
  margin-bottom: 1rem;
}

#summary table {
  border-collapse: collapse;
  border: 0px !important;
}

#summary thead>tr>td {
  background-color: transparent;
  color: var(--sinoColNormBG);
  font-weight: bold;
  font-size: 1.2rem !important;
  height: 2rem;
  vertical-align: bottom;
  border-bottom: 1px solid var(--sinoColGreen);
  padding: 0  1rem 0.5rem 1rem;
}

#summary thead>tr>td.daterange {
  text-align: right;
}

#summary tbody>tr:first-child>td {
  padding-top: 10px;
}

#summary>table>tbody>tr {
  background-color: var(--sinoColNormFG);
}

#summary tbody>tr>td {
  white-space:pre !important;
  background-color: var(--sinoColGlobalBackground);
  padding: 0.5rem 1.3rem 0.5rem 1.3rem;
}

#summary tbody>tr>td>span {
  font-family: 'RobotoMono' !important;
}
/* ,
#summary tbody>tr:nth-last-child(2)>td:nth-last-child(1),
#summary  tbody>tr:nth-last-child(2)>td:nth-last-child(2) */
#summary .sum-border-top {
  border-top: 3px double var(--sinoColGreen);
}

#summary tbody>tr:nth-child(1)>td,
  #summary tbody>tr>td:nth-child(3) {
  padding: 2.5px;
}

#summary td.sep {
  border-left: 1px solid var(--sinoColGreen);
  width: 2px !important;
}