form { max-width: 100%; padding: 0 .45rem 0 .45rem; display: flex; flex-direction: column; justify-content: center; } .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; }