:root {
    --cl-alert: #c10000;
    --form-bg-color: #f2f2f2;
    --form-border-color: rgba(0, 0, 0, 0.02);
    --form-inshadow-color: rgba(0, 0, 0, 0.03);
    --form-textshadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    --form-selector-color: #ffffff;
    --form-selector-border-color: #e6e6e6;
    --form-field2-bg-color: #e1e1e1;
    --form-field2-border-color: rgba(124, 124, 124, 0.1);
    --form-field2-inshadow-color: rgba(0, 0, 0, 0.04);
    --form-field2-inshadow: 0 1px 8px var(--form-field2-inshadow-color) inset;
    --form-whfield-bg-color: #ffffff;
    --form-whfield-border-color: rgba(0, 0, 0, 0.09);
    --form-whfield-inshadow-color: rgba(0, 0, 0, 0.04);
    --form-radio-bg-color: #828282;
    --form-radio-border-color: #fff;
    --form-radio-bg-color-checked: var(--cl-apply);
    --form-radio-bg-color-disabled: #c3c3c3;
    --form-radio-boxshadow: 0 0.05em 0.10em rgba(0, 0, 0, 0.12);
    --form-radio-opacity-disabled: 0.6;
    --form-checkbox-color: rgba(255,255,255,1.0);
    --form-checkbox-bg-color: rgba(0, 0, 0, 0.15);
    --form-checkbox-border-color: #fff;
    --form-checkbox-boxshadow: 0 0.05em 0.10em rgba(0, 0, 0, 0.19);
    --form-checkbox-bg-color-checked: var(--cl-apply);
    --form-checkbox-border-color-checked: #fff;
    --form-checkbox-boxshadow-checked: 0 0em 0.2em rgba(0, 164, 255, 0.28);
    --form-checkbox-opacity-disabled: 0.6;
    --form-range-height: 0.35em;
    --form-range-bg-color: rgba(0, 0, 0, 0.07);
	--form-range-border: solid 1px rgba(0, 0, 0, 0.03);
	--form-range-radius: 0.5em;
	--form-range-thumb-size: 1em;
	--form-range-thumb-bg-color: #808080;
	--form-range-thumb-border: solid 0.2em #fff;
	--form-range-thumb-bg-color-hover: var(--cl-apply);
	--form-range-thumb-boxshadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.19);
}

/**/
.custom-ui {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.input-ui,textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="file"] {
	border: solid 1px #e4e4e4;
	border-top-color: #d7d7d7;
	background-color: #ffffff;
	color: #222;
	font-size: inherit;
	padding: 0.3em 0.3em;
	box-shadow: inset 0px 1px 3px rgba(58, 58, 58, 0.09);
	border-radius: 1px;
	box-sizing: border-box;
	text-shadow: 0px 1px 2px rgba(51, 51, 51, 0.06);
}
input::placeholder {
	font-weight: 400;
	text-shadow: none;
}
textarea {
	line-height: 1.6em;
}
input[type="file"] {
    max-width: 100%;
	background-image: url(../im/mrk_file-i.svg);
	background-position: left 0.4em center;
	background-size: auto 1em;
	padding-left: 1.5em;
	font-size: 90%;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"]{
	/*appearance: none;*/
	/*-webkit-appearance: none;*/
	cursor: pointer;
}
input[type="date"],
input[type="time"] {
	width: 8.5em;
}
input[type="time"] {
	/*background-image: url(../im/mrk_time.svg);
	background-position: right 0.4em center;
	background-size: auto 1em;
	padding-right: 1.5em;*/
}
input[type="datetime-local"] {
	width: 12em;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"] {
	/*background-image: url(../im/mrk_date.svg);
	background-position: right 0.4em center;
	background-size: auto 1em;
	padding-right: 1.5em;*/
}

select {
	border: solid 1px rgba(0, 0, 0, 0.29);
	font-size: 16px;
	background-color: #fff;
	color: #222;
}
select.custom-ui {
	background-color: var(--form-selector-color);
	color: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: 1.2em;
	padding: 0.5em 0.8em;
	padding-left: 1.6em;
	border: solid 1px var(--form-selector-border-color);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	box-sizing: border-box;
	background-image: url(../im/nv_simar-down-gr.svg);
	background-repeat: no-repeat;
	background-size: auto 0.34em;
	background-position: left 0.5em center;
	cursor: pointer;
	position: relative;
	z-index: 0;
	outline: 0;
}
select.custom-ui option {
	font-weight: 400;
}
select.custom-ui[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
}

