label{display:block;width:100%}
input,select{width:100%;border:1px solid #dedede;height:40px;padding:0 .8em}
.card{padding:30px;margin-bottom:40px}
.card p{margin-top:20px}
.btn{background:#7b7be4;color:#fff}
h1{padding-top:40px;text-align:center;font-size:20px}
input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:red}
.invalid-feedback{color:red;display:block;font-size:95%}
.alert{border-radius:3px;border:1px solid currentColor;padding:5px 15px;background:#ddd;margin:1em 0}
.alert-warning{color:red;background:#f9f1cc}
.alert-success{color:green;background:#cbedca}
button .icon{display:none}
 
 
 .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}
@keyframes spinner-border{to{transform:rotate(360deg)}}
 
.spinner-border-sm{width:1em;height:1em; border-width:.2em;}
.spinner-border-md{width:1.5em;height:1.5em}
.spinner-border-lg{width:3em;height:3em}
.spinner-border-xl{width:5em;height:5em}