
/*
 *  Licensed to the Apache Software Foundation (ASF) under one
 *  or more contributor license agreements.  See the NOTICE file
 *  distributed with this work for additional information
 *  regarding copyright ownership.  The ASF licenses this file
 *  to you under the Apache License, Version 2.0 (the
 *  "License"); you may not use this file except in compliance
 *  with the License.  You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing,
 *  software distributed under the License is distributed on an
 *  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 *  KIND, either express or implied.  See the License for the
 *  specific language governing permissions and limitations
 *  under the License.
 */

body {
    padding-top: 60px;
}

.table .form-control:disabled {
    background-color: transparent;
    border: none;
    text-align: center;
    height: 23px;
    padding: 1px 0;
    cursor: default;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.table > thead > tr > th, td {
    text-align: left;
    vertical-align: middle;
}

.navbar {
    border-radius: 0;
}

#veil {
    z-index: 40000;
    background-image: none;
    background-color: black;

    display: none;
    position:fixed;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#veil .text-center {
    margin-top: 100px;
}

.table .table td {
    border: none;
}

.pagination {
    margin: 0;
}



/* from ActionPromptHeaderPanel */

.entityIconAndTitlePanel img {
    width: 24px;
    height: 24px;
}

.entityIconAndTitlePanel span.actionName {
    font-size: 20px;
    font-weight: bolder;
}


/* from SimpleClipboardPanel */

.simpleClipboardPanel form {
    margin: 20px;
    background-color: white;
}

.simpleClipboardPanel div.inner {
    margin: 20px;
    width:640px;
}

.simpleClipboardPanel div.inner p.scalarName {
    padding-top: 40px;
    padding-bottom: 10px;
}

.simpleClipboardPanel form input.textField {
    width:600px;
    margin-bottom: 60px;
}

.simpleClipboardPanel form input.ok {
    margin-bottom: 20px;
}



/* from CollectionContentsAsAjaxTablePanel.css */

.collectionContentsAsAjaxTablePanel table.contents {
    font-size: 0.9em;
    width: 100%;
    border-collapse:collapse;
    margin-top:10px;
}

.collectionContentsAsAjaxTablePanel table.contents caption { text-align: left; }
.collectionContentsAsAjaxTablePanel table.contents tr {
}


.collectionContentsAsAjaxTablePanel table.contents tr td {
    padding-left: 4px;
    padding-right: 4px;
}
.collectionContentsAsAjaxTablePanel table.contents tr th,
.collectionContentsAsAjaxTablePanel table.contents tr th a span {
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
}

.collectionContentsAsAjaxTablePanel table.contents tr th a {
    font-weight: normal;
}
.collectionContentsAsAjaxTablePanel table.contents #message {
    padding-left: 3px;
}
.collectionContentsAsAjaxTablePanel table.contents caption {
    padding-bottom: 2px;
}

.collectionContentsAsAjaxTablePanel table.contents input:disabled {
    background-color: transparent;
    border: none;
}

/*
.collectionContentsAsAjaxTablePanel table.contents .uuidPanel,
.collectionContentsAsAjaxTablePanel table.contents .javaSqlTimestampPanel {
    font-family: monospace;
}
*/

.collectionContentsAsAjaxTablePanel table.contents .javaMathBigDecimalPanel,
.collectionContentsAsAjaxTablePanel table.contents .javaMathBigIntegerPanel,
.collectionContentsAsAjaxTablePanel table.contents .bytePanel,
.collectionContentsAsAjaxTablePanel table.contents .shortPanel,
.collectionContentsAsAjaxTablePanel table.contents .integerPanel,
.collectionContentsAsAjaxTablePanel table.contents .longPanel,
.collectionContentsAsAjaxTablePanel table.contents .floatPanel,
.collectionContentsAsAjaxTablePanel table.contents .doublePanel {
    text-align: right;
/*    font-family: monospace;*/
}

.collectionContentsAsAjaxTablePanel table.contents tbody td,
.collectionContentsAsAjaxTablePanel table.contents thead th {
    padding:5px;
}

.collectionContentsAsAjaxTablePanel table.contents tr.navigation div.navigatorLabel {
    float: left;
}


.collectionContentsAsAjaxTablePanel table.contents tr.navigation div.navigator {
    float: right;
}

.collectionContentsAsAjaxTablePanel table.contents img {
    width: 16px;
    height: 16px;
}

.collectionContentsAsAjaxTablePanel table.contents tbody .togglebox-column {
    width: 2%;
}
.collectionContentsAsAjaxTablePanel table.contents thead .title-column,
.collectionContentsAsAjaxTablePanel table.contents tbody .title-column {
    text-align: center;
    width: 3%;
}

