/*body { 
    background: url(../img/background1.jpg) no-repeat bottom center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }*/

.text-darkblue{
    color:#3A75C5;
}
.logo{
    width: 350px;
}
.bg-darkblue{
    background-color:#3A75C5;
}
.form-field{
    border-radius: 0%;
    border:solid 2px #3A75C5;
}
.btn-darkblue{
    color: #fff;
    border-radius: 0%;
    border: solid 2px #3569b3;
    font-size: 18px;
    padding: 5px 30px 5px 30px;
}

.opacity-1{
    background-color: rgba(255, 255, 255, 0.8); 
}
.mt-10{
    /* margin-top:80px; */
}

.w-45{
    width:40%;
}
.border-darker{
    border: 3px solid #6c757d;
}
.form-control::placeholder{
    color: #6c757d;
    /* font-weight: bold; */
}


/* .login_box{
    width: 25% !important;
} */

@media only screen and (max-width: 600px) {
    .bg-login {
        background-image: url(../img/background1.jpg);
        /*background-image: url(../img/login-2022.jpg);*/
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .w-45{
        width:100%;
    }
    .logo {
        width: 200px;
    }
  }

  @media only screen and (min-width: 300px) {
    .login_box {
        margin-left: 5px !important;
        width: 98% !important;
    }
  }

@media only screen and (min-width: 500px) {
    .login_box {
        margin-left: 5px !important;
        width: 98% !important;
    }
  }

  @media only screen and (min-width: 700px) {
    .login_box {
        /* margin-left: 5px !important; */
        width: 50% !important;
    }
  }


  @media only screen and (min-width: 1000px) {
    .login_box {
        /* margin-left: 5px !important; */
        width: 50% !important;
    }
  }

  @media only screen and (min-width: 1500px) {
    .login_box {
        /* margin-left: 5px !important; */
        width: 30% !important;
    }
  }

  @media only screen and (min-width: 1900px) {
    .login_box {
        /* margin-left: 5px !important; */
        width: 25% !important;
    }
  }