/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-jan-04, 02:13:25
    Author     : aron@itcm.se
*/

.widget-map {
    position: relative;
    width: 100%;
    background-color: rgb(202, 209, 212);
}

.widget-map .widget-map-canvas {
    position: relative;
    width: 75%;
    float: left;
    clear: left;
}

.widget-map .widget-map-info {
    position: relative;
    float: left;
    width: 25%;
    padding: 30px;
}

.widget-map .widget-map-info .map-search {
    border: 2px solid #333;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    line-height: 14px;
    width: 70%;
    padding-left: 5px;
    padding-right: 5px;
    margin:0;
    background-color: #ffffff;
}

.widget-map .widget-map-info .map-submit {
    border: 2px solid #333;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    width: 28%;
    line-height: 14px;
    padding-left: 5px;
}

.widget-map .widget-map-info .marker-info {
    margin-top: 20px;
    position: relative;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;
}




@media (max-width: 768px) {
    .widget-map .widget-map-canvas {
        width: 100%;
        clear: both;
        float: none;
    }

    .widget-map .widget-map-info {
        width: 100%;
        float: none;
    }
}