#root .betslip-check button[value=Submit] {
    /* background-color: var(--o-yellow); */
    
    text-indent: 0;
    /* color: var(--o-primary-c); */
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    min-height: 26px;
    background-color: var(--aw-button-primary);
    color: var(--aw-label-button-primary);
    border-left: unset;
    width: 100%;
    max-width: 80px;
    border-radius: var(--r-d2);
    font:var(--c-font)
}

#root #customWidget_retailcashout #betslip:not(.visible) {
    display: none
}

#root:not(.cashout-visible) #betslip.visible {
    position: fixed;
    width: 100%;
    height: calc(100% - var(--c-header-top));
   bottom:0px;
    left: 50%;
    transform:translate(-50%, 0%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-black);
    z-index: 1001;
}

#betslip-check-iframe {
    width: 100%;
    height: 100%;
    padding: 0;
    max-width: 450px;
    max-height: 800px;
    position: relative;
    margin: 0 auto;
    z-index: 1111;
}

#root .mobile .betslip-check.inline #betslip-check-iframe {
    max-height: 80vh
}

#betslip-check-iframe button {
    position: absolute;
    z-index: 1001;
    top: 0px;
    right: 0;
   background-color: var(--aw-coupon-selection);
    color: var(--o-primary-c);
    width: 30px;
    height: 30px;
   
    font-weight: 700;
    cursor: pointer
}

#betslip-check-iframe iframe {
    border: 1px solid #000;
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform: scale(.5);
    transform-origin: 0 0;
    backface-visibility: hidden
}

#betslip-check-iframe iframe.extra-small {
    -webkit-transform: scale(.25);
    -webkit-transform-origin: 0 0;
    transform: scale(.25);
    transform-origin: 0 0
}
#root:not(.cashout-visible) .ui-dialog #betslip.visible {
    position:absolute;
    width:100%;
    height:100%;
    transform:unset;
    left:0px;
    top:0px;
    max-width:unset;
    
}
#root:not(.cashout-visible) .ui-dialog #betslip.visible #betslip-iframe {
    position:absolute;
}
#root.cashout-visible .betslip-check {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--c-black);
    z-index: 1002
}

#root .betslip-check>div {
    width: 100%;
    background-color: var(--o-primary);
    padding: 0;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}
#root .ui-dialog .betslip-check>div {
    position:unset;
}
.cashout-wrapper {
    position:relative;
    width:100%;
    height:100%
}
#root .os-safari .betslip-check>div,#root .os-ios .betslip-check>div {
    align-items: flex-start
}
#root .cashout-banner {
    margin-bottom:0px;
}
#root .betslip-check .inline {
    margin-top:8px;
     border-bottom-left-radius:var(--r-d2);
    border-bottom-right-radius:var(--r-d2) 
    /* background: linear-gradient(to top,var(--o-blue-c),#0a1c34 40%); */
}

#root .new-image.betslip-check .inline {
    /* background: linear-gradient(to top, var(--o-primary-b), black 80%); */
}

#root .betslip-check .inline  img {
    width: 100%;
    height:auto
}

#root .mobile .betslip-check .inline>div {
    max-width: 320px;
    margin: 0 auto
}

#root .betslip-check .check-text {
    text-align: center;
    padding:10px;
        color: var(--c-s-white);
    background-color:var(--aw-primary);
    border-radius: var(--r-d2);
    
}

#root .betslip-check .cashout-input {
    display: flex;
    flex-direction: row;
    padding: 10px;
    width: 100%;
   
}

#root:not(.cashout-visible) .betslip-check .modal {
    display: none
}

#root .betslip-check .cashout-input input[type=text] {
    width: 100%;
    margin-right:8px;
    background-color:var(--aw-background);
    color: var(--aw-text-s);
    border:1px solid var(--aw-emphasis);
    /* border-top-right-radius:0px; */
    /* border-bottom-right-radius:0px; */
    /* background-color: #fcfdfeb3; */
    /* border: 1px solid #132a4d; */
    /* color: var(--o-primary-c); */
}

#root .betslip-check .cashout-input input[type=text]::-webkit-input-placeholder {
   color: var(--aw-text-s);
}

#root .betslip-check .cashout-input input[type=text]:focus {
    /* background-color: #fcfdfe; */
    /* border: 1px solid #008bd1; */
}

#root .betslip-check .cashout-input input[type=text]:focus+input {
    border: 1px solid var(--c-shade-b)
}

#root.cashout-visible .betslip-check #betslip {
    display: none
}

#root.cashout-visible .betslip-check #betslip.visible {
    height: 50vh;
    padding: 10px;
    display: block;
    width: 100%
}

#root.cashout-visible #betslip-check-iframe button {
    display: none
}

#root:not(.cashout-visible) .betslip-check.modal {
    display: none
}

#root .betslip-check #betslip:not(.visible) {
    display: none
}

#root .betslip-check .check-betslip-title {
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    background-color: var(--o-primary-c);
    box-shadow: 0 1px 2px var(--c-shade-b);
    width: 100%
}

#root .betslip-check .inline .check-betslip-title {
    /* background-color: var(--c-white-e); */
    /* color: var(--o-blue-c); */
    /* font-family: OPAP-Ext; */
    display: none
}

#root:not(.cashout-visible) .betslip-check .close-modal {
    display: none
}

#root.cashout-visible .betslip-check .close-modal {
    width: 24px;
    margin-left: auto;
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    background-color: var(--o-yellow);
    color: var(--o-primary-c)
}

#root.cashout-visible .mobile .betslip-check .close-modal {
    right: 0
}
#root .cashout-image {
    border-bottom-left-radius:0px;
     border-bottom-right-radius:0px;
}