/* JoinWrapp start */

.JoinWrapp {
    background: #1C1D2A;
}

.JoinWrapp .modal-dialog {
    max-width: 940px;
}

.JoinWrapp .modal-content {
    border: 0;
}

.JoinWrapp .modal-content .modal-header {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
}

.JoinWrapp .modal-content .modal-header button {
    z-index: 9;
}

.WrappCity {
    position: relative;
}

.WrappCity::after {
    position: absolute;
    content: "";
    right: 20px;
    top: 14px;
    width: 20px;
    height: 20px;
    background-image: url(../img/img_new/arrowDown.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.JoinWrapp .modal-content .modal-body {
    padding: 0;
    border-radius: 15px;
    /* border: 2px solid #72A038; */
    background: linear-gradient(180deg, rgba(20, 22, 62, 0.94) 0%, rgba(3, 2, 18, 0.94) 100%);
    box-shadow: 0px 13px 61px 0px rgba(28, 29, 42, 0.14);
    color: #fff;
}

.JoinWrapp .modal-content .modal-body .itemLeft {
    position: relative;
}

.JoinWrapp .modal-content .modal-body .itemLeft img.joinImg {
    width: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.JoinWrapp .modal-content .modal-body .itemLeft .box img {
    position: absolute;
    top: 44px;
    left: 34px;
}

.JoinWrapp .modal-content .modal-body .itemLeft .box ul {
    position: absolute;
    bottom: 58px;
    left: 44px;
}

.JoinWrapp .modal-content .modal-body .itemLeft .box ul li {
    font: var(--democasino-font-style-normal) normal var(--democasino-font-weight-bold) var(--democasino-font-size-16)/var(--democasino-line-spacing-47) var(--democasino-font-family-open-sans);
    letter-spacing: var(--democasino-character-spacing-0);
    color: var(--democasino-color-ffffff);
    text-align: left;
}

.JoinWrapp .modal-content .modal-body .itemRight {
    padding: 0% 5%;
}

.JoinWrapp .modal-content .modal-body .itemRight .WelcomeText h2 {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 33px;
}

.JoinWrapp .modal-content .modal-body .itemRight .WelcomeText p {
    font: var(--democasino-font-style-normal) normal var(--democasino-font-weight-bold) var(--democasino-font-size-16)/var(--democasino-line-spacing-22) var(--democasino-font-family-open-sans);
    letter-spacing: var(--democasino-character-spacing-0);
    color: var(--democasino-color-8d8d8d);
    text-align: center;
    margin-bottom: 27px;
}

.JoinWrapp .modal-content .modal-body .itemRight .stepWrapp {
    background: var(--democasino-color-1e1e1e) 0% 0% no-repeat padding-box;
    border-radius: 3px;
    height: 7px;
    width: 100%;
    position: relative;
    margin-bottom: 27px;
}

.JoinWrapp .modal-content .modal-body .itemRight .stepWrapp .stepInner {
    height: 100%;
    width: 30%;
    background: #FF0000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
}

.JoinWrapp .modal-content .modal-body form select:focus,
.JoinWrapp .modal-content .modal-body form input:focus {
    box-shadow: none;
    border-color: #FF0000 !important;
}

.JoinWrapp .modal-content .modal-body form .passwordWrapp {
    margin-top: 0;
    position: relative;
    margin-bottom: 0;
}

.JoinWrapp .modal-content .modal-body form .iti__country-list {
    box-shadow: 1px 1px 4px rgb(16 16 16);
    background-color: #101010;
    border: 1px solid #ff0004;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.JoinWrapp .modal-content .modal-body form .inputPhoneItem {
    margin-bottom: 13px;
}

.JoinWrapp .modal-content .modal-body form .form-check {
    margin-bottom: 0px;
}

.JoinWrapp .modal-content .modal-body form .form-check label {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.JoinWrapp .modal-content .modal-body form .form-check label a {
    color: var(--democasino-color-ff0000);
    display: inline;
}

.JoinWrapp .modal-content .modal-body form .form-check-input:checked {
    background-color: #ff0000;
    border-color: #ff0000;
}

.JoinWrapp .modal-content .modal-body form .buttonWrapp {
    margin-top: 25px;
}

.JoinWrapp .modal-content .modal-body form .buttonWrapp button {
    width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: linear-gradient(180deg, #E6D9A5 0%, #CEA447 100%);
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.20);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 2.4px rgba(0, 0, 0, 0.25);
    font-family: "Inter", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    min-height: 46px;
}

.JoinWrapp .modal-content .modal-body form .buttonWrapp button:hover {
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: linear-gradient(180deg, #CF994C 0%, #A6752F 100%);
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.20);
}

.JoinWrapp .modal-content .modal-body form .buttonWrapp p {
    font: var(--democasino-font-style-normal) normal var(--democasino-font-weight-normal) var(--democasino-font-size-16)/var(--democasino-line-spacing-22) var(--democasino-font-family-open-sans);
    letter-spacing: var(--democasino-character-spacing-0);
    color: var(--democasino-color-8d8d8d);
    text-align: center;
    margin-bottom: 0;
    margin-top: 21px;
}

.JoinWrapp .modal-content .modal-body form .buttonWrapp p a {
    color: var(--democasino-color-ff0000);
}

.JoinWrapp .modal-content .modal-body form .footerForm {
    margin-top: 40px;
}

.JoinWrapp .modal-content .modal-body form .footerForm .item {
    margin: 0 8px;
    align-self: center;
}

.JoinWrapp .modal-content .modal-body form .footerForm .item .imgBox {
    background: var(--democasino-color-1e1e1e) 0% 0% no-repeat padding-box;
    background: #1E1E1E 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align: center;
    padding: 12px 15px;
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
}

.JoinWrapp .modal-content .modal-body form .footerForm .item .imgBox img {}

.JoinWrapp .modal-content .modal-body form .footerForm .item p {
    font: var(--democasino-font-style-normal) normal var(--democasino-font-weight-bold) 11px/15px var(--democasino-font-family-open-sans);
    letter-spacing: var(--democasino-character-spacing-0);
    color: var(--democasino-color-ffffff);
    text-align: center;
    margin-bottom: 0;
}

.JoinWrapp .modal-content .modal-body form .footerForm .arrowRgiht {
    margin-top: 12px;
}

/* Chrome, Safari, Edge, Opera */
.JoinWrapp input::-webkit-outer-spin-button,
.JoinWrapp input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.JoinWrapp input[type=number] {
    -moz-appearance: textfield;
}



#loginModal .modal-content {
    border-radius: 15px;
    /* border: 2px solid #72A038; */
    background: linear-gradient(to bottom, #2f2f2f, #191919);
    box-shadow: 0px 13px 61px 0px rgba(28, 29, 42, 0.14);
    min-height: 359px;
}

.modal-form .header-wrong-password {
    position: inherit;
    width: 100%;
    top: 25px;
    z-index: 2;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    transition: all 1s ease;
    font-size: 14px;
    -moz-transition: 1s;
    /* opacity: 0; */
    padding: 11px 0px;
    font-family: Helvetica !important;
    left: -69px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center;
}

.modal-form .login-form-title {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-form .input-form-label {
    color: #FFF;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
}

.modal-form #customerId,
.modal-form #password {
    width: 100%;
    margin: 0px;
}

.modal-form .login-btn {
    width: 100%;
    border-radius: 5px;
    /* border: 1px solid rgba(255, 255, 255, 0.30); */
    background: var(--main-color);
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 2.4px rgba(0, 0, 0, 0.25);
    font-family: "Montserrat", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    min-height: 46px;
    margin-right: 0px;
    margin-left: 0px;
}

.x-container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 10px 15px 0px 0px;
}

.login-btn-resp {
    display: none;
}

.sing-up-input {
    border-radius: 4px;
    border: none;
    background: rgba(255, 255, 255, 0.25);
    color: #FFF;
    font-family: Helvetica;
    font-size: 12px;
    height: 34px;
    padding: 0 14px;
    margin-bottom: 10px;
    width: 100%;
    position: relative
}

.sing-up-input::placeholder {
    color: white;
    /* Gris claro, cambia este valor al color que desees */
}

.login-logo{
    max-width: 300px !important;
    width: 100% !important;
    margin-bottom: 28px !important;
}