/*
 * 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.
 */

/* Label/tag denoting the user that shared a connection */
.jdbc-share-tag {

    background: #0095ff;
    padding: 0.25em;

    -moz-border-radius:    0.25em;
    -webkit-border-radius: 0.25em;
    -khtml-border-radius:  0.25em;
    border-radius:         0.25em;

    color: white;
    font-size: 0.75em;
    font-weight: bold;

}
body.client .client-view { left: 148px; width: calc(100% - 148px); }
.impulsa-compact {
    box-sizing: border-box; position: absolute; inset: 0 auto 0 0;
    width: 148px; padding: 8px; overflow: auto;
    background: #f3f5f7; color: #202a36; border-right: 1px solid #cbd2da;
    font: 12px/1.4 sans-serif; z-index: 2;
}
.impulsa-compact .impulsa-menu-button { width: 100%; margin: 0 0 12px; padding: 7px 4px; font-size: 12px; }
.impulsa-compact h3 { margin: 0 0 6px; padding: 0; font-size: 12px; text-transform: none; }
.impulsa-compact .clipboard-editor { position: relative; width: 100%; }
.impulsa-compact textarea.clipboard { box-sizing: border-box; width: 100%; height: 110px; min-height: 70px; padding: 6px; resize: vertical; font: 12px/1.35 monospace; }
.impulsa-compact .clipboard-contents-hidden-hint { font-size: 11px; }
.impulsa-compact p { margin: 8px 0; font-size: 11px; }
@media (max-width: 600px) {
    body.client .client-view { left: 120px; width: calc(100% - 120px); }
    .impulsa-compact { width: 120px; padding: 6px; }
}
.impulsa-compact .impulsa-secret { box-sizing: border-box; width: 100%; min-width: 0; padding: 6px; margin: 0 0 6px; }
.impulsa-menu-actions { flex: 0 0 auto; padding: 8px; background: #edf1f5; }
.impulsa-menu-actions button { width: 100%; margin: 0; padding: 8px; }
.impulsa-restore { position: absolute; top: 8px; left: 8px; z-index: 4; padding: 8px; font-size: 12px; }
body.client .impulsa-compact.ng-hide ~ .client-view { left: 0; width: 100%; }