table#Billformtable,table#NewStoreformtable,table#OPSformtable,table#Orderingformtable,table#OrderingStoreHoursformtable
{
  background-color: #2F34521A;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  border-radius: 8px;
  padding-left:16px;
  border-color: #2F345266;
  border-style: solid;
}
table#OrderingStoreHoursformtable
{
  background-color: #ECF9F7;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  border-radius: 8px;
  padding-left:16px;
  border-color: #2F345266;
  border-style: solid;
}
table#Billformtable td.text,table#Orderingformtable td.text
{
  width:320px;
}
table#OPSformtable td.text
{
  width:150px;
}
table#NewStoreformtable td.text
{
    width:120px;
}
table#Billformtable td.UnitSelectedtext,table#Orderingformtable td.UnitSelectedtext
{
    max-width:260px;
    width:260px;
}
table#POSformtable td.UnitSelectedtext
{
  max-width:120px;
  width:120px;
  text-align: center;
}
table#OPSformtable td.UnitSelectedtext
{
    max-width:200px;
    width:200px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
table#Billformtable textarea,table#NewStoreformtable textarea,table#Orderingformtable textarea
{
    width:260px;
}
table#Orderingformtable
{
  width:580px;
}
#InStoreTaxtext,#TakeoutTaxtext
{
  display: flex;
  justify-content: center;
  width: 260px;
}
#DoorDash,#GrubHub,#UberEats,#PunchhId
{
  text-align: center;
}
#DoorDash,#GrubHub,#UberEats,#PunchhId::placeholder
{
text-align: center;
}
.text
{
text-align: left;
color:#212438;
}
.textAreaStyle
{
    resize: none;
    height: 14px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}
.table-container 
{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.UnitSelectedtext
{
      position: absolute;
      display: inline;
      overflow: hidden;
      white-space: nowrap;
      font-size: 14px;
      text-overflow: ellipsis;
      color:#212438;
      text-align: left;
      font-family: inherit;
      outline: none;
}
.bolderText
{
  font-weight: bold;
}
textarea,input
{
  border:none;
  text-align: left;
  resize: none;
  overflow: hidden;
  height:14px;
  color:#1D5EFF;
  outline: none;
  background: transparent;
  line-height: 13px;
}
input[type="number"] {
    padding: 5px;
    text-align: center;
    width: 50px;
    -moz-appearance: textfield;  /* Firefox */
    -webkit-appearance: none;    /* Chrome, Safari, Opera */
    appearance: none;            /* Standard syntax */
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
tr
{
height:25px;
}
tr[id$="spacer"]
{    
  height:5px;
}
.buttonTr
{
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 50px;
}
.tabstuff-multiples
{
    height: 270px;
    border-color:darkgray; 
    border-style:solid; 
    border-width: medium;
    border-radius:30px;
    font:inherit;
}
.button
{
    background-color: #8c9FFF;
    border: none;
    color: #212438;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size:14px;
    border-radius: 4px;
    padding-bottom: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 5px !important;
}
.button:hover
{
    background-color: #707FCC;
}
#NextButtontext
{
    display: flex;
    justify-content: right;
    align-items: end;
}
#popupForm,#successPopup,#errorPopup
{
    display: none; /* Hidden by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F3F5FF;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: 300px;
    z-index: 1000;
}
.form-group {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    flex: 1;
}
.form-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    flex: 2;
}
.buttons {
  text-align: center;
}
.buttons button {
  margin: 0 10px;
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
}
.buttons .close-btn {
  background-color: #f44336;
  color: #fff;
}
.buttons .submit-btn {
  background-color: #4CAF50;
  color: #fff;
}
#brandDescription::placeholder
{
    text-align: center;
}
#brandDescription
{
    text-align: center;
}
div#Storetable_filter.dataTables_filter
{
    display: none;
}
@media only screen and (max-width: 450px)
{
    table#POSformtable,table#Orderingformtable
    {
     width: unset;
    }
    #HoursContainer
    {
      border-style: unset !important;
      width: 100vw;
      background-color: unset !important;
    }
    table#POSformtable div
    {
      width: 230px;
    }
    table#Billformtable td.text,table#NewStoreformtable td.text,table#POSformtable td.text
    {
      width:120px;
    }
    table#Billformtable td.UnitSelectedtext
    {
      max-width:230px;
      width:230px;
    }
    table#POSformtable td.UnitSelectedtext
    {
      max-width:120px;
      width:120px;
    }

    table#Billformtable textarea,table#NewStoreformtable textarea,table#POSformtable textarea
    {
      width: 230px;
    }
    #AddStoreButton,#CancelStoreButton
    {
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 43vw !important;
    }
    #CompleteButton,#SaveStoreButton,#finishButton,#nextTabButton
    {
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 5vw !important;
    }
    #CancelStoreButton
    {
      margin-right: 58vw !important;
    }
}
@media only screen and (max-width: 600px) {
    table#Billformtable td.text
    {
      width:120px;
    }
    table#Billformtable td.UnitSelectedtext
    {
      max-width:230px;
      width:230px;
    }
    table#Billformtable textarea
    {
      width: 230px;
    }
}