/*radio*/
.custom-forms input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    font-size: 1em;
}
.custom-forms label > input[type="radio"] {
    margin-right: 0.3em;
}
	.custom-forms input[type="radio"]::before {
        content: "";
        display: inline-block;
        background-color: var(--form-radio-bg-color);
        border: solid 0.26em var(--form-radio-border-color);
        box-shadow: var(--form-radio-boxshadow);
        width: 1em;
        height: 1em;
        box-sizing: border-box;
        vertical-align: -0.16em;
        border-radius: 50%;
        transition: all 0.2s;
    }
	.custom-forms input[type="radio"]:hover::before {
	    background-color: #dfdfdf;
        border-width: 0.3em;
	}
	.custom-forms input[type="radio"]:checked::before {
	    background-color: var(--form-radio-bg-color-checked);
        border-width: 0.18em;
	}
	.custom-forms input[type="radio"]:disabled::before {
	    background-color: var(--form-radio-bg-color-disabled);
	    cursor: not-allowed;
	    opacity: 0.6;
	}

/*checkbox*/
.custom-forms input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    cursor: default;
    font-size: 1em;
}
.custom-forms label > input[type="checkbox"] {
    margin-right: 0.3em;
}
	.custom-forms input[type="checkbox"]::before {
		content: "";
        color: rgba(255,255,255,0.0);
        display: inline-block;
        background-color: var(--form-checkbox-bg-color);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 80% auto;
        width: 1em;
        height: 1em;
        box-sizing: border-box;
        border: solid 0.16em;
        border-color: var(--form-checkbox-border-color);
        box-shadow: var(--form-checkbox-boxshadow);
        vertical-align: -0.16em;
        border-radius: 0.2em;
        transition: all 0.2s;
    }
    .custom-forms input[type="checkbox"]:hover::before {
	    color: var(--form-checkbox-color);
	    background-image: url(../im/mrk_check-only-wh.svg);
    }
	.custom-forms input[type="checkbox"]:checked::before {
		color: var(--form-checkbox-color);
		background-image: url(../im/mrk_check-only-wh.svg);
	    background-color: var(--form-checkbox-bg-color-checked);
        border-color: var(--form-checkbox-border-color-checked);
        border-width: 0.16em;
        box-shadow: var(--form-checkbox-boxshadow-checked);
	}
	.custom-forms input[type="checkbox"]:disabled::before {
	    cursor: not-allowed;
	    opacity: var(--form-checkbox-opacity-disabled);
	}

/*range*/
input[type="range"] {
	-webkit-appearance: none; /* Safari */
	width: 100%;
	height: var(--form-range-height);
	background-color: var(--form-range-bg-color);
	border: var(--form-range-border);
	outline: none;
	border-radius: var(--form-range-radius);
}
input[type="range"][disabled] {
	opacity: 0.5;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; /* Safari */
	appearance: none;
	width: var(--form-range-thumb-size);
	height: var(--form-range-thumb-size);
	background-color: var(--form-range-thumb-bg-color);
	border: var(--form-range-thumb-border);
	box-shadow: var(--form-range-thumb-boxshadow);
	border-radius: 50%;
	cursor: pointer;
}
	input[type="range"]:hover::-webkit-slider-thumb {
		background-color: var(--form-range-thumb-bg-color-hover);
	}
input[type="range"]::-moz-range-thumb {
	width: var(--form-range-thumb-size);
	height: var(--form-range-thumb-size);
	background-color: var(--form-range-thumb-bg-color);
	border: var(--form-range-thumb-border);
	box-shadow: var(--form-range-thumb-boxshadow);
	border-radius: 50%;
	cursor: pointer;
}
	input[type="range"]:hover::-moz-range-thumb {
		background-color: var(--form-range-thumb-bg-color-hover);
	}
input[type="range"]::-ms-thumb {
	width: var(--form-range-thumb-size);
	height: var(--form-range-thumb-size);
	background-color: var(--form-range-thumb-bg-color);
	border: var(--form-range-thumb-border);
	box-shadow: var(--form-range-thumb-boxshadow);
	border-radius: 50%;
	cursor: pointer;
}
	input[type="range"]:hover::-ms-thumb {
		background-color: var(--form-range-thumb-bg-color-hover);
	}

/**/
.dvDomDateSelector .date-unit {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 0.72em;
	opacity: 0.7;
}
.dvDomDateSelector .times {
	display: inline-block;
	margin-left: 0.4rem;
}
.dvDomDateSelector .times select {
	font-size: 0.74em;
	background-size: auto 0.3em;
	background-position: left 0.4em center;
	padding-left: 1.2em;
}
@media only screen and (max-width:640px) {
	.dvDomDateSelector .times select {
		font-size: 16px;
	}
}

/**/
.alert {
	margin-bottom: 0.8em;
	display: block;
	color: var(--cl-alert);
	font-weight: 700;
	background-image: url(../im/mrk_alert-red.svg);
	background-position: left center;
	background-size: 1em 	auto;
	padding-left: 1.4em;
}
[data-error=""] .alert {
	display: none;
}

