/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 10, 2021, 1:20:49 PM
    Author     : Owner
*/

html {
    height: 100%;
}
#questionSpace {
    height: 550px;
    width: 800px;
    border: 5px solid coral;
    margin: auto;
    margin-bottom: 400px;
}

#qForm {
    text-align: center;
    margin: auto;
    height: 70%;
}

#material-select select {
    border: 2px solid black;
    background-color: #eeeeee;
    width: 35%;
    line-height: 50px;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#material-select {
  position: relative;
  text-align: center;

}

#material-select select,  #material-select option {
    text-align-last: center;
}

#material-select, #material-select::after {
    height: 50px;
}

#material-select::after {
  content: "\25bc"; /* HTML symbol */
  /* Reposition */
  position: absolute;
  top: 0;
  right: 260px;
  padding: 0 10px;
  line-height: 50px; /* Vertical center text */
}

#tf-header
{
   text-align: center;
   margin-top: auto;
}

.qHeader {
    color: #FF0000;
}

.st-text {
    background-color: #eeeeee !important;
    color: black !important;
    border: 2px solid black !important;
    width: 50%;
}
.st-button {
    margin: 40px !important;
    padding: 12px 28px !important;
    background-color: #cccccc !important;
    color: black !important;
    border: 2px solid black !important;
}

.center {
    text-align: center;
}

#wattage-box {
    border: 5px solid coral;
    padding: 10px;
    margin: auto;
    width: 670px;
    
}

#wattage-box p {
    font-size: 20px;
}

.wattage-tool-logo {
    float: none;
}