.sth-header {
   display: none;
}

.cas-header {
   display: none;
}

footer {
   display: none;
}

input:not([type='image']),
textarea {
   box-sizing: border-box;
}

body {
   margin-bottom: 0px;
}

body > .container {
   padding: 0px !important;
   margin: 0px !important;
   max-width: 100vw;
   height: 100vh;
   overflow: hidden;
}

label {
   outline: -webkit-focus-ring-color 0px;
   pointer-events: none;
}

.card-body {
   flex-direction: column;
}

.card-body__logo {
   margin-bottom: 48px;
}

.card-body__welcome-message {
   font-size: 28px;
   color: #27323d;
   font-weight: 700;
   font-family: 'Stratio';
}

.card-body__welcome-message__subtitle {
   font-size: 14px;
   font-weight: 400;
   font-family: 'Stratio';
   margin-top: 4px;
   margin-bottom: 48px;
   line-height: 22.4px;


}

.card-body__welcome-message__scrollable {
   max-height: 50vh;
   overflow: auto;
   text-align: left;
}

.card-body__error {
   min-width: 295.1px;
   max-width: 295.1px;
   margin-top: auto;
   -js-display: flex;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.card-body__error__image-error {
   margin-bottom: 43.3px;
}

.card-body__error__title {
   font-size: 20px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.6;
   letter-spacing: normal;
   text-align: center;
   color: #566574;
   margin-bottom: 3px;
}

.card-body__error__code {
   font-size: 12px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.6;
   letter-spacing: normal;
   text-align: center;
   color: #566574;
   margin-bottom: 10px;
}

.card-body__error__description {
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.6;
   letter-spacing: normal;
   text-align: center;
   color: #566574;
   margin-bottom: 39px;
   white-space: nowrap;
}

.card-body__error__button {
   width: fit-content;
   text-decoration: none !important;
}

.card-body__title {
   margin-bottom: 30px;
   -js-display: flex;
   display: flex;
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   text-align: center;
   color: #0f1b27;
   word-break: break-all;
   justify-content: center;
}

.card-body__subtitle {
   margin-top: auto;
   -js-display: flex;
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: 13px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
}

.card-body__subtitle > .rights {
   color: #999999;
   margin-bottom: 5px;
}

.card-body__subtitle > .stratio-link {
   color: #128bdd;
}

.card-body__subtitle > .stratio-link:hover {
   color: #065eb2;
}

#content {
   width: 100vw;
   display: flex;
   flex-direction: row;
}

.content {
   display: flex;
   width: 100vw;
}

.content__login {
   display: flex;
   width: 40vw;
   overflow: auto;
   height: 100%;
}

.content__login > .card {
   width: 100%;
   margin-bottom: 1em;
}

.card-body > form {
   min-width: 316px;
   max-width: 316px;
   margin-top: auto;
}

form > .alert {
   -js-display: flex;
   display: flex;
   flex-direction: column;
}

form > .button {
   width: auto;
   margin-top: 17px;
}

.form-group {
   margin-bottom: 15px;
}

.form-group > .show-tenant {
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #128bdd;
   cursor: pointer;
   -js-display: flex;
   display: flex;
}

.form-group > .tenant {
   display: flex;
}

.form-group.last-group {
   margin-bottom: 25px;
}

#fm2 {
   min-width: 316px;
   max-width: 316px;
   margin-top: 267px;
}

.form-group-saml {
   -js-display: flex;
   display: flex;
   flex-direction: column;
   margin-bottom: 15px;
}

.form-group-saml > span {
   font-size: 12px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   color: #000000;
   margin-bottom: 15px;
}

.stratio-link {
   color: #0776df;
   cursor: pointer;
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   align-self: baseline;
   line-height: 1.6;
   display: flex;
   padding-bottom: 22px;
}

.form-group-saml > .stratio-link-saml {
   color: #0776df;
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   letter-spacing: normal;
   align-self: baseline;
   line-height: 1.6;
}

.form-group-saml > input {
   margin-bottom: 24px;
}

.form-group-saml > .button-continue {
   width: 100%;
}

.form-group-saml > .stratio-link-saml:hover {
   color: #065eb2;
}

.content__info {
   background: url(../images/wallpaper.svg);
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   width: 60vw;
}

.content__info > .content__info-block {
   margin-top: 156.1px;
   margin-left: 130.1px;
   -js-display: flex;
   display: flex;
   flex-direction: column;
   max-width: 317px;
   font-stretch: normal;
   font-style: normal;
   line-height: normal;
   color: #ffffff;
}

.content__info-block > .content__info__logo {
   text-align: left;
}

.content__info-block > .content__info__logo > svg {
   width: 117px;
   -js-display: flex;
   display: flex;
}

.content__info-block > .content__info__message-one {
   font-size: 50px;
   font-weight: 900;
   display: flex;
   margin-top: 43.4px;
   letter-spacing: -1.1px;
}

.content__info-block > .content__info__message-two {
   font-size: 34px;
   font-weight: 200;
   -js-display: flex;
   display: flex;
   margin-top: 3px;
   text-align: left;
   letter-spacing: -1.1px;
}

.content__info-block > .content__info__message-three {
   font-size: 20px;
   font-weight: 200;
   -js-display: flex;
   display: flex;
   margin-top: 21px;
   letter-spacing: normal;
}

#login-button {
   margin-bottom: 20px;
}

#button-loading {
   margin-bottom: 20px;
   margin: auto;
   min-width: 87.23px;
   margin-bottom: 20px;
   margin-top: 17px;
}

a:hover {
   color: #065eb2;
}

.error.st-input {
   border-color: #b8b8b8;
}

.form-actions {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   width: 100%;
}

.form-actions > .button {
   width: 100%;
}

.form-actions > .button + .button {
   margin-left: 12px;
}

#section-custom-login-fields {
   display: none;
}

@media (max-width: 1200px) {
   .card-body > form {
      min-width: 100%;
   }
}