/*
 * === vdb-bench-dataservices ===
 */

.no-float {
    float: none !important;
}

.display-block {
    display: block !important;
}

.show {
    display:block;
}

#dataservice-main-container {
    /*
     * Neutralise the container-fluid padding and margin
     */
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

#dataservice-home-container {
    padding-right: 1em;
    padding-top: 2em;
}

.ds-navbar-container {
    width: 8em;
    min-width: 8em;
    float: left;
}

.ds-navbar-contents {
    margin-left: 8em;
    overflow-x: auto;
}

/*
 * Navigation bar
 */
#dsb-vertical-nav {
    height: 96vh;
    background-color: rgb(41, 46, 52);
    position: relative;
}

#dsb-vertical-nav .dsb-nav-item {
    position: relative;
    color: rgb(209, 209, 209);
    border-bottom: 1px solid #030303;
    padding: 15px 10px 15px 10px;
    text-align: center;
    border-right: 1px solid #030303;
    box-shadow: 2px 0px 10px 1px #030303 inset;
}

#dsb-vertical-nav .dsb-nav-item-filler {
    border-right: 1px solid #030303;
    height: 100%;
}

#dsb-vertical-nav .dsb-nav-item > span {
    font-size: 22px;
    display: inline-block;
}

#dsb-vertical-nav .dsb-nav-item > div {
    font-size: 14px;
    color: rgb(209, 209, 209);
}

#dsb-vertical-nav .dsb-nav-item:hover {
    cursor: pointer;
}

#dsb-vertical-nav .dsb-nav-item.active,
#dsb-vertical-nav .dsb-nav-item:hover,
#dsb-vertical-nav .dsb-nav-item.selected {
    color: #39a5dc;
}

#dsb-vertical-nav .dsb-nav-item.active > div,
#dsb-vertical-nav .dsb-nav-item:hover > div {
    color: white;
}

#dsb-vertical-nav .dsb-nav-secondary-item::after {
    display: block;
    font-size: 18px;
    position: absolute;
    right: 0.3em;
    bottom: 1.5em;
    content: "\f105";
    font-family: FontAwesome;
}

#dsb-vertical-nav-details {
    position: absolute;
    left: 100%;
    width: 250%;
    top: 0;
    bottom:0;
    background-color: white;
    border-right: 1px solid #ddd;
    z-index: 20;
    padding: 15px;
}

#dsb-vertical-nav-details .dsb-nav-detail-item h3 {
    margin-top:0;
    padding-bottom: 3px;
    border-bottom: 1px solid #ddd;
}

#dsb-vertical-nav-details .dsb-nav-detail-item p.description {
    line-height: 17px;
    padding: 3px;
}

#dsb-vertical-nav-details .dsb-nav-detail-item h4 {
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
}

#dsb-vertical-nav-details .dsb-nav-detail-item .action {
    padding-left: 8px;
    cursor: pointer;
}

#dsb-nav-menu-shade {
    position: absolute;
    left: 120px;
    right:0;
    top: 30px;
    bottom:0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
}

#dsb-nav-menu-container {
    position: absolute;
    left: 20px;
    top: 68px;
    bottom:0;
    width: 200px;
    z-index: 20;
}

#dsb-nav-menu-container .dsb-nav-menu {
    font-size: 16px;
    background-color: white;
}

#dsb-nav-menu-container .dsb-nav-menu > a {
    text-decoration: none;
}

#dsb-nav-menu-container .dsb-nav-menu .menu-item {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

#dsb-nav-menu-container .dsb-nav-menu .menu-item:hover {
    background-color: #39a5dc;
    color: white;
}

#dsb-nav-menu-container .dsb-nav-menu .menu-item > span.fa {
    margin-right: 5px;
}

/*
 * Breadcrumbs
 */
.dsb-breadcrumbs {
    background: white;
    border-bottom: 1px solid #ccc;
}

.dsb-breadcrumbs .breadcrumb {
    margin-bottom: 0;
    float: left;
    cursor: pointer;
}

.toolbar-pf {
    background-color: transparent;
}

.toolbar-pf-actions {
    background-color: transparent;
}

.toolbar-pf-results {
    background-color: white;
    margin-left: -20px;
    margin-right: -20px;
}

