h4{
  text-align: center;
}
#forms{
  display: flex;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}
#forms input, #singleItem input,#singleItem textarea{
  width: 100%;
  height: 1.3em;
  font-size: 1.3em;
}
#editAccount{
  width: 100%;
  font-size: 1.3em;
  height: 1.5em;
  color: white;
  background-color: blue;
}
.APISet{
  flex-direction: column !important;
  text-align: center;
  margin-bottom: 15px;
}

.APISet div{
  justify-content: space-around;
}
#singleItem textarea{
  height: 13em;
}
#names{
  display: flex;
  flex-direction: row;
}

#names input{
  width: 50%;
}
#reqAccess, #signPage{
  margin-top: 5px;
  background-color: blue;
  color: white;
}
#topBar{
  width: 100%;
  justify-content: space-between;
}
#log{
  background-color: red;
  border: solid black 2px;
  font-size: 1em;
  height: 1.5em;
  margin-bottom: 15px !important;
}

.redirectDiv{
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 100px;
  text-align: left;
  margin-bottom: 5px;
  border: 2px solid black;
  border-radius: 4px;
}
.redirectDiv img, .redirectHeaderDiv img{
  height: 100px;
  width: 100px;
  padding-right: 3px;
  border-right: solid black 2px;
  margin-right: 3px;
}

.redirectHeaderDiv img{
  border: none;
}

.hide{
  display: none !important;
}
.redirectDiv p{
  align-content: center;
  color: white;
  font-size: 1.2em;
}

#saveItem, .Refund{
  width: 50%;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: blue;
}

#backButton, #cancelChanges, #cancelChangesMain{
  border-radius: 10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: red;
  width: 100%;
}
#addItem{
  width: 100%;
  border-radius:10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: blue;
}

#updateInventory, #cancelItem, #canOrder{
  width: 50%;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: green;
}
#deleteItem{
  width: 100%;
  border-radius: 10px;
  border: 3px solid black;
  color: white;
  background-color: red;
  height: 1.3em;
  font-size: 1.3em;
  margin-top: 5px;
}
#fillOrder, #conChange{
  width: 50%;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: green;
}
#canChange, #canOrder{
  width: 50%;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  height: 1.3em;
  font-size: 1.3em;
  color: white;
  background-color: blue;
}

#itemDimensions{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#itemDimensions input{
  width: 33%;
}
#cancelItem, #canOrder, #conChange{
  background-color: red;
}
#mainInventoryButtons, #itemButtons, .buttonSet{
  display: flex;
  flex-direction: row;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  flex-wrap: wrap;
}
#listedItems{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.item{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100px;
  margin-bottom: 5px;
  text-align: center;
  border: solid black 1px;
  padding-right: 3px;
}
.item img{
  height: 100px;
  width: auto;
}
#singleItem{
  display: flex;
  flex-direction: row;
}

#images{
  width: 30%;
}
#images select{
  height: 1.2em;
  width: 100%;
  font-size: 1.2em;
  text-align: center;
}
.cancel{
  background-color: red;
  color: white;
  height: 1.2em;
  font-size: 1.2em;
}
.variantTable tr,.variantTable td,.variantTable th, #taxTable tr,#taxTable td,#taxTable th{
  border: solid black 2px;
}
.variantTable, #taxTable{
  border-collapse: collapse;
}
#taxTable{
  width: 50%;
  margin-left: auto;
  margin-right:auto;
}
.variantTable input{
  text-align: center;
}
#search{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
  width: 75%;
  font-size: 1.4em;
  border-left: solid black 2px;
}
#searchButton{
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  width: 10%;
  font-size: 1.4em;
  border-right: solid black 2px;
}
#searchBar{
  display: flex;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#searchBy{
  width: 15%;
  font-size: 1.4em;
  border: solid black 2px;
}

.order{
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border: solid black 2px;
  border-radius: 3px;
  margin-bottom: 5px;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
}

.preImg{
  max-width: 100%;
}

.preImg img{
  width: 100%;
  height: auto;
}
#orderTechinfo{
  text-align: center;
}
.cartItem{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  height: 75px;
}

.cartItem img{
  height: 75px;
  width: 75px;
}

.imgandBase{
  display: flex;
  flex-direction: row;
}
.Refund{
  width: 100%;
  border-radius: 4px;
}
.textAndField, .cartControls{
  display: flex;
}
#refundForm{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
}

#refundForm .textAndField{
  margin-left: auto;;
  margin-right: auto;
}
.cartItem{
  border: solid black 2px;
  margin-bottom: 5px;
}
#sortOpts{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
}
#sortOpts select, #sortOpts button{
  width: 33%;
  font-size: 1.4em;
  text-align: center;
}
#settings{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#settings div{
  display: flex;
  flex-direction: row;
}
.settingstextfield, .accSettingsField, .accNameField{
  width: 100%;
  font-size: 1.2em;
}
.settingstextfieldp2{
  width: 80%;
  font-size: 1.2em;
}
#upchargeType{
  width: 20%;
  font-size: 1.2em;
}
#settingsSave, #accSave, #accRemove{
  width: 100%;
  border-radius: 5px;
  height: 1.3em;
  font-size: 1.2em;
  background-color: blue;
  color: white;
}
#account{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: solid black 2px;
  border-radius: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
#account input{
  height: 1.3em;
  font-size: 1.2em;
  color: white;
  background-color: blue;
}
.accountActionB, .resetAccPass, #accRemove{
  background-color: red !important;
}
.accNameField{
  width: 50%;
}
#accNames, #roles{
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 1.3em;
  font-size: 1.2em;
}
#header{
  width: 600px;
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  margin-bottom: 5px;
}
.redirectHeaderDiv{
  width: 100px;
  text-align: center;
  border-radius: 5px;
  border: solid black 2px;
}

.redirectHeaderDiv{
  width: 100px;
  height: 100px;
}

body, input, button{font-family: "Raleway", sans-serif;}