/* Fixed Value */

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


:root{
    --main-color:#1c7eb9;
    --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/Vector 773.png");
    /*background-repeat:repeat-y;*/
    background-position: left TOP;
    background-size: 80%;
    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: var(--main-color)  !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 #b5b5b5 !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;*/
/*}*/

input#floatingInput {
    font-size: 18px;
    height: 72px !important;
    padding: 14px;
    margin: 26px 0;
    border: none;
    border-radius: 7px;
}
input#password {
    font-size: 18px;
    height: 72px !important;
    padding: 14px;
    margin: 26px 0;
    border: none;
    border-radius: 7px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #efefef inset; /* Change the color here */
}

input.form-control {
    background-color:  #efefef ;
}