/**
 * Copyright 2021 Google LLC
 *
 * Licensed 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 {
    font-family: 'DM Sans', sans-serif;
    /* text-align: center; */
}

main>.container {
    padding-top: 60px;
}

.gb_Ca {
    background-size: 32px 32px;
    border: 0px;
    border-radius: 50%;
    display: block;
    margin: 0px;
    position: relative;
    height: 32px;
    width: 32px;
    z-index: 0;
}

.hide {
    display: none;
}

tr:hover i.hide,
h4:hover+div .hide {
    display: block;
}

@media screen {
    div.divFooter {
        display: none;
    }
}

@media print {
    div.divFooter-right {
        position: fixed;
        bottom: 0.25in;
        right: 0.25in;
    }

    div.divFooter-left {
        position: fixed;
        bottom: 0.25in;
        left: 0.25in;
    }

    .page-break-print {
        padding-top: 50px;
        page-break-before: always;
        break-before: always;
    }

    .page-break-after {
        page-break-after: always;
        break-after: always;
    }

    .navbar,
    .no-print {
        display: none;
    }

    .collapse {
        display: block !important;
        height: auto !important;
    }

    a[href]:after {
        content: none !important;
        display: none;
        visibility: hidden;
    }
}

/* td:last-child {
  position: relative;
} */

.editicons {
    position: absolute;
    display: none;
    width: 60px;
    left: 15px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.editicons a {
    color: black;
}

tr:hover .editicons {
    display: block;
}

tr .actions {
    opacity: 1;
    /* 0 = only show on hover */
}

tr:hover .actions {
    opacity: 1;
}

table.sortable th:hover {
    cursor: pointer;
    /* background-color: #5bd6de; */
    color: #5bd6de;
    /* border-bottom: 5px solid #5bd6de;
  padding-bottom: 3px; */
}

th.ascending,
th.descending {
    /* background-color: #5bd6de; */
    color: #5bd6de;
    /* border-bottom: 5px solid #5bd6de;
  padding-bottom: 3px; */
}

.sortable thead i {
    display: none;
}

th.ascending .bi-arrow-up {
    display: inline;
}

th.descending .bi-arrow-down {
    display: inline;
}

.bg-dark {
    background-color: #262626 !important;
}

.dropzone {
    border: 1px dashed #20d489 !important;
    background-color: #e4fff4 !important;
    border-radius: .65rem !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

header .navbar .nav-item a.nav-link:hover,
header .navbar .nav-link.active {
    color: #20d489 !important;
}

.sidenav {
    font-family: "Roboto", sans-serif;
}

.sidenav li.nav-item {
    font-size: 15px;
    font-weight: 500;
}

.sidenav a.nav-link {
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 28px;
}

main .nav-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

main .nav-link:hover {
    background-color: #fce49c;
}

main .nav-pills .nav-link.active {
    background-color: #5bd6de;
}

.avatar {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.avatar:hover {
    box-shadow: 0 0 0 3px #ddd;
}

.tooltip[aria-hidden="false"] {
    opacity: 0.5;
}

.tooltip1 {
    min-width: 700px !important;
}

/* The popup form - hidden by default */
.form-popup {
    display: none;
    position: fixed;
    top: 53px;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9999;
}

/* Add styles to the form container */
.form-container {
    max-width: 300px;
    padding: 10px;
    background-color: white;
}

table a {
    text-decoration: none;
}

table a:hover {
    text-decoration: underline;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    visibility: hidden;
    z-index: 2000;
}

.show {
    visibility: visible;
}

.overlay.show {
    opacity: 1;
}

#myBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
}

div.charttooltip {
    position: absolute;
    /* text-align: center;	 */
    width: 550px;
    height: 300px;
    /* padding: 2px;	 */
    /* font: 12px sans-serif;	 */
    /* background: white;	 */
    /* border: 2px solid lightgrey;					 */
    /* border-radius: 5px; */
    z-index: 99;
    /* -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7)); */
}

#commentform.hide {
    display: none;
}

#editcomment.hide {
    display: none;
}

#comments.hide {
    display: none;
}

/* d3.js */
g.legend:hover .child:hover {
    cursor: pointer;
}

g.legend:hover .child:not(:hover) {
    fill-opacity: 0.2;
}

g.legend:hover .child:not(:hover) circle {
    fill-opacity: 0.2;
    stroke-opacity: 0.2;
}

.gmoney path {
    fill: none;
    stroke-width: 3;
    stroke-opacity: 0.5;
}

.gmoney path:hover {
    stroke-width: 5;
    stroke-opacity: 1;
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}

.dotmoney circle {
    fill-opacity: 0.5;
    stroke-opacity: 0.5;
    display: none;
}

.bluedot circle {
    /* fill: #3d7afe; */
    stroke: #0000ff;
    /* fill: lightgrey;
  stroke: grey; */
    stroke-width: 2;
}

.orangedot circle {
    fill: #fdaa48;
    stroke: #fa7308;
    stroke-width: 2;
}

.reddot circle {
    fill: #ff464c;
    stroke: #e50101;
    stroke-width: 2;
}

.tn circle {
    fill: #3d7afe;
    fill-opacity: 0.7;
    stroke: #e06666;
    stroke-width: 5;
}

.tp circle {
    fill: #3d7afe;
    fill-opacity: 0.3;
    stroke: #0000ff;
    stroke-opacity: 0.3;
    stroke-width: 2;
}

.fp circle {
    fill: #3d7afe;
    fill-opacity: 0.7;
    stroke: #f7b26b;
    stroke-width: 5;
}

.fn circle {
    fill: #3d7afe;
    fill-opacity: 0.7;
    stroke: #94c47d;
    stroke-width: 5;
}

.grid line {
    stroke: darkgrey;
    stroke-opacity: 0.7;
    stroke-dasharray: 4, 2;
    shape-rendering: crispEdges;
}

.grid path {
    stroke-width: 0;
}

.tick {
    font-size: 14px;
}

.controllimit line {
    stroke: #ffe36d;
    stroke-width: 4;
    stroke-dasharray: 10, 5;
}

.controllimit rect {
    fill: #ffe36d;
}

.controllimit text {
    fill: black;
}

.speclimit line {
    stroke: #fca79d;
    stroke-width: 4;
    stroke-dasharray: 10, 5;
}

.speclimit rect {
    fill: #fca79d;
}

.speclimit text {
    fill: black;
}

.xbar line {
    stroke: #000;
    stroke-opacity: 0.7;
    stroke-width: 4;
    stroke-dasharray: 10, 5;
}

.xbar rect {
    fill: black;
}

.xbar text {
    fill: white;
}

.focus line {
    stroke: #000;
    stroke-width: 2;
    stroke-dasharray: 2, 2;
}

.focus rect {
    fill: #3d7afe;
    /*#3d7afe; */
    stroke: black;
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}

.focus text {
    fill: white;
}


.outlier line {
    stroke-width: 12;
    stroke: red;
    stroke-opacity: 0.3;
    fill: none;
}

/* Infinite Scrolling with Sentinel */
.cat-list {
    overflow: scroll;
    list-style-type: none;
    padding: 0;
    overflow-y: scroll;
}

.cat-tile {
    background-color: #ddd;
    margin: 10px 0;
    height: 895px;
    width: 100%;
}