.collectionContentsAsAjaxTablePanel table.contents a:hover {
    text-decoration:underline;
}

.collectionContentsAsAjaxTablePanel table.contents .entityLinkSelect2Panel .entityImage {
    padding-right:6px;
}

.collectionContentsAsAjaxTablePanel table tfoot {
    margin-top:20px;
}

.collectionContentsAsAjaxTablePanel table tfoot tr td {
    padding:20px 4px 0;
    /*background-color:#FFFFFF !important;*/
}

.collectionContentsAsAjaxTablePanel .entityActions {
    margin-top: -1px;
    margin-bottom: -10px;
    float: left;
    padding:0 0;
}

/* bootstrap seems to set to 'pointer' */
.collectionContentsAsAjaxTablePanel label:hover {
    /*cursor: default;*/
}

.collectionContentsAsAjaxTablePanel div input[type=text][disabled] {
    padding: 0;
}

.collectionContentsAsAjaxTablePanel table {
    border: none;
}

.collectionContentsAsAjaxTablePanel table tr td:first-child,
.collectionContentsAsAjaxTablePanel table tr th:first-child {
    border-left: none;
}

.collectionContentsAsAjaxTablePanel table tr th:last-child,
.collectionContentsAsAjaxTablePanel table tr td:last-child {
    border-right: none;
}

.collectionContentsAsAjaxTablePanel .table-responsive {
    overflow-x: auto;
    padding-bottom: 10px;
}

.collectionContentsAsAjaxTablePanel table tbody tr:last-child td {
    border-bottom: none;
}

.collectionContentsAsAjaxTablePanel table tfoot tr:first-child td {
    border-top: none;
    border-bottom: none;
}

.collectionContentsAsAjaxTablePanel .table {
    margin-bottom: 0px;
}


/* from CollectionContentsMultipleViewsPanel.css */
/* AND ALSO duplicated in from EntityLinksSelectorPanel.css */

.linksSelectorPanel .viewLinks {
    float:right;
    display:block;
    margin-left: 15px;
}

.linksSelectorPanel ul.dropdown-menu {
    min-width: 0;
}

.linksSelectorPanel ul.dropdown-menu li.viewItem {
    min-width: 0;
}

.linksSelectorPanel ul.viewList li.viewItem:first-child span {
    border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
}

.linksSelectorPanel ul.viewList li.viewItem:last-child span {
    border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
}


.linksSelectorPanel .link-selector-panel-invisible {
    display:none;
}

.linksSelectorPanel .list-inline {
    margin-left: 0;
}

.linksSelectorPanel .list-inline li {
    padding-left: 0;
}


.collectionContentsLinksSelectorPanel select {
    margin-bottom: 1em;
}


/* from CollectionContentsAsSummary */

.collectionContentsAsSummary {
    padding-top: 15px;
}

.collectionContentsAsSummary .propertyNameCell,
.collectionContentsAsSummary .aggregatesCell {
    vertical-align: middle;
}

.collectionContentsAsSummary .aggregateName {
    font-style: normal;
    text-align: left;
    font-weight: bold !important;
    font-size: 0.9em;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: middle;
}

.collectionContentsAsSummary .numberValue {
    text-align: right;
    width: 80px;
}

.collectionContentsAsSummary .chart {
    margin-left: 30px;
    display: inline-block;
    min-width: 720px;
}

/*
a span.ViewLinkItem.summary {
    background-image:url("./icon_summary_on.png");
    background-position: center center;
    background-repeat:no-repeat;
}

span.ViewLinkItem.summary {
    background-image:url("./icon_summary_off.png");
    background-position: center center;
    background-repeat:no-repeat;
}
*/


/* from EntityHeaderPanel.css */

.entityHeaderPanel {
    clear:both;
    padding-top:10px;
    display:block;
}

div.entityHeaderPanel .iconAndTitle{
    float: left;
    padding:0;
    padding-bottom: 5px;
    width: 100%;
}

div.entityHeaderPanel .iconAndTitleLabel {
    float: left;
    margin-bottom: 10px;
}

div.entityHeaderPanel .entityActions .cssMenuPanel .cssMenuItems:first-child {
    float: left;
    margin-top: 3px;
    margin-left: 20px;
}

.entityHeaderPanel .entityImage {
    width: 32px;
    height: 32px;
    vertical-align:text-bottom;
}

.entityHeaderPanel .entityTitle {
    font-size: 1.8em;
    font-weight:normal;
    text-decoration:none;
    padding-right: 30px;
}


/* from BreadcrumbPanel.css */

