/* SVN FILE: $Id: _indexNetwork.css 191 2016-06-03 09:38:41Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 191 $
 * @date                $Date: 2016-06-03 11:38:41 +0200 (ven., 03 juin 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/tripalium/trunk/protected/modules/media/assets/media/index/_indexNetwork.css $
 */

#RWMapWrapper {
    margin-top: 50px;
    padding: 0;
    height: auto;
}
@media (min-width: 768px) {
    #RWMapWrapper {
        margin-top: -1px;
    }
}

/* Map ---------------------------------------------------------------------- */
#RWMap {
    position: relative;
    padding: 100px 15px 80px 15px;
    height: auto;
    width: auto;
    overflow: hidden;
}
@media (min-width: 768px){
    #RWMap {
        padding: 0;
        height: 416px; /* +30% : 320px * 1.3 */
    }
}
@media (min-width: 992px){
    #RWMap  {
        height: 520px; /* +30% : 400px * 1.3 */
    }
}
@media (min-width: 1200px){
    #RWMap {
        height: 624px; /* +30% : 480px * 1.3 */
    }
}
@media (min-width: 1400px){
    #RWMap {
        height: 728px; /* +30% : 560px * 1.3 */
    }
}
    /* Controls */
    #RWMap .leaflet-control-container .leaflet-left.leaflet-top
    {
        padding-top: 5px;
    }
    #RWMap .leaflet-control-container div
    {
        box-shadow: none;
        border: none; /* for mobile */
    }
    #RWMap .leaflet-control-container a
    {
        background-color: transparent;
        background-image: none;
        border: none;
        height: 28px;
        width: 28px;
        display: block;
        margin-bottom: 5px;
        text-indent: 0px;
    }
    #RWMap .leaflet-control-container svg
    {
        height: 28px;
        width: 28px;
    }
    #RWMap .leaflet-disabled svg.picto
    {
        opacity: 0.3;
    }

/* Leaflet : MarkerCluster Plugin */
#progress
{
    display: none;
    position: absolute;
    z-index: 1000;
    left: 400px;
    top: 300px;
    width: 200px;
    height: 20px;
    margin-top: -20px;
    margin-left: -100px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 2px;
}
    #progress-bar
    {
        width: 0;
        height: 100%;
        background-color: #76A6FC;
        border-radius: 4px;
    }
.marker-cluster
{
    background-clip: padding-box;
    border-radius: 20px;
}
.marker-cluster div
{
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font-size: 12px;
    font-family: 'FontFaceBold', Arial, Helvetica, sans-serif;
}
    .marker-cluster span
    {
        line-height: 30px;
    }