.pref-page-icon {
    float: right;
    font-size: 22px;
    text-decoration: none !important;
    vertical-align: bottom;
}

.pref-page-icon-container {
    position:absolute;
    top: 1em;
    right: 3em;
    margin-right: 1em;
}

#dataservice-summary-updating {
    padding-left: 10px;
    padding-top: 10px;
}

#svcsource-summary-updating,
#connection-summary-updating {
    padding-top: 10px;
}

#svcsource-summary-results-description-label,
#connection-summary-results-jndi-label {
    margin-top: 3px;
}

/*
 * Increases the width of the kebab in the summary page
 * to allow for easier clicking
 */
button[id^='dropdownKebabRight_'] {
    width: 1.5em !important;
}

.ds-active {
    color: green;
}

.ds-error {
    color: red;
}

.ds-warning {
    color: rgb(255, 204, 0);
}

.ds-status {
    color: black;
}


#ds-summary-container, #ds-summary-table, #dataserviceToolbar,
#svcsource-summary-container, #svcsource-summary-table, #svcsourceToolbar,
#connection-summary-container, #connection-summary-table, #connectionToolbar {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.ds-page-content {
    margin-top: 0;
}

.ds-page-title {
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.ds-summary-results {
    margin-top: 0.5em;
}

.ds-summary-results .list-group-item,
.svcsource-summary-results .list-group-item,
.connection-summary-results .list-group-item,
.ds-summary-results .list-group-item:first-child,
.svcsource-summary-results .list-group-item:first-child,
.connection-summary-results .list-group-item:first-child {
    margin-bottom: 0.25em;
    border-top: 1px solid #d8d8d8;
}

.ds-summary-results .list-group-item:hover,
.svcsource-summary-results .list-group-item:hover,
.connection-summary-results .list-group-item:hover {
    background-color: #def3ff;
}

.ds-summary-results .list-group-item.active,
.svcsource-summary-results .list-group-item.active,
.connection-summary-results .list-group-item.active {
    background-color: #b3e3ff;
    color: white;
    border-color: transparent;
}

.svcsource-summary-results .list-group-item.hover > .list-view-pf-additional-info-item,
.connection-summary-results .list-group-item.hover > .list-view-pf-additional-info-item {
    background-color: #b3e3ff;
    color: white;
    border-color: transparent;
}

.svcsource-summary-results > .list-group-item.active > .list-view-pf-additional-info-item,
.connection-summary-results > .list-group-item.active > .list-view-pf-additional-info-item {
    background-color: #def3ff;
}

.ds-summary-results .list-view-pf-main-info,
.svcsource-summary-results .list-view-pf-main-info,
.connection-summary-results .list-view-pf-main-info {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.ds-summary-results .list-view-pf-actions,
.svcsource-summary-results .list-view-pf-actions,
.connection-summary-results .list-view-pf-actions {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.svcsource-summary-results-container,
.connection-summary-results-container {
    margin-top: 0.5em;
    display: flex;
    width: 100%;
}

.svcsource-summary-results,
.connection-summary-results {
    float: left;
    display: flex;
    width: 100%;
}

.svcsource-summary-results-ddl {
    float: left;
    display: flex;
    flex-direction: column;
    min-width: 28%;
    max-width: 28%;
    padding-right: 1em;
}

.svcsource-summary-results-ddl-titlebar {
    display: block;
    background: white;
    border-top: solid grey 1px;
    border-left: solid grey 1px;
    border-right: solid grey 1px;
}

.svcsource-summary-results-ddl-titlebar-title {
    float: left;
    padding-left: 0.25em;
    font-weight: bold;
    margin: 0;
}

.svcsource-summary-results-ddl-titlebar-close {
    float: right;
    padding-right: 0.25em;
    margin: 0;
    color: grey;
    cursor: pointer;
}

.svcsource-summary-results-ddl textarea {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

//
// Dataservice Test page
//
#ds-test-header h1 {
    float: left;
    margin-top: 0.25em;
}

#ds-test-header button {
    float: right;
}

#ds-test-description {
    clear: both;
}

#ds-test-sql-edit-box {
    clear: both;
    height: 5em;
    padding-top: 0.5em;
    margin-top: 1em;
}

