body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: url("../images/login_bg.3cb636b417cd.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
}

h1 {
    color: #243c46 !important;
}

.auth {
    background-color: transparent !important;
}

.auth-container .auth-content {
    min-height: unset;
}

.auth-content p:last-child {
    margin-bottom: 0;
}

.field {
    width: 100%;
    position: relative;
}

.field i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    color: #243c46;
}

.field input {

    background: rgb(210, 215, 217);
    border: none;
    color: #243c46;
    padding: 0.6rem 0.75rem;
    padding-left: 40px;
}

.card, button, input {
    border-radius: 2px !important;
}

::-webkit-input-placeholder {
   font-style: normal !important;
}
:-moz-placeholder {
   font-style: normal !important;
}
::-moz-placeholder {
   font-style: normal !important;
}
:-ms-input-placeholder {
   font-style: normal !important;
}

span, a {
    color: #243c46 !important;
    text-decoration: underline !important;
}

input:focus {
    background: rgb(210, 215, 217) !important;
    border: none !important;
    color: #243c46 !important;
    box-shadow: 0 0 0 0px #fff, 0 0 0 0 rgba(0, 123, 255, 0.25) !important;
}

.checkbox + span::before {
    margin-top: -1.5px;
}

.form-group:last-child {
    margin-bottom: 0;
}

.card {
    opacity: 0.95;
}

.auth-container .auth-header {
    border-bottom: none;
    width: 100%;
    height: 5rem;
    padding: 35px 50px;
    padding-bottom: 0;
}

.auth-header img {
    height: 80%;
    margin-right: 10px;
}

.auth-title {
    height: 100%;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#invalid {
    padding: 10px;
    border-left: 5px solid #FF4444;
    color: #243c46 !important;
    padding-left: 15px;
    border-radius: 2px !important;
    background-color: white !important;
}

#invalid ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#invalid table tr td:first-child {
    padding-right: 10px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
