/* ======================================================= */
/* ==================== root ==================== */
/* ======================================================= */

:root {
  /* green */
  --lighter-green-transparent: #e2f5cb66;
  --lighter-green: #e2f5cb;
  --primary-green: #84ba41;
  --secondary-green: #619a2e;
  
  /* Shades */
  --white: #ffffff;
  --lighter-grey: #eceded;
  --light-grey: #dedfdf;
  --grey: #babbbb;
  --dark-grey: #727373;
  --darker-grey: #1f2020;

  /* Side colours */

  --success: #468d23;
  --success-hover: #38701c;
  --warning: #edbc5a;
  --warning-hover: #cca24d;
  --error: #e24f32;
  --error-hover: #ab3c26;
  --neutral: #007cad;
  --neutral-hover: #006a94;
  
  /* Roundness */
  --border-radius-checkboxes: 2px;
  --border-radius-buttons: 6px;
  --border-radius-overlays: 12px;
  --border-radius-tags: 100%;
}

body {
    background-color:#DEDFDF;
}

.full-page > .content {
    min-height:calc(100vh - 56px);
}

.full-page:before {
    background-color:transparent;
}


.form-group.input-container input {
    border:1px solid #BABBBB;
}


.form-group.is-focused .form-control {
  outline: none;
  background-image:none;
  border:1px solid #BABBBB;
  box-shadow: none;
}


.login-page > .content, .lock-page > .content {
    padding-top: 25vh;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-blend-mode: multiply;
}

.login-page h1, .password-reset h1{
    color:#ffffff;
    font-family:'nettoReflex-bold', sans-serif!important;
    font-weight:600;
}

.login-page > .footer {
    background-color:#F2F2F2;
    height:56px;
    padding-top:20px;
}

.login-page > .footer .copyright, .password-reset > .footer .copyright {
    color:#1F2020;
}

.login-page .footer nav > ul a:not(.btn), .login-page .footer, .login-page .footer a, .login-page .footer .copyright a {
    color:#1F2020!important;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    font-size:14px;
}

.password-reset .footer nav > ul a:not(.btn), .password-reset .footer, .password-reset .footer a, .password-reset .footer .copyright a {
    color:#1F2020!important;
}

.password-reset > .content {
    padding-top: 20vh;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-blend-mode: multiply;
}

.login-form-container {
    max-width: 563px;
    height: 416px;
    background-color:#ffffff;
    border-radius:12px;
    font-size:16px;
    margin: top 25px;
}

.login-form-container h5 {
    color:#1F2020;
}

.login-form-container .card-login, .password-reset .card {
    padding:24px;
    padding-top:0px;
    background-color:#ffffff;
    box-shadow:none;
    border:0;
    margin-top:24px;
}

.password-reset .card {
    margin-top:0;
}

.login-form-container .input-container {
    margin-bottom:8px;
}

.login-form-container .footer {
    text-align:right;
}

.card-login .card-content {
    padding:0;
    margin:0;
    margin-top:20px;
}

.login-page h5 {
  margin-bottom:20px;
}

.login-page a {
  text-decoration:underline;
  
}

.login-page .login-register-text span {
  padding-right:15px;
}

.login-page #submit {
  float:right;
  margin-bottom:30px;
  margin-top:0px;
}

.login-page .forgot-pswd-container {
  clear:both;
  text-align:left;
  border-top:1px solid #DEDFDF;
  padding-top:26px;
  margin-top:20px;
}

.login-page .forgot-pswd-container a{
  color:#727373;
  font-family:'Roboto', sans-serif;
  font-size:16px;
  font-weight:400;
}


.password-reset .card {
    padding:30px;
    
    background-color:#ffffff;
    box-shadow:none;
    max-width:450px;
}

body {
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}
 

.lowerText{
    padding-bottom: 60px;
}


.navbar-anonymous {
    display:none;
}



.showPasswordBtnClass{
    position: absolute;
    bottom: 20px;
    right: 15px;
}

#showPasswordBtn{
  border: 0;
  background-color: transparent;
  width: 25px;
  height: 25px;
  background-image: url(/images/visibility.svg);
  background-size: cover;
  background-position: center center;
}

#showPasswordBtn2{
  border: 0;
  background-color: transparent;
  width: 25px;
  height: 25px;
  background-image: url(/images/visibility.svg);
  background-size: cover;
  background-position: center center;
}


.loginWelcome {
    font-size:2.5em;
    text-align:center;
}

