body, input, textarea, button, select, table { font-family: arial; font-size: 12px; color: #000000; }
body { padding-bottom: 100px; }

table { border: 1px solid #000; border-collapse: collapse; margin-bottom: 2em; }
table th, table td { padding: 5px 15px; text-align: right; font-size: 120%; }
table th { text-align: center; }
table.first_column_is_header td:first-child {
    text-align: left; border-right: 1px dotted #888; background: rgba(255, 255, 255, 0.2);
    font-weight: bold;
}
table tbody tr { border-top: 1px solid #000000; }
table tbody td { border-right: 1px dotted #ddd; }
table thead tr { background: #b4b033; color: white; }
tr:nth-child(even) { background: #f3f4bf; }

#customquery_form { border: 1px solid gray; padding: 10px; margin-bottom: 20px; }
#customquery_form label {
    position: relative; float: left; padding-bottom: 20px; clear: both; cursor: pointer;
}
#customquery_form label span:first-child {
    display: block; width: auto; padding-right: 20px; margin-right: 20px; float: none;
}
#customquery_form input { vertical-align: middle; }
#customquery_form input[type=checkbox] {
    width: auto; vertical-align: middle; opacity: 0; width: 0; height: 0;
}

#customquery_form input[type="checkbox"] + span, #customquery_form input[type="checkbox"] + a {
    width: auto; display: -webkit-box; display: -ms-flexbox; display: flex;
}
#customquery_form input[type="checkbox"] + span:before, #customquery_form input[type="checkbox"] + a:before {
    content: ""; width: 15px; height: 15px; border: 2px solid gray; margin-right: 10px;
    background: white; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
#customquery_form label:hover input[type="checkbox"] + span:before, #customquery_form label:hover input[type="checkbox"] + a:before {
    border: 2px solid #b4b033;
}
#customquery_form input[type="checkbox"]:focus + span:before, #customquery_form input[type="checkbox"]:focus + a:before {
    border: 2px solid #b4b033;
}
#customquery_form input[type="checkbox"]:checked + span:before, #customquery_form input[type="checkbox"]:checked + a:before {
    content: "\2713"; /* "✓" */ font-size: 20px; line-height: 15px; color: #928f2a;
}
#customquery_form input[type="checkbox"] ~ a { display: inline-block; }

#customquery_form button { clear: both; display: block; }
#customquery_form a.open_popup_info { display: block; }
#customquery_form a.open_popup_info span {
    background: url(../images/layout/icons/information_small.png) no-repeat right center;
    display: inline-block;
}
div.popup_info { position: absolute; display: none; top: 10px; -webkit-transition: top 1s ease-in-out; -o-transition: top 1s ease-in-out; transition: top 1s ease-in-out; }
div.popup_info > *:last-child { margin-bottom: 0; }
div.popup_info > *:first-child { margin-top: 0; }
#customquery_form div.popup_info.show {
    display: block; position: absolute; top: 20px; left: 0px; padding: 10px; max-width: 400px;
    background: white; border: 1px solid gray; z-index: 10; -webkit-box-shadow: 2px 2px 10px #aaa; box-shadow: 2px 2px 10px #aaa;
}

#navision_customquery_header { font-size: 22px; padding-top: 0; margin-top: 0; }

#show_custom_query_results #customquery_form { display: none; }
#show_custom_query_results #customquery_form.invalid { display: block; }

#content.custom_query_content {
    position: absolute; top: 10px; right: 10px; left: 10px; z-index: 10; overflow: auto;
}

.customquery_introduction, .customquery_introduction p:first-child { margin-top: 0; }

@media print {
    table thead tr { color: black; }
}