/*##############################*/
/*cat: stats-section*/
.stats-section {
	display: table;
	width: 100%;
	font-size: 0.9rem;
	border: solid 1px var(--ui-table-border-color);
	border-top: none;
	margin-top: 1.6em;
}
.stats-section:nth-child(1) {
	margin-top: 0;
}
.stats-section .section-caption {
	display: table-caption;
	font-size: 1.08rem;
	font-weight: 700;
	margin-bottom: 1em;
}
.stats-section dl {
	display: table-row;
}
.stats-section dl dt,
.stats-section dl dd {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	line-height: 1.4em;
	padding: 1.2em;
	border-top: solid 1px var(--ui-table-border-color);
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.stats-section dl dt {
	text-align: right;
	font-size: 0.84rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.57);
	border-right: solid 1px var(--ui-table-border-color);
	background-color: var(--ui-table-bg-primary-row1-color);
	padding-right: 0.86em;
}
.stats-section dl dd {
	text-align: left;
	background-color: var(--ui-table-bg-secondary-row1-color);
	font-weight: 400;
	padding-left: 0.84rem;
}
.stats-section dl:nth-child(even) dt {
	background-color: var(--ui-table-bg-primary-row2-color);
}
.stats-section dl:nth-child(even) dd {
	background-color: var(--ui-table-bg-secondary-row2-color);
}
.stats-section dl.small dt {
	font-size: 0.80rem;
}
.stats-section dl.small dd {
	font-size: 0.80rem;
}

/*##############################*/
/*cat: summary-form*/
.summary-form {
	
}
.summary-form h2 {
	font-size: 1.3rem;
	font-weight: 300;
	margin-top: 1.4em;
	padding-bottom: 1em;
	margin-bottom: 1.4em;
	color: rgba(52, 52, 52, 0.51);
	position: relative;
	z-index: 0;
}
.summary-form h2::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	z-index: 1;
	bottom: 0em;
}
.summary-form h2:first-child {
	margin-top: 0;
}
.summary-form dl {
	display: table;
	width: 100%;
	margin-bottom: 1.8em;
}
.summary-form dl dt,
.summary-form dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 0.0em 0;
}
.summary-form dl dt {
	width: 36%;
	margin-bottom: 0.7em;
	font-weight: 500;
	line-height: 1.6em;
	text-align: right;
	padding-right: 1.0em;
	border-right: solid 5px var(--cl-black);
}
.summary-form dl[data-error="1"] dt {
	border-right-color: var(--cl-alert);
}
.summary-form dl dd {
	width: 66%;
	padding-left: 1em;
}
.summary-form dl .guide {
	font-size: 0.9rem;
	opacity: 0.6;
	margin-top: 0.4em;
}
.summary-form label {
	display: block;
	cursor: default;
	line-height: 0em;
}
.summary-form fieldset {
	margin-top: 1em;
}
.summary-form fieldset:first-child {
	margin-top: 0;
}
.summary-form fieldset.checkboxs label {
	display: inline-block;
	font-weight: 500;
	cursor: pointer;
}
.summary-form fieldset legend {
	font-size: 0.8em;
	font-weight: 500;
	display: block;
	margin-bottom: 0.6em;
}
.summary-form input,
.summary-form textarea {
	width: 100%;
}
.summary-form input[type="checkbox"],
.summary-form input[type="radio"] {
	width: auto;
}
.summary-form dt > nav,
.summary-form dd > nav {
	margin-top: 0.8em;
	font-size: 0.9rem;
}

/*##############################*/
/*cat: .standard-form*/
@media only screen and (min-width:1024px) {
	.standard-form.wrap > .primary {
		float: left;
		width: 46%;
	}
	.standard-form.wrap > .secondary {
		float: right;
		width: 46%;
	}
	.standard-form.wrap > .primary > *:last-child,
	.standard-form.wrap > .secondary > *:last-child {
		/**/
	}
}
@media only screen and (max-width:1023px) {
	.standard-form.wrap > .primary {
		margin-bottom: 2em;
	}
}
.standard-form {
	
}
.standard-form h2 {
	font-size: 1.3rem;
	margin-top: 1.4em;
	margin-bottom: 2em;
	color: rgba(52, 52, 52, 0.51);
	position: relative;
	z-index: 0;
}
.standard-form section:first-child > h2 {
	margin-top: 0;
	border-top: none;
}
.standard-form dl {
	margin-bottom: 2.4em;
}
.standard-form dl dt {
	margin-bottom: 0.7em;
	font-weight: 500;
}
.standard-form dl dd {
	
}
.standard-form dl .guide {
	font-size: 0.9rem;
	opacity: 0.6;
	margin-top: 0.4em;
}
.standard-form label {
	display: block;
	cursor: default;
	line-height: 0em;
}
.standard-form fieldset {
	margin-top: 1em;
}
.standard-form fieldset:first-child {
	margin-top: 0;
}
.standard-form fieldset.checkboxs label {
	display: inline-block;
	font-weight: 500;
	cursor: pointer;
}
.standard-form fieldset legend {
	font-size: 0.8em;
	font-weight: 500;
	display: block;
	margin-bottom: 0.4em;
}
.standard-form input,
.standard-form textarea {
    width: 100%;
    font-size: inherit;
}
.standard-form input[type="checkbox"],
.standard-form input[type="radio"] {
    width: auto;
}