form { max-width: 100%; padding: 0 .45rem 0 .45rem; display: flex; flex-direction: column; justify-content: center; } .fa-eye { font-size: 25px; color: grey; margin: 0 0 16px -35px; align-self: center; z-index: 98; background-color: white; } .btn { border: 0; border-radius: 4px; padding: .5rem; cursor: pointer; font-weight: 700; font-size: 1.05rem; background-color: white; color: $sde-black-80; margin-bottom: .5rem; } .btn-dark { color: white; background-color: $sde-black-80; } .btn-sde-blue { color: white; background-color: $sde-blue; } .btn-disabled { color: white; background-color: $sde-black-20; } .form-inline { display: inline-flex; } input, select{ border: grey solid 2px; border-radius: 4px; background-color: transparent; font-size: 1rem; line-height: 2rem; margin-bottom: 1rem; } input.appinput { border: none; border-bottom: white solid 2px; background-color: transparent; font-size: 1rem; color: rgba(255,255,255,1); line-height: 2rem; margin-bottom: 1rem; } .appinput::placeholder { opacity: 1; color: white; } .form-control { flex: 1 1 auto; width: 1%; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group-append { display: flex; }