.topUst {
    background: var(--primary) !important;
    display: flex;
    align-items: center;
    min-height: 50px
}

header.new .text,
.loginUser .username,
.icon svg path,
.hotelName span,
.gradient-button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    fill: #fff !important;
    color: var(--primary-contrast) !important
}

#backButton,
.showCalendar,
.addbasket {
    color: var(--primary-contrast) !important
}

.addbasket:hover {
    background: var(--primary);
    color: var(--accent-contrast) !important
}

.langBar span {
    color: var(--primary-contrast) !important
}

.newMain {
    margin-top: 0 !important
}

.bonusIInfoItemIn {
    display: flex;
    align-items: center;
    gap: 10px
}

.bonusIInfoItem {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid;
    border-radius: 5px;
    width: 175px
}

.bonusInfo {
    display: flex;
    gap: 15px;
    width: 100%;
    justify-content: center
}

.homePage {
    background: #f5f5f5;
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 5px
}

.homePageDescription {
    margin: 10px 0;
    background: #fff;
    padding: 10px;
    border-radius: 5px
}

.red {
    background: #bb1414;
    color: #fff
}

.blue {
    background: #5d9cec;
    color: #fff
}

.golden {
    background: #ffce54;
    color: #fff
}

.errorSartlar {
    margin: auto;
    color: red
}

.errorMessage {
    color: red;
    font-weight: 700;
    background: #f5f5f5;
    margin: 15px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    display: inline
}

.lightbox input.error {
    border: 1px solid red !important
}

.formItem {
    padding: 5px
}

.loginUser .username {
    margin: 6px;
    white-space: nowrap
}

.loginUser i {
    font-size: 15px !important;
    background: #fff;
    color: var(--primary) !important;
    padding: 7px 8px;
    border-radius: 29px;
    border: 1px solid
}

ul.loginActions li {
    border-bottom: 1px solid #fff;
    cursor: pointer;
    padding: 5px
}

.lb-wrap button {
    width: 100%;
    border: none;
    border-radius: 5px
}

.loginActions {
    position: absolute;
    background: gray;
    min-width: 150px;
    top: 42px;
    left: 0;
    border-radius: 3px
}

.loginUser {
    position: relative;
    align-items: center;
    cursor: pointer
}

div#OpenUserLogin label {
    color: #000;
    padding: 1px
}

#openUserRegisterModal b {
    cursor: pointer
}

#openUserRegisterModal {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    background: #fff
}

#contentBox .lb-wrap,
#contentBoxCall .lb-wrap,
#contentBoxRezCard .lb-wrap {
    width: fit-content;
    left: initial;
    margin: 0 auto;
    max-width: 90%;
    position: relative
}

#contentBoxCall {
    top: auto
}

.lb-content {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 70vh
}

.lightbox .lb-wrap {
    background: #fff !important;
    border-radius: 5px
}

.flex {
    display: flex;
    gap: 5px;
    align-items: baseline
}

#contentBox {
    z-index: 10000000
}

.lb-wrap .close,
.lb-wrap .closes,
.lb-wrap .closesCall {
    float: right;
    color: #000;
    font-size: 20px;
    padding: 2px 11px;
    position: absolute;
    top: -25px;
    border-radius: 2px;
    right: 0;
    cursor: pointer;
    background-color: #fff
}

.lb-content .danger i,
.lb-content .success i,
.lb-content .warning i {
    font-size: 45px;
    text-align: center;
    border-radius: 50%;
    padding: 10px;
    margin: 15px 0;
    color: #fff
}

.lb-content .success,
.lb-content .warning,
.lb-content .danger {
    text-align: center
}

.lb-content .success i {
    background: #549b54
}

.lb-content .warning i {
    background: #FFC107
}

.lb-content .danger i {
    background: #F44336
}

#uphone,
#Forgotuphone {
    padding-left: 80px !important
}

.registerLogo {
    max-width: 300px;
    margin: auto;
    object-fit: contain;
    max-height: 200px
}

.iti.iti--allow-dropdown {
    width: 100%
}

.lightbox .row {
    margin: 0
}

.openUserRegisterModal {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: flex
}

.crmLeft {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.crmRight {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
    margin: auto
}

.crmRight .lb-wrap {
    position: relative;
    width: 70%;
    left: inherit;
    top: inherit;
    margin-top: 20px
}

.ccCon {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    font-size: 16px
}

.ccTitle p {
    padding-bottom: 0
}

.ccHeader h1 {
    padding: 0
}

.ccContent p {
    padding-bottom: 0
}

.ccCardCon {
    position: relative;
    margin: 65px 0;
    transform: rotate(-12deg);
    width: 300px
}

.ccCardCon>img {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f;
    border-radius: 15px;
    width: 100%
}

.ccCardCon .logo {
    position: absolute;
    right: 35px;
    top: 35px;
    width: 100px;
    padding: 0
}

.ccCardCon .logo>img {
    width: 100%;
    height: inherit
}

.hotelNames {
    position: absolute;
    left: 0;
    bottom: 49px;
    width: 80%;
    text-indent: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

.ccInfo p {
    text-transform: uppercase;
    padding: 0
}

.ccAdvantages {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    text-align: center
}

.ccAdvantages>span {
    font-size: 12px
}

.ccPhone {
    font-size: 28px;
    text-decoration: none;
    color: inherit
}

.ccMail {
    text-decoration: none;
    color: inherit
}

@media (max-width:720px) {
    .loginActions {
        top: 38px;
        left: -120%;
        width: 100px !important
    }

    .openUserRegisterModal {
        flex-direction: column;
        overflow-y: auto
    }

    .crmLeft {
        width: 100%
    }

    .crmRight {
        width: 100%
    }

    .crmRight .lb-wrap {
        width: 100%;
        margin-bottom: 50px;
        max-width: 100%
    }

    .ccCon {
        width: 100%
    }

    .openUserRegisterModal .formItem {
        width: 100%
    }
}

.registerNow {
    background: var(--button);
    color: #fff;
    margin: auto;
    border-radius: 2px !important;
    width: fit-content !important
}

.formItem.col-md-12 label * {
    color: inherit;
    text-align: left
}

.formItem.col-md-12 label {
    margin-left: 10px;
    margin-top: -3px
}

.openUserRegisterModal .lb-content {
    max-height: inherit;
    overflow: hidden
}

.openUserRegisterModal label.error {
    padding: 0
}

.openUserRegisterModal p,
.openUserRegisterModal strong {
    padding-bottom: 0;
    font-weight: 300
}

.openUserRegisterModal strong>a {
    padding: 0 5px
}

.openUserRegisterModal strong>a:first-child {
    padding-left: 0
}

.headerArea.new {
    z-index: 1000000
}

div#OpenUserLogin {
    margin-top: 52px
}

.disabledMember input,
.disabledMember select {
    pointer-events: none;
    background: whitesmoke
}

.disabledMember label {
    background: whitesmoke !important
}

.disabledMember {
    background: whitesmoke
}

.booknow {
    background: var(--primary);
    width: fit-content;
    padding: 5px 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 12px
}