body#root .ui-widget,body#root .ui-widget input,body#root .ui-widget select,body#root .ui-widget button,body#root .ui-widget textarea {
    font-family: Verdana,Geneva,Arial,sans-serif!important
}

.desktop-register-popup {
    width: 700px;
    height: auto;
    z-index: 2100!important;
    box-shadow: none!important
}

.desktop .desktop-register-popup.ui-dialog .ui-dialog-content {
    padding: 0 1rem
}

#root app-modal .ui-dialog.desktop-register-popup {
    top: 50%!important;
    transform: translate(0%,-50%)!important
}

body .login-menu-register .ui-dialog .ui-dialog-content {
    text-align: center;
    background-color: var(--c-dark-white);
    padding: 2rem 1rem
}

body .ui-dialog .ui-dialog-titlebar {
    background-color: var(--c-primary);
    border: 0
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: var(--c-light-grey)
}

.register-modal .modal-header {
    text-align: center;
    padding: 2rem 0;
    background-color: var(--c-primary);
    color: var(--c-white);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.3rem
}

.register-fields-wrapper form>div {
    border: none;
    padding: 0;
    margin: 3rem 0 2rem;
    position: relative;
    min-width: 0
}

.register-fields-wrapper form>div h2 {
    display: none
}

.register-fields-wrapper form>div h2,.desktop-register-popup .register-fields-wrapper form>div h3 {
    margin: 2rem;
    text-align: left;
    font-size: 1.3rem!important;
    font-weight: 500;
    color: var(--c-primary-e);
    overflow: hidden;
    line-height: 1.5rem
}

.register-fields-wrapper form>div h2:after,.desktop-register-popup .register-fields-wrapper form>div h3:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    margin-left: 1rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid var(--c-text-b)
}

.register-fields-wrapper form>div>button.ui-button {
    margin: 4rem 1rem 3rem;
    top: 3rem;
    background-color: transparent;
    color: var(--c-primary-e);
    border-color: var(--c-primary-e);
    outline: 0
}

.register-fields-wrapper form>div>button.ui-button:enabled:hover,.register-fields-wrapper form>div>button.ui-button:enabled:active {
    background-color: transparent;
    color: var(--c-primary-c);
    border-color: var(--c-primary-c);
    outline: 0
}

.register-modal .personalinfo>div,.register-modal .customeraddress>div,.register-modal .logininfo>div,.register-modal .finalinfo>div {
    padding-bottom: 1rem
}

.register-modal .generic-form .form-row {
    width: 30rem;
    padding-bottom: 0;
    white-space: nowrap;
    margin: 0 auto;
    position: relative
}

.register-modal .generic-form .form-row .field-label {
    width: 100%;
    max-width: 30rem;
    white-space: normal;
    text-align: left;
    margin-left: .8rem
}

.register-modal .generic-form .form-row .form-element-wrapper {
    white-space: normal;
    margin-bottom: 1rem
}

.forgot-password-wrapper .button-submit-forgot {
    display: block;
    width: 30rem;
    background-color: var(--c-primary);
    margin: 2rem auto 0;
    height: auto;
    padding: 1rem 3rem;
    border: 1px solid var(--c-primary-h);
    color: var(--c-white)
}

.desktop-register-popup .register-fields-wrapper .personalinformation .form-element-wrapper select:focus,.desktop-register-popup .register-fields-wrapper .form-element-wrapper input:focus,.desktop-register-popup .register-fields-wrapper .personalinformation>div:nth-last-child(2):focus,.desktop-register-popup .register-fields-wrapper .form-row .form-element-wrapper select:focus {
    border-left: .3rem solid var(--c-text-c)
}

.register-modal .generic-form .form-row .form-element-wrapper>ngx-combo-datepicker {
    display: flex;
    flex-direction: row
}

.desktop-register-popup .register-modal .generic-form .form-row .form-label {
    display: inline-block;
    padding: 0;
    position: absolute;
    left: auto;
    width: 15rem;
    text-align: right;
    color: var(--c-primary-e);
    right: 100%;
    margin-right: .8rem;
    top: 1.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.1rem!important
}

.register-modal select,.register-modal input {
    height: 3rem;
    font-size: 1.1rem!important;
    cursor: pointer;
    width: 100%;
    color: var(--c-background);
    padding: 0 1.1rem;
    border-width: 1px;
    border-style: solid;
    border-color: var(--c-text-b)
}

.register-modal tel-input input {
    width: calc(100% - 8rem)
}

