/*.divLoginBackgroundContainer { background-image: none; }
.contentWrapper {background-image: url(web-01.png) }
.frmLogin { background-color:transparent; justify-content:flex-end; padding-bottom:100px;}
.loginBodyWrapper { background-color:transparent; }
.loginInput { border: 2px solid #808080; padding: 5px; }
.loginHeaderWrapper { text-align: right; font-size: 40px; }
.loginInputWrapper:nth-last-child(1) { flex-direction: column; align-items: flex-end; height: 90px; justify-content: space-around; }
.loginInputWrapper .btn { margin-right: 0px; background: none; background-color: #fff; height: 40px; border: 2px solid #808080; border-radius: 0; }
.loginInputWrapper .btn:hover, .loginInputWrapper .btn { color: #000; }
.divLoginBackgroundWrapper { text-indent:100%; white-space:no-wrap; overflow:hidden; }
.divLoginBackgroundWrapper:before { background-image: url('web-02-01.png'); height:112px; width:300px; top: 5px; left: 5px; }
.divLoginBackgroundWrapper:after { content: ''; background-image: url('web-03-01.png'); height:200px; width:722px; position: absolute; top: 175px; left: 5% }
.loginInputWrapper a { color: #000; }

@media (max-width:991px) {   
    .divLoginBackgroundWrapper:after { height:170px; width:614px; background-size: contain; }
}

@media (max-width:576px) {
    .contentWrapper { background-image: none; }
    .divLoginBackgroundContainer {background-image: url('mobile-01.png'); background-position: center top; background-size: cover; }
    .frmLogin { padding-bottom:5px; }
    .loginInputWrapper:nth-last-child(1){ height: auto; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; }
    .loginBodyWrapper .hr30 { margin-top: 5px; }
    .loginHeaderWrapper { font-size: 30px; width: 90%; margin: 0 auto; display: block; }
    .divLoginBackgroundWrapper:before { background-image: url('mobile-02-01.png'); height:80px; width:200px; left: 50%; margin-left: -90px; }
    .divLoginBackgroundWrapper:after { content: ''; background-image: url(mobile-03-01.png); height: 120px; width: auto; position: absolute; top: 20%; left: 5px; right: 5px; background-size: contain; background-repeat: no-repeat; }
}*/

