/* Main container: it will be split hotizontally */

html,
body {
    padding:0;
    width:100%;
    height:100%;
}

.container {
    /*height:100%;*/
    /*height: 100vh*/
    /* background: green */
}

.fill{
    width:100%;
    height:100%;
    min-height:100%;
    background-color:#990000;
    padding:10px;
    color:#efefef;
}

/*#panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}*/

/* Panel top contains map and attributes: it will be split vertically*/
/*#panel-top {
    height: 100%;
    display: flex;
    flex-direction: row;
    background: #aaaaaa;
}*/


/*.row {min-height: 50vh;}*/

#navbar {
	line-height: 50px;
	margin: 0;
	padding: 0; }

#panel-map {
    background-color: black;
    min-height: 150px;
    max-height: 100% !important;
    /*resize: vertical;*/
    /*overflow: hidden;*/
    /*min-height: 100vh;*/
/*    width: 100%;
    height: 100%;*/
    /*position:absolute;*/
    /*flex: 0 0 auto;*/
    /* only manually resize */
    /*padding: 1px;*/
    /*width: 70%;*/
    /*height: 500px;*/
    /*height: 100%;*/
    /*min-width: 150px;*/
    /*white-space: nowrap;*/
    /*background: #aaaaaa;*/
    /*color: white;*/
}

#accordion {
    max-height: 100%
}

#panel-right {
    
    /*position: fixed;*/
}

.c3-chart-lines .c3-circles .c3-circle {
    display: none;
}

/*#graph_by_map_div {
    width:100%;
    height:100%;
    position: absolute;
    border: 1px dotted silver;
}*/

/* Map */
/*.map {
    clear: both;
    position: relative;
    width: 768px;
    height: 500px;
    border: 1px solid black;
    overflow-y: visible;
}*/

.splitter-vertical {
    flex: 0 0 auto;
    width: 18px;  
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;
    min-height: 100px;
    cursor: col-resize;  
}

.splitter-horizontal {
    flex: 0 0 auto;
    height: 18px;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/hsizegrip.png) center center no-repeat #535353;
    cursor: row-resize;
}


/*pre {
  margin: 20px;
  padding: 10px;
  background: #eee;
  border: 1px solid silver;
  border-radius: 4px;
  overflow: auto;
}*/

/* Close button */
.close_button {
    position: absolute;
    right: 5px;
    /*float:right;*/
    /*display:inline-block;*/
    padding:2px 5px;
    background:#fff;
    z-index: 1;
}

.card-content-pad20{
    padding: 20px;
}

/* Table */
.td {
    padding: 1px;
}

td.min {
    width: 1%;
    white-space: nowrap;
}

/* Forms */
.form {
    margin: 0.5em;
}

.form-group {
    margin: 0.5em;
}

.form-check-label {
    padding-left: 0.5rem;
}

/* Popups */
.ol-viewport {
    height: 100%;   
}

.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}
.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: "✖";
}

/* Graphs */
.axis--x path {
  display: none;
}

.c3-line {
    stroke-width: 2px;
}

/* Carousel */
.carousel, .item {
   max-width: 100%;
}
.carousel-inner {
    max-width: 100%;
}

/*.carousel-inner > .item > img {
    margin: 0 auto;
    min-height: 200px;
    min-height: 200px;
}*/

.carousel-inner>.carousel-item>img, .carousel-inner>.carousel-item>a>img {
        display: block;
        height: auto;
        max-height: 500px;
        max-width: 50%;
        line-height: 1;
        margin:auto;
        /*width: 100%;*/
}

.carousel-caption {
    top: 0;
    bottom: auto;
    padding-top: 2px;
}

#carousel {
    margin-bottom: 2px;
    /*background-color: #000;*/
}


.carousel-control-prev-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%45aaaaaa' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%45aaaaaa' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Graphs */
/*.c3-chart-lines .c3-circles .c3-circle {
    display: none;
}*/

.zoom {
  cursor: move;
  fill: none;
  pointer-events: all;
}

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 1.5px;
	clip-path: url(#clip);
}

.chart {
    width: 100%; 
    min-height: 450px;
}


/*.chart{
  width: 100%;
  height: 100%;
}*/

/* Modal */
#myModal {
    display: block;
    z-index: 10000000 !important;
}

.modal-open {
    overflow: inherit;
}

/* Comparative stats */
.val_lower {
    color: #00dd22
}
.val_same {
    color: #f80;
}
.val_higer {
    color: #dd0022    
}

.labels-onoff {
    top: 65px;
    left: .5em;
}
.ol-touch .rotate-north {
    top: 80px;
}

.footer_logo {
    text-align: center;
}

.card-link {
    text-decoration: none;
}

#footer-1, #footer-2a, #footer-2b, #footer-3 {
    margin-bottom: 5px;
}