/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxWrapper {  
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{
    outline: 0;
    width: 100% !important;
}
#colorbox:not(.height_forced_message):not(.message_thread_cb) {
    height: auto !important;
    overflow:visible;
}
#cboxContent{
    margin-top: 32px;
    background: #000;
    width: 100% !important;
    height: auto !important;
}
        
#cboxLoadedContent{
    background: #fff;
    padding: 1px;
    width: 100% !important;
    margin: 0 auto;
    height: 100% !important;
    box-sizing: border-box;
}
        
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:55px; height:55px; position:absolute; top:-44px; background:url(/media/mobile/images/cross.png) no-repeat 0 0;background-size: 70%;}
#cboxClose{background-position:8px 8px; right:2px;}  
.betting-slips-report #cboxWrapper {
        height: 100% !important;
        position: relative;
        overflow: scroll;
} 
.betting-slips-report #colorbox {
    height: 90% !important;
}