
#stlcontainer label {display:block;}
#stlcontainer .ff {margin-bottom:20px;}
#stlcontainer .ff input, .ff select {width:100%;}
#stlcontainer .ff textarea {height:300px; outline:0; width:100%;}
#stlcontainer .ff input[type="button"] {width:auto; text-transform:uppercase; margin:0; padding:5px 20px;}
#stlcontainer .stlwrap {width:15%; display:inline-block; vertical-align:top;}
#stlcontainer .items {width:80%; display:inline-block; vertical-align:top; margin-top:60px; margin-left: 20px;}
#stlcontainer .item-text {width:75%; display:inline-block; vertical-align:top; margin-right:30px;}
#stlcontainer .item-text h3 {margin-top:0; display:inline-block;}
#stlcontainer .container img {display:inline-block; vertical-align:top;}



#stlcontainer .container{
  border:1px solid black;
  background-color: white;
  padding:20px;
  position:relative;
  margin-bottom:20px;
}
#stlcontainer #tiers, #stlcontainer #categories {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

#stlcontainer #outermodal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
  }
  
  /* Modal Content/Box */
  #stlcontainer #innermodal {
    background-color: #fefefe;
    margin: 10% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 60%; 
  }
  
  /* The Close Button */
  #stlcontainer .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  #stlcontainer .close:hover,
  #stlcontainer .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

#stlcontainer #removalWarning{
  display:none;
  padding: 10px;
  position: fixed;
  right:50%;
  top:50%;
  background-color:white;
  border: 1px solid black;
  z-index:99;

}

#stlcontainer .warnButton{
    cursor:pointer;
}

#stlcontainer .removeButton, #stlcontainer .editButton {
  font-size: 16px;
  color: #ffffff;
  background-color:#a90000;
  border:solid 1px #a90000;
  cursor: pointer;
  transition:all .2s ease;
  margin:0 .25rem;
}

#stlcontainer .closeModalButton {
  font-size: 28px;
  color: #a90000;
  margin-right: 15px;
  margin-top: 15px;
  cursor: pointer;
  position:absolute;
  right:14%;
  top:31%;
  transition:all .2s ease;
}

#stlcontainer .updatingText {
    display: none;
    font-size: 15px;
    margin: 0 auto;
    
}

#stlcontainer .modal {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.2);
}
#stlcontainer #editMenuModal {
    display: none;
}

#stlcontainer .modal-content {
    background-color: #f4f4f4;
    margin: 5% auto;
    padding: 20px;
    width: 60%;
    box-shadow: 0 5px 8px 9px rgba(0,0,0,0.2), 0 7px 20px 0 rgba(0,0,0,0.1);
}

#stlcontainer .removeButton:hover, #stlcontainer .editButton:hover{
  background-color:#FF6666;
  border-color:#FF6666;
}

#stlcontainer #deleteNotice{
  padding: 10px;
  background-color: red;
  border: 1px solid black;
  display:none;
  position: fixed;
  right:50%;
  top:50%;
  color: white;
  z-index: 99;
}

#stlcontainer .fa-spinner  {font-size:60px; text-align:center; margin:auto; display:block;}

#stlcontainer .spinner {
background: none !important;
background-size: 16px 16px;
display: block;
float: none !important;
opacity: 1 !important;
z-index: 999;
width: auto !important;
height: auto !important;;
margin: auto !important;;
}

#stlcontainer .menu-item-container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

#stlcontainer .action-buttons {
    min-width:10%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

#stlcontainer .removeButton .fa-times {
    padding-left:4px;
}

@media screen and (max-width:1564px) {
    #stlcontainer .action-buttons {
        flex-direction:column;
    }
}

@media screen and (max-width:800px) {
    #stlcontainer .menu-item-container {
        flex-direction:column;
    }
    
    #stlcontainer .action-buttons {
        flex-direction:row;
    }
}