/* General styles */

html,
body {
    height: 100%;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font: 16px 'Arsenal', sans-serif;
    color: #432918;
    min-width: 1260px;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

a {
    color: inherit;
}

input, textarea, select {
    font: inherit;
}

:focus {
    outline: 0;
}

::-moz-focus-inner {
    border: 0;
}

/* Common page styles */

/* Page title */

.page-title {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    color: #432918;
    word-wrap: break-word;
}

.page-title .page-subtitle {
    font-weight: normal;
    font-size: 26px;
}

/* Search summary panel */

.search-summary {
    margin: 20px 0;
}

.search-summary > div {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.search-summary > div > div {
    display: table-cell;
    vertical-align: top;
}

.search-summary-right {
    text-align: right;
    width: 300px;
}

.search-summary-left > div > div,
.search-summary-right > div > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.search-summary-left > div > :not(:last-child),
.search-summary-right > div > :not(:last-child) {
    margin-right: 10px;
}

.search-result-download {
    display: inline-block;
}

.search-result-download a {
    font-weight: bold;
    color: #4798ed;
    display: block;
    background: url('../images/excel_report-ver-85709A9EC486D094F0456C7CA65210C5.png') left center no-repeat;
    height: 18px;
    line-height: 18px;
    padding-left: 23px;
    text-decoration: none;
}

.search-result-download.progress a {
    background: url('../images/ajax-loader-ver-73E57937304D89F251E7E540A24B095A.gif') left center no-repeat;
    color: #a1a1a1;
}

/* Search request label */

.search-request-label {
    margin-top: 20px;
    word-wrap: break-word;
}

.search-request-label span {
    color: #f25d40;
}

/* Text Highlight */

.text-highlight {
    background: #fd8;
}

/* Paging navigator */

.paging-navigator {
    margin: 20px 0;
    color: #432918;
    text-align: right;
}

.paging-navigator div {
    display: inline;
}

.paging-navigator a {
    color: #432918;
    text-decoration: none;
}

.paging-navigator .first a,
.paging-navigator .prev a,
.paging-navigator .goto a,
.paging-navigator .next a,
.paging-navigator .last a {
    padding: 0 8px;
    display: inline-block;
}

.paging-navigator .first a,
.paging-navigator .prev a,
.paging-navigator .next a,
.paging-navigator .last a {
    text-indent: -9999px;
    overflow: hidden;
}

.paging-navigator .first a {
    padding-left: 0;
}

.paging-navigator .last a {
    padding-right: 0;
}

.paging-navigator .goto a[disabled='disabled'] {
    padding: 0 6px;
    border: 2px solid #f99106;
}

.paging-navigator .first a {
    background: url('../images/first_page-ver-55D7633D811F406CB9F00B215B577801.png') center no-repeat;
    width: 14px;
    height: 11px;
}

.paging-navigator .prev a {
    background: url('../images/previous_page-ver-58F39DD1E9FDEED2C1E4208E097DCA32.png') center no-repeat;
    width: 7px;
    height: 11px;
}

.paging-navigator .next a {
    background: url('../images/next_page-ver-86650655C939A410B4AB6AEB4AE6D135.png') center no-repeat;
    width: 7px;
    height: 11px;
}

.paging-navigator .last a {
    background: url('../images/last_page-ver-BE87EF618C70A7AA8254688616DEACE7.png') center no-repeat;
    width: 14px;
    height: 11px;
}

.paging-navigator .first a[disabled='disabled'],
.paging-navigator .prev a[disabled='disabled'],
.paging-navigator .next a[disabled='disabled'],
.paging-navigator .last a[disabled='disabled'] {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

/* Wicket ajax indicator */

.wicket-ajax-indicator {
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

/*
 * Form components
 */

/* Default buttons */

.cancel-button,
.confirm-button,
.confirm-button-container a,
.cancel-button-container a {
    display: block;
    border: 3px solid;
    min-width: 100px;
    line-height: 25px;
    padding: 0 10px;
    font-weight: bold;
    background: #ffffff;
    color: #867a76;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
}

a.cancel-button,
a.confirm-button,
.confirm-button-container a,
.cancel-button-container a {
    line-height: 25px;
    text-align: center;
    text-decoration: none;
}

.cancel-button,
.cancel-button-container a {
    border-color: #c1bcb6;
}

.confirm-button,
.confirm-button-container a {
    border-color: #867a76;
}

.buttons-panel a.cancel-button,
.authorization-dialog-buttons-panel a.cancel-button {
    background: none;
    color: #867a76;
    border-color: transparent;
    text-decoration: underline #432918;
    text-underline-offset: 3px;
}

.buttons-panel a.cancel-button:hover,
.authorization-dialog-buttons-panel a.cancel-button:hover {
    background: rgba(134, 122, 118, 0.3);
}

/* Arrow buttons */

.light-arrow-button,
.dark-arrow-button {
    width: 114px;
    height: 40px;
    font-weight: bold;
    border: 0;
    padding: 5px 5px 0 0;
    background: transparent center no-repeat;
    cursor: pointer;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.light-arrow-button,
a.dark-arrow-button {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

.light-arrow-button {
    color: #fff;
    background-image: url('../images/light_arrow_button-ver-BCFBC8B629CC81B23DEF79438BCC5B04.png');
}

.dark-arrow-button {
    color: #867a76;
    background-image: url('../images/dark_arrow_button-ver-45D59F17BEFD2804D5F01E62D390808E.png');
}

/* Add button */

.add-button > a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    min-height: 16px;
    padding-left: 20px;
    background: url('../images/plus-ver-9D89E508EB6187410CD2DE392436720B.png') left center no-repeat;
}

input[type='text'],
input[type='email'],
input[type='password'],
select,
textarea {
    border: 1px solid #867a76;
    background: #ffffff;
    padding: 0 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type='text'],
input[type='email'],
input[type='password'],
select {
    height: 25px;
}

input[type='text'],
input[type='email'],
input[type='password'] {
    padding: 0 4px;
    line-height: 21px;
}

input[type='checkbox'] {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus,
.cancel-button:focus,
.confirm-button:focus,
.cancel-button-container a:focus,
.confirm-button-container a:focus {
    border-color: #f25d40 !important;
    border-color: rgba(242, 93, 64, 0.6) !important;
    -webkit-box-shadow: 0 0 4px rgba(242, 93, 64, 0.8);
    -moz-box-shadow: 0 0 4px rgba(242, 93, 64, 0.8);
    box-shadow: 0 0 4px rgba(242, 93, 64, 0.8);
}

/* One line layout */

.form-component-hidden {
    display: none;
}

.form-component {
    margin-bottom: 20px;
}

.form-component > label {
    display: table;
    width: 100%;
}

.form-component > label > .form-component-title {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding-right: 10px;
}

.form-component > label > .form-component-editor {
    display: table-cell;
    vertical-align: middle;
}

.form-component > label > .form-component-reset {
    display: table-cell;
    vertical-align: middle;
    width: 25px;
    background: url('../images/clear-ver-80EC17BCF444121A7DEB04EE89E325FD.png') center no-repeat;
}

.form-component input[type='text'],
.form-component input[type='tel'],
.form-component input[type='email'],
.form-component input[type='password'],
.form-component textarea,
.form-component select {
    width: 100%;
    display: block;
}

/* Two lines layout */

.form-component.stack {
    display: block;
}

.form-component.stack > label > .form-component-title {
    display: block;
    width: auto;
    margin-bottom: 5px;
}

.form-component.stack > label > .form-component-editor {
    display: block;
}

/* Visually disabled state */

.form-component-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

/* Form components validation */

.form-component.invalid input[type='text'],
.form-component.invalid input[type='tel'],
.form-component.invalid input[type='email'],
.form-component.invalid input[type='password'],
.form-component.invalid textarea {
    border-color: #f30;
    background: #ffebe6;
}

.form-component.invalid input[type='checkbox'] + label {
    color: #f30;
    background-color: #ffebe6 !important;
}

/* Buttons panel */

.buttons-panel {
    display: flex;
    position: relative;
    margin-top: 20px;
    align-items: center;
    justify-content: flex-end;
}

.buttons-panel > div {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.buttons-panel > div > * {
    display: block;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
}

.buttons-panel > div > :first-child {
    margin-left: 0;
}

.buttons-panel-full-margin {
    margin: 16px 0;
}

.buttons-panel .wicket-ajax-indicator {
    position: absolute;
    left: 0;
    top: 4px;
}

/* Checkbox form component */

.checkbox-view {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-view > input {
    display: none;
}

.checkbox-view > input:not(:disabled) + label {
    cursor: pointer;
}

.checkbox-view > label > .checker {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
    background: #fff;
}

.checkbox-view > label > span {
    vertical-align: middle;
    margin-left: 4px;
}

.checkbox-view > input + label > .checker:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    background: url('../images/check-ver-E4B5F3C4D595F83AE37B0B7BF5C6DEBB.svg') left center no-repeat;
    background-size: 11px 9px;
    opacity: 0;
}

.checkbox-view > input:checked + label > .checker:before {
    opacity: 1;
}

.checkbox-view > input:disabled + label > .checker {
    opacity: 0.6;
}

/* Custom styled checkbox */

.styled-checkbox {
    display: block;
}

.styled-checkbox .styled-checkbox-check {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 15px;
    background: url('../images/checkbox-ver-53EF0BD9786A53D1A08898823CD52B02.png') center no-repeat;
}

.styled-checkbox .styled-checkbox-label {
    display: inline;
    vertical-align: middle;
    margin-left: 2px;
}

.styled-checkbox > input {
    display: none;
}

.styled-checkbox > input:checked + .styled-checkbox-check {
    background: url('../images/checkbox_checked-ver-BFB1D7FCE874B37E80C5ECC4063CCAC0.png') center no-repeat;
}

/* Checkbox form component */

.checkbox-form-component {
    margin-top: 10px;
}

.checkbox-form-component > input[type='checkbox'] {
    display: none;
}

.checkbox-form-component label {
    display: block;
    min-height: 15px;
    padding-left: 20px;
    background: url('../images/checkbox-ver-53EF0BD9786A53D1A08898823CD52B02.png') left center no-repeat;
    cursor: pointer;
}

.checkbox-form-component > input[type='checkbox']:checked + label {
    background: url('../images/checkbox_checked-ver-BFB1D7FCE874B37E80C5ECC4063CCAC0.png') left center no-repeat;
}

.checkbox-form-component.white-label label {
    color: #ffffff;
}

.checkbox-form-component.with-margin {
    margin-left: 230px;
    margin-top: 20px;
}

/*
 * Combobox form component
 */

/* Combobox panel */

.combobox .attribute-editor-combobox {
    position: relative;
    cursor: default;
}

/* Combobox field */

.combobox .mz-ul {
    list-style: none;
    min-height: 25px; /* Height of the component */
    margin: 0;
    padding-left: 6px;
    padding-right: 25px; /* Width of the arrow button */
    border: 1px solid #867a76;
    background: #fff;
}

.combobox .attribute-editor-combobox.focused .mz-ul {
    border-color: rgba(242, 93, 64, 0.6);
    box-shadow: 0 0 4px rgba(242, 93, 64, 0.8);
}

.combobox .show-choices {
    font-size: inherit;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 24px;
    height: 25px;
    border-left: 1px solid #867a76;
    background: url('../images/menu_arrow-ver-A524624791838E1ECC68DF4A6CA79880.png') center no-repeat;
}

.combobox .mz-choice {
    display: block;
    line-height: 23px;
    margin: 0;
    padding: 0;
    cursor: default;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Combobox field for multiline selection */

.combobox--multiselect .mz-ul {
    font-size: 0;
    padding-left: 1px;
    padding-bottom: 1px;
}

.combobox--multiselect .mz-ul > li {
    display: inline-block;
    font-size: 11px;
    min-height: 21px;
    line-height: 19px;
}

.combobox--multiselect .mz-choice {
    font-size: 11px;
    border: 1px solid #867a76;
    margin: 1px 1px 0 0;
    padding: 0 18px 0 6px;
    background: #eee;
    white-space: normal;
}

.combobox--multiselect .remove-choice {
    position: absolute;
    display: block;
    top: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: url('../images/del-ver-1A4666D553996E9BBD8A0AD0C94D5565.png') center no-repeat;
    background-size: 8px 8px;
}

/* Combobox dropdown list */

.combobox .panelPopup {
    border: 1px solid #867a76;
    border-top: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.combobox .content-container {
    max-height: 320px;
    overflow: auto;
}

.combobox .panelPopup .content-container .item {
    padding: 3px 6px;
    background: transparent;
}

.combobox .panelPopup .content-container .item:hover {
    background: #e5e3df;
}

/* Combobox dropdown list multiselect */

.combobox--multiselect .panelPopup .content-container .item {
    position: relative;
    padding: 4px 4px 4px 30px;
}

.combobox--multiselect .panelPopup .content-container .item:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    width: 14px;
    height: 14px;
    border: 1px solid #867a76;
    background: #fff;
}

.combobox--multiselect .panelPopup .content-container .item:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}

.combobox--multiselect .panelPopup .content-container .item.selected:after {
    background-image: url('../images/check-ver-E4B5F3C4D595F83AE37B0B7BF5C6DEBB.svg');
}

/* Ajax indicator */

.combobox .wicket-ajax-indicator {
    position: absolute;
    left: 3px;
    top: 5px;
}

/*
 * Date field input
 */

.date-field {
    padding-left: 4px;
    padding-right: 22px;
    background: #ffffff url('../images/calendar-ver-D94187222CB288120287B9734B7F55E7.png') right 2px center no-repeat;
}

/* Feedback panel */

.feedbackPanel {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    font-size: 14px;
}

.feedbackPanelERROR {
    display: block;
    background-color: #e5e3df;
    padding: 5px;
    margin: 5px 0;
}

.form-feedback-label {
    font-size: 14px;
    background-color: #e5e3df;
    padding: 5px;
    margin: 20px 0;
}

/* Message box of error pages */

.error-view {
    color: #432918;
    margin-top: 20px;
    background: #e5e3df;
    border: 1px solid #c1bcb6;
}

.error-view .collapsible-layout-header {
    cursor: pointer;
}

.error-description {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 15px;
}

.error-view .collapsible-layout-content {
    border-top: 1px solid #c1bcb6;
}

.stack-trace-view pre {
    font: 12px Consolas, monospace;
    word-wrap: break-word;
    margin: 15px;
    overflow: auto;
}

.error-view-button-container {
    text-align: center;
    margin-bottom: 15px;
}

.interrupted-page-form {
    width: 400px;
    margin: 0 auto;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
}

/* Search form */

.search-panel {
    margin-top: 30px;
}

.search-form-title {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #432918;
    text-transform: uppercase;
    line-height: 12px;
    padding-right: 35px;
    border-bottom: 4px solid #867a76;
}

.search-form-title:before {
    content: '';
    position: absolute;
    background: url('../images/search-ver-42C7C20109B411F1D2ED31E2D375EFF8.png') right center no-repeat;
    right: 5px;
    top: -13px;
    width: 30px;
    height: 35px;
}

.search-form-components-panel {
    background: #d5dad7;
    padding: 10px;
}

.search-form-field input[type="text"] {
    outline: none;
    height: 40px;
    line-height: 36px;
    width: 100%;
    padding: 0 10px;
    font-size: 18px;
    font-style: italic;
    color: #432918;
    background: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-form-confirm-wrapper {
    position: relative;
    margin-top: 10px;
    text-align: right;
}

.search-form-confirm-wrapper .wicket-ajax-indicator {
    position: absolute;
    right: 14px;
    top: 14px;
}

.advanced-search-link {
    text-align: right;
    margin-top: 10px;
}

.advanced-search-link a {
    color: #432918;
    font-size: 14px;
    font-style: italic;
}

.card-view-button-panel {
    flex: content;
}

/* Favorite button */

.favorite-button a {
    position: absolute;
    display: block;
    right: 4px;
    top: 4px;
    width: 14px;
    height: 18px;
    background: url('../images/fav_grey-ver-B0F77277CC54CDEAECD78BA3C0E9D1FE.png') center no-repeat;
}

.favorites-button-popup {
    position: absolute;
    display: flex;
    top: 27px;
    right: 18px;
    width: 280px;
    border: 1px solid #e36c45;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    z-index: 99;
    overflow: hidden;
    font: 12px/1.4 'Tahoma', sans-serif;
    color: #626262;
}

.favorites-button-popup-right {
    position: absolute;
    display: flex;
    top: 28px;
    left: 0;
    width: 280px;
    border: 1px solid #e36c45;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    z-index: 99;
    overflow: hidden;
    font: 12px/1.4 'Tahoma', sans-serif;
    color: #626262;
}

.favorites-button-popup-tree-holder {
    max-height: 440px;
    padding: 6px;
    overflow: auto;
}

.favorites-button-popup .data-tree .tree-node {
    display: flow-root;
    overflow: hidden;
}

.favorites-button-popup-right .data-tree .tree-node {
    display: flow-root;
}

.favorite-button.added a {
    background: url('../images/fav_yellow-ver-1309CEF7FB3C99ED25D92A01D1069842.png') center no-repeat;
}

.viewer-dialog-panel .favorite-button a {
    position: static;
    width: 20px;
    height: 20px;
}

.viewer-dialog-panel .favorite-button.added a {
    background: url('../images/fav_white-ver-3CEDA68C0F36A4E9853EF0146F7F74C7.png') center no-repeat;
}

/* Comments subscribe button */

.comments-subscribe-button a {
    position: absolute;
    display: block;
    right: 27px;
    top: 5px;
    width: 16px;
    height: 18px;
    background: url('../images/comment_16x16-ver-98CF8D3626AB7E53A32CA47EE3E56AB9.png') center no-repeat;
}

.comments-subscribe-button.subscribed a {
    background: url('../images/comment_16x16_1-ver-1BED6F645B9B78AAFD42B1428C137F19.png') center no-repeat;
}

/*Pageable empty text Label*/

.pageable-empty {
    display: block;
    font-size: 16px;
}

/* Fonts */

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal-regular-ver-16D6A37B9C61A9B72679471C8663F456.eot');
    src: url('../fonts/arsenal-regular-ver-16D6A37B9C61A9B72679471C8663F456.eot') format('embedded-opentype'),
    url('../fonts/arsenal-regular-ver-37789CF2BDFA9BFCB936CD18C2CE18AF.woff') format('woff'),
    url('../fonts/arsenal-regular-ver-BAE45816E7679F82EB362E9844613427.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal-bold-ver-141339429C6B71F2B48DB7DC93658303.eot');
    src: url('../fonts/arsenal-bold-ver-141339429C6B71F2B48DB7DC93658303.eot') format('embedded-opentype'),
    url('../fonts/arsenal-bold-ver-ADCE3C25E2D96586258A0DEFCFEBF4EF.woff') format('woff'),
    url('../fonts/arsenal-bold-ver-D3E7203142CB1C5F4C54370F814EA93F.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal-italic-ver-303C8EA5EA6603DC57FBC418E9766CB9.eot');
    src: url('../fonts/arsenal-italic-ver-303C8EA5EA6603DC57FBC418E9766CB9.eot') format('embedded-opentype'),
    url('../fonts/arsenal-italic-ver-C53250AE506284E6CF46B82E72F5EA24.woff') format('woff'),
    url('../fonts/arsenal-italic-ver-3E7D4411894F7E3CD6761AC6AB8672CC.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal-bolditalic-ver-5A70190E7EF49B2983C0A2FCA7267549.eot');
    src: url('../fonts/arsenal-bolditalic-ver-5A70190E7EF49B2983C0A2FCA7267549.eot') format('embedded-opentype'),
    url('../fonts/arsenal-bolditalic-ver-F4C1CA1A95C1170B278E273AE5EF746E.woff') format('woff'),
    url('../fonts/arsenal-bolditalic-ver-EF66307299589FA7718E31500C0DAE64.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}