:root {
    --turquoise_0: #417690;
    --turquoise_1: #79AEC8;
    --green_0: #08C803;
    --green_1: #21770C;
    --red_0: #CB2026;
    --red_1: #8C161A;
    --orange_0: #FF5723;
    --white_0: #FFFFFF;
    --white_1: #FAFAFA;
    --white_2: #F9F9F9;
    --gray_0: #505050;
    --gray_1: #C4C4C4;
    --gray_2: #E2E2E2;
    --gray_3: #707070;
    --yellow_0: #FCC800;
    --yellow_1: #F7A724;
    --yellow_2: #FF6E00;

    --text_color: var(--gray_3);
    --stroke_color: var(--gray_0);
    --background_dark: var(--gray_1);
    --background_light: var(--gray_2);
}

body {
    background-color: var(--white_0);
    color: var(--text_color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--text_color);
}

p {
    color: var(--text_color);
}

.help_test {
    color: var(--text_color);
    font-size: 75%;
}

table,th,td {
    color: var(--text_color);
}

table {

}

td {

}

tr {

}

th {
    font-weight: normal;
}

table tr td.form-row-label {
    border-collapse: collapse;
    border-top: none;
    border-bottom: none;
    padding-left: 0px;
    padding-right: 20px;
}

table tr td.form-row-input {
    border-collapse: collapse;
    border-top: none;
    border-bottom: none
}

.btn {
    min-width: 150px;
}

.btn-primary {
    background-color: var(--green_0) !important;
    border: none;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: var(--green_1) !important;
    border: none;
}

.btn-danger {
    background-color: var(--red_0) !important;
    border: none;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:visited {
    background-color: var(--red_1) !important;
    border: none;
}

.list-group-item.active,
.list-group-item.active:hover {
    color: var(--text_color);
    background-color: #F0FFCC !important;
    border-color: var(--gray_2) !important;
}

.infolink:before {
    content: '?';
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    width: 3ex;
    height: 3ex;
    font-size: 1.4ex;
    border-radius: 3ex;
    padding: 1px;
    color: var(--yellow_0);
    background: var(--gray_0);
    text-decoration: none;
}

.infolink:hover:before {
    color: var(--gray_0);
    background: var(--yellow_0);
    text-decoration: none;
}

.float-container {

}

.float-child {
    float: right;
    margin-left: 10px;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input input[type=number] {
    background-color: var(--gray_2);
    border: 1px solid var(--gray_1);
    border-radius: 0.25em;
    padding: 0.25em 0.25em;
    margin: 0;
    width: 210px;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  position: relative;
}
