/**
 * Contains the Google Maps styles for Danube Stream.
 * 
 * @category    CodeIgniter
 * @package     Template
 * @subpackage  Stylesheet
 * @author      Karoly Ivan <karoly.ivan@rsoe.hu>
 * @copyright   (c) 2016, RSOE
 */ 

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Next button */
.danube-stream-map {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 0;
}

    /* Map styles */
    .danube-stream-map .map {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    /* Home button style   */
    .danube-stream-map .gomb {
        position: absolute;
        display: block;
        font-size: 26px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0 0 0 1px black;
        z-index: 1;
        top:25%;
        left:1.5%;
        border-radius: 40%;
    }

    /* about geojson (riverkm-s) */
    .danube-stream-map .info-box {
        background-color:#0c4490;
        color:#0c4490;
        bottom: 115px;
        height: 55px;
        padding: 10px;
        position: absolute;
        z-index: 2;
        font-weight: bold;
        border-radius: 10%;
        text-align: center;
        text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;        
      }
/* marker popup style */
.danube-stream-map .popup {
    /*    background-color:rgba(255,255,255,0.7); */
        max-width:45%;
        color:black;
        position: absolute;
        z-index: 10000;
        font-size: 15px;
        border-radius: 10px;
        padding-bottom: 10px;     
      }

div#popup.popup img {
    margin-left:45%; 
    margin-top:2%; 
    border-radius:100px; 
    padding:3px;
}
div#popup.popup b {
    color:#f5f5f5; 
    margin:-10px; 
    padding:7px;
    border-radius:4px; 
    background-color:#2F66B2;
}
div#moreInf.col-xs-12{
    margin: 5px;
}
div#moreInf.col-xs-5{
    margin: 5px;
}

.leaflet-popup {
    display: none !important;
}

/* .danube-stream-map .popuparrow {

        color:black;
        position: absolute;
        z-index: 3;
        border-width: 10px;
        border-style: solid;
        border-color: white transparent transparent transparent;         
      }  */

/* Small devices (tablets, 768px and up) */
@media (max-width: 758px) {
    div.panel-body div.row div.col-xs-6 { 	
    font-size: smaller;
    }
    div.panel-body div.row div.col-xs-5 { 	
        font-size: smaller;
        }
    .danube-stream-map .popup {
        max-width:65%;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 758px) {


}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    


}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {    
    


}