//
// Dataservice import export pages
//
.ds-import-export-storage-types-form, .ds-export-file-page, .ds-export-git-page, .ds-import-file-page, .ds-import-git-page {
    margin-left: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.wizard-pf-sidebar .list-group-item.active > a {
    color: white;
}

.wizard-pf-footer {
    position: relative !important;
    background-color: inherit;
}

.wizard-pf-container {
    background: white;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wizard-pf-container .step-message {
    font-family: FontAwesome;
    font-style: italic;
    font-size: 18px;
    padding-left: 1em;
}

.steps-indicator {
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 1em 0 0;
    height: 1.5em;
    list-style: none;
    padding-bottom: 3em;
}

.password-auth-form, .private-key-auth-form {
    margin-top: 1em;
    margin-bottom: 1em;
}

.ds-export-git-page-progress {
    margin-top: 2em;
    margin-left: 5%;
    width: 25%;
    padding-bottom: 2em;
}

.ds-export-git-page-button, .ds-import-git-page-button {
    float: left;
    margin-left: 2em;
}

.ds-export-git-page-response, .ds-import-git-page-response {
    float: left;
    margin-left: 2em;
    font-size: 16px;
    font-weight: bold;
}

.ds-export-git-page-response > .pficon {
    padding-right: 1em;
}

.ds-export-git-page-error, .ds-import-git-page-error {
    clear: both;
    padding-top: 2em;
    font-weight: bold;
    color: red;
    font-style: italic;
    overflow-y: auto;
    max-height: 25em;
}

#deployment-spinner {
    padding-left: 0;
}

#deployed-test-search-tabs {
    margin-top: 0.5em;
}

#deployed-test-search-tabs > div > .tab-content {
    height: 100vh;
    background-color: white;
}

#deployed-test-search-tabs .nav-tabs > li {
    background: transparent linear-gradient(to bottom, rgb(236, 236, 236) 50%, rgb(209, 209, 209) 100%) repeat scroll 0% 0%;
    text-shadow: 0px 1px rgb(255, 255, 255);
}

#odata-endpoint-url {
    font-weight: bold;
    padding-right: 0.25em;
    margin-bottom: 1em;
    margin-top: 1em;
}

#odata-endpoint-url label {
    padding-left: 0;
    padding-right: 1em;
    width: auto;
}

#odata-endpoint-url input {
    background: #ededed;
    background: -webkit-linear-gradient(white, #ededed);
    background: -o-linear-gradient(white, #ededed);
    background: -moz-linear-gradient(white, #ededed);
    background: linear-gradient(white, #ededed);
}

#odata-query-button {
    margin-bottom: 1em;
    margin-top: 1em;
}

#odata-control-panel {
    clear: both;
}

.odata-control-panel-title {
    font-weight: bold;
    display: inline-block;
    margin-right: 0.5em;
}

.odata-control-panel-title-help {
    margin-right: 1em;
    font-size: 12px;
}

.odata-exp-where-group-row {
    padding-top: 0.25em;
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.odata-exp-where-group .ui-select-toggle,
.odata-exp-select-group .ui-select-toggle {
    background-color: white;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
}

#odata-exp-where-group-buttons button {
    padding-left: 5%;
    padding-right: 1%;
}

.odata-form-control {
    color: #000000;
    background-color: #FFFFFB;
    border: 2px outset #FCFFFF;
    font-weight: bold;
    width: 100%;
}

.odata-exp-column-group,
.odata-exp-order-by-group {
    margin-left: 1em;
    margin-right: 1em;
}

.odata-exp-order-by-group-row {
    font-weight: bold;
}

.odata-exp-order-by-group-row-label {
    padding-left: 0;
    width: 30%;
    word-wrap: break-word;
}

.odata-form-where-add-btn {
    background-color: transparent;
    border: none;
    color: black;
}

.odata-form-where-remove-btn {
    background-color: transparent;
    border: none;
    color: red;
}

.odata-exp-where-error-msg {
    color: red;
    font-style: italic;
    font-weight: bold;
}

#odata-results-type {
    float: right;
    margin-bottom: 0.5em;
}

#odata-results-table {
    clear: both;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2em;
    position: relative; // So the help div uses this as the parent container
}

#odata-results-raw {
    clear: both;
    height: 80vh;
}

