.form {
  margin-bottom: 10px;
  margin-top: 0px;
  max-width: 100%;
  background-color: #efefef;
  /*border-radius: 5px;*/
  /*border: 1px solid #787878;*/
  padding: 20px; 
  box-shadow: 2px 2px 8px #a7a7a7;
}

input[type=text], input[type=password], input[type=date], input[type=time], input[type=tel], input[type=email], textarea {
  font-family: 'Fira Sans', sans-serif;
  color: #676767;
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  text-align: center;
}

.side-by-side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.list-form p.description {
  font-weight: bold;
  min-width: 40%;
  text-align: left;
}

input[type=date], input[type=time] {
  font-family: 'Fira Sans', sans-serif;
  color: #676767;
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: flex;
  
  border: 1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  text-align: center;
}

input[type=submit] {
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  font-size: 1.2em;
  color: #757575;
  cursor:pointer;
	background: #ffffff;
}
input[type=submit]:hover {
  background-color: #7f95dd;
  color:white;
}

textarea {
  font-size: 1.2em;
  min-width:350px;
  max-width:100%;
  margin-top:0px;
  min-height:400px;
  max-height:400px;
  height: 400px
}

.btn-link {
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: inline-block;
  border: 1px solid #7f95dd;
  box-sizing:border-box;
  font-size: 1.2em;
  color: white;
  cursor:pointer;

  background-color: #7f95dd;
}

.btn-link:hover {
  background-color: #7389d1;
  color:white;
}

button {
  padding: 10px;
  width: 100%;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  cursor: pointer;
  color: #a7a7a7;
  background-color: unset;
  border: 1px solid #191919;
  -webkit-transition: color ease-in-out .2s, background-color ease-in-out .1s; /* Safari */
  transition: color ease-in-out .2s, background-color ease-in-out .1s;
}

button:hover{
  color: white;
  background-color: #191919;
}

.link-button, .home-button {
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: inline-block;
  border: 1px solid #7f95dd;
  border-radius:4px;
  box-sizing:border-box;
  font-size: 1.2em;
  color: white;
  cursor:pointer;

  background-color: #7f95dd;
  box-shadow: 2px 2px 4px #646464;
	
}

.link-button:hover , .home-button:hover {
  background-color: #7389d1;
  color:white;

  box-shadow: none;
}

.link-button, .home-button {
  text-transform: uppercase;
  letter-spacing:.1em;

}

select {
  font-family: 'Fira Sans', sans-serif;
  color: #676767;
  width:100%;
  padding: 12px 20px;
  margin: 8px 0px;
  display: flex;
  
  border: 1px solid #ccc;
  border-radius:4px;
  box-sizing:border-box;
  text-align: center;
}



.list-form {
  box-sizing: border-box;
  margin-bottom: 10px;
  display:flex;
  width: 100%;
  /*min-width:555px;*/
  background-color: #efefef;
  border-radius: 0px;
  padding: 5px 20px 5px 20px; 
  box-shadow: 0 0 3px #646464;
  -webkit-transition: box-shadow ease-in-out .1s; /* Safari */
    transition: box-shadow ease-in-out .1s;
}
.list-form:hover {
  box-shadow: 0 0 5px #646464;
}
.list-form-left {
	width:100%;
	min-width: 100px;
}

.list-form p {
  text-align: right;
  text-transform: uppercase;
  color: #191919;
  font-size: 1em;
  letter-spacing:3px;
  margin:0px;
}

.img-button {
	/*margin-left: 10px;*/
	height:64px;
	width:64px;
}



.custom-check {
  top: -32px;
  margin-right:64px;
  box-sizing: border-box;
  display: block;
  position: relative;
  background-color: red;
  cursor: pointer;
}
.custom-check input{
  position: absolute;
  margin: 0px;
  opacity: 0;
  height: 64px;
  width: 64px;
}
.custom-check:hover input ~ .checkmark {
  background-size: 64px 64px;
  height: 64px;
  width: 64px;
}

.cc-unlock:hover input ~ .checkmark {
  background-image: url("../Images/AlreadyUnlockedIcon.png");
}

/*hover only*/
.cc-remove:hover input ~ .checkmark {
  background-image: url("../Images/RemoveIconpt2Grey.png");
}

.custom-check input:checked ~ .checkmark {
  background-repeat: no-repeat, repeat;
  background-size: 64px 64px;
  height: 64px;
  width: 64px;
}

/*once it checked/clicked*/
.cc-unlock input:checked ~ .checkmark {
  background-image: url("../Images/UnlockedIcon.png");
}

.cc-remove input:checked ~ .checkmark {
  background-image: url("../Images/RemoveIconpt2.png");
}

.custom-check input:checked ~ .checkmark:after {
  display: block;
}
.custom-check .checkmark:after {
  height: 64px;
  width: 64px;
}
.checkmark {
  background-repeat: no-repeat, repeat;
  background-size: 64px 64px;
  position: absolute;
  top: 0;
  left: 0px;
  height: 64px;
  width: 64px;
}

.cc-unlock .checkmark {
  background-image: url("../Images/LockedIcon.png");
}
.cc-remove .checkmark {
  background-image: url("../Images/RemoveIcon.png");
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}




.desc-box {
  position:relative;
  width:33%;
}
#InfoImage {
  z-index: 1;
}

section.desc-box .side-by-side > div:last-child {
  height:64px;
  position:absolute;
  top:0;
  left:32px;
  /*padding-left:37px;*/
	
  background-color: #37469d;
  /*display:none;*/
  width:0px;
  border-top-right-radius:32px;
  border-bottom-right-radius:32px;
}

.desc-box p {
  padding-left: 37px;
  text-align:center;
  /*overflow:hidden;*/
}


#options-group {
  display: flex;
  border-radius: 35px;
  height: 70px;
  background-color: #ccc;
  padding: 0px 3px 0px 3px;
  align-items: center;
  justify-content:space-between;
  min-width: 202px;
  width:15%;
  margin-left:10px;
}

.options-list {
	max-width: 65%;
	min-width: 625px;
}

.form-error {
	color:red;
}
.form-success {
	color:green;
}
.input-error {
	box-shadow: 0 0 5px red;
}

#login-pt-2 {
	display: none;
}


.status {
  text-transform: uppercase;
  font-size:.7em;
  letter-spacing:1px;
}

.error-message {
  letter-spacing: .1em;
  background: #ff8888;
  padding: 10px;
  border-radius: 19px;
  text-transform: uppercase;
  color: #8c0000;
}