/**
 * 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: support.mondialrelay@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:
 *            support.mondialrelay@common-services.com
 * ...........................................................................
 *
 * @package   Mondial Relay Advanced
 * @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.mondialrelay@common-services.com
 */

.pull-right {
    float: right;
}

#mr_overlay {
    background-color: black;
    opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    filter: alpha(opacity=75);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 6000;
}

#mr_box_hors {
    display: none;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position: fixed;
    background: #fbfbfb;
    top: 50%;
    width: 950px;
    height: 645px;
    margin-left: -475px;
    margin-top: -350px;
    left: 50%;
    right: 50%;
    padding: 20px;
    z-index: 6001;
    text-align: left;
    font: normal 11px/14px Arial, Verdana, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}

#mr_delivery_point::-webkit-scrollbar {
    width: 10px;
}
#mr_delivery_point::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
#mr_delivery_point::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
#mr_delivery_point::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

#mr_box_hors button.btn-mr {
    color: #fff;
    background-color: #CA0047;
    border-color: #CA0047;
}

#mr_box_hors #mr_delivery_point button.btn-mr {
    padding: 0 3px;
    font-size: inherit;
    border-radius: 3px;
    margin-right: 5px;
}


#mr_box_hors .mr_home {
    width: 50px;
    float: left;
    margin-right: 10px;
}

#mr_box_hors .mr_search {
    float: left;
    width: 85%;
}

#mr_box_hors .mr_search .mr_search_text {
    font-size: 1.8em;
    position: relative;
    margin-bottom: 10px;
}

#mr_box_hors #mr_search_button {
    width: 100px;
    text-align: center;
}

#mr_box_hors .mr_search #mr_search_input {
    width: 60%;
    height: 27px;
    float: left;
    color: black;
    font-size: 13px;
    padding: 0 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#mr_box_hors .mr_search #mr_search_button {
    height: 27px;
}

#mr_box_hors button.exclusive {
    position: relative;
    display: inline-block;
    padding: 5px 7px;
    border: 1px solid #cc9900;
    font-weight: bold;
    color: black;
    background: #f4b61b;
    cursor: pointer;
    white-space: normal;
    text-align: left;
    margin-left: 10px;
}

#mr_box_hors .mr_logo {
    float: left;
}


#mr_box_hors .mr_separator {
    height: 1px;
    border-bottom: 1px solid #CFCECE;
    margin: 15px auto 15px auto;
    width: 100%;
    background-color: gainsboro;
    opacity: 0.37;
    -moz-opacity: 0.37;
    -khtml-opacity: 0.37;
    filter: alpha(opacity=37);
}

#mr_box_hors .clearfix {
    clear: both;
}

#mr_box_hors #mr_delivery_point, #mr_box_hors #mr_delivery_point_info {
    float: left;
    width: 30%;
    height: 500px;
    overflow: auto;
    background-color: white;
    border: 1px solid gainsboro;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
}

#mr_box_hors #mr_delivery_point_info {
    display: none;
    padding: 10px;
    position: relative;
}

#mr_box_hors #mr_delivery_point div {
    padding-left: 5px;
}
#mr_box_hors #mr_delivery_point div.mr_pickup:hover {
    background-color: gainsboro;
}

#mr_box_hors #mr_delivery_point #mr_no_points {
    font-size: 2em;
    color: black;
    padding: 10px;
    line-height: 1em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#mr_box_hors #mr_map {
    float: right;
    width: 69%;
    height: 500px;
    box-sizing: border-box;
}

#mr_box_hors .mr_pickup {
    border-bottom: 1px solid gainsboro;
    padding: 10px 0;
    cursor: pointer;
}

#mr_box_hors .mr_pickup .distance {
    float: right;
    padding-right: 5px;
}

#mr_box_hors .mr_pickup .lgadr1 {
    font-weight: bold;
    font-size: 1.2em;
}

#mr_box_hors #mr_map .mr_info_window {
    min-width: 170px;
}

#mr_box_hors #mr_map .mr_info_window .lgadr1, #mr_box_hors #mr_delivery_point_info .mr_pickup_presentation .lgadr1 {
    color: #138913;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2em;
}

#mr_box_hors #mr_map .mr_info_window .distance, #mr_box_hors #mr_delivery_point_info .mr_pickup_presentation .distance {
    display: none;
}

#mr_box_hors #mr_map .mr_pickup_button {
    padding-top: 10px;
}

#mr_box_hors #mr_map .mr_pickup_button .mr_pickup_button_info {
    float: left;
}
#mr_box_hors #mr_map .mr_pickup_button .mr_pickup_button_select {
    float: right;
}

