:root {
  --primColor: #000000;
  --secColor: #ffffff;
  --terColor: #ff8f00;
  --hoverColor: #dddddd;
  --textColor: #000000;
  --cornerRadius: 10px;
  --boxShadow: rgba(0, 0, 0, 0.15) 0px 15px 30px 0px;
  --inputBGClor: #ffffff;
  --tableColor1: Transparent;
  --tableColor2: #f2f2f2;
  --tableColor3: #ff8f00;
  --lightGray: rgba(248, 249, 250, 1);
  --border-top: 2px solid black;
  --border: 1px solid black;
}

@font-face {
  font-family: 'Noto Sans';
  src: url('/static/fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  src: url('/static/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  src: url('/static/fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
}

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Login */
.login-card{
    padding: 20px;
    border-radius: var(--cornerRadius);
    box-shadow: var(--boxShadow);
    width: 500px;
    margin:0 auto;
}

.login-table{
    width: 100%;
}

.login-table td{
    padding-bottom: 1em;
}

.login-table td input{
    width: 100%;
}

.login-table th{
    padding-bottom: 1em;
    padding-right: 2em;
}

.login-table td .helptext{
    font-size: small;
    color: grey;
}

/* Default style elements */
.clickable{
    color: var(--terColor);
}

.plant-card{
    background: var(--lightGray);
    border-radius: var(--cornerRadius);
    width: 100%;
    padding: 20px;
    align-content: center;
}

.table-inline-icon{
    margin-left: 0.35rem;
    margin-right: 0.35rem;
}

.dropzone{
  border-radius: 15px;
  border-style: dashed!important;
}

/* Plant Page */
.plant-config-table{
    width: 100%;
}

.plant-config-table th{
    vertical-align: top;
}

.number-subtext{
    font-size: 1.25rem;
    margin-top: 1.25rem;
}