* { font-family: Verdana; font-size:10px}
TD {color:white; font-size:10px}
TH {color:white; font-size:10px }
BODY { background-color:#8b3e2f;}
BODY { margin: 5 10 10 10; background-color: #0d6059; color:white; font-size:10px  }
H1 { font-family: House LogoStdPos; font-size: 48px; text-align:right; font-weight:normal; margin-top:5}
H2 { font-family: House bold; font-size: 22px; color:white; font-weight:normal; padding:0; margin:0 }
H3 { font-family: Verdana; font-size: 11px; color:white; font-weight:normal; padding:4 0 6 0; margin:0; }
H4 { font-family: House bold; font-size: 19px; color:white; font-weight:normal; padding:0; margin:0 }
H5 { font-family: Verdana; font-size: 11px; color:white; font-weight:bold; padding:0 0 4 0; margin:0 }
h1 > a > img { border: 0; }
P.login { position:absolute; text-align:right; color:#B1D3EC; font-size:10px; margin:0 }
A.login {color:#B1D3EC; font-size:10px;}
INPUT { color:#142A3B; font-size: 10px; padding-left:3px; border: 1px solid black; background-color:white; height:16px; }
INPUT[type='button'] {font-weight: bold;}
INPUT.date { font-size: 10px; padding-left:3px; border: 1px solid black; background-color:white; height:16px; width: 80}
INPUT.checkbox { background-color:transparent; border:0;  }
INPUT.radio { background-color:transparent; border:0;  }
TEXTAREA { border: 1px solid black; background-color:white; color:black }
SELECT { font-weight:normal; background-color:white; }
OPTION { background-color:white; color:black }
BUTTON { color:#142A3B; font-weight:bold; background-color:white; font-size:10px; border:1px solid black; height:16px; }
SUBMIT { color:#142A3B; font-weight:bold; background-color:white; font-size:10px; border:1px solid black; height:16px; }
.submitButton { color:#142A3B; font-weight:bold; background-color:white; font-size:10px; border:1px solid black; height:16px; }
A { color:white; font-weight:bold; text-decoration:none }

A:hover { text-decoration:underline }

option:checked {
    background-color: rgb(206, 206, 206);
    color: rgb(16, 16, 16);
}

P {margin:5}

TABLE.maintable { border: 1px solid #B1D3EC; width:100%; margin:0}
TABLE.maintable TD { padding: 4}
input.qty { width: 30px; text-align: right; padding-right: 2px; }


.selectize-control.single {
    display: inline-flex;
    height: 18px;
    width: 250px;
}

.selectize-control.single input{
    width: 250px!important;
}

.selectize-dropdown-content {
    max-height: 400px!important;
}

.selectize-control.single .item{
    width: 250px!important;
    text-align: left;
}


.selectize-control.single .optgroup-header {
    border-top: 1px solid #f0f0f0;
    font-weight: 700;
}

.selectize-control.single .non-active {
    color: red;
}


.selectize-control .selectize-input {
    padding: 0px 0px 0px 8px;
}

.selectize-control .selectize-input:after {
    right: 8px!important;
}

.contact-row {
    display: flex;
    align-items: center;
}

.contact-row .label{
    font-weight: bold;
    width: 60px;
    overflow-x: hidden;
}

.contact-row .value {
}

.contact-row .spacer {
    flex-grow: 1;
}

span.required::before{
    content: "*";
    color: red;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-border-radius: 0px;
}

td.row-index-number{
    /* css weird hackery to decrease table column width */
    width: 1%;
}

div.import-tab {
    width:100%;
    display:flex;
}

div.import-form {
    width:35%;
}

div.import-result {
    width:35%;
    margin-top:10px;
}

a.button {
  color: #142A3B;
  font-weight: bold;
  background-color: white;
  font-size: 10px;
  border: 1px solid black;
  display: grid;
  align-content: center;
  padding: 1px 4px;
}

.error {
    color: red;
}