body {
  margin: 0px;
  padding: 40px;
  height: 100%;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  /*background-color: #183B67;*/
  background-color: #183B67;
}

#h3_header {
  text-align: center;
  color: #FFFFFF;
  padding: 5px;
  margin-top: 5px;
  font-size: 25px;
}

#h4_instructions {
  text-align: center;
  color: #FFFFFF;
  padding: 5px;
  margin: 5px 5px 35px 5px;
  font-size: 15px;
}

#p_imgDimensions {
  margin: 5px 2px;
  text-align: left;
}

#confirmation{
  color: #FFFFFF;
  text-align: center;
  margin-top: 150px;
  font-size: 15px;;
}

/*FORMS*/

#submitForms {
  text-align: center;
}

#uploadCsvForm {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

#uploadImgForm {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

#loginForm {
  text-align: center;
}

#inputFields {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: left;
  
}

#uploadFile {
  margin-top: 25px;
  margin-bottom: 25px;
}

#placeOrderForm {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

#required_agreement {
  margin: 2px, 1px;
  padding: 2px, 1px;
}

#termsOfAgreement {
  padding-top: 5px;;
}

#inputEmailDiv {
  text-align: center;
  padding: 8px 15px; 
  margin-top: 3%;
}

#inputPasswordDiv { 
  text-align: center;
 }

#inputEmail {
  /*add transparency*/
}

#inputPsw {
  /*add transparency*/
}

#submitLoginBtnDiv {
  text-align: center;
  margin-top: 8px;
}

#validEmail {
  width: 803px;
}

.with_input {
  padding: 10px;
  margin-bottom: 5px;
  width: 400px;
}

#label_headers {
  background-color: #AB3724;
  text-align: center;
  color: 2px black;
}

/*BUTTONS*/

.button {
  background-color: #AB3724;
  border: none;
  color: #FFFFFF;
  padding: 10px;
  width: 400px;
  border-radius: 4px;
}

.button:focus { outline: 0; }

.collapsible:focus { outline: 0; }

#submitLoginBtn {
  border: none;
  color: #FFFFFF;
  width: 400px;
}

#submitLogoutBtn{
  margin-left: 85%;
  margin-top: 1%;
  margin-bottom: 1%;
  width: 200px;
}

#submitFormsBtn {
  color: #FFF;
  border: none;
  width: 400px;
  border-radius: 4px;
}

#imgBtn {
  color: #FFF;
  border: none;
  width: 400px;
  border-radius: 4px;
}

#orderBtn {
  background-color: #AB3724;
  color: #FFF;
  border: none;
  width: 803px;
  border-radius: 4px;
}

/*IMAGES*/

.img_full {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}

#img_short {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  width: 5%;

}

#full_logo {
  margin: 0;
	padding: 0;
  height: 50px;
  width: 100px;

}

#short_logo {
  margin: 0;
	padding: 0;
	height: 50px;
	overflow: 100px;
}


/* COLLAPSIBLE DESIGN */

.container {
  position: relative;
  margin-top: 5%;
}

.collapsible.btn-block {
  margin-left: auto;
  margin-right: auto;
  background-color: #183B67;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 90%;
  border: 1px;
  text-align: left;
  outline: none;
  font-size: 18px;
  border-radius: 4px;
  /* border-bottom: 1px solid white; */
}

.active, .collapsible:hover {
  background-color: #284b77;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.inner_content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  background-color: #F5F5F5;
}

.row {
  display: flex;
  justify-content: center;
}

.column {
  float: left;
  width: 30%;
  padding: 15px 15px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

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

/*CUSTOMIZE POSTCARD*/

#customizeCard {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}