html {
    height: 100%;
    width: 100%;
}

html body {
    color: #555;
    background-color: #ffffff !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { color: #555; }

html body p, html body li, html body li a { color: #555; }

html body a {
    color: #1F5B83;
    text-decoration: none;
}

html body a,
html body a:focus,
html body a:hover,
html body a:active { outline: 0 !important; }

html body a:focus { text-decoration: none; }

html body a:hover {
    color: #1F5B83;
    text-decoration: underline;
}

html body ::-moz-selection {
    background: #1F5B83;
    color: #fff;
}

html body ::selection {
    background: #1F5B83;
    color: #fff;
}

html body .has-error > label, html body .has-error .help-block > p, html body .has-error > input {
    color: #a94442 !important;
    font-size: 13px;
}

html body .has-error input[type=text],
html body .has-error input[type=email],
html body .has-error select {
    border: 1px solid #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

html body .ltalicited { font-style: italic; }

html body form { padding: 0 5px !important; }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.html {
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body [ng\:cloak], html body [ng-cloak], html body [data-ng-cloak], html body [x-ng-cloak], html body .ng-cloak, html body .x-ng-cloak { display: none !important; }

* { }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.btn {
  text-transform: uppercase;
}

small {
    font-size: 12px;
}

.validation-summary-errors {
  color:#D85F6F;
  font-weight:bold;
  margin:6px;
  width:30%;
}

ul.validation-summary-errors {
    margin:0;
    padding:0;
    border-top:none;
    }

.field-validation-error{
  color:#D85F6F;
   font-weight:bold;
}

.input-validation-error{
  color:#D85F6F;
  font-weight:bold;
  background-color:#FDF8F9;
}

/***************************/
.login-image {
    left: 0;
    min-height: 100vh;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

.login-image:after {
    background: url(/Content/images/addi-login-splash.jpg) no-repeat center center;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.loginForm {
    padding: 8% 5%;
}

.loginForm iframe {
    display: none;
}

.loginForm h1 {
    margin: 50px 0;
}

.contents {
    padding: 5% !important;
}

.contents h1 {
    margin: 30px 0 !important;
}

.contents img, .loginForm img {
    margin-right: 10px;
    margin-top: -5px;
}

.form-group {
    height: 60px;
    margin: 15px 0 !important;
}

.form-group .btn, .form-group a { margin: 20px 0; }

footer {
    margin-top: 55px;
    text-align: center;
    width: 100%;
}

.permission {
    padding: 20px;
}
.permission .margin-top { margin-top: 25px; }
.permission .margin-bottom { margin-bottom: 15px; }

.permission div strong {
    font-size: 16px;
}

@media (min-width: 376px) and (max-width: 767px) {
    .loginForm h1 {
        margin: 40px 0 !important;
    }
}

@media (min-width: 768px) {
    .loginForm h1 {
        margin: 80px 0 !important;
    }
}