@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
   font-size: 12px;
}

.field-icon {
  float: right;
  margin-right: 10px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
  color: #000000;
}

body{
    color:#ffffff;
    font-family: 'Fredoka', sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings: 'wdth' 100;
    font-size: 17px;
}

img.logo {
    width: 300px;
    /*max-width: 100%;
    min-width: 300px;*/
    height: auto; 
 
     margin-top: -20px; /*60*/
     vertical-align: top;
}

h2.login {    
    font-size: 35px !important;
    font-weight: 600 !important; 
    padding-top: 70px !important; 
}

.btn-primary{
    background-color: #0E5DA1;
    border-color: #0E5DA1;
}
/*

@media (max-width: 1200px) {
    img.logo {
        width: 300px !important; 
        margin-top: -90px; 
    }
    
    h2.login {
        padding-top: 50px !important; 
    }
}

@media (max-width: 992px) {
  img.logo {
        width: 300px !important; 
        margin-top: -90px; 
    }
    
    h2.login {
        padding-top: 50px !important; 
    }
}

@media (max-width: 768px) {
  img.logo {
        width: 300px !important; 
        margin-top: -200px; 
    }
    
    h2.login {
        padding-top: 50px !important; 
    }
}
@media (max-width: 375px) {
    img.logo {
        width: 300px !important; 
        margin-top: -65px; 
    }
    
    h2.login {
        padding-top: 100px !important; 
    }
}

*/
.middle-box {
    top: 0%;
}

.loginscreen.middle-box{
    margin-top: 0px;
    /*
    width: 500px;
    margin-left: -250px;*/
}

.form-control{
    /*color:#000000;*/
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}