/**
 *  Please read the terms of the CLUF license attached to this module(cf "licences" folder)
 *
 * @author    Línea Gráfica E.C.E. S.L.
 * @copyright Lineagrafica.es - Línea Gráfica E.C.E. S.L. all rights reserved.
 * @license   https://www.lineagrafica.es/licenses/license_en.pdf https://www.lineagrafica.es/licenses/license_es.pdf https://www.lineagrafica.es/licenses/license_fr.pdf
 */

#shipping_guesser {
    height: 49px;
    float: left;
    position: relative;
    padding: 14px;
}

#shipping_guesser:after {
    content: ' ';
    height: 100%;
    width: 1px;
    border-right: 1px solid #828282;
    position: absolute;
    right: 1px;
    top: 0;
}

#shipping_guesser .main-wrapper {
    cursor: pointer;
}

#shipping_guesser .main-wrapper:after {
    font-family: FontAwesome;
    color: #FFFFFF;
    content: '\f107';
    font-size: 16px;
}

#shipping_guesser .send-to,
#shipping_guesser .no-countries {
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}

#shipping_guesser:hover,
#shipping_guesser:hover .main-wrapper:after,
#shipping_guesser:hover .send-to,
#shipping_guesser:hover .no-countries {
    background: #FFFFFF;
    color: #717171;
}

#shipping_guesser .selected-flag img,
#shipping_guesser .countries-wrapper ul li img {
    width: 23px;
    height: 17px;
    margin: 0 5px;
}

#shipping_guesser .countries-wrapper {
    width: 260px;
    max-height: 250px;
    overflow-y: auto;
    position: absolute;
    z-index: 999;
    padding: 5px;
    border: 1px solid #D8D8D8;
    top: 49px;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.15);
    display: none;
}

#shipping_guesser:hover .countries-wrapper {
    display: block;
}

#shipping_guesser .countries-wrapper .filter-wrapper {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #EBEBEB;
}

#shipping_guesser .countries-wrapper .filter-wrapper input {
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    width: 100%;
    padding: 3px 30px 3px 10px;
}

#shipping_guesser .countries-wrapper .filter-wrapper:after {
    font-family: FontAwesome;
    color: #D32A4B;
    content: '\f002';
    font-weight: normal;
    font-size: 16px;
    padding-left: 8px;
    position: absolute;
    top: 8px;
    right: 12px;
}

#shipping_guesser .countries-wrapper ul {
    margin: 0;
}

#shipping_guesser .countries-wrapper ul li:not(:last-child) {
    margin-bottom: 5px;
    line-height: normal;
}

#shipping_guesser .countries-wrapper ul li.disabled {
    color: #C8C8C8;
    cursor: default;
}

#shipping_guesser .countries-wrapper ul li:not(.disabled):hover {
    color: #D32A4B;
    cursor: pointer;
}

#shipping_guesser .countries-wrapper ul li * {
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: #8F8F8F;
    font-style: italic;
}
::-moz-placeholder {
    color: #8F8F8F;
    font-style: italic;
}
:-ms-input-placeholder {
    color: #8F8F8F;
    font-style: italic;
}
:-moz-placeholder {
    color: #8F8F8F;
    font-style: italic;
}