.breadcrumbPanel {
    display: inline-block;
    width: 300px;
}


/* from ContainedButtonPanel */

span.containedButtonPanel {
    display: inline;
}

.containedButtonPanel form {
    display: inline;
}


/* from ZeroClipboardPanel */

.zeroClipboardPanel .subscribingLink {
    display: none;
}

.zeroClipboardPanel a:hover {
    text-decoration: none;
}

.copyLink {
    visibility: hidden;
}


/* other */

.mandatory.scalarName:after,
.mandatory.collectionName:after {
    content: "*";
    font-weight:bold;
    color: #c2270d;
}



.navbar .powered-by {
    margin-right: 10px;
    font-size: small;
    font-style: italic;
    vertical-align: middle;
}

.navbar .creditName {
    vertical-align: middle;
}

.navbar .aboutMessage {
    vertical-align: middle;
}




/* from entityPropertiesPanel */


.entityPropertiesPanel .properties.panel-body {
    padding-bottom: 5px;
}
.entityPropertiesPanel .collection.panel-body {
    padding-bottom: 0px;
}



/* from additionalLinksPanel.css */

span .fa {
    padding-right: 2px;
}

span .fontAwesomeIcon {
    margin-right: 6px;
}

.additionalLinkList {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}

ul.additionalLinkList,
div.additionalLinkList {
    margin-right: -10px;
    padding-bottom: 10px;
}

.collections div.additionalLinkList,
.collections ul.additionalLinkList,
.standaloneCollectionPanel div.additionalLinkList,
.standaloneCollectionPanel ul.additionalLinkList,
.entityCollectionsPanel div.additionalLinkList,
.entityCollectionsPanel ul.additionalLinkList {
    padding-bottom: 0px;
}









.col .additionalLinks,
.col .additionalLinksAndSelectorDropDown,
.entityPropertiesPanel .additionalLinks,
.entityCollectionsPanel .additionalLinksAndSelectorDropDown {
    margin-top: -6px;
}

.collection.panel-body {
    padding-top: 0px;
}

.collectionPanel .well {
    background-color: transparent;
    margin-bottom: 0px;
}



.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

/* fix for Firefox */
th > a > div > strong {
    float: left;
}

/* Labels on the left/top/none START */

.form-group {
    margin-bottom: 0;
}


div.label-left.form-group {
    width: 100%;
}

div.label-left label.control-label {
    width: 30%;
    float: left;
    padding-top: 2px;
    text-align: left;
}

.propertyEditForm .label-left label.control-label,
.actionParametersForm .label-left label.control-label {
    padding-left: 10px;
}

div.label-top label.control-label {
    /*padding-left: 10px;*/
    /*padding-bottom: 4px;*/
}

div.label-none label.control-label {
    display: none;
}

div.label-left .scalarValueWrapper {
    width: 70%;
    float: left;
}

div.label-left.actions-right .scalarValueWrapper {
    /*width: 62%;*/
}

.actions-right .additionalLinkListDropDown {
    float:right;
    /*width: 3%;*/
}

.pull-right .additionalLinkListDropDown li.additionalLinkItem a.btn {
    text-align: inherit;
}


div.label-top .scalarValueWrapper,
div.label-none .scalarValueWrapper {
    /*width: 99.5%;*/
    display: block;
    /*padding-left: 8px;*/
    /*padding-right: 20px;*/
}

.modal-body div.label-top .scalarValueWrapper,
.modal-body div.label-none .scalarValueWrapper {
    padding-right: 14px;
}

div.label-left .scalarValueWrapper .form-control {
    width: 100%;
}

.file-preview-thumbnails {
    overflow: auto;
}

div.label-left .scalarValueWrapper .input-group {
    width: 100%;
}

div.label-left .scalarValueWrapper .input-group .input-group-addon {
    width: 1%;
}

