.all *
{
   margin: auto;
   padding: auto;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
body {
   font-family: 'Open Sans', sans-serif !important;
}
/* Style the input fields */
input, select, textarea {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;

}


/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 500px) {
  .form-inline input {
    margin: 10px 0;
  }

  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}
select, input {
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  display:table-cell; 
  width:100%
}
textarea, #checkbox {

    width: 100%;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

* {	font-family: 'Open Sans', sans-serif;}
a, a:hover {
	text-decoration: none;
}
 .inputs{
	border-radius: 5px;
	border: none;
	background-color: #E0E5FC;
	color: #11265C;
	font-weight: bold;
}
p{ color: #11265C; text-decoration: none; }
label
{
	color: rgb(87,87,94);
	font-weight: bold;
}
.red{
	color: red;
}
.div-wrapper {
    position: relative;
    margin-right: 30px;
    height: 300px;
    width: 300px;
}

.div-wrapper img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.btn {

/*  background-color: #E0E5FC;
  color: #11265C;*/
  font-weight: bold;
}

.btn:hover {
/*  background-color: #11265C;
  color: #FFFFFF;*/
  font-weight: bold;}