.register-modal .form-row:not(.register-form-errors):not(.forgot-password-form-errors) .form-element-wrapper .form-element-error {
    font-size: 1.1rem!important;
    color: var(--c-red)!important;
    border-bottom: 3px solid var(--c-red);
    background-color: #f2eae8;
    padding: 5px 11px 9px
}

.register-modal .form-row:not(.register-form-errors):not(.forgot-password-form-errors) .form-element-wrapper .form-element-error:after {
    content: "";
    position: absolute;
    bottom: .3rem;
    left: 1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent var(--c-red)
}

body#root.ui-overflow-hidden.login-menu-register .reset-next-buttons-wrapper ui-button[type=reset] {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 2
}

.register-form div ui-button button.button-reset-register {
    height: 3rem;
    color: var(--c-white);
    margin-right: 2.5rem;
    margin-top: 1rem;
    background-color: transparent;
    border: .1rem solid var(--c-white)
}

.register-form tel-input {
    display: flex
}

body .register-modal .ui-dropdown {
    max-width: 8rem;
    min-width: 8rem;
    height: 100%;
    border-radius: 0;
    border-color: var(--c-text-b)!important
}

body .register-modal .ui-dropdown label.ui-dropdown-label {
    text-align: left;
    font-size: 1.1rem;
    padding: .6rem
}

.register-modal .field-caption,.register-modal .field-hint {
    font-size: 1.2rem;
    margin-top: .5rem;
    text-align: center;
    color: var(--c-primary-e)
}

.register-modal .finalinfo app-checkbox-field>div {
    max-width: 80%;
    margin: 1rem auto
}

.register-form .reset-next-buttons-wrapper,.register-fields-wrapper form {
    text-align: center
}

.register-form div ui-button button.button-submit-register {
    background-color: var(--c-primary);
    margin: 2rem auto;
    height: auto;
    padding: 1rem 3rem;
    border: 1px solid var(--c-primary-h);
    color: var(--c-white)
}

body .register-fields-wrapper .ui-chkbox .ui-chkbox-box.ui-state-active,body .register-fields-wrapper .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
    border-color: var(--c-primary);
    background-color: var(--c-primary)
}

body .register-fields-wrapper .ui-chkbox .ui-chkbox-icon.pi-check,body .register-fields-wrapper .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: 0 0 .2rem .2rem var(--c-text-c)
}

