@charset "UTF-8";
@font-face {
    font-family: Aquasys;
    font-weight: normal;
    src: url("../../fonts/ggaquasys-text-webfont.woff2") format("woff2");
}

@font-face {
    font-family: Aquasys;
    font-weight: bold;
    src: url("../../fonts/ggaquasys-medium-webfont.woff2") format("woff2");
}

@font-face {
    font-family: Aquasys;
    font-weight: lighter;
    src: url("../../fonts/ggaquasys-light-webfont.woff2") format("woff2");
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    font-family: 'Aquasys';
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    height: 100vh;
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    background-color: #DEF8FF;
}

/* .autoScroll {
    position: relative;
    top: 0;
    left: 0;
    white-space: nowrap;
    animation-name: bounce;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
  
@keyframes bounce {
    0% {  transform: translateX(10%)    }
    50%   {  transform: translateX(-100%) }
    100% {  transform: translateX(10%)    }
}   */


.padding-1 {
    padding: 5px;
}

.padding-top-1 {
    padding-top: 5px !important;
}

.padding-left-1 {
    padding-left: 5px !important;
}

.padding-right-1 {
    padding-right: 5px !important;
}

.padding-bottom-1 {
    padding-bottom: 5px !important;
}

.padding-2 {
    padding: 10px;
}

.padding-top-2 {
    padding-top: 10px !important;
}

.padding-left-2 {
    padding-left: 10px !important;
}

.padding-right-2 {
    padding-right: 10px !important;
}

.padding-bottom-2 {
    padding-bottom: 10px !important;
}

.margin-1 {
    margin: 5px;
}

.margin-top-1 {
    margin-top: 5px !important;
}

.margin-left-1 {
    margin-left: 5px !important;
}

.margin-right-1 {
    margin-right: 5px !important;
}

.margin-bottom-1 {
    margin-bottom: 5px !important;
}

.margin-2 {
    margin: 10px;
}

.margin-top-2 {
    margin-top: 10px !important;
}

.margin-left-2 {
    margin-left: 10px !important;
}

.margin-right-2 {
    margin-right: 10px !important;
}

.margin-bottom-2 {
    margin-bottom: 10px !important;
}

#app {
    padding: 70px 0 70px 0;
    /* overflow-x: hidden; */
}

.hide {
    visibility: hidden;
}

.modal {
    background-color: white;
    border: 2px solid #000;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%),
        0px 5px 8px 0px rgb(0 0 0 / 14%),
        0px 1px 14px 0px rgb(0 0 0 / 12%);
    margin: 10px auto;
    bottom: inherit;
    height: 90vh;
    width: 90vw;
    overflow-y: auto;
}

.MuiOutlinedInput-root.Mui-disabled.Mui-error > fieldset {
    border-color: #F32525;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.valueLabel {
    font-size: 20;
}

.borderTop-Grey {
    border-top: 1px solid grey;
}

.borderTop-LightGrey {
    border-top: 1px solid lightgrey;
}

.borderBottom-Grey {
    border-bottom: 1px solid grey;
}

.borderBottom-LightGrey {
    border-bottom: 1px solid lightgrey;
}

.clickable {
    cursor: pointer;
}

.overflowY {
    overflow-y: auto !important;
}

#toast-container>div {
    opacity: 1 !important;
}

.MuiOutlinedInput-input,
.MuiOutlinedInput-root {
    background-color: transparent;
}

.MuiOutlinedInput-input.green,
.MuiOutlinedInput-root.green {
    background-color: green;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.noMargin {
    margin: 0;
}

.value {
    font-size: 22;
}

.center {
    text-align: center;
}

/* Style for precipitation aggrid headers */
div.ag-header-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

span.ag-header-cell-text {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
    text-align: center;
    width: 100%;
    font-size: medium;
}

/* Style for precipitation aggrid cells */
div.ag-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ag-cell-wrapper {
    justify-content: flex-end !important;
}

/* Map styles ---> */

#ol-map {
    width: 100%;
    /* Firefox */
    height: -moz-calc(100% - (70px + 70px));
    /* WebKit */
    height: -webkit-calc(100% - (70px + 70px));
    /* Opera */
    height: -o-calc(100% - (70px + 70px));
    /* Standard */
    height: calc(100% - (70px + 70px));
    border-bottom: 1px solid grey;
}

.ol-little-map {
    width: 100%;
    min-height: 200;
}

#ol-admin-map {
    width: 100% !important;
    height: 100%;
    border-bottom: 1px solid grey;
}

.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 15 15 15 20;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    width: max-content;
}

.ol-popup:after,
.ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-closer:after {
    content: "✖";
}

div.ol-rotate {
    top: 5em;
    left: 0.5em;
    right: unset;
}

/* <--- Map styles */

fieldset {
    border-radius: 5px;
}

legend {
    padding: 0 4px;
}

#badgeAuths>span {
    margin-right: 5px;
}

#bagdeCurrent>span {
    margin-right: 35px;
    height: 30;
}

.blue-text {
    color: #2196F3 !important;
}

.MuiAutocomplete-popper {
    z-index: 99999 !important;
}

.MuiTooltip-tooltip {
    white-space: pre-wrap;
}

div.MuiAccordion-root.Mui-expanded {
    margin: 0;
}

div.MuiAccordionSummary-content.Mui-expanded {
    margin: 12px 0;
}

body>iframe[style*='2147483647'] {
    display: none;
}