/*this is only used on the login pages*/

.container.login {
    max-width: 1170px;
}

.bg-img-wrapper {
    
    
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.gradient-white {
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.9)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.9) 100%);
}

.gradient-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
}

.gradient-overlay-black-top-bottom {
    background: rgba(0,0,0,.4) 0%;
    background: linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.9) 100%);
}

.bg-gradient-black {
    .white-bg background: #191919 0%;
    background: linear-gradient(to right,#191919 0%,#2e2e2e 100%);
}

.bg-img {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.form-signin {
    width: 100%;
    margin: auto;
    border-radius: 6px;
    background-color: rgba(51, 51, 51, 0.83);
    margin-top: 15px;
    z-index: 99;
    position: relative;
    -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.75);
}

    .form-signin h1 {
        font-weight: 700;
        text-transform: none;
        color: #ec1c24
    }

    .form-signin .app-logo {
        margin-top: 20px
    }

    .form-signin img.app-logo {
        width: 40%;
    }

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        font-size: 1rem;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin label {
        font-size: 0.875rem;
        color: #333;
        line-height: 1.8;
    }

.form-bottom {
    background-color: #fff;
    padding: 2rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.input-group-text {
    background-color: transparent;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}