.alertable {
    position: fixed;
    z-index: 9999999;
    top: 20vh;
    left: 38%;
    left: -webkit-calc(50% - 210px);
    left: calc(50% - 210px);
    width: 390px;
    background-color: #1d1d1d;
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px;
    margin: 0 auto;
}

.alertable-overlay {
    position: fixed;
    z-index: 9999998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.alertable-overlay-myBets {
    position: fixed;
    z-index: 9999998;
    width: 120px;
    height: 120px;
    left: calc(70% - 62px);
    left: -webkit-calc(70% - 62px);
    left: calc(70% - 62px);
    bottom: -25px;
    border-radius: 52%;
    box-shadow: 0 0px 0 2000px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0px 0 2000px rgba(0, 0, 0, .5);
    pointer-events: none;
    border: 1px solid #f8cb24;
}

.alertable-overlay-myBets:before {
    content: ' ';
    background-image: url('Images/message_betslip_hint.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -45px;
    left: 15px;
    width: 35px;
    height: 34px;
}

.alertable.myBetsAlertableHint, .alertable.myBetsAlertableHint .alertable-buttons {
    text-align: center;
}

.alertable-message {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 15px;
    font-family: open_sansregular, Arial, sans-serif;
    font-weight: 400;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.alertable-message b {
    font-family: open_sansbold, Arial, sans-serif;
    font-weight: 400;
}

.alertable-prompt {
    margin-bottom: 20px;
}

.alertable-input {
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
    border: solid 1px #ccc;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: 6px 12px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.alertable-buttons {
    text-align: right;
}

.alertable-buttons .button {
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin: 0 2px;
    cursor: pointer;
    font-weight: bold;
    padding: 0 10px;
    border: 1px solid #666;
    border-radius: 4px;
    outline: none;
}

.alertable-ok {
    width: 45%;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
    background: #F8CB24;
    border: solid 1px #F8CB24;
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color: #000;
    border-radius: 4px;
    padding: 6px 12px;
    margin-left: 4px;
    cursor: pointer;
    outline: none;
}

.alertable-ok:hover, .alertable-ok:focus, .alertable-ok:active {
    background-color: #ffc000;
}

.alertable .okButton {
    outline: none;
    width: 80px;
    margin-left: 20px;
    background-image: url(images/btn_lnk_bg.gif);
    background-repeat: repeat-x;
    background-position: center center;
    background-color: #fcd058;
}

.alertable-cancel {
    width: 45%;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
    border: solid 1px #ddd;
    background: #fff;
    font-family: inherit;
    font-size: inherit;
    color: #888;
    border-radius: 4px;
    padding: 6px 12px;
    margin-left: 4px;
    cursor: pointer;
}

.alertable .cancelButton {
    width: 80px;
    background: #d5d5d5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top, #d5d5d5 0, #efefef 50%, silver 50%, #d5d5d5 100%);
    background: linear-gradient(to bottom, #d5d5d5 0, #efefef 50%, silver 50%, #d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#efefef', GradientType=0);
    border: 1px solid #666;
    outline: none;
}

.alertable-cancel:hover, .alertable-cancel:focus, .alertable-cancel:active {
    background-color: #f2f2f2;
}

.alertable-image {
    width: 390px;
    height: 75px;
    background-image: url(Images/jurisdictionchange.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.alertable-buttons>button:first-of-type {
    margin-left: 0;
}

@media only screen and (max-width: 460px) {
    .alertable {
        width: 200px;
        top: 15vh;
        left: 15%;
        left: -webkit-calc(50% - 110px);
        left: calc(50% - 110px);
    }
    .alertable-image {
        width: 200px;
        height: 38px;
        background-size: cover;
    }
    .alertable-buttons {
        text-align: center;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .alertable-overlay-myBets {
        box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .alertable-overlay-myBets {
        box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .alertable-overlay-myBets {
        box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0px 0 600px rgba(0, 0, 0, .5);
    }
}