﻿@charset "UTF-8";

#modal-language.modal .modal-dialog .modal-content .modal-header .modal-title {
    background-color: #0a2140;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem !important;
}

#modal-language.modal .modal-dialog .modal-content .modal-header .modal-title .close {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    opacity: 1;
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

#modal-language.modal .modal-dialog .modal-content .modal-body {
    height: fit-content;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .container-language {
    border: 1px solid #0a2140;
    border-radius: 6px;
    margin: 10px;
    padding: 10px;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .container-language .form-check input {
    width: 17px;
    height: 17px;
    cursor: pointer;
    border: 2px solid #0a2240;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .container-language .form-check .form-check-label #language-text {
    color: #0a2240;
    font-weight: bold;
    font-size: 16px;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .container-language .form-check-input:checked {
    background-color: #0a2240;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .btn-continuar {
    background-color: #0a2240;
    border-color: #0a2240;
    color: #ffffff;
    cursor: pointer;
}

#modal-language.modal .modal-dialog .modal-content .modal-body .btn-continuar:hover,
#modal-language.modal .modal-dialog .modal-content .modal-body .btn-continuar:focus,
#modal-language.modal .modal-dialog .modal-content .modal-body .btn-continuar:active {
    background-color: #80a7d0;
    border-color: #80a7d0;
    color: #ffffff;
    cursor: pointer;
}

#head-location-pic {
    height: 25px;
    width: 25px;
    border-radius: 15px;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    padding-top: 20px;
}

.head-location-mx {
    background-image: url(/Content/images/flag-mexico.jpg);
}

.head-location-us {
    background-image: url(/Content/images/flag-usa.jpg);
}

#language.modal .modal-dialog .modal-content .modal-header .modal-title {
    background-color: #0a2140;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
}

#language.modal .modal-dialog .modal-content .modal-header .modal-title .close {
    right: 10px;
    top: 0;
    color: #fff;
    opacity: 1;
}

#language.modal .modal-dialog .modal-content .modal-body #language-container .form-check {
    border: 1px solid #0a2140;
    border-radius: 6px;
}

#language.modal .modal-dialog .modal-content .modal-body .container-language #language-text {
    font-weight: bold;
    font-family: GothamMedium, sans-serif;
    color: #0a2140;
    font-weight: bold;
    padding-left: 10px;
}

#language.modal .modal-dialog .modal-content .modal-body #language-container .form-check input {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

#language.modal .modal-dialog .modal-content .modal-body #language-container .form-check-active {
    border: 2px solid #0a2140;
}

#language.modal .modal-dialog .modal-content .modal-body #languageSubmit {
    background-color: #38a0ed;
    border-color: #38a0ed;
    cursor: pointer;
}

#modalNewSiteChangeCountry .modal-body {
    height: auto !important;
}

#modalNewSiteChangeCountry .modal-dialog-centered {
    margin-left: 31%;
    margin-right: 31%;
    max-width: none;
    width: 38%;
}

/*#shopping-experience .border-nice {
    border: 5px solid #8cb8da;
    padding: 20px;
    border-radius: 20px;
}

#shopping-experience h6 {
    color: #0a2140;
    font-size: 1.1rem;
}

#shopping-experience select {
    width: 80%;
    margin: auto;
    color: #0a2140;
    border-color: #8cb8da;
}

#shopping-experience span {
    font-size: .875rem;
}

#shopping-experience button {
    background-color: #9ebee2;
    color: #ffffff;
    padding: 0.5rem 2rem;
}

#shopping-experience button:hover {
    background-color: #547396;
}*/

#change-shopping-experience .border-nice {
    border: 5px solid #547396;
    padding: 20px;
    border-radius: 20px;
}

#change-shopping-experience h6 {
    color: #0a2140;
    font-size: 1.1rem;
}

#change-shopping-experience .change h6 {
    padding: 0 20px;
}

#change-shopping-experience .change h6 span {
    font-weight: 600;
}

#change-shopping-experience .question h6 {
    padding: 0 20px;
    font-weight: 600;
}

#change-shopping-experience .btn-continuar {
    background-color: #388ddb;
    color: #ffffff;
    padding: 0.5rem 1.7rem;
}

#change-shopping-experience .btn-continuar:hover {
    background-color: #8cb8da;
}

#change-shopping-experience .btn-cancelar {
    background-color: #868686;
    color: #ffffff;
    padding: 0.5rem 2rem;
}

#change-shopping-experience .btn-cancelar:hover {
    background-color: #cccccc;
}

@media(max-width:992px) {
    #modalNewSiteChangeCountry .modal-dialog-centered {
        margin-left: 5%;
        margin-right: 5%;
        max-width: none;
        width: 90%;
    }
}

@media(min-width:576px) {
    #modal-language.modal .modal-dialog {
        max-width: 620px;
    }

    #language.modal .modal-dialog {
        max-width: 620px;
    }
}
