/* ==========================================================================
   Login backgrounds
   ========================================================================== */

/*.login-background-image {*/
/*    background-image: url('../images/background/bg1.webp');*/
/*    background-repeat: no-repeat;*/
/*    background-attachment: fixed;*/
/*    background-size: cover;*/
/*}*/

.login-background-image {
    /*position: relative;*/
    /*width: 100%;*/
}
.login-background-image::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    /*background-image: url('../images/background/bg6.jpg');*/
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    filter: opacity(0.5) grayscale(100%);
}

.login-background-image-bg0::before {
    background-image: url('../images/background/bg6.webp');
}
.login-background-image-bg1::before {
    background-image: url('../images/background/bg1.webp');
}
.login-background-image-bg2::before {
    background-image: url('../images/background/bg2.webp');
}
.login-background-image-bg3::before {
    background-image: url('../images/background/bg3.webp');
}
.login-background-image-bg4::before {
    background-image: url('../images/background/bg4.webp');
}
.login-background-image-bg5::before {
    background-image: url('../images/background/bg5.webp');
}
.login-background-image-bg6::before {
    background-image: url('../images/background/bg6.webp');
}


/* ==========================================================================
   Login box
   ========================================================================== */

.login-box-row {
    background-color: blue;
}

.login-box-left {
    background-color: #4e2c80;
    /*    background-image: url(../backgrounds/undraw_modern_woman.svg); */
    background-image: url(../backgrounds/undraw_good_doggy.svg);
    background-repeat: no-repeat;
    background-position: 25% bottom;
    background-size: auto 65%;
    height: 100vh;
}

/*.login-box-right {*/
/*    background-color: white;*/
/*    height: 100vh;*/
/*}*/

.login-box-title {
    text-align: center;
    color: white;
    font-size: 48px;
    font-weight: 300;
    line-height: 0.8;
    margin-top: 20%;
}

.login-box-title small {
    font-size: 24px;
    font-weight: 300;
}

.login-box-title-2 {
    text-align: center;
    font-weight: 500;
    line-height: 0.8;
}

.login-box-form {
    /*margin: auto auto;*/
    background-color: white;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
    z-index: 100;
}

.login-box-form-image {
    background-color: #4e2c80;
    /*background-image: url(../backgrounds/undraw_good_doggy.svg);*/
    background-image: url(../images/login/login2.jpg);
    background-repeat: no-repeat;
    /*background-position: center bottom;*/
    background-position: center;
    background-size: 65% 65%;
    background-size: cover;
    height: 50vh;
    margin-top: 1em;
    margin-bottom: 1em;
    color: black;
}

.login-box-form-image-title {
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    line-height: 0.8;
    padding-top: 1em;
}

.login-box-form-image-title small {
    font-size: 24px;
    font-weight: 300;
}

.login-box-facebook-btn {
    background-color: #3b5998;
}


/* ==========================================================================
   Login box images
   ========================================================================== */

.login-box-form-image-dalle-1 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_1.webp); }
.login-box-form-image-dalle-2 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_2.webp); }
.login-box-form-image-dalle-3 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_3.webp); }
.login-box-form-image-dalle-4 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_4.webp); }
.login-box-form-image-dalle-5 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_5.webp); }
.login-box-form-image-dalle-6 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_6.webp); }
.login-box-form-image-dalle-7 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_7.webp); }
.login-box-form-image-dalle-8 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_8.webp); }
.login-box-form-image-dalle-9 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_9.webp); }

.login-box-form-image-dalle-10 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_10.webp); }
.login-box-form-image-dalle-11 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_11.webp); }
.login-box-form-image-dalle-12 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_12.webp); }
.login-box-form-image-dalle-13 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_13.webp); }
.login-box-form-image-dalle-14 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_14.webp); }
.login-box-form-image-dalle-15 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_15.webp); }
.login-box-form-image-dalle-16 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_16.webp); }
.login-box-form-image-dalle-17 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_17.webp); }
.login-box-form-image-dalle-18 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_18.webp); }
.login-box-form-image-dalle-19 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_19.webp); }

