/* Fixed Value */

@import url('https://fonts.googleapis.com/css2?family=Poppins');


:root{
    --main-color:#00a34e;
    --light-white:rgba(255,255,255,.5);
    --light-black:rgba(0,0,0,.3);
    --light-bg:rgba(255,255,255,.1);
    --white:#fcfcfc;
    --black:#000;
 }

 *{

    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    scrollbar-color: var(--main-color);

 }

 html{

    overflow-x: hidden;

 }

 body{
    background-color: var(--white);
    background-image: url("../img/group-49.png");
    background-repeat:repeat-y;
    background-position: right TOP;
    background-size: 32%;
    height: 100vh;
    box-sizing: border-box;
 }


 ::-webkit-scrollbar{
    height: 2px;
    width:2px;
 }

 ::-webkit-scrollbar-track{
    background-color: transparent;
 }

 ::-webkit-scrollbar-thumb{
    background-color:var(--main-color);
 }

 .login-lable-h1{
   position: relative;

 }


 .login-lable-h1::before
 {
   content: "";
   display: block;
   width: 36%;
   height: 2px;
   position: absolute;
   background: #e0e0e0;
   left: 0;
   top: 50%;


 }
 .login-lable-h1::after
 {

   content: "";
   display: block;
   width: 36%;
   height: 2px;
   position: absolute;
   background: #e0e0e0;
   right: 0;
   top: 50%;


 }

.login-lable-h1.reset::before
{
    width: 22%;

}
.login-lable-h1.reset::after
{
    width: 22%;
}

 .login-form{
   background-color: white;
 }

 .form-floating input
 {
   color: #e0e0e0;
   border: none;
   border-bottom: 2px solid #e0e0e0;
   border-radius: 0;
   height: 40px;
 }

 .form-floating label
 {
   color: #d5d5d5;

 }
 .form-floating input::placeholder{
   color: #d5d5d5 !important;
 }


 .form-floating input:focus::placeholder {
   color: green !important;
 }

.form-floating input[type=password]:focus  {

   color: var(--main-color) !important;
   background-color: white !important;
   border-color: white !important;
   outline: 0;
   border: 1px solid;
   padding: 10px;
   box-shadow: 0 1px 0 0 var(--main-color);

 }

 .form-floating input[type=email]:focus{

   color: var(--main-color) !important;
   background-color: white !important;
   border-color: white !important;
   outline: 0;
   border: 1px solid;
   padding: 10px;
   box-shadow: 0 1px 0 0 var(--main-color);

 }
 .form-floating input[type=text]:focus {

   color: var(--main-color) !important;
   background-color: white !important;
   border-color: white !important;
   outline: 0;
   border: 1px solid;
   padding: 10px;
   box-shadow: 0 1px 0 0 var(--main-color);

 }

 input[type=checkbox] {
	border: 1px solid var(--main-color) !important;
}

input[type=value] {
    border: 1px solid var(--main-color) !important;
    background-color: white !important;
}

.anyhelp-section{
   place-content: center;
}

.anyhelp-section .anyhelp-section-span{
   background-color: var(--main-color);
}

.under-button{
   border: 1px solid #d5d5d5 !important;
   color: #d5d5d5 !important;
   width: 59% !important;
   border-radius: 0 9px 9px 0 !important;
}

/*bootstrap reset*/
.form-control{
    background-color: white !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input:-moz-autofill {
    -moz-text-fill-color: black;
    -moz-box-shadow: 0 0 0 1000px white inset;
}
input:-o-autofill {
    -o-text-fill-color: black;
    -o-box-shadow: 0 0 0 1000px white inset;
}
input:-khtml-autofill {
    -khtml-text-fill-color: black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}

input:focus:-webkit-autofill {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-moz-autofill {
    -moz-text-fill-color: black;
    -moz-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-o-autofill {
    -o-text-fill-color: black;
    -o-box-shadow: 0 0 0 1000px white inset;
}
input:focus:-khtml-autofill {
    -khtml-text-fill-color: black;
    -khtml-box-shadow: 0 0 0px 1000px white inset;
}