#root  .ui-dialog-titlebar {
    background-color:var(--c-accent-color);
    color:var(--c-text-light-e);
    border:unset;
    text-align:center;
    border-top-left-radius:var(--r-10);
    border-top-right-radius:var(--r-10);
    position:relative;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
}
#root  .ui-dialog-titlebar .ui-dialog-title {
    padding:10px 45px;
}
#root  .ui-dialog-titlebar a {
    position:absolute;
    right:8px;
    top:50%;
    transform:translate(0%,-50%);
    width:20px;
    height:20px;
   background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size: 450px auto;
    background-position: -103px -54px;
    filter: saturate(0) invert(1) brightness(10);
    
}
#root  .ui-dialog-titlebar a span {
    display:none;
}
#root   .ui-dialog-content {
    border:unset;
    color:var(--c-text-dark-e);
     border-bottom-left-radius:var(--r-10);
    border-bottom-right-radius:var(--r-10);
}
#root .mobile .mobile-navigation-view-left .close-modal {
    margin-left:auto;
}
#root .mobile .mobile-navigation-view-left .close-modal a {
    font-size:0;
    width:20px;
    height:20px;
     background-repeat: no-repeat;
    background-image: var(--c-global-icon-spritesheet);
    background-size:450px auto;
    background-position: -103px -54px;
    filter:saturate(0) invert(1) brightness(10);
    display:block;
}
#root .mobile .mobile-navigation-view-left {
    top:calc(var(--c-header-mobile) + var(--c-mobile-padding))!important;
    left:var( --c-mobile-padding)!important;
    max-width:50%;
    height:calc(100% - var(--c-header-mobile) - var(--c-mobile-padding) * 2);
    transform:unset!important;
    z-index:85!important;
}
#root.active-mobile-navigation-view-left .mobile .ui-dialog-mask {
    z-index:83!important;
}
#root .mobile .mobile-navigation-view-left .ui-dialog-content {
    
    background-color:var(--c-dark-blue);
    color:var(--c-text-light);
    border:unset;
    padding:0;
    border-radius:var(--r-10);
    height:100%;
}
#root .mobile .mobile-navigation-view-left .ui-dialog-titlebar {
    display:flex;
}
#root .mobile .mobile-navigation-view-left .ui-dialog-titlebar .ui-dialog-title{
    order:3;
    margin-left:auto
}
#root .mobile .mobile-navigation-view-left .ui-dialog-titlebar .ui-dialog-titlebar-icon span{
    color:var(--c-text-light)
}
#root .mobile .mobile-navigation-view-left .ui-dialog-titlebar .ui-dialog-titlebar-icon span::after {
    content:"Back";
    font-family:Roboto;
    font-weight:bold;
    font-size:1.2rem
}
#root .mobile .mobile-navigation-view-left .ui-dialog-titlebar .pi-times:before {
    content: "";
    background-image: url(/v1.011/r/images/site/icons/Arrow_Down.svg);
    width: 17px;
    display: inline-flex;
    height: 17px;
    transform: rotate(
90deg
);
}
#root .mobile .mobile-betslip-view {
    top:unset!important;
    bottom:calc(4px + var(--c-botton-nav-height)) ;
    display:flex!important;
    transform:translate(-50%,0%)!important;
    left:50%!important;
    height:calc(100% - (var(--c-header-mobile) + (var(--c-mobile-padding)) + var(--c-botton-nav-height) + 4px));
    width:calc(100% - var(--c-mobile-padding) * 2)!important;
   
    border-top-left-radius:var(--r-10);
     border-top-right-radius:var(--r-10);
}
#root.active-mobile-betslip-view .mobile-betslip-view {
    z-index:88!important;
}
#root .mobile .mobile-betslip-view .tabbed-betslip-container {
    height:100%;
    overflow:auto;
}
#root .mobile .mobile-betslip-view .tabbed-betslip-container > app-widget-host {
    height:unset;
}
#root .mobile .mobile-betslip-view .tabbed-betslip-container .betslip-panel-menu {
    position:sticky;
    top:0px;
    background-color:var(--c-background-white);
    z-index:10;
}
.mobile-betslip-view app-block.betslip-wrapper {
    overflow:auto;
    height:100%;
}
#root.active-mobile-betslip-view .ui-dialog-mask {
    z-index:80!important;
}
#root.active-mobile-betslip-view .ui-dialog-mask {
    z-index: 1!important;
}
#root.active-mobile-betslip-view .ui-dialog-mask-scrollblocker,
#root.active-mobile-navigation-view-left .ui-dialog-mask-scrollblocker{
     z-index: -1!important;
}
#root .mobile .mobile-betslip-view .ui-dialog-content {
    padding:unset;
    border:unset;
    overflow:hidden;
    border-top-left-radius:var(--r-10);
     border-top-right-radius:var(--r-10);
    width:100%;
    /* max-height:calc(100vh - var(--c-header-mobile)); */
}
#root .mobile .mobile-betslip-view .inner-hide-modal-overlay {
    height:100%;
}
#root.active-login-popup .general-modal .ui-dialog-mask {
    z-index:1001!important
}
#root .ui-dialog-mask-scrollblocker {
    z-index:1000!important;
}
#root  .login-popup {
    top:50%!important;
    left:50%!important;
    transform:translate(-50%, -50%)!important;
    z-index:1002!important;
    max-width:500px!important;
    max-height:100%;
    width:100%;
    display: flex;
    flex-direction: column;
}
#root .mobile .login-popup {
    height:100%;
}
#root  .login-popup .ui-dialog-content {
    padding:15px;
    padding-top:45px;
    border-radius:var(--r-20);
   height:calc(100% - 50px);

}
#root .ui-dialog-content {
    background-color:var(--c-off-white);
    color:var(--c-text-dark);
    font:var(--t-small-text-normal);
    padding:10px;
   
}
#root .ui-dialog.verify-email .ui-dialog-content{
    padding:20px 10px;
    text-align:center;
}
#root .ui-widget {
    font-family: "Roboto", Arial, sans-serif;
}
#root .ui-widget.ui-dialog.successfully-registered {
    left:50%!important;
    top:50%!important;
    transform:translate(-50%, -50%)!important;
    max-width:450px;
    text-align:center;
}
#root .ui-widget.ui-dialog.successfully-registered .ui-dialog-titlebar {
    text-align:center;
    color:var(--c-text-light-e);
}
#root .ui-widget.ui-dialog.successfully-registered .ui-dialog-content > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:5px 10px
}
#root .ui-widget.ui-dialog.successfully-registered .modal-ok-button {
    padding: 12px 16px;
    margin: 5px 0px;
    background-color: var(--c-emphasis);
    color: var(--c-text-light-e);
    max-width: fit-content;
    width: 100%;
    border-radius: var(--r-10)
}
#root .betslip-check-view {
    top:50%!important;
    left:50%!important;
    transform:translate(-50%, -50%)!important;
    max-width:400px;
    width:100%;
}
#root .betslip-check-view .ui-dialog-content {
    padding:0;
    max-height:80vh;
    overflow:auto
}
.ui-dialog {
    max-width:500px;
    width:100%!important;
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%)!important;
}
#root .password-dialog .ui-dialog-content {
    padding:20px;
}
.password-dialog input {
    text-indent:10px;
}
.password-dialog .btn-save-pass {
    min-height:40px;
    width:100%;
    margin-top:10px;
    color:var(--c-text-light-e);
    background-color:var(--c-accent-color);
    border:1px solid var(--c-accent-color);
}
#root .ui-dialog.account-menu {
    height:calc(100% - (var( --c-header-mobile) + var(--c-botton-nav-height)))!important;
    top:calc(var(--c-header-mobile) - 10px)!important;
    transform:unset!important;
    left:unset!important;
    right:0px!important;
    width:80%!important;
}
#root .desktop .ui-dialog.account-menu {
    height:auto!important;
    max-height:calc(100% - (var(--c-header-top) + var(--c-header-bottom)));
    top:calc((var(--c-header-top) + var(--c-header-bottom)) - 10px)!important;
    right:40px!important;
    max-width:400px;
}
#root.active-account-menu .ui-dialog-mask-scrollblocker{
    z-index:80!important;
}
#root.active-account-menu .ui-dialog-mask {
    background-color:transparent;
}
#root .ui-dialog.account-menu .ui-dialog-content {
    padding:0px;
    background-color:transparent;
    height:100%;
}
.recheck-terms-dialog {
    max-width: 500px;
    color: var(--c-white);
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 100%;
    max-height:100%;
    height:auto;
    display:flex;
    flex-direction:column;
}

