/* Form
================================================================================================= */
.zd-form { display: flex; flex-direction: column; row-gap: 1rem; }
.field-text-desc { font-size: .825rem; }
.iti { width: 100%; }
.zd-clone-item { margin-block-start: 1rem; }

.form-underlined .field-wrap .field-input input, 
.form-underlined .field-wrap .field-textarea textarea,
.form-underlined .field-wrap .field-select select { padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; background: none; }
.form-underlined .field-wrap .field-input input.phone-int { padding-left: 50px; }

.custom-file-input { cursor: pointer !important; }
.btn-file-clone { background-color: #f6f6f6; color: #666; }
.form-progress { margin-top: 10px; }

.wrapper-form-progressbar { position: relative; z-index: 1; }
.wrapper-form-progressbar .form-progressbar { margin: 0 0 20px 0; padding: 0; overflow: hidden; counter-reset: step; list-style: none; }
.form-progressbar li { position: relative; list-style-type: none; width: 33.33%; float: left; text-align: center; margin: 0; font-weight: 600; }
.wrapper-form-progressbar .form-progressbar li:before { content: counter(step); counter-increment: step; width: 44px; height: 44px; line-height: 40px; display: block; text-align: center; color: #333; background-color: #f6f6f6; border-radius: 50%; margin: 0 auto 5px auto; }
.wrapper-form-progressbar .form-progressbar li:after { content: ''; width: 100%; height: 4px; position: absolute; left: -50%; top: 22px; z-index: -1; }
.wrapper-form-progressbar .form-progressbar li:first-child:after { content: none; }
.wrapper-form-progressbar .form-progressbar li.active:before { background-color: #8bc34a; color: #FFF; border-color: #8bc34a; } 
.wrapper-form-progressbar .form-progressbar li.active:after { background-color: #8bc34a; }

.multi-step-form fieldset:not(:first-of-type) { display: none }

/* Multiple Range */
.wrapper-multirange .multirange { position: relative; margin:  10px 0; }
.wrapper-multirange .multirange input[type=range]:nth-child(1)::-webkit-slider-thumb::before { background-color: #808080; }
.wrapper-multirange .multirange input[type=range]:nth-child(2) { background: none; }
.wrapper-multirange .multirange input[type=range]:nth-child(2)::-webkit-slider-thumb::before { background-color: #808080; }
.wrapper-multirange .multirange input[type=range]::-moz-range-track { background: none; }
.wrapper-multirange .multirange input[type=range] { position: absolute; left: 5px; right: 5px; width: 100%; padding: 0 !important; margin: 0; border: 0 !important; outline: none; background: linear-gradient(#dee2e6, #dee2e6) no-repeat center; background-size: 100% 6px; pointer-events: none; appearance: none; }
.wrapper-multirange .multirange input[type=range]:active,
.wrapper-multirange .multirange input[type=range]:focus,
.wrapper-multirange .multirange input[type=range]::-moz-focus-outer { border: none; outline: none; }
.wrapper-multirange .multirange input[type=range]::-moz-range-thumb { position: relative; height: 14px; width: 14px; margin: 5px 0; border-radius: 50%; background-color: #495057; pointer-events: all; border: none !important; }
.wrapper-multirange .multirange input[type=range]::-moz-range-thumb:hover { background-color: #deddee; }
.wrapper-multirange .multirange input[type=range]::-moz-range-thumb:active { background-color: #d1d3d5; }
.wrapper-multirange .multirange input[type=range]::-webkit-slider-thumb { position: relative; height: 14px; width: 14px; margin: 5px 0; border-radius: 50%; background-color: #495057; pointer-events: all; border: none !important; }
.wrapper-multirange .multirange input[type=range]::-webkit-slider-thumb:hover { background-color: #deddee; }
.wrapper-multirange .multirange input[type=range]::-webkit-slider-thumb:active { background-color: #d1d3d5; }

@media (min-width: 1024px) {

	.form-flex-column .field-wrap { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; }
	.form-flex-column .field-wrap .field-label { flex-basis: 170px; flex-grow: 0;}
	.form-flex-column .field-wrap .field-input,
	.form-flex-column .field-wrap .field-textarea { flex-basis: 0; flex-grow: 1; }

}