/* Body */

 body {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
}

/* Header */

.header {
   height: 80px;
}

.logo {
   width: 183px;
}

/* Form */

.form-container {
   width: 478px;
   background-color: #F2F5F7;
}

.form-title {
   font-size: 22px;
   color: black;
   font-weight: 700;
}

.form-subtitle {
   font-size: 14px;
   color: black;
   font-weight: 400;
}

.form-link {
   font-size: 12px;
   color: black;
   font-weight: 400;
}

form label {
   font-weight: 400;
   font-size: 12px;
}

form input {
   width:100%;
   background-color: #FAFAFA;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
   border: none;
   border-radius: 4px;
   min-height: 44px;
   max-height: 88px;
   padding: 9px;
   outline: none;
 }

form input::placeholder {
   font-weight: 400;
   color: #B4B4B4;
   font-size: 15px;
}

.errorlist {
	padding-top: 4px;
    padding-left: 0;
    font-size: 14px;
    color: red;
}

li {
	list-style-type: none;
}

/* Button */

.btn-primary {
   background-color: #263D7F;
   border: 1px solid  #263D7F;
   border-radius: 0px;
   font-size: 14px;
   font-weight: 400;
   width: 100%;
   height:56px;
   color: white;
   text-decoration: none;
   cursor: pointer;
}

.btn-primary:hover {
   background-color: #263D7F;
   border: 1px solid  #263D7F;
}

.btn-primary:disabled {
   background-color: #263D7F50;
   border: none;
   cursor: auto
}

a.btn {
   padding: 0;
   line-height: 56px;
}

/* Footer */

footer {
   background-color: white;
   position: fixed;
   height: 80px;
   bottom: 0;
   width: 100%;
}

.footer-container {
   display: table;
   height: 80px;
   width: 100%;
   text-align: left;
}

.footer-text {
   display: table-cell;
   vertical-align: middle;
   padding-left: 30px;
   font-weight: 400;
   font-size: 12px
}

/* Modal dialog */

.modal-content {
   background-color: #F2F5F7;
   width: 478px;
   height: 412px;
   border-radius: 0px;
   border: none

}

.modal-header {
   border-bottom: 0 none;
}

.modal-footer {
   border-top: 0 none;
}