#odata-results-raw .CodeMirror {
    height: 70vh;
}

#odata-results-table-help,
#odata-results-raw-help {
    float: left;
    margin-right: 1em;
}

.odata-results-table-grid {
    height: 80vh;
    width: 58vw;
}

#odata-results-msg,
#odata-metadata-fetch-failure {
    color: red;
    font-style: italic;
    font-weight: bold;
    padding-left: 7em;
}

.column-list-results .list-group-item-header {
    margin-bottom: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.column-list-results .list-group-item,
.column-list-results .list-group-item:first-child {
    margin-bottom: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.column-list-results .list-group-item:hover {
    background-color: #999999;
}

.column-list-results .list-group-item.active {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    text-shadow: 0 -1px 0 transparent;
}

.column-list-results .list-view-pf-main-info {
    padding-top: 7px;
    padding-bottom: 7px;
}

.column-list-results .list-view-pf-checkbox {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.column-list-results {
    height: 190px;
    overflow: auto;
    line-height: 1.00;
    padding-top: 0px;
    padding-bottom: 0px;
}

.column-list-container {
    border: 1px solid #000000;
    height: 200px;
    min-height: 200px;
    margin: 10px;
    padding: 0;
}

.table-selection-container {
    border: 3px dashed #AAAAAA;
    height: 75px;
    min-height: 75px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.table-selection-container-selected {
    border: 3px dashed #111111;
    height: 75px;
    min-height: 75px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #def3ff;
}

.join-button-up {
    background-color: transparent;
    border: #DDDDDD 3px solid;
    margin-bottom: 5px;
    width: 50px;
    height: 40px;
}

.join-button-down {
    background-color: transparent;
    border: #0000FF 3px solid;
    margin-bottom: 5px;
    width: 50px;
    height: 40px;
}

#ds-pref-container {
    margin-top: 3em;
}

.ds-pref-title {
    margin-left: 0.5em;
}

.ds-pref-category {
    font-weight: bold;
}

#ds-pref-exit {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.prefs-page-help-control {
    position: relative;
    top: -4em;
}

.dsb-wizard-container .modal-header {
    padding: 0 2em !important;
}

.dsb-wizard-container .wizard-pf-steps-indicator {
    height: 3.8em !important;
    padding: 0 !important;
}

.dsb-wizard-container .wizard-pf-main {
    padding: 0em 2em 0em 2em !important;
}

.dsb-wizard-sources-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.dsb-modal {
    padding-right: 0em !important;
}

.dropdown-menu {
   max-height: 200px; /*Provide height in pixels or in other units as per your layout*/
   overflow-y: auto; /*Provide an auto overflow to diaply scroll*/
}

.dropdown-toggle {
    min-width: 100px;
}

.connectionWizardStep {
    margin-top: 2em;
}

#connectionWizardDriverTypes {
    width: 100%;
    height: 2em;
}

#connectionWizardNewDriver {
    display: table-cell;
    height: 2em;
    vertical-align: middle;
}

#connectionWizardInstructionMsg {
    color: blue;
    font-style: italic;
}

.new-driver-page-slide-container {
    background-color: rgba(240, 240, 240, 0.8) !important;
}

.new-driver-slide-container {
    padding-top: 1em;
    height: 100%;
    position: relative;
}

.new-driver-slide-controls {
    margin-left: 1em;
    font-weight: bold;
}

.new-driver-slide-controls p {
    margin-left: 1em;
}

.new-driver-import-controls {
    width: 80%;
    margin-left: 1em;
    margin-right: auto;
}

.new-driver-import-controls .import-control-button {
    margin-left: 0 !important;
}

.new-driver-deploying-progress,
.new-driver-deploying-complete {
    width: 90%;
    margin-left: 1em;
    margin-right: auto;
    margin-top: 3em;
    padding-left: 0 !important;
}

.new-driver-slide-buttons {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.new-connection-creation-progress,
.new-connection-creation-complete,
.new-connection-deployment-progress,
.new-connection-deployment-complete {
    display: block !important;
    margin-top: 2em;
}

.connection-clone-complete {
    padding-left: 1.5em !important;
    margin-top: 2em;
}

/*
 * Override for spacing out hawtio form controls
 */
.help-block {
    margin-bottom: 3em !important;
}
