.modal-content {
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    overflow-x: auto;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
}

.modal-header {
    flex-direction: column;
    align-items: center;
}

.input-lg, .form-group-lg .form-control {
    /* height: 46px;*/
    padding: 10px 16px;
    /*  font-size: 18px;*/
    line-height: 1.33;
    border-radius: 6px;
    height: calc(1.5em + .9rem + 2px);
    padding: .45rem .9rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.login-title {
    font-family: 'DINOT';
}
.info-icon {
    display: inline-block;
    padding: 0px 3px 3px 3px;
    color: #333;
    font-size: 14px;
    border-radius: 50%;
    border: solid 2px #333;
    width: 20px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    line-height:1;
}
.bg-video-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient( 45deg, rgba(0,0,0,.1) 50%, rgba(0,0,0,.2) 50%);
    background-size: 3px 3px;
    z-index: 2;
}
.forgot {
    color: #343a40;
    text-decoration: underline;
    padding-top: 10px;
    font-size: 1rem;
}

.social-list {
    font-size: 1.3rem;
}

    /* login */
    #background {
        /*position: fixed;*/
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: url('/_assets/images/Kit_Login.jpg') no-repeat center center fixed;*/
        background: url('/_assets/images/bg/login.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.modal-footer > :not(:first-child) {
     margin-left: 0; 
}
.version {
    color: #4d4d4f;
}

.loginHeaders {
    color: #1B3566;
    font-size: 1.4rem;
}

.login-confirm-msg {
    color: #1B3566;
    font-size: 1.6rem;
    display: block;
    text-align: center;
}

.login {
    max-width: 420px;
    margin: 0 auto;
    /*font-family: 'Righteous', cursive;*/
    color: #333;
}

/*.forgot a {
    color: #4d4d4f;
}*/

.language {
    color: #4d4d4f;
}



.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.login-logo {
    max-height: 85px;
}

.login-title {
    font-size: 2rem;
    font-weight: bold;
}

.login .modal-header {
    /*background-color: #d1d3d4;*/
    border-bottom: 0px solid #d1d3d4;
    padding-bottom: 0;
}

.login .modal-body {
    /*background-color: #d1d3d4;*/
    border-bottom: 0px solid #d1d3d4;
    border-top: 0px solid #d1d3d4;
    text-align: left;
    /*padding: 0px 15px 15px 15px;*/
}

.login .modal-footer {
    /*background-color: #d1d3d4;*/
    border-bottom: 0px solid #d1d3d4;
    border-top: 0px solid #d1d3d4;
}

.login .form-group {
    margin: 1em 2em;
    width: 90%;
}

.login input[type="text"],
.login input[type="password"] {
    /*line-height: 3em;*/
    border-radius: 5px;
    border: 2px solid #f2f2f2;
    outline: none;
    padding-left: 10px;
}

.login-button {
    /*background-color: #1B3566 !important;*/
   /* background-color: #1B3566 !important;*/
    border: 1px solid #f2f2f2;
   /* border-radius: 20px;*/
    color: slategrey;
    text-transform: uppercase;
    cursor: pointer;
    outline: 0px;
}

    .login:focus, .login-button:focus, .login-button:active, #loginModal:focus {
        outline: 0px !important;
    }

.login .modal-header, .login .modal-content, .login .modal-body, .login .modal-footer {
    background-color: rgba(209,211,212,0.3);
    overflow: auto;
}


.login, #loginModal {
    width: 100%;
    height: 100%;
}

    .login .modal-dialog {
        max-width: 420px;
        left: initial !important;
    }

.container.body-content {
    max-width: initial !important;
}

.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 */
   /* margin-left: 50px;*/
    /*margin-top: 20px;*/
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.password-action-container .modal-content {
    background-color: rgba(209,211,212,0.3);
}



@media screen and ( max-height: 700px ) {
    .login-logo {
        display: none;
    }

    .login .form-group {
        margin: 1em 0.5em;
    }

    .login-title {
        font-size: 3rem;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .login .modal-body {
        padding: 5px;
    }

    .loginHeaders {
        font-size: 1rem;
    }

    .login input[type="text"],
    .login input[type="password"] {
        /*line-height: 1em;*/
        border: 1px solid #f2f2f2;
        padding-top: 0;
        padding-bottom: 0;
    }
}


.loginHeaders, a.forgot, .login-button, .modal-footer a, .modal-footer .help-info, .login-confirm-msg {
    color: #333;
}