html{
  min-height: 100%;
}
.form{
    border: 2px dashed #047bf8;
  position: relative;
  top: 50%;
  margin-top:50px;
  width: 100%;
  height: 200px;
  
}
.form p{
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-family: Arial;
}
.form input{
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  margin-left:-50%;
  background:red;
}
.selection{
    background-color: #eee;
    margin:5px;
    cursor:pointer;
}
.selection i{
    color:#333;
    padding-bottom:5px;
}

.selection p{
  color:#555;
}


.selection:hover{
  background-color: #eee;
}

#result{
    width:100%;
}
.thumbnail{
    float:left;
    width: 100px;
    margin: 10px;    
}


.bg-gradient-primary {
  height: 100%;
  background-color: #1a2035;
  background-size: cover

}

.customActive {
background-color: #930c03;
}
.customActive i{
  color: #fff;
}
.customActive p{
  color: #fff;
}