#advsearch_button_box {
	padding: 0.5em;
	white-space: nowrap;
}

#advsearch_reset_button {
	margin-left: 2em;
}

@media (max-width: 501px) {
	#advsearch_reset_button.mobile {
		margin-left: 1em;
	}
}

@media (max-width: 339px) {
	#advsearch_reset_button.mobile {
		margin-left: .75em;
	}
}

#advsearch_popup_icon {
	width: 100%;
	height: 100%;
	text-align: center;
	white-space: normal;
}

#advsearch_popup_icon .warning_message.hidden {
	visibility: hidden;
}

#advsearch_popup_icon .warning_message {
    position: absolute;
	font-size: 1em;
    margin-top: -.75em;
    margin-left: -35%;
    background-color: white;
}

#advsearch_popup_icon * {
	display: inline-block;
    font-size: .75em;
}

.advsearch_popup_item {
	margin-bottom: 0.5em;
}

.advsearch_popup_item > div {
	display: inline-block;
	vertical-align: top;
}

.advsearch_popup_item_header {
	width : 8em;
	margin-right : 0.5em;
	font-weight: 600;
}

.advsearch_popup_item_value {
	max-width : calc(100% - 9em);
	overflow-x : hidden;
}

.databox > .header {
	width : 100%;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.databox > .header > .title {
	width : auto;
	display : inline-block;
	margin-right : .5em;
}

.databox > .header > .deselect {
	width : 6em;
	margin-left : 1.5em;
	font-weight: 400;
	font-size: 0.75em;
	display : inline-block;
	color: #53575a;
	cursor: pointer;
}

.databox > .header > .deselect.hidden {
	display : none;
}

.databox > .header > .deselect.disabled {
	color: #a2aaad;
	cursor: default;
}

.warning_message {
	font-weight: 400;
	display: inline-block;
	color: red;
}

.desktop .warning_message {
	font-size: .75em;
}

#advsearch_warnings_box {
    margin-left: 8px;
}

#advsearch_warnings_box > .warning_message_i {
    font-size: .75em;
}

#advsearch_warnings_box > .warning_message_t {
	font-size: .75em;
}

.warning_message.hidden {
	visibility: hidden;
}

.warning_message > .warning_message_i {
    display: inline-block;
    width: 1em;
    height: 1em;
	border: 1px solid red;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    margin-right: .5em;
    line-height: 1;
}

.desktop.databox {
	margin-bottom: 0.5em;
}

.desktop.databox > .body > form > div:last-child,
.desktop.databox > .body > form > div:last-child > label
{
	width: auto;
}

.desktop.databox > .body > form {
	margin: 0;
}

.date_input_box {
	display : inline-block;
}

.date_input_box > * {
	display : inline-block;
}

input[type='number'] {
	border-style: none none solid none;
	margin: 0 0.5em;
	width : 4em;
}

label[for='input_year'],
#date_year_range
{
	width : auto;
}

label[for='input_year'] {
	margin-right: 0.35em;
}

#year_range_box {
	font-size: 0.9em;
	margin-top: 0.3em;
}

.text_input_box {
	width: 100%;
	margin-bottom : 0.5em;
	font-size: initial;
}

.text_input_box > * {
	display: inline-block;
}

.text_input_box > div:first-child {
	width : 8em;
}

.text_input_box > div:last-child {
	width: calc(100% - 10em);
}

.desktop .wrap_item_box {
	white-space: nowrap;
}

.desktop .wrap_item_box > .text_input_box {
	display: inline-block;
	vertical-align: middle;
}

.desktop .wrap_item_box > .input_box {
	display: inline-block;
	vertical-align: middle;
	font-size: .9em;
}

.wrap_item_box > .input_box > input {
    margin: .3em;
}

.wrap_item_box > .input_box > label {
    margin-top: .2em;
}

.mobile .wrap_item_box > .input_box > label {
	font-size: initial;
}

@media (max-width: 501px) {
	.text_input_box > div:first-child { width : 5em; }
	.text_input_box > div:last-child  { width: calc(100% - 7em);}
	.mobile .wrap_item_box > .input_box { margin-left: 5em; }
}

@media (min-width: 641px) {
	.mobile .wrap_item_box > .input_box { margin-left: 7em; }
}

@media (min-width: 801px) {
	.mobile .wrap_item_box > .input_box { margin-left: 6.5em; }
}

.text_input_box input,
.text_input_box form {
	width: 100%;
}

.text_input_box form > input {
    padding: 0 4px;
    height: 28px;
    border: 2px solid #a2aaad;
}

.open_icon {
	height : 1.2em;
	width  : auto;
	float  : right;
}