.pageWrapper {background-color: #FFFFFF }
.divLoginBackgroundContainer { background-image:url(Jakel_BG-01.png); background-position-x:left;background-position-y:top;background-size: contain;}
.divLoginBackgroundContainer:before { content:''; background-image:url(Jakel_logo.png); background-size:contain; background-repeat:no-repeat; width:200px; height:70px; position:absolute; right:30px; top:30px; }

.divLoginBackgroundWrapper{ margin:-100%; }
.divLoginBackgroundWrapper:before { background-image:url(Jakel_Text.png); background-size:contain; background-repeat:no-repeat; width:450px; height:120px; left:50px; top:330px; }

.loginHeaderWrapper { display:none; }
.loginHeader { position:absolute; width:100%; }
.loginHeader:after { content:'Login to your account'; position:absolute; bottom:0; font-size:18px; font-weight:600; font-family:sans-serif; font-stretch:extra-condensed; }

.frmLogin { background-color:transparent;width: fit-content;height: auto;min-height: 500px;position: absolute;top: 0;right: 0;bottom: 0;margin: 30px 90px 30px 0;justify-content: flex-end;padding-bottom: 180px;}
.loginBox{width: 370px;}
.loginInput { border: 2px solid #808080; padding: 5px; }

.loginBodyWrapper { background-color:transparent; }
.loginInputWrapper { margin-bottom:25px;  position:relative; }
.loginInputWrapper .btn {background: #525AA5;color: #ffffff;height: 40px;position: absolute;left: 0;font-size: 18px;font-weight: 600;font-family: sans-serif;font-stretch: extra-condensed;border: 2px solid #808080;border-radius: 0;}

.loginInputWrapper a { color:black; font-size:16px; font-family:sans-serif; font-stretch:extra-condensed; position:absolute;padding: 10px 0px;right:0; text-decoration:none;}
.loginInputWrapper:nth-last-child(1) { flex-direction: column; align-items: flex-end; height: 45px; justify-content: space-around; }


.loginInputWrapper .btn:hover{background-color:transparent;color:grey;}

/*Smaller Screen Size*/
@media (max-width:1500px) {
    .divLoginBackgroundContainer { background-image:url(Jakel_BG-01.png); background-position-x:left;background-position-y:top;background-size: contain;}
    .divLoginBackgroundContainer:before { content:''; background-image:url(Jakel_logo.png); background-size:contain; background-repeat:no-repeat; width:170px; height:60px; position:absolute; right:15px; top:30px; }

    .frmLogin { background-color:transparent;width: fit-content;height: auto;min-height: 500px;position: absolute;top: 0;right: 0;bottom: 0;margin: 30px 30px 30px 0;justify-content: flex-end;padding-bottom: 100px;}
    .loginBox{width: 290px;}

    .loginInputWrapper { margin-bottom:25px;}
}

/*Background Image Touch*/
@media (max-width:1366px) {
    .divLoginBackgroundContainer { background-image:url(Jakel_BG-02.png); background-position: right; background-size: cover;}

    .divLoginBackgroundContainer:before { content:''; background-image:url(Jakel_logo.png); background-size:contain; background-repeat:no-repeat; width:170px; height:60px; position:absolute; right:15px; top:30px; }

    .divLoginBackgroundWrapper:before { background-image:url(Jakel_Text.png); background-size:contain; background-repeat:no-repeat; width:450px; height:120px; left:50px; top:280px; }

    .frmLogin { background-color:transparent;width: fit-content;height: auto;min-height: 300px;position: relative;align-self: center;margin: 15px 15px 15px 15px;justify-content:center;padding-bottom: 0px;}
    .loginBox{width: 290px;}
    .loginInput { border: 2px solid #808080; padding: 2px; }

    .loginInputWrapper { margin-bottom:5px;}
    .loginInputWrapper .btn {background: #525AA5;color: #ffffff;height: 40px;position: absolute;left: 0;font-size: 18px;font-weight: 600;font-family: sans-serif;font-stretch: extra-condensed;border: 2px solid #808080;border-radius: 0;}
    .loginInputWrapper a { color:black; font-size:16px; font-family:sans-serif; font-stretch:extra-condensed; position:absolute;padding: 10px 0px;right:0; text-decoration:none;}
}

@media (max-width:970px) {
    .divLoginBackgroundContainer { background-image:url(Jakel_BG-02.png); background-position: right; background-size: cover;}

    .divLoginBackgroundContainer:before { content:''; background-image:url(Jakel_logo.png); background-size:contain; background-repeat:no-repeat; width:130px; height:55px; position:absolute; right:15px; top:15px; }

    .divLoginBackgroundWrapper:before { background-image:url(Jakel_Text.png); background-size:contain; background-repeat:no-repeat; width:300px; height:75px; left:10px; top:230px;}

    .frmLogin { background-color:transparent;width: fit-content;height: auto;min-height: 300px;position: relative;align-self: center;margin: 15px 15px 15px 15px;justify-content:center;padding-bottom: 0px;}
    .loginBox{width: 290px;}
    .loginInput { border: 2px solid #808080; padding: 2px; }

    .loginInputWrapper { margin-bottom:5px;}
    .loginInputWrapper .btn {background: #525AA5;color: #ffffff;height: 40px;position: absolute;left: 0;font-size: 18px;font-weight: 600;font-family: sans-serif;font-stretch: extra-condensed;border: 2px solid #808080;border-radius: 0;}
    .loginInputWrapper a { color:black; font-size:16px; font-family:sans-serif; font-stretch:extra-condensed; position:absolute;padding: 10px 0px;right:0; text-decoration:none;}
}

/*Mobile*/
@media (max-width:599px) {
    .divLoginBackgroundContainer { background-image:url(Jakel_BG-02.png); background-position: right; background-size: cover;}

    .divLoginBackgroundContainer:before { content:''; background-image:url(mobile-02-01.png); background-size:contain; background-repeat:no-repeat; width:130px; height:55px; position:absolute; right:15px; top:15px; }

    .divLoginBackgroundWrapper:before { background-image:url(Jakel_Text.png); background-size:contain; background-repeat:no-repeat; width:280px; height:70px; left:25px; top:unset; bottom: 340px;}

    .loginHeader { display:none; }
    .frmLogin { background-color:transparent;width: fit-content;height: auto;min-height: 300px;position: relative;align-self: center;margin: 15px 15px 15px 15px;justify-content:center;padding-bottom: 0px;}
    .loginBox{width: 290px;}
    .loginInput { border: 2px solid #808080; padding: 2px; }

    .loginInputWrapper { margin-bottom:5px;}
    .loginInputWrapper .btn {background: transparent;color: #000000;height: 40px;position: absolute;left: unset;right: 0;top: 25px;font-size: 16px;font-weight: 600;font-family: sans-serif;font-stretch: extra-condensed;border: 2px solid red;border-radius: 0;margin-right: 0;}
    .loginInputWrapper a { color:black; font-size:12px; font-weight: 600; font-family:sans-serif; font-stretch:extra-condensed; position:absolute;padding: 0;top:0;right:0; text-decoration:none;}           
}