.mt-1 {margin-top: 10px; }
.mt-2 {margin-top: 20px; }
.mt-3 {margin-top: 30px; }
.mt-4 {margin-top: 40px; }
.mt-5 {margin-top: 50px; }

.mb-1 {margin-bottom: 10px; }
.mb-2 {margin-bottom: 20px; }
.mb-3 {margin-bottom: 30px; }
.mb-4 {margin-bottom: 40px; }
.mb-5 {margin-bottom: 50px; }

.ml-1 {margin-left: 10px; }
.ml-2 {margin-left: 20px; }
.ml-3 {margin-left: 30px; }
.ml-4 {margin-left: 40px; }
.ml-5 {margin-left: 50px; }

.mr-1 {margin-right: 10px; }
.mr-2 {margin-right: 20px; }
.mr-3 {margin-right: 30px; }
.mr-4 {margin-right: 40px; }
.mr-5 {margin-right: 50px; }

.mh-1 {margin-right: 10px; margin-left: 10px; }
.mh-2 {margin-right: 20px; margin-left: 20px;  }
.mh-3 {margin-right: 30px; margin-left: 30px;  }
.mh-4 {margin-right: 40px; margin-left: 40px;  }
.mh-5 {margin-right: 50px; margin-left: 50px;  }

.pt-1 {padding-top: 10px; }
.pt-2 {padding-top: 20px; }
.pt-3 {padding-top: 30px; }
.pt-4 {padding-top: 40px; }
.pt-5 {padding-top: 50px; }

.pb-1 {padding-bottom: 10px; }
.pb-2 {padding-bottom: 20px; }
.pb-3 {padding-bottom: 30px; }
.pb-4 {padding-bottom: 40px; }
.pb-5 {padding-bottom: 50px; }

.pl-1 {padding-left: 10px; }
.pl-2 {padding-left: 20px; }
.pl-3 {padding-left: 30px; }
.pl-4 {padding-left: 40px; }
.pl-5 {padding-left: 50px; }

.pr-1 {padding-right: 10px; }
.pr-2 {padding-right: 20px; }
.pr-3 {padding-right: 30px; }
.pr-4 {padding-right: 40px; }
.pr-5 {padding-right: 50px; }

.ph-1 {padding-right: 10px; padding-left: 10px; }
.ph-2 {padding-right: 20px; padding-left: 20px;  }
.ph-3 {padding-right: 30px; padding-left: 30px;  }
.ph-4 {padding-right: 40px; padding-left: 40px;  }
.ph-5 {padding-right: 50px; padding-left: 50px;  }

#errorContainer { padding: 20px; background-color: #f5f5f5; border-radius: 7px; margin-bottom: 20px; }
#errorContainer ul { list-style: none; margin: 0; padding: 0; }
.login-box { width: 300px; }
.field-row { display: flex; flex-direction: column; margin-bottom: 20px; }
.field-row.row { flex-direction: row; }
.field-row label { font-family: SemiBold; display: flex; margin-bottom: 7px; }
.field-row.row label { width: 130px; margin-bottom: 0; }
.field-row.row label.has-el { margin-top: 12px; }
.field-row.row p { margin: 0; }
.field-row input[type="text"],
.field-row input[type="password"],
.field-row select,
.field-row textarea {
    padding: 12px 15px;
    font-family: Regular;
    font-size: 14px;
    border: #d4d4d4 1px solid;
    border-radius: 5px;
    flex: 1
}

.button-set { display: flex; flex-direction: column; }
.button-set.row { flex-direction: row; }
.button-set.row-right { flex-direction: row-reverse; }

button { cursor: pointer; font-size: 14px; padding: 14px 20px; border: transparent 0px solid; color: #ffffff; background-color: #0da59c; border-radius: 4px; }
button.thin { padding: 8px 20px; }
button.red { background-color: #b42e2e; }

button span { display: inline-block; }
button img { display: none; }
button.inProgress span { display: none; }
button.inProgress img { display: inline-block; }