.content-container{
    max-width:1800px; 
    padding:18px; 
    background-color:white;
    margin-top: 5px;
    padding-top: 5px;
    }

    #not-login{
  background-color: #ffe6ff;
  padding:25px;
  margin-top: 30px;
  width:90%;
  padding-bottom: 60px;
  padding-right:40px;
  padding-left:40px;
  border-radius: 5px;
  /*border-style: solid;
  border-color: #f5f5f5;*/
}

.logged-in{
  margin-top:2px;
  cursor: pointer;
  margin-right: 10px;
}

#my-selector{
  width:600px;
  height:35px; 
  border-radius: 3px;
}


.edit_modal{
  background-color:#660066; 
  color: white; 
  padding: 7px; 
  margin-top: 0px; 
  margin-bottom: 0px;
}

#content{
  /*background-color:  #dac1dae3;*/
  padding:15px;
  width:100%;
  
  
}

#product_name {
  margin-top: 15px;
}

#img-upload-raw, #img-upload-frozen, #img-upload-baked, #img-upload-proofed{
  width: 200px; 
  background-color: #f9e6ff; 
  cursor: pointer;
}

#img-remove-raw, #img-remove-frozen, #img-remove-baked, #img-remove-proofed{
  width: 200px; 
  background-color: #c3b7c7; 
  cursor: pointer;
}

#img_success {

  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 100px; /* Set a small width */
  border : none;
}

.lbl_title{
  color: #660066 ;
}


/*.left_flex {
  flex: 0 0 20%;
}*/

.right_flex {
  flex: 1;
}

.wrapper {
  display: flex;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }

  .right_flex {
  width: 100%;
}

.left_flex {
  width: 100%;
}

.wrapper {
  display: inline-block;
}


}