/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to a commercial license from Common-Services Co., Ltd.
 * Use, copy, modification or distribution of this source file without written
 * license agreement from the SARL SMC is strictly forbidden.
 * In order to obtain a license, please contact us: contact@common-services.com
 * ...........................................................................
 * INFORMATION SUR LA LICENCE D'UTILISATION
 *
 * L'utilisation de ce fichier source est soumise a une licence commerciale
 * concedee par la societe Common-Services Co., Ltd.
 * Toute utilisation, reproduction, modification ou distribution du present
 * fichier source sans contrat de licence ecrit de la part de la Common-Services Co. Ltd. est
 * expressement interdite.
 * Pour obtenir une licence, veuillez contacter Common-Services Co., Ltd. a l'adresse: contact@common-services.com
 * ...........................................................................
 *
 * @package   So Colissimo Flexibilite
 * @author    Alexandre D.
 * @copyright Copyright (c) 2011-2015 Common Services Co Ltd - 90/25 Sukhumvit 81 - 10260 Bangkok - Thailand
 * @license   Commercial license
 * Support by mail  :  support.soflexibilite@common-services.com
 */

.soflexibilite_overlay {
    background-color: black;
    opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    filter: alpha(opacity=75);
}

.so_box {
    background: #fbfbfb;
    width: 950px;
    height: 645px;
    height: auto;
    margin-left: -475px;
    margin-top: -350px;
    padding: 20px;
    text-align: left;
    font: normal 11px/14px Arial, Verdana, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#button-selector, #gmap {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#main-selector:hover, #so_box_hors #selector ul li:hover {
    background-color: #fbfbfb;
}

#so_box_hors, #so-search > input {
    color: #777777;
}

#so_box_hors .so-separator {
    height: 1px;
}

#information-pr {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#so_box_hors .selectBox {
    width: 350px;
    height: 425px;
    overflow: auto;
    background-color: white;
    border: 1px solid gainsboro;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#so_box_hors #points div {
    border-bottom: 1px solid gainsboro;
}

#so_box_hors #points div:hover {
    background-color: gainsboro;
    cursor:pointer;
}

/* LE CSS DU SELECT */
#so_box_hors #super-selector {
    position:relative;
    width:350px;
    height:60px;
    background-color: white;
}

#so_box_hors #selector {
    background-color: white;
    border: 1px solid #ccc;
    width:100%;
    position:relative;
    top:65px;
    overflow:hidden;
    display:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#so_box_hors #selector ul li:hover {
    background-color: gainsboro;
    cursor:pointer;
}

.so-bold {
    font-weight: bold;
    height: 25px;
}

#so_box_hors #gmap div {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#so_box_hors #gmap .so-info-libelle {
    font-weight: bold;
    font-size: 1.2em;
}

#so_box_hors #gmap .so-info-adresse, #so_box_hors #gmap .so-info-cpt {
    font-weight: normal;
}

/***********************
   Responsive / Mobile
***********************/
@media (max-width: 800px) {
    #so_box_hors .infoButton {
        visibility: hidden;
        display: none;
    }
}

@media (max-width: 1024px), (max-height: 660px) {
    .so_box {
        display: none;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: 0;
        width: 100%;
        height:100%;
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-clip: padding-box;
        border: none;
        padding: 5px;
    }

    #so_box_hors .socolissimoLogo {
        display: none;
        visibility: hidden;
    }

    #so_box_hors #super-selector {
        position: relative;
        width: 35%;
        height: 60px;
        background-color: whitesmoke;
        float: none;
        top: 0;
    }

    #so_box_hors #button-selector {
        position: relative;
        top: 0px;
        font-style: normal;
        cursor: pointer;
        border: 2px outset buttonface;
        width: 100%;
        height: 60px;
        background: transparent;

    }

    #so_box_hors .keep-left {
        width: 35%;
        height: 75%;
    }

    #so_box_hors .so-dt-search, #so_box_hors .so-home, #so_box_hors .so-separator,
    #so_box_hors .picto, #so_box_hors #mapPanel, #so_box_hors .so-hd-search {
        display: none;
    }

    #so_box_hors #so-search .so-search-button {
        font-weight: normal;
        width: 100px;
        height: 34px;
        margin: 8px 0px 0 -80px;
        font-size: 1.4em;
    }

    #so_box_hors .selectBox {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }

    #so_box_hors #information-pr {
        width: 94%;
        height: 98%;
        overflow-x: hidden;
    }

    #so_box_hors #gmap {
        position: fixed;
        border: 1px solid silver;
        width: 60%;
        height: 87%;
        right: 5px;
    }

    #so_box_hors .so-info-itinerary {
        margin: 0;
    }

    #so_box_hors #soflex-search {
        position: relative;
        text-align: center;
        margin-top: -42px;
        margin-left: 85%;
        width: 0;
        height: 0;
    }
}