@charset "utf-8";
html,body{margin:0;font-size:22px;}
/*a,a:focus,a:visited,a:hover{text-decoration: none;color:black;}*/
/*a,a:focus,a:visited,a:hover{color:white;}*/


/* gradient background */
body,html{width:100%;height:100%;margin:0;overflow:hidden;}
body {
    background:rgb(19,29,13);
    background-size: 300% 300%;
    background-repeat: no-repeat;
    -webkit-animation: gradient 13s ease infinite;
            animation: gradient 13s ease infinite;
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* gradient background - END */ 


main{
  display:flex;
  justify-content:space-around;
  width:98%;
  height:100vh;
  /*color:#ffcc00;*/
  color:#000000;
}
.title, .rem_accpass {color: #ffcc00;}
.title {font-size: 30px;}

.login_dealer{width:100%;}
.login_dealer div{display:flex;/*margin:1.5em 0.65em 0 0.65em*/; width:50%;}
.login_dealer div p{
    font-weight: bold;
    /*background-color:rgb(42,63,29);color:rgb(255,242,204);*/
    color: #fff;background-color: #0066CC;border-color: #0066CC;
    padding:0.5em 0.8em;border-radius:0.3em;
    cursor:pointer;
    width:95%;
    text-align:center;
}
    
.login_dealer div p>a{width:100%;color:rgb(255,242,204);text-decoration:none;}
.modal-body div {padding: 10px 2px;}
#rem_d_accpass {width:20px;height:20px;}

.login_form {
  width: 100%;
  max-width: 500px;
  padding: 15px;
  /*margin: auto;*/
  margin: 5em auto;
}

.login_form .checkbox {
  font-weight: 400;
}

.login_form .form-floating:focus-within {
  z-index: 2;
}

/*.login_form input[type="text"] {*/
#dealer_acc {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/*.login_form input[type="password"] {*/
#dealer_pw {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#checkEye {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}