html, body {background: #f0f0f0;height: 100%;}
html {display: table;margin: auto;}
body {display: table-cell;vertical-align: middle;}
h2 {margin-bottom: 20px;}
img {max-width: 100%;}
input[type=number] {font-size: 17px;padding: 5px 10px;width: 120px;}
button label {margin-bottom: 0;cursor: pointer;}
.step {max-width: 540px;margin: 30px auto;display: none;min-width: 290px;}
.step.active {display: block;}
.point {margin-bottom: 15px;font-size: 22px;}
.point .number {border-radius: 50%;background: gray;color: white;width: 30px;height: 30px;text-align: center;display: inline-block;vertical-align: middle;line-height: 30px;font-size: 20px;margin: 0 8px 0 0;position: relative;top: -2px;}
.point .text {display: inline-block;font-weight: 500;}
.point .text a {color: #212529;}
.bottom-line {margin-top: 20px;}
.bottom-line .btn-sm {margin-top: 3px;}
.dz-preview .dz-filename, .dz-preview .dz-size, .dz-preview .dz-error-message, .dz-success-mark, .dz-error-mark {display: none;}
.dz-preview {margin-top: 10px;}
.dz-preview .dz-image img {max-height: 44vh;}
.dz-progress {height: 10px;width: 290px;margin: 5px auto 0;background: silver;}
.dz-progress .dz-upload {height: 100%;background: green;border-radius: 3px;display: block;width: 0;}
.loading {position: fixed;z-index: 10;top: 0;left: 0;right: 0;bottom: 0;background:	rgba(0,0,0,0.5);}
.loading img {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}

@media (max-width: 500px) {
	body {padding-bottom: 60px;}
	.bottom-line {position: fixed;bottom: 0;left: 0;width: 100%;border-top: 1px solid silver;padding: 5px;background: #f9f9f9;}
}