#mr_box_hors #mr_map .mr_pickup_button .exclusive, #mr_box_hors #mr_map .mr_pickup_button .exclusive {
    margin-left: 0;
}

#mr_box_hors #mr_delivery_point_info .mr_pickup_presentation, #mr_box_hors #mr_delivery_point_info .mr_pickup_itinerary {
    margin-bottom: 20px;
}

#mr_box_hors #mr_delivery_point_info .mr_itinerary_title, #mr_box_hors #mr_delivery_point_info .mr_schedule_title {
    font-weight: bold;
    font-size: 1.2em;
}

#mr_box_hors #mr_delivery_point_info .mr_itinerary td {
    padding: 9px 10px;
    text-align: left;
}

#mr_box_hors #mr_delivery_point_info #mr_presentation_buttons {
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
    width: 91%;
}

#mr_box_hors #mr_delivery_point_info #mr_presentation_buttons #mr_select_pr {
    float: right;
}

#mr_box_hors #mr_delivery_point_info #mr_schedule table {
    margin-top: 10px;
    color: black;
}

#mr_box_hors #mr_delivery_point_info #mr_schedule table td {
    padding: 7px 8px 7px 8px;
}

#mr_box_hors #mr_delivery_point_info #mr_schedule table,
#mr_box_hors #mr_delivery_point_info #mr_schedule th,
#mr_box_hors #mr_delivery_point_info #mr_schedule td {
    border: 1px solid gainsboro;
}

#mr_box_hors #mr_delivery_point_info #mr_schedule table tr td:nth-child(2),
#mr_box_hors #mr_delivery_point_info #mr_schedule table tr td:last-child {
    width: 87px;
}

div.mr_delivery_sumup {
    margin-bottom: 10px;
    border: 1px solid gainsboro;
    background-color: white;
    padding: 10px 10px 0 10px;
}

div.mr_delivery_sumup div:first-child {
    float: left;
    width: 20%;
    text-align: center;
}

div.mr_delivery_sumup div:nth-child(2) {
    float: left;
    width: 80%;
}

div.mr_delivery_sumup div:nth-child(2) .lgadr1 {
    color: green;
    font-weight: bold;
}

.mr_opacity_loading {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
}

@media (width: 768px), (height: 1024px) {
    #mr_box_hors #mr_map {
        width: 100% !important;
        height: 45% !important;
    }

    #mr_box_hors #mr_delivery_point, #mr_box_hors #mr_delivery_point_info {
        width: 100% !important;
    }
}

@media (max-height: 700px) {

    #mr_box_hors {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0%;
        left: 0%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #mr_box_hors .mr_home, #mr_box_hors .mr_search_text, #mr_box_hors .mr_logo, #mr_box_hors .mr_separator,
    #mr_box_hors .mr_pickup_presentation, #mr_box_hors .mr_pickup_itinerary, #mr_box_hors .mr_schedule_title {
        display: none;
    }

    #mr_box_hors #mr_map, #mr_box_hors #mr_delivery_point, #mr_box_hors #mr_delivery_point_info {
        height: 90%;
    }

}

@media (max-height: 736px), (max-height: 700px) {
    /* iPad */
    #mr_box_hors #mr_map, #mr_box_hors #mr_delivery_point, #mr_box_hors #mr_delivery_point_info {
        height: 93% !important;
    }
}

@media (max-width: 970px) {

    #mr_box_hors {
        width: 100%;
        height: 100%;
        margin: 0px;
        top: 0%;
        left: 0%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #mr_box_hors .mr_home, #mr_box_hors .mr_search_text, #mr_box_hors .mr_logo, #mr_box_hors .mr_separator {
        display: none;
    }

    #mr_box_hors #mr_map {
        width: 45%;
    }

    #mr_box_hors #mr_delivery_point, #mr_box_hors #mr_delivery_point_info {
        width: 54%;
    }

    #mr_box_hors .mr_pickup_presentation, #mr_delivery_point_info > div.mr_pickup_itinerary > table > tbody > tr > td:nth-child(3) {
        display: none;
    }

}

@media (max-width: 700px) {
    div.mr_delivery_sumup {
        padding: 10px;
    }

    div.mr_delivery_sumup > div:nth-child(1) {
        display: none;
    }

    #mr_map {
        display: none;
    }

    #mr_box_hors #mr_delivery_point {
        width: 100% !important;
        height: inherit;
    }

    #mr_box_hors #mr_search_button {
        padding: 5px 0;
        margin-left: 0;
        width: 95px;
    }
}