div.label-left .choicesPlaceholder {
    display: inline-block;
    width: 100%;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

div.label-right .scalarValueWrapper {
    padding-left: 30%;
}

div.label-right .scalarValueWrapper .control-label{
    vertical-align: sub;
}

div.label-right .scalarValueWrapper .feedback-links-below-wrapper {
    padding-left: 30%;
    width: 70%;
    float: left;
}

/* Labels on the left/top/none END */


.form-horizontal.actionParametersForm .form-group,
.form-horizontal.propertyEditForm .form-group {
    margin-left: -5px;
}

.form-horizontal.inputForm .form-group {
    margin-left: 0px;
    margin-right: -25px;
}

.form-horizontal.inputForm .form-group.label-none,
.form-horizontal.inputForm .form-group.label-top {
    margin-left: -10px;
}


.scalarValueWrapper textarea {
    resize: vertical;
}


.standaloneCollectionPanel .additionalLinkList {
    margin-left: 50px;
    margin-bottom: 0px;
    margin-top: -4px;
}
.standaloneCollectionPanel .selectorDropdown {
    margin-top: -4px;
}
.standaloneCollectionPanel div.iconAndTitle {
    min-height: 45px;
}

div.referencePanel.scalarNameAndValueComponentType {
    margin-bottom: 4px;
}

.referencePanel .entityLinkSelect2Panel .entityImage {
    width: 20px;
    height: 20px;
}

.referencePanel .form-group.label-left .scalarName.control-label {
    padding-right: 10px;
}

.referencePanel .form-group.label-left .scalarValueWrapper .entityLinkSelect2Panel{
    padding-top: 4px;
    padding-bottom: 3px;
}

.prototype {
    font-style: italic;
}

.propertyEditForm .buttons,
.actionParametersForm .buttons {
    padding-top: 20px;
}

.entityCollectionsPanel .panel-heading {
    padding-bottom: 10px;
}
.standaloneCollectionPanel .panel-heading {
    padding-bottom: 5px; /* different from entityCollectionsPanel because of display-inline ? of additionalLinks */
}

#body {
    padding-top: 20px;
}

.additionalLinks.pull-right {
    /*margin-right: 5px;*/
}

.additionalLinks.pull-right div {
    display: inline-block;
    /*margin-left: 5px;*/
}

.additionalLinks.pull-right div .additionalLinkListDropDown {
    margin-left: 10px;
    margin-right: 0px;
}


.scalarValueWrapper ul.additionalLinkList {
    padding-bottom: 5px;
}

.scalarValueWrapper ul.additionalLinkListInline li.additionalLinkItem {
    padding-bottom: 5px;
}

.scalarValueWrapper .help-block {
    margin-bottom: 5px;
}

.scalarValueWrapper .help-block ul {
    margin-bottom: 0px;
}

.scalarValueWrapper .help-block .alert {
    margin-bottom: 0px;
}

.navbar-header a.navbar-brand {
    margin-top: 0px;
}

.valueChoicesSelect2Panel .scalarValueWrapper .choicesPlaceholder {
    height: 33px;
}

.ui-draggable .modal-header {
    cursor: move;
}

.navigatorLabel .btn-link {
    margin-top: -2px;
    text-decoration: underline;
}

.navigatorLabel .navigator-prototyping-label {
    color: silver;
}

tr.headers th form input {
    margin-left: -8px;
}
/*
tbody td.togglebox-column form {
    margin-left: 6px;
}
*/


footer .footer-image {
    height: 24px;
}

#aboutLink {
    padding-right: 30px;
}

/*
.entityTabbed > .row > .leftColumn,
.entityTabbed > .row > .rightColumn {
    margin-top: 41px;
}
*/

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.tabGroups > .row {
    padding-bottom: 10px;
}

.tabbable {
    padding-bottom: 10px;
}

.additionalLinkListDropDown ul.dropdown-menu li.additionalLinkItem {
    width: 100%;
}
.additionalLinkListDropDown ul.dropdown-menu {
    padding-top: 0%;
    padding-bottom: 0%;
}

/* cheap and nasty; ought really to suppress in Java code ... */
.propertyEditForm .additionalLinkList {
    display: none;
}

.choicesScalarValue {
    width: 95%;
    display: inline-block;
}

.associatedActionLinksRight .additionalLinkListDropDown {
    padding-right: 11px;
}

.editing .edit {
    padding-top: 2px;
    float: right;
}

.multiLineStringPanel .scalarValueInput .editing .edit {
    margin-top: -30px;
}

.scalarValueInput .editing .edit {
    margin-top: -20px;
	z-index: 20000;
}

.referencePanel .scalarValueInput .editing .edit,
.isisBlobPanel .scalarValueInput .editing .edit,
.isisClobPanel .scalarValueInput .editing .edit,
.booleanPanel .scalarValueInput .editing .edit {
    margin-top: 0px;
}

@-moz-document url-prefix() {
    .scalarValueInput .editing .edit {
        margin-right: -17px;
    }
}

.actions-right .scalarPlaceholder .scalarValueInput {
    width: 90%;
    float: left;
    margin-bottom: 0px;
}

.characterPanel .actions-right .scalarPlaceholder .scalarValueInput {
    margin-bottom: 4px;
}
.multiLineStringPanel .actions-right .scalarPlaceholder .scalarValueInput {
    margin-bottom: 4px;
}



.booleanPanel .actions-right .additionalLinkListInline {
    margin-top: 0px;
}

