#article fieldset { margin: 0.4em 0; padding: 0.4em; }
#article fieldset label { 
	display: inline-block;
	padding-right: 0.4em;
	text-align: right;
	white-space: nowrap;
	width: 9.58em;
}
#article fieldset legend { margin-bottom: 0.6em; padding: 0 0.6em 0 0; }
#article label { vertical-align: top; }
#article fieldset input, fieldset select { margin: 0 0 0.1em 0; }
#article input[type="text"], #article input[type="date"], #article input[type="datetime"], #article input[type="email"], #article input[type="file"], #article input[type="number"], #article input[type="password"], 
#article input[type="search"], #article input[type="tel"], #article input[type="time"], #article input[type="url"], #article select, #article textarea {
	border: 1px solid #ccc;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding: 0.5em;
}
#article .inputxl { width: 18em; }
#article .inputl { width: 10em; }
#article .inputs { width: 5.8em; }
#article .inputxs { width: 2em; }
#article input { z-index: 0; }
#article input[type=submit] { margin-left: 12.18em; }
#article select, #article input[type="time"] { 
	background-color: #FFF; 
	-webkit-appearance: menulist;
}

/* Custom */
#article input[type="text"], #article input[type="date"], #article input[type="datetime"], #article input[type="email"], #article input[type="file"], #article input[type="number"], #article input[type="password"], 
#article input[type="search"], #article input[type="tel"], #article input[type="time"], #article input[type="url"], #article select, #article textarea { 
	color: #777;
	font-size: 0.9em; 
}

.hidelink, .hidelinkhidden { display: none; }
.hidelink {
	line-height: 1.2em;
	text-align: left;
}
.s {
	cursor: pointer;
	font-size: 75%;
	line-height: 1.2em;
	margin-top: 0.5em!important;
	text-align: left!important;
	width: 80%!important;
	white-space: normal!important;
}

#article fieldset { 
	margin: 1.25em 0; 
	padding: 0;
}
#article .posrel { position: relative; }
#article fieldset input, #article fieldset select, #article textarea { 
	background: #eee;
	border-top: none!important; border-color: #ccc!important; 
	border-width: 0px!important;
}
#article fieldset input.invalid, #article fieldset select.invalid, #article textarea.invalid { border-color: #f44336!important; }
#article fieldset input:focus, #article fieldset select:focus, #article textarea:focus { outline: none!important; }
#article textarea { resize: vertical; }
#article fieldset legend { 
	color: #887f73;
	font-weight: 400; font-size: 1.05em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
}
#article fieldset .required {
	color: #f44336;
	font-size: 1.5em;
	margin-left: 0.1em;
	vertical-align: -0.2em;
}
#article .fieldhint {
	color: #999;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	min-width: 0; max-width: none!important; width: 100%;
	white-space: normal;
}
#article .fullwidth { width: 100%; max-width: none; }
#article fieldset .row + .row { margin-top: 0.5em; }
#adultscell, #childrencell { min-width: 5em; }
#article fieldset .center { text-align: center; }
#article .selects input { margin-left: 1em; }
#article .selects label, #article .checkboxarray > * label { 
	cursor: pointer;
	line-height: 1.2em;
	margin-left: 0.5em;
	text-align: left; width: auto!important;
	white-space: normal!important; width: 80%!important;
}
#article form input[type="submit"] { margin-left: 0; margin-bottom: 0; }
#article .deleter {
	border-bottom: none!important;
	display: none;
	font-family: sans-serif!important;
	position: absolute; right: 0.5em; top: 6px; z-index: 2;
	text-decoration: none!important;
}
#article .deleter.show { display: inline-block; }
#article input[readonly="readonly"] { cursor: pointer; }

#article .checkboxarray {
	clear: both;
	overflow: auto;
}
#article .checkboxarray > * {
	display: inline-block;
	float: left;
	margin-right: 0.5em; margin-bottom: 0.25em;
	min-width: 10em;
}
#article .checkboxarray > *:last-child { margin-right: 0; }
#article .checkboxarray > * label { 
	font-weight: 400;
	vertical-align: -0.1em;
	width: auto!important; 
}

#article form input[type="checkbox"] {
	margin-right: 5px;
	position: relative; z-index: 1;
}
#article form input[type="checkbox"]:before, #article form input[type="checkbox"]:checked:after {
	position: absolute; top: -0; left: 0; right: -0.2em; bottom: -0.2em; z-index: 1;
}
#article form input[type="checkbox"]:before {
	border: 1px solid #898174; border-radius: 2px;
	background: #FFF;
	content: '';
	right: -0.2em; bottom: -0.1em;
}
#article form input[type="checkbox"]:checked:before { background: #898174; }
#article form input[type="checkbox"]:checked:after {
	color: #FFF;
	content: '\2714';
	top: -9px; left: 2px;
}
#article form .rooms label { 
	margin-left: 0.5em;
	text-align: left;
}
@media screen and (max-width: 585px) {
	#article form input[type="checkbox"]:checked:after { top: -5px; }
}