body .ui-dialog.recheck-terms-dialog .ui-dialog-content {
   padding:20px;
    overflow: auto;
    height: calc(100% - 63px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

body .ui-dialog.recheck-terms-dialog .ui-dialog-titlebar {
    background-color: var(--c-emphasis);
    display: flex;
    align-items: center;
}

.recheck-terms-dialog .recheck-terms-url {
    margin: 12px 0px;
    text-decoration: underline;
    color: var(--c-emphasis)
}

.recheck-terms-dialog .recheck-terms-message {
    display: none;
}
.recheck-terms-dialog .recheck-terms-body-content img {
    width:100%;
    height:auto;
}
.recheck-terms-dialog .recheck-terms-body-content, .recheck-terms-dialog .recheck-terms-body-content > div {
    display: contents
}

.recheck-terms-dialog .recheck-terms-body-content ul {
    list-style-type: disc;
    padding-left: 40px;
    margin: 10px 0px;
}

.recheck-terms-dialog .recheck-terms-body-content .terms-update-message {
    order: -1;
}

.recheck-terms-dialog .recheck-terms-body-content .terms-questions-container {
    order: 1;
    margin-bottom: 10px;
}

.recheck-terms-dialog p-checkbox {
    display: block;
    /* order: 2; */
}

.recheck-terms-dialog .checkbox-wrapper {
    background-color: var(--c-background-white);
    display: flex;
    align-items: center;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid var(--c-dark-blue-20)
}

.recheck-terms-dialog .checkbox-wrapper .field-label {
    flex: 1;
    display:flex;
    align-items:center;
    margin-left:10px;
    /* line-height: 1rem; */
    font-size: 0px;
}

html[lang="en"] .recheck-terms-dialog .checkbox-wrapper .field-label::before {
    content: "I have read and accept the updated Terms & Conditions.";
    font:var(--t-small-text-normal);
}

html[lang="el"] .recheck-terms-dialog .checkbox-wrapper .field-label::before {
    content: "Διάβασα και κατανοώ τους νέους Όρους & Προϋποθέσεις.";
    font:var(--t-small-text-normal);
}

.recheck-terms-dialog .checkbox-wrapper .field-label span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    display: none;
}

.recheck-terms-dialog .checkbox-wrapper .field-label a {
    display: inline-flex;
    color: var(--c-emphasis);
    font-weight: bold;
}

.recheck-terms-dialog .checkbox-wrapper .required {
    margin-right: 8px;
    color: var(--c-red);
    margin-bottom:auto;
    font:var(--t-small-text-bold);
}

.recheck-terms-dialog button {
    width: 50%;
    height: 40px;
    /* background-image: var(--x-surface-ns); */
    /* font-weight:bold; */
    outline: none;
    cursor: pointer;
    flex: 1 1 0%;
    max-width: 100%;
    min-width: auto;
    
}

.recheck-terms-dialog button.btn-recheck-terms-ok {
  
    margin-right:5px;
    order: 2;
    display:none;
}

.recheck-terms-dialog button.btn-recheck-terms-go {
    background-color: var(--c-emphasis);
    color: var(--c-text-light-e); 
    border:0;
    /* border-top-right-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    order: 2;
}