.login-layout .dropdown-toggle {
  float:right;
  position:absolute;
  right:10px;
  top:10px;  
  z-index:1000;
}

#icon_lang {
  background-color: transparent; /* Removes any background color */
  border: none;                 /* Removes any default borders */
  
}

.login-layout .open .dropdown-menu {
    top:40px;
    right:0px;
    left:initial;
}

.login-layout .navbar-form {
    display:none;
}

.login-layout .open .dropdown-menu a {
    text-decoration:none;
    padding-left:10px;
    margin-left:0;
}


.login-layout .open .drop-down-icon {
    float:left;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    margin-right:5px;
}

.login-layout .drop-down-icon.lang-cs
 {
  background-image: url('/images/lang_cs.png');
}

.login-layout .drop-down-icon.lang-nl {
  background-image: url('/images/lang_nl.png');
}

.login-layout .drop-down-icon.lang-fi {
  background-image: url('/images/lang_fi.png');
}

.login-layout .drop-down-icon.lang-fr {
  background-image: url('/images/lang_fr.png');
}

.login-layout .drop-down-icon.lang-el {
  background-image: url('/images/lang_el.png');
}

.login-layout .drop-down-icon.lang-it {
  background-image: url('/images/lang_it.png');
}

.login-layout .drop-down-icon.lang-pt {
  background-image: url('/images/lang_pt.png');
}

.login-layout .drop-down-icon.lang-es {
  background-image: url('/images/lang_es.png');
}

.login-layout .drop-down-icon.lang-sv {
  background-image: url('/images/lang_sv.png');
}

.login-layout .drop-down-icon.lang-pl {
  background-image: url('/images/lang_pl.png');
}

.login-layout .drop-down-icon.lang-en {
  background-image: url('/images/lang_en.png');
}

.login-layout .drop-down-icon.lang-de {
  background-image: url('/images/lang_de.png');
}

.login-register-text {
    font-family:'Roboto', sans-serif;
    font-size:16px;
    color:#1f2020;
    font-weight:400;
}


@media only screen and (max-width: 320px) {

    h1 {
        font-size: 1.5em;
    }

    h3 {
        margin:0;
    }

    body {
        position:fixed;
    }

    .wrapper.wrapper-full-page {
        height:110vh;
    }
    
    .full-page {
        top: 0px;
        height: 105vh;
        overflow:auto;
    }
    .loginWelcome {
        margin-top:2vh;
        margin-bottom:3vh;
        padding:10px;
    }
    
    .login-page > .content{
        padding-top: 0px;
        margin-top:10px;
    }

    .full-page > .content {
        min-height:140vh;
    }

    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }

    .login-form-container {
        height:auto;
    }

    .header .title {
        font-size:1.2em;
    }
    
    .main-panel > .content {
        padding-top:0px;
    }

   
   
}



@media only screen and (max-width: 375px) {

    body {
        position:fixed;
    }

    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh - 45px);
        width:100%;
    }
    .loginWelcome {
        margin-top:2vh;
        margin-bottom:2vh;
        padding:10px;
    }
    .full-page > .content {
        min-height:calc(100vh - 200px)    
    }
    .login-page > .content{
        padding-top: 0px;
    }
    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }
    .login-form-container {
        height:auto;
    }
    
}


@media only screen and (max-width: 767px) {

    body {
        position:fixed;
    }

    .navbar-anonymous {
        height:45px;
        display:none;
        text-align:center;
        margin-top:10px;
    }
    .navbar-anonymous img {
        padding:4px;
        height:45px;
    }
    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh - 45px);
    }

    .login-page > .footer {
        height:80px;
    }

    h1 {
        font-size:2.5em;
    }
    .full-page > .content {
        padding-top: 0px;
        min-height:calc(100vh - 200px)    
    }
    .loginWelcome {
        margin-top:3vh;
        margin-bottom:7vh;
        padding:20px;
        color:#fff;
        font-family:'nettoReflex-bold', sans-serif!important;
    }
 
    .lock-page > .content {
        padding-top: 15vh;
        text-align:center;
    }
    .login-form-container {
        width:90%;
        margin-left:auto;
        margin-right:auto;
    } 
    .login-page > .content{
        padding-top: 5vh;
    }  

    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh);
        width:100%;
    }
    
    .full-page > .content {
        min-height:calc(100vh - 200px)    
    }
    .login-page > .content{
        padding-top: 0px;
    }
    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }
    .login-form-container {
        height:auto;
    }
    
}