﻿#newLogTheme input[type="text"],
#newLogTheme input[type="password"],
#newLogTheme input[type="number"],
#newLogTheme input[type="url"],
#newLogTheme input[type="email"] {
    height: 36px !important;
    padding: 3px 3px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
}

.loginpagelayout {
    width: 100%;
    height: 100vh;
    background-image: url(../../Images/LoginBG2023.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginPageInnerWrapper{
    width:95%;
    margin:0 auto;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

.loginPageInnerWrapper .screenLeftSide{
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.loginPageInnerWrapper .screenRightSide{
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.LoginpageLogoIconImgWrapper{
    width:75%;
    min-height:300px;
}
.loginCtrlbase{
    width:60%;
    padding:15px;
}

.adlerTopLogoRight {
    padding-top: 0px;
    margin-bottom: 10px;
}
.LoginFieldBox {
    width: 100% !important;  
    background-color: transparent !important;
    min-height: 240px;
    position: relative;
    margin: auto;
}

input[type="text"], input[type="password"], input[type="number"], input[type="url"], input[type="email"] {
    height: 32px !important;
    padding: 3px 3px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 7px;
}

.LoginButton {
    background: #28a7e2;
    background: rgb(156,212,190);
    background: linear-gradient(175deg, rgba(156,212,190,1) 0%, rgba(18,158,183,1) 35%, rgba(6,85,163,1) 100%);
    color: #FFF;
    border: none;
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0px;
    width: 50%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin: 0 auto;
    border-radius: 6px !important;
    margin-top: 10px;
}

.adlerTopLogoRight img {
    margin: initial;
    width: 165px;
}

input[required] {
    background-color: #ffffff;
}
.modal-header-company-selection {
    padding: 9px 15px;
    background-image:url(../../Images/PopupHeaderBG.png);
    background-repeat:no-repeat;
    background-size:cover;
}


.skin-1 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk1.png);}
.skin-2 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk2.png);}
.skin-3 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk3.png);}
.skin-4 .modal-header-company-selection {background-image:url(../../Images/PopupHeaderBGSk4.png);}
.policyandTerms {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-weight: 11px;
}

.policyandTerms .links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
    padding: 5px;
}

.policyandTerms .links div {
    padding: 0px 10px;
}

.policyandTerms .links div:last-child {
    border-left: 1px gray solid;
}

.policyandTerms .links div a {
    transition: all ease-in-out 0.5s linear;
    color: #001f47;
}

.policyandTerms .links div a:hover {
    color: #fff;
}

.policyandTerms .copyRightsTXT {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row;
}
@media only screen and (min-width:820px) And (max-width:1024px) {
.loginpagelayout {padding-right:0px;justify-content:center;}
.loginCtrlbase {width:50%;}
.loginCtrlbase {width:75%;}
}


@media only screen and (min-width:768px) And (max-width:820px) {
.loginpagelayout {padding-right:0px;justify-content:center;}
.loginCtrlbase {width:75%;}
}

@media only screen and (min-width:450px) And (max-width:768px) {
.loginpagelayout {padding-right:0px;justify-content:center;align-items: start;}
.loginCtrlbase {width:50%;}
.loginPageInnerWrapper{flex-flow:column-reverse}
.loginPageInnerWrapper .screenLeftSide {width: 75%;justify-content: center;align-items: center;}
.loginPageInnerWrapper .screenRightSide{width: 100%;}
.adlerTopLogoRight img {margin:0 auto;width: 165px;margin-top:25px}
}

@media only screen and (max-width:450px) {
.loginpagelayout {padding-right:0px;justify-content:center;background-image: url(../../Images/LoginBG2023Mob.png);align-items: start;}
.loginCtrlbase {width: 90%;}
.loginPageInnerWrapper{width:95%;}
.loginPageInnerWrapper .screenLeftSide{display:none;}
.loginPageInnerWrapper .screenRightSide{width: 100%;}
.adlerTopLogoRight img {margin:0 auto;width: 165px;margin-top:25px}
}