.valuePanel .actions-right .additionalLinkListInline,
.valueChoicesSelect2Panel .actions-right .additionalLinkListInline,
.stringPanel .actions-right .additionalLinkListInline,
.referencePanel .actions-right .additionalLinkListInline,
.isisBlobPanel .actions-right .additionalLinkListInline {
    margin-top: 5px;
}


.popover.confirmation .btn-group .btn {
    width: 100%;
    margin: 5px;
    padding: 5px;
}

.entityHeaderPanel .entityActions ul.additionalLinkList li.additionalLinkItem {
    padding-top: 3px;
    padding-bottom: 7px;
}

.propertyEditForm .buttons .wicket-ajax-indicator,
.actionParametersForm .buttons .wicket-ajax-indicator,
.additionalLinkList .wicket-ajax-indicator {
    margin-left: 4px;
    margin-right: 10px;
}

.additionalLinkList .wicket-ajax-indicator img {
    margin-top: 7px;
    margin-left: -5px;
    margin-right: 10px;
}

.select2-container-multi.input-sm {
    height: inherit;
}

li.select2-results__option {
    min-height: 30px;
}

.scalarNameAndValueComponentType .inlinePromptForm {
    border: 2px solid;
    padding: 10px;
    margin-bottom: 20px
}

.scalarNameAndValueComponentType .inlinePromptForm .form-group {
    padding-left: 5px;
    padding-right: 15px;
}

.booleanPanel .form-control.scalarValueInlinePromptLink,
.referencePanel .form-control.scalarValueInlinePromptLink {
    display: inline-block;
    width: 85%;
}

a.form-control.scalarValueInlinePromptLink {
    text-decoration: none;
}

.booleanPanel div.label-left .scalarValueWrapper .form-control.scalarValueInlinePromptLink,
.referencePanel div.label-left .scalarValueWrapper .form-control.scalarValueInlinePromptLink {
    width: 90%;
}
.booleanPanel div.label-left.actions-right .scalarValueWrapper .form-control.scalarValueInlinePromptLink,
.referencePanel div.label-left.actions-right .scalarValueWrapper .form-control.scalarValueInlinePromptLink {
    width: 85%;
}

.referencePanel .inlinePrompt .entityIconAndTitlePanel .entityImage {
    margin-right: 10px;
}
.referencePanel .inlinePrompt .entityIconAndTitlePanel .entityTitle {
    display: none;
}

/*
instead of this CSS (which would force this highlighting everywhere, instead suggest use a browser extension
such as https://chrome.google.com/webstore/detail/focus-indicator/heeoeadndnhebmfebjccbhmccmaoedlf

#container  a:focus,
#container  .btn:focus,
#container  input:focus,
#container  :focus {
    outline-color: maroon;
    outline-style: solid;
    outline-width: 2px;
}

#container  a.edit:focus {
    padding: 3px;
}
*/

#container.page #wicketDebugBar {
    padding-top: 60px;
    padding-bottom: 30px;
}
#container.page #wicketDebugBar a#wicketDebugBarCollapse img {
    margin-top: 2px;
    margin-right: 20px;
}
#container.page #wicketDebugBar span#wicketDebugBarContents > span {
    vertical-align: sub;
}
#container.page #wicketDebugBar span.wicketversioncontrib {
    display: none;
}
#container.page #wicketDebugBar span#wicketDebugBarContents a img {
    margin-top: -5px;
}
#container.page #wicketDebugBar span#wicketDebugBarContents a#wicketDebugBarRemove img {
    margin-top: 2px;
}

/* ISIS-1626, confirmation dialog for no-parameter menu actions
   allow confirmation dialog popup to escape boundaries of parent html li element*/
.popover .open > .dropdown-menu {
  overflow: visible;
}

.aboutPanel .aboutMessage {
    font-size:1.2em;
    margin-left:50px;
    margin-right:50px;
    padding: 10px;
}

.aboutPanel .applicationName,
.aboutPanel .applicationVersion {
    text-align:center;
}

.aboutPanel .applicationName,
.aboutPanel .applicationVersion,
.aboutPanel .aboutMessage {
    background:#FFFFFF;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding: 5px;
    display: block;
}


h4.iconAndTitle a {
    outline: none;
    display: inline-block;
}
h4.iconAndTitle a span.entityTitle:focus {
    outline: none;
}
h4.iconAndTitle a:focus {
    text-decoration: none;
}


.list-inline > li {
    padding-left: 0px;
    padding-right: 0px;
}

/* multiple action buttons, when line-breaking, need some vertical space */
.list-inline > li.additionalLinkItem {
    padding-bottom: 5px;
}

