/**
 * 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
 * ...........................................................................
 *
 * @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
 */

#soflexibiliteModalLongTitle {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.modal-dialog-centered {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

.sf_mode_selection * {
    cursor: pointer;
}

.pac-container {
    z-index: 10000 !important;
}

#sf-modal-dialog{
    max-width: 80%;
    width: 80%;
}

#sf-modal-dialog .modal-content {
    height: 90%;
}

#sf-modal-dialog .modal-body,
#sf-modal-dialog .modal-body > .row,
#sf-modal-dialog .modal-body > .row .sf_gmaps {
    height: 100%;
}

#sf_gmaps {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

#uniform-sf_filter_bpr,
#uniform-sf_filter_a2p {
    display: inline-block;
}

#sf_sumup_final .input-group {
    margin: 0 0 10px;
}

#sf_sumup_final .input-group input {
    background-color: #ffffff;
    color: #232323;
    border: 1px solid gainsboro;
}

#sf_sumup_final .input-group img {
    width: 16px;
    max-width: 16px;
    height: 16px;
    max-height: 16px;
}

.soflexibilite.delivery-option {
    padding: 15px !important;
}

.soflexibilite.sumup_logo {
    float: right;
    width: 24px;
}

/* Search control */
.sf-controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 40px;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

#sf-pac-input,
#sf-points-list {
    background-color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 13px;
    text-overflow: ellipsis;
    width: 50%;
}

#sf-points-list {
    background-color: transparent;
    box-shadow: none;
    width: 20%;
    height: 85%;
    padding: 0;
}

#sf-points-list-items {
    background-color: #ffffff;
    padding: 0;
    overflow-y: auto;
    height: 90%;
    height: calc(100% - 45px);
}

#sf-points-list-items > div:hover {
    background-color: whitesmoke;
}

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

#sf-points-list > div {
    /*padding: 13px;*/
    /*border-bottom: 1px solid gainsboro;*/
    cursor: pointer;
}

.sf_address_name > img {
    float: right;
    width: 16px;
}

#sf-points-list-items > div,
#point-list-toggle,
#point-list-filter {
    padding: 13px;
    border-bottom: 1px solid gainsboro;
}

#point-list-toggle,
#point-list-filter {
    background-color: #ffffff;
    height: 45px;
}

#point-list-filter {
    display: none;
    margin-bottom: 10px;
    margin-right: 10px;
}

#point-list-filter input[type="checkbox"] {
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    padding: 10px;
    vertical-align: middle;
}

input#sf_filter_bpr {
    margin-left: 10px;
}

#point-list-toggle .badge.badge-primary.count {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
    padding: 1px 5px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    letter-spacing: .0625em;
}

#point-list-toggle > img,
.sf_select,
.sf_address_distance {
    float: right;
    /*max-width: 15px;*/
}

.sf_infos,
.sf_select {
    padding: .25rem .5rem;
    font-size: initial;
    font-weight: initial;
    /*border-radius: initial;*/
    box-shadow: initial;
    text-transform: initial;
}

.sf_direction_drive,
.sf_direction_bike,
.sf_direction_walk {
    float: right;
    margin-left: 5px;
}

.sf_table_times td:nth-child(1) {
    font-weight: bold;
}

.sf_table_times td:nth-child(2),
.sf_table_times td:nth-child(3) {
    text-align: center;
}

#sf-points-list > div > p {
    margin-bottom: 0;
}

#sf-pac-input:focus {
    border-color: #4d90fe;
}

#sf-center-button,
#sf-close-button {
    margin-right: 10px;
}

#sf-center-button,
#sf-pac-button,
#sf-close-button {
    margin-top: 10px;
    height: 40px;
}

#sf-close-button {
    width: 40px;
}

#sf-pac-button {
    min-width: 130px;
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
        height: calc(100% - (1.75rem * 2));
    }
}

/*
  ##Device = Small laptop, screen
  ##Screen = B/w 769px to 1540
*/

@media (min-width: 1291px) and (max-width: 1540px) {

    #sf-pac-input {
        width: 40%;
    }

}

@media (min-width: 1025px) and (max-width: 1290px) {

    #sf-pac-input {
        width: 25%;
    }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    body#checkout .modal-content {
        padding: 0;
    }

    #sf-modal-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        margin: 0;
    }

    #sf-modal-dialog .modal-content {
        height: 100%;
    }

    #sf-pac-input,
    #sf-points-list {
        width: 26%;
    }

    #sf-center-button,
    .gm-fullscreen-control {
        display: none;
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768.99px) and (max-width: 1024.99px) and (orientation: landscape) {

    body#checkout .modal-content {
        padding: 0;
    }

    #sf-modal-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        margin: 0;
        display: unset;
    }

    #sf-modal-dialog .modal-content {
        height: 100%;
    }

    #sf-pac-input {
        width: 40%;
    }

    #sf-points-list {
        width: 19%;
    }

    .gm-fullscreen-control {
        display: none;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    body#checkout .modal-content {
        padding: 0;
    }

    #sf-modal-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        margin: 0;
        display: inline;
    }

    #sf-modal-dialog .modal-content {
        height: 100%;
    }

    #sf-center-button,
    .sf_direction_drive,
    .sf_direction_bike,
    .sf_direction_walk,
    .gm-fullscreen-control,
    .gm-svpc {
        display: none;
    }

    #sf-pac-input {
        margin-left: 0;
    }

    .gm-style-mtc {
        display:none;
    }

    #sf-points-list {
        width: 40%;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    body#checkout .modal-content {
        padding: 0;
    }

    #sf-modal-dialog {
        max-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        margin: 0;
    }

    #sf-modal-dialog .modal-content {
        height: 100%;
    }

    #sf-center-button,
    .sf_direction_drive,
    .sf_direction_bike,
    .sf_direction_walk,
    .gm-fullscreen-control,
    .gm-svpc {
        display: none;
    }

    #sf-pac-input {
        margin-left: 0;
        width: 39%;
    }

    .gm-style-mtc {
        display:none;
    }

    #sf-points-list {
        width: 60%;
    }
}