/CSS/Css styles responsive password input eye

Css styles responsive password input eye

.login-form{margin:20px 0 0 0;}
.login-form input[type=text]{
  background: #fff;
  border: none;
  border-radius:8px;
  position: relative;
  font-size:15px !important;
  display: inline-block;
  outline: none;
  width: 100%;
  height: 30px !important;
  padding: 18px 0 18px 20px;
  margin-bottom:15px !important;
  color: #666 !important;
  border: 1px solid grey;
}

.login-left{width:44%; margin: 0 0 0 5%; display:inline-block; float:left;}
.login-right{width:44%; margin: 0 5% 0 0; display:inline-block; float:right;}

@media screen and (max-width:767px) {
.login-width{width:95% !important;}
.login-left{width:90%; margin: 0 auto; display:block; float:none;}
.login-right{width:90%; margin: 0 auto; display:block; float:none;}
}

.p-viewer, .p-viewer2{
  float: right;
  margin-top: -55px;
  position: relative;
  z-index: 1;
  cursor:pointer;
}

.fa-eye {
  color: #000;
}

Source: stackoverflow.com

Similar codes

0 vote150 views1 answer
Hide featured image in wordpress
CSS
0 vote169 views2 answers
How to add a selection in css
CSS
1 vote171 views2 answers
Woocommerce shopping cart icon size
CSS
17 votes140 views1 answer
Artillery annot be loaded because running scripts is disabled on this system
CSS
222 votes396 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
6 votes148 views2 answers
Border-collapse
CSS
1 vote167 views2 answers
Min css
CSS
0 vote147 views1 answer
How make button which is fixed even after i scroll
CSS
8 votes157 views3 answers
Select first div css
CSS
0 vote151 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS