/* General styles */

html,
body {
    height: 100%;
}

body {
    font: 12px 'FreeSetC', sans-serif;
    background: #e4e7e8;
    margin: 0;
    padding: 0;
}

body:after {
    display: none;
    content: url('../images/button_gradient-ver-0DB0E58DC8FF5A318392B9ED0E994295.png') url('../images/button_gradient_active-ver-3C15BCB7552D3D62E051F5056B633A94.png') url('../images/button_gradient_hover-ver-7D853F45249227A83A5F3AC3540ABC96.png') url('../images/cancel_button_gradient-ver-8C295BA5C4D15DFC3D9871F251F934D1.png') url('../images/cancel_button_gradient_active-ver-AB1046613678EDBA8A509889BD107682.png') url('../images/cancel_button_gradient_hover-ver-A5CB420FB42859012239DB770E18D109.png') url('../images/small_button_gradient-ver-219E3CEF984DDEBC8012B447AF762E6D.png') url('../images/small_button_gradient_hover-ver-15B3D9DF5DB1912DA0A7FB803AAD02E3.png') url('../images/small_button_gradient_active-ver-824D98C7ACCBD0CDCCF756219879D297.png') url('../images/header_menu_gradient-ver-C1E3FBF72A7BA044D693DC1849356D74.png') url('../images/header_menu_gradient_active-ver-3146AB16696308363DC2C1E84AF8FB62.png') url('../images/header_menu_gradient_hover-ver-93CD7A092A3EBF2F17E010DF8B34DD18.png');
}

a {
    color: #0080c8;
}

input, textarea, select {
    font: inherit;
}

:focus {
    outline: 0;
}

::-moz-focus-inner {
    border: 0;
}

/* IE8 does not display password characters from attached font */

input[type='password'] {
    font-family: Arial, sans-serif;
}

/* Common page styles */

/* Page title */

.page-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    word-wrap: break-word;
}

.page-title .page-subtitle {
    font-weight: normal;
    font-size: 20px;
}

/* 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: #0080c8;
}

/* 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 {
    font-size: 0;
    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;
    background: #f05822;
    color: #fff;
    border-radius: 3px;
}

.paging-navigator .first a {
    background: url('../images/first_page-ver-9D005F03226734FA9787EF4A8EC841DC.png') center no-repeat;
    width: 11px;
    height: 8px;
}

.paging-navigator .prev a {
    background: url('../images/previous_page-ver-A71D385C08ADD5A650F7675375CA1D64.png') center no-repeat;
    width: 6px;
    height: 8px;
}

.paging-navigator .next a {
    background: url('../images/next_page-ver-71F6DE001ABC0829C0105F411670F380.png') center no-repeat;
    width: 6px;
    height: 8px;
}

.paging-navigator .last a {
    background: url('../images/last_page-ver-0E4F7009DDBBCEFD08F03453C50EDC94.png') center no-repeat;
    width: 11px;
    height: 8px;
}

.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: 3px;
}

/*
 * Form components
 */

/* Default buttons */

.cancel-button,
.confirm-button,
.confirm-button-container a,
.cancel-button-container a {
    display: block;
    border: 1px solid;
    min-width: 86px;
    padding: 0 10px;
    height: 25px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    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: #9f9e9e;
    background: #9f9e9e url('../images/cancel_button_gradient-ver-8C295BA5C4D15DFC3D9871F251F934D1.png') repeat-x;
}

.cancel-button:hover,
.cancel-button-container a:hover {
    background-image: url('../images/cancel_button_gradient_hover-ver-A5CB420FB42859012239DB770E18D109.png');
}

.cancel-button:active,
.cancel-button-container a:active {
    background-image: url('../images/cancel_button_gradient_active-ver-AB1046613678EDBA8A509889BD107682.png');
}

.confirm-button,
.confirm-button-container a {
    border-color: #e96e24;
    background: #e96e24 url('../images/button_gradient-ver-0DB0E58DC8FF5A318392B9ED0E994295.png') repeat-x;
}

.buttons-panel a.cancel-button,
.authorization-dialog-buttons-panel a.cancel-button {
    background: none;
    color: #000;
    border-color: transparent;
    text-decoration: underline #9f9e9e;
    text-underline-offset: 3px;
}

.buttons-panel a.cancel-button:hover,
.authorization-dialog-buttons-panel a.cancel-button:hover {
    background: rgba(159, 158, 158, 0.3);
}

.confirm-button:hover,
.confirm-button-container a:hover {
    background-image: url('../images/button_gradient_hover-ver-7D853F45249227A83A5F3AC3540ABC96.png');
}

.confirm-button:active,
.confirm-button-container a:active {
    background-image: url('../images/button_gradient_active-ver-3C15BCB7552D3D62E051F5056B633A94.png');
}

/* Add button */

.add-button {
    display: inline-block;
}

.add-button > a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    min-height: 16px;
    padding-left: 20px;
    background: url('../images/plus-ver-67CA9481D98360EAC36F3BC48043ACFB.png') left center no-repeat;
    font-size: 14px;
}

input[type='text'],
input[type='email'],
input[type='password'],
select,
textarea {
    border: 1px solid #000;
    -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:active,
.confirm-button:active,
.cancel-button-container a:active,
.confirm-button-container a:active {
    border-color: #e84d0e !important;
    border-color: rgba(232, 77, 14, 0.6) !important;
    box-shadow: 0 0 4px rgba(232, 77, 14, 0.8);
}

/* One line layout */

.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-AD6D20C00619268FDD5E8FF224297D7C.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;
}

/* 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;
}

.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: 170px;
    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 #000;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.combobox .attribute-editor-combobox.focused .mz-ul {
    border-color: #e84d0e;
    border-color: rgba(232, 77, 14, 0.6);
    box-shadow: 0 0 4px rgba(232, 77, 14, 0.8);
}

.combobox .show-choices {
    font-size: inherit;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url('../images/menu_arrow-ver-A524624791838E1ECC68DF4A6CA79880.png') center no-repeat;
}

.combobox .mz-choice,
.combobox .empty-choice {
    display: block;
    line-height: 23px;
    margin: 0;
    padding: 0;
    cursor: default;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 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 #ccc;
    margin: 1px 1px 0 0;
    padding: 0 18px 0 6px;
    background: #eee;
    white-space: normal;
}

.combobox--multiselect .empty-choice {
    margin: 1px 1px 0 0;
    padding: 0 6px;
    border: 1px solid #ccc;
    background: #eee;
    white-space: normal;
    font-weight: bold;
    line-height: 20px;
}

.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;
}

/* Combobox dropdown list */

.combobox .panelPopup {
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.combobox .content-container {
    max-height: 320px;
    overflow: auto;
}

.combobox .panelPopup .content-container .item {
    padding: 3px 6px;
    background: transparent;
    cursor: pointer;
}

.combobox .panelPopup .content-container .item:hover {
    background: #e1e1e1;
}

/* 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 #ccc;
    border-radius: 2px;
    background: #fff;
}

.combobox--multiselect .panelPopup .content-container .item:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    width: 14px;
    height: 14px;
    background: 1px center no-repeat;
}

.combobox--multiselect .panelPopup .content-container .item.selected:after {
    background-image: url('../images/check-ver-E4B5F3C4D595F83AE37B0B7BF5C6DEBB.svg');
}

/* Feedback panel */

.feedbackPanel {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    font-size: 12px;
}

.feedbackPanelERROR {
    display: block;
    background-color: #face8d;
    padding: 5px;
    border-radius: 3px;
    margin: 5px 0;
}

.form-feedback-label {
    font-size: 12px;
    background-color: #face8d;
    padding: 5px;
    border-radius: 3px;
    margin: 20px 0;
}

/* Message box of error pages */

.error-view {
    margin-top: 15px;
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
}

.error-view .collapsible-layout-header {
    cursor: pointer;
}

.error-description {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 15px;
}

.error-view .collapsible-layout-content {
    border-top: 1px solid #c6c6c6;
}

.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;
}

/* Search form */

.search-form {
    background: #17557b url('../images/search_block_gradient-ver-3FFCAFCA989169428EE339796099BC29.png') repeat-x;
    border-radius: 3px;
    padding: 10px;
}

.search-form-title {
    margin-bottom: 5px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: url('../images/search-ver-A5F505CEBE03A760DDD6F7A4C6770463.png') right center no-repeat;
    padding-right: 25px;
    min-height: 23px;
    line-height: 23px;
}

.search-form-field input[type='text'] {
    border: 1px solid #59504d;
    border-radius: 3px;
    height: 30px;
    width: 100%;
    padding: 0 10px;
    line-height: 30px;
    font-size: 14px;
    color: #432918;
    background: #ffffff;
}

.search-form-confirm-wrapper {
    position: relative;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search-form-confirm-wrapper .wicket-ajax-indicator {
    position: absolute;
    right: 8px;
    top: 8px;
}

.advanced-search-link {
    text-align: right;
    margin-top: 5px;
}

.advanced-search-link a {
    color: #000;
    font-weight: bold;
}

/* Favorite button */

.favorite-button a {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/fav_grey-ver-B0F77277CC54CDEAECD78BA3C0E9D1FE.png') center no-repeat;
}

.favorites-button-popup-wrapper {
    position: relative;
}

.favorites-button-popup {
    position: absolute;
    display: flex;
    top: 28px;
    right: 0;
    width: 280px;
    border: 1px solid #be1622;
    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 #be1622;
    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;
}

.link-view {
    white-space: nowrap;
    overflow: hidden;
    padding: 3px;
}

.favorite-button.added a {
    background: url('../images/fav_yellow-ver-1309CEF7FB3C99ED25D92A01D1069842.png') center no-repeat;
}

.viewer-dialog-panel .favorite-button a {
    width: 20px;
    height: 20px;
    background: url('../images/fav_viewer_grey-ver-5E289DE2C6AA21DB37E03D188C00146D.png') center no-repeat;
}

.viewer-dialog-panel .favorite-button.added a {
    background: url('../images/fav_viewer_orange-ver-5CEE1A89B719CD28568F42ED588FE1F5.png') center no-repeat;
}

/* Comments subscribe button */

.comments-subscribe-button a {
    display: block;
    width: 18px;
    height: 18px;
    background: url('../images/comment_blue-ver-982F1F2592CE8E81847B9698C62D3853.png') center no-repeat;
}

.comments-subscribe-button.subscribed a {
    background: url('../images/comment_red-ver-F57C11CA6A9A6A0D5A7395F69555FA51.png') center no-repeat;
}

/* Age label */

.age-label {
    background: url('../images/plus_16-ver-1DC929E68B60D5B4D54E0657C7AF5E86.png') center no-repeat;
    width: 64px;
    height: 64px;
    margin-top: 10px;
}

/* Fonts */

@font-face {
    font-family: 'FreeSetC';
    src: url('../fonts/FreeSetC-ver-FC65F874C56FFF4F34090E5B2C7C77E7.eot');
    src: url('../fonts/FreeSetC-ver-FC65F874C56FFF4F34090E5B2C7C77E7.eot') format('embedded-opentype'),
    url('../fonts/FreeSetC-ver-A1404AF9798E1B13322474D7962D5D31.woff') format('woff'),
    url('../fonts/FreeSetC-ver-3EE8725676DCFEA02D4810DEACA60DE6.ttf') format('truetype'),
    url('../fonts/FreeSetC-ver-CB3C068892A2ACA8314D8E95833CF3B2.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreeSetC';
    src: url('../fonts/FreeSetC-Bold-ver-8BA70BBDAE28AD2C14DA2B5A7478E3BB.eot');
    src: url('../fonts/FreeSetC-Bold-ver-8BA70BBDAE28AD2C14DA2B5A7478E3BB.eot') format('embedded-opentype'),
    url('../fonts/FreeSetC-Bold-ver-7B75DF5BF24350A66046EBA111C047ED.woff') format('woff'),
    url('../fonts/FreeSetC-Bold-ver-498252AA9DD012AA483C719AB2B91A68.ttf') format('truetype'),
    url('../fonts/FreeSetC-Bold-ver-546FF74AE637C3147D34967D0C3FD7F6.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}