.login-box-form-image-dalle-20 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_20.webp); }
.login-box-form-image-dalle-21 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_21.webp); }
.login-box-form-image-dalle-22 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_22.webp); }
.login-box-form-image-dalle-23 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_23.webp); }
.login-box-form-image-dalle-24 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_24.webp); }
.login-box-form-image-dalle-25 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_25.webp); }
.login-box-form-image-dalle-26 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_26.webp); }
.login-box-form-image-dalle-27 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_27.webp); }
.login-box-form-image-dalle-28 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_28.webp); }
.login-box-form-image-dalle-29 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_29.webp); }

.login-box-form-image-dalle-30 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_30.webp); }
.login-box-form-image-dalle-31 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_31.webp); }
.login-box-form-image-dalle-32 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_32.webp); }
.login-box-form-image-dalle-33 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_33.webp); }
.login-box-form-image-dalle-34 { background-color: #4e2c80; background-image: url(../images/logindalle/login_dalle_34.webp); }


.login-box-form-image-bing-1 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_1.webp); background-position-y: 25%; }
.login-box-form-image-bing-2 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_2.webp); background-position-y: 25%; }
.login-box-form-image-bing-3 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_3.webp); background-position-y: 25%; }
.login-box-form-image-bing-4 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_4.webp); background-position-y: 25%; }
.login-box-form-image-bing-5 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_5.webp); background-position-y: 25%; }
.login-box-form-image-bing-6 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_6.webp); background-position-y: 25%; }
.login-box-form-image-bing-7 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_7.webp); background-position-y: 25%; }
.login-box-form-image-bing-8 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_8.webp); background-position-y: 25%; }
.login-box-form-image-bing-9 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_9.webp); background-position-y: 25%; }

.login-box-form-image-bing-10 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_10.webp); background-position-y: 25%; }
.login-box-form-image-bing-11 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_11.webp); background-position-y: 25%; }
.login-box-form-image-bing-12 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_12.webp); background-position-y: 25%; }
.login-box-form-image-bing-13 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_13.webp); background-position-y: 25%; }
.login-box-form-image-bing-14 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_14.webp); background-position-y: 25%; }
.login-box-form-image-bing-15 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_15.webp); background-position-y: 25%; }
.login-box-form-image-bing-16 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_16.webp); background-position-y: 25%; }
.login-box-form-image-bing-17 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_17.webp); background-position-y: 25%; }
.login-box-form-image-bing-18 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_18.webp); background-position-y: 25%; }
.login-box-form-image-bing-19 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_19.webp); background-position-y: 25%; }

.login-box-form-image-bing-20 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_20.webp); background-position-y: 25%; }
.login-box-form-image-bing-21 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_21.webp); background-position-y: 25%; }
.login-box-form-image-bing-22 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_22.webp); background-position-y: 25%; }
.login-box-form-image-bing-23 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_23.webp); background-position-y: 25%; }
.login-box-form-image-bing-24 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_24.webp); background-position-y: 25%; }
.login-box-form-image-bing-25 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_25.webp); background-position-y: 25%; }
.login-box-form-image-bing-26 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_26.webp); background-position-y: 25%; }
.login-box-form-image-bing-27 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_27.webp); background-position-y: 25%; }
.login-box-form-image-bing-28 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_28.webp); background-position-y: 25%; }
.login-box-form-image-bing-29 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_29.webp); background-position-y: 25%; }

.login-box-form-image-bing-30 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_30.webp); background-position-y: 25%; }
.login-box-form-image-bing-31 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_31.webp); background-position-y: 25%; }
.login-box-form-image-bing-32 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_32.webp); background-position-y: 25%; }
.login-box-form-image-bing-33 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_33.webp); background-position-y: 25%; }
.login-box-form-image-bing-34 { background-color: #4e2c80; background-image: url(../images/loginbing/login_bing_34.webp); background-position-y: 25%; }