* {
	 padding: 0;
	 margin: 0;
}
main {
	width: 80%;
}

 .body-frontdesk {
	 background-image: url('/img/zynyo-bg.jpeg');
	 background-position: center;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 gap: 1rem;
	 height: 100vh;
}
 .body-frontdesk header {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-bottom: 20px;
}
 .body-frontdesk header img {
	 width: 75%;
}
 .body-frontdesk .container {
	 display: flex;
	 flex-direction: column;
	 background: #fefefe;
	 box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
	 border-radius: 1rem;
	 overflow: hidden;
	 max-width: 75%;
}
.body-frontdesk .container .header {
	text-align: center;
}
.body-frontdesk .container .header, .body-frontdesk .container .body {
	 display: flex;
	 flex-direction: column;
	 padding: 0.5rem 1rem;
	 gap: 1rem;
}
 .body-frontdesk .loader-container {
	 width: 5rem;
	 height: 5rem;
}
 .body-frontdesk .loader-container .loader::before, .body-frontdesk .loader-container .loader::after {
	 width: 5rem;
	 height: 5rem;
}
 .body-frontdesk .info-btn {
	 position: fixed;
	 bottom: 1rem;
	 right: 1rem;
}
 .body-frontdesk .dropdown-menu i {
	 padding: 0px 20px 6px 20px;
	 display: block;
	 white-space: nowrap;
}

.btn-brand-3 {
	background-color: #253a6d;
	border-radius: 100% !important;
}


.dropzone-container {
	width: 100%;
	height: 130px;
	text-align: center;
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	cursor: pointer;
}
.dropzone-container:hover {
	background-color: rgba(238, 238, 238, 0.5);
}
.dropzone-container .dz-preview {
	display: none;
}
.dropzone-container.dz-clickable .dropzone-label {
	pointer-events: none;
}
.dropzone-container .dropzone-label {
	color: #a0acbf;
	position: relative;
	min-height: 38px;
}
.dropzone-container .dropzone-label .dropzone-text {
	font-weight: 700;
}
.dropzone-container .dropzone-remove {
	display: none;
}
.dropzone-container.dropzone-file-added {
	border: 0;
	height: 38px;
	padding: 0 15px;
	margin: 0;
}
.dropzone-container.dropzone-file-added .dropzone-label {
	display: flex;
	align-items: center;
}
.dropzone-container.dropzone-file-added .dropzone-label .dropzone-text {
	flex-grow: 1;
	padding: 0 15px;
	margin: 0;
	text-align: left;
}
.dropzone-container.dropzone-file-added .dropzone-label .btn {
	margin-bottom: 0;
}
.dropzone-container.dropzone-file-added:hover .dropzone-remove {
	display: block;
}
.dropzone-container.dropzone-progress {
	height: 20px;
	display: none;
	padding: 0;
	position: relative;
}
.dropzone-container.dropzone-progress .progressBar {
	background-color: #01b1e7;
	height: 18px;
	float: left;
	width: 0;
	position: absolute;
}
.dropzone-container.dropzone-progress .progressIndicator {
	width: 100%;
	text-align: center;
	position: absolute;
	color: #a0acbf;
}
.dropzone-container.dropzone-file-started .fas, .dropzone-container.dropzone-file-started .far, .dropzone-container.dropzone-file-started .dropzone-text {
	color: #ffbc00 !important;
}
.dropzone-container.dropzone-file-success .fas, .dropzone-container.dropzone-file-success .far, .dropzone-container.dropzone-file-success .dropzone-text {
	color: #71bfa0 !important;
}

.btn-rounded {
	padding: 0.3rem .9rem 0.5rem 0.9rem !important;
}

.field-error {
	border: 1px solid #ff0000 !important;
}