:root{
    --btn-border:1px solid var(--color-signal-orange) ;
}

.loginform-wrap img
{
    max-width:20%;
}
.loginform-wrap  {
    color:  #f4f4f4;
}
#pagecontent{
    position:unset ;
}
.loginform-container
{
    position:fixed ;
    top:50% ;
    left:50% ;
    transform: translate(-50%, -50%) ;
    border:3px solid #999;
    border-radius:var(--globalborderradius);
    padding:20px;
    background: rgb(108,107,122);
    background: radial-gradient(circle, rgba(108,107,122,1) 0%, rgba(84,80,101,1) 54%, rgba(63,57,83,1) 100%);
    color:var(--color-white);
}
body {
    font-family: "Nunito Sans";
    background: var(--color-white);
}

#pagecontent.pagetype-login{
    background: transparent;
}

#pagecontent.pagetype-login .loginform-container {
    max-width: 600px;
    
}
.loginform-container {
    box-shadow: var(--boxshadowmed);
    /*font-family: "Lato", sans-serif;*/
    letter-spacing: 0.5px;
    font-size: 18px;
    width: 100%; 
}

.loginform-container label {
    display:block; 
    text-align:left;
}
.loginform-container label>div {
    display:inline-block; 
    width:40%;
    height:4vh;
    font-size:16px;
    font-weight:bold;
}

.loginform-container label>input {
    display:inline-block; 
    font-size:14px ;
    width:55%;
    padding: 10px ;
}


.heading-large {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    font-size: 4rem;
}

.center-login {
    display: flex;
    justify-content: center;
}
 
.loginform-container div[btn-icon]
{
    background:var(--btn-background);
    color:var(--color-white);
    border-color:var(--color-white);
    border-radius: var(--globalborderradius);
    border-width: 3px;
    font-size:20px;
    font-weight:bold;
    padding: 5px 40px;
    text-align: center;
    margin: 10px auto;
}
.loginform-container div[btn-icon]:hover
{
    background:var(--btn-background);
    color:var(--color-white);
    border-color:var(--color-white);
    border-width: 3px;

}
 
.header-wrapper {
    display: flex;
}

.login-form-left {
    padding-right: 2rem;
}

.login-form-right {
    width: 50%;
    text-align: left;
}

.login-submit-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
}

.login-form-right label {
    /*font-family: Raleway;*/
    font-size: 21px;
    text-align: left;
}

.login-form-right input {
    border: black 1px solid;
    background: transparent;
    /*font-family: Raleway;*/
    height: 2.5rem;
    font-size: 1rem;
    padding: 5px;
    width: 70%;
}

.loginformsubmitbtn {
    color: white;
    background: #00965E;
    border: none;
    letter-spacing: 1px;
    /*font-family: Raleway;*/
    font-size: 1rem;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5rem;
    padding-left: 5rem;
}


.logo-wrapper {
    height: 80px;
}

.loginform-wrapper {
    margin-top: 32vh;
    width: 75%;
    display: flex;
    justify-content: center;
}

.logo-wrapper img {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    height: 100%;
}

body {
    padding: 15px;
    margin: 0 ;
    background-color: #3F8EA6;
}

.loginform-title {
    font-size: initial;
}

.loginform-bottomform {
    padding: var(--largemobilebodyfont);
    padding-top: 20px;
    padding-bottom: 20px;
}

.loginform-wrap {
    padding: 20px;
    color: #fff;
    background: var(--theme-color-primary);
}

.sq-angle {
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 160px solid transparent;
    border-left: 160px solid #ff9900;
    position: absolute;
    right: 0;
    top: -100%;
    transform: translate(100%, 0%) rotate(-0deg);
    margin-top: 21px;
}

.loginform-bottomform form {
    position: relative
}