.desktop-register-popup .register-fields-wrapper .countryofresidence h3 {
    background: url(/v1.02/r/images/w73/location_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .personalinformation h3 {
    background: url(/v1.02/r/images/w73/personal_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .documents h3 {
    background: url(/v1.02/r/images/w73/documents_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .contact h3 {
    background: url(/v1.02/r/images/w73/contacts_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .address h3 {
    background: url(/v1.02/r/images/w73/address_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .createlogin h3 {
    background: url(/v1.02/r/images/w73/login_register.svg) left center no-repeat;
    padding-left: 2rem
}

.desktop-register-popup .register-fields-wrapper .marketing h3 {
    background: url(/v1.02/r/images/w73/settings_register.svg) left center no-repeat;
    padding-left: 2rem
}

.register-modal .register-fields-wrapper .form-element-wrapper .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon,body .register-modal .register-fields-wrapper .form-element-wrapper .ui-dropdown .ui-dropdown-trigger {
    display: none
}

.mobile .register-form {
    position: relative
}

.mobile .register-modal .reset-register-confirm {
    align-items: flex-start;
    padding-top: 40vh;
    position: fixed
}

.register-modal .reset-register-confirm {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c-primary);
    color: var(--c-dark-white);
    overflow: hidden;
    touch-action: none
}

.register-modal .reset-next-buttons-wrapper ui-button {
    top: calc(50% + 10rem);
    z-index: 2003
}

.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(2) {
    right: 50%
}

.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(3) {
    right: calc(50% - 8rem)
}

.login-menu-register.active-desktop-register-popup .register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(2),.login-menu-register.active-desktop-register-popup .register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(3) {
    position: absolute
}

.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(2)>button,.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(3)>button {
    background-color: transparent;
    color: var(--c-text);
    border: solid 1px var(--c-text);
    padding: .5rem 2rem;
    outline: 0
}

.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(2)>button:active,.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(3)>button:active,.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(2)>button:hover,.register-modal .reset-next-buttons-wrapper ui-button[type=button]:nth-child(3)>button:hover {
    background-color: transparent;
    color: var(--c-text-b);
    border: 1px solid var(--c-text-b);
    outline: 0
}

body .ui-dialog.ng-tns-c10-0 {
    min-height: 20rem
}

body .ui-dialog.ng-tns-c10-0 .ui-dialog-titlebar {
    background-color: var(--c-primary)!important
}

body .ui-dialog.ng-tns-c10-0 .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    color: var(--c-white)!important
}

body .ui-dialog.ng-tns-c10-0 .ui-dialog-content {
    min-height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--c-primary-f)
}

.forgot-password-wrapper {
    margin: 3rem 0
}

.forgot-password-wrapper .submit-forgot {
    width: 30rem;
    background-color: var(--c-primary);
    margin: 2rem auto 0;
    height: auto;
    padding: 1rem 3rem;
    border: 1px solid var(--c-primary-h);
    color: var(--c-white)
}

app-forgot-password ui-button {
    text-align: center;
    width: 30rem;
    margin: 0 auto
}

app-forgot-password ui-button button {
    width: 100%;
    height: 35px
}

.forgot-password-form {
    padding: 10px 0
}

body .ui-dialog .ui-dialog-content .shop-actions,body .ui-dialog .ui-dialog-content .customer-actions,body .ui-dialog .ui-dialog-content .password-actions,body .ui-dialog .ui-dialog-content .withdraw-actions,body .ui-dialog .ui-dialog-content .deposit-actions {
    display: flex;
    margin-top: 2rem
}

body .ui-dialog .ui-dialog-content .shop-actions button,body .ui-dialog .ui-dialog-content .customer-actions button,body .ui-dialog .ui-dialog-content .password-actions button,body .ui-dialog .ui-dialog-content .withdraw-actions button,body .ui-dialog .ui-dialog-content .deposit-actions button {
    flex: 0 0 49%;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem;
    background-color: var(--c-primary);
    color: var(--c-text)
}

body .ui-dialog .ui-dialog-content .shop-actions button:hover,body .ui-dialog .ui-dialog-content .customer-actions button:hover,body .ui-dialog .ui-dialog-content .password-actions button:hover,body .ui-dialog .ui-dialog-content .withdraw-actions button:hover,body .ui-dialog .ui-dialog-content .deposit-actions button:hover {
    opacity: .8
}

body .ui-dialog .ui-dialog-content .shop-actions button:first-child,body .ui-dialog .ui-dialog-content .customer-actions button:first-child,body .ui-dialog .ui-dialog-content .password-actions button:first-child,body .ui-dialog .ui-dialog-content .withdraw-actions button:first-child,body .ui-dialog .ui-dialog-content .deposit-actions button:first-child {
    margin-right: 2%
}

body .ui-dialog .ui-dialog-content .shop-actions button:last-child,body .ui-dialog .ui-dialog-content .customer-actions button:last-child,body .ui-dialog .ui-dialog-content .password-actions button:last-child,body .ui-dialog .ui-dialog-content .withdraw-actions button:last-child,body .ui-dialog .ui-dialog-content .deposit-actions button:last-child {
    background-color: var(--c-red)
}

body .ui-dialog.multiline-dialog {
    max-width: 400px;
    width: 100%!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%)!important
}

body .ui-dialog.multiline-dialog .ui-dialog-content {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px!important
}

body .ui-dialog.multiline-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: none
}
.betslip-check-view {
    top:50%!important;
    left:50% !important;
    transform:translate(-50%, -50%)!important;
    max-width:400px;
    width:100%!important;
    z-index:1012!important
}
.inline-betslip {
    width:100%!important;
    height:auto!important;
    max-height:50vh;
    overflow:auto;
}
#root .betslip-check-view .ui-dialog-content{
    border:0;
    overflow:unset
}
.betslip-check-view button {
    width:100%;
    height:40px;
    background-color:var(--c-primary);
    color:var(--c-text)
}
.betbook-dialog {
    top:50%!important;
    left:50% !important;
    transform:translate(-50%, -50%)!important;
    max-width:400px;
    width:100%;
}
.betbook-dialog #print-section p:first-child {
    color:var(--c-yellow)
}
#root .betbook-dialog .ui-dialog-content {
    background-color:var(--c-primary-b);
    color:var(--c-text);
    border:0;
    padding:10px!important;
    text-align:center
}
#root .betbook-dialog .ui-dialog-footer {
     background-color:var(--c-primary-b);
    border:0;
}
#root .betbook-dialog .ui-dialog-footer button {
    width:100%;
    background-color:var(--c-primary);
    border:0;
    height:35px;
}