
@media only screen and (max-width: 789px) {
    .content-container {
        margin-left: -15px;
        margin-right: -15px;
    }
}


.side-game-container {
    border-radius: 8px;
    
    text-align: center;
    vertical-align: top;

    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #9ea5b9;

    line-height: 25px;
    margin-top:20px;
    
}


.side-game-container .side-game-banner{

    position:relative;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.side-game-container .side-game-banner img{
    width:100%;   
}

.side-game-container .side-game-banner .prize{
    position:absolute;
    bottom:0;
    width:100%;

    background-color:rgba(0, 0, 0, 0.5);

    font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
}

.side-game-container .side-game-body {

    min-height: 58px !important;
    border:none;
    text-align:center;
    --display:table;

    height:100%;
    width: 100%;    
  
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.side-game-container .side-game-body .side-game-body-content{
    background-color:#fff;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;

    width: auto;
    height:100%;
    position:relative;


}

.side-game-container .side-game-body .side-game-body-content .body-text{
    color:#4a4a4a;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:19px;
    text-align:left;
}

.side-game-container .side-game-body .side-game-body-content .body-text .body-text-links {   
    color:#4677c4;
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:19px;
    text-align:left;

    padding:3px 0px 0px 0px;
}

.side-game-container .side-game-body .side-game-body-content .body-text .body-text-links div{
    display:inline-block;
}

.side-game-container .side-game-body .side-game-body-content .body-text .body-text-links div a{
    color:#4677c4;
}

.side-game-container .side-game-body .side-game-body-content .body-list{
    color:#4a4a4a;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    font-weight:600;
    line-height:19px;
    text-align:left;

    margin:5px 5px 5px 5px;
    padding-top:6px;

}

.side-game-container .side-game-body .side-game-body-content .body-list.games-left{
    position:relative;
}

.side-game-container .side-game-body .side-game-body-content .body-list-item{
    font-family:'Open Sans', sans-serif;
    font-weight:600;
    padding:12px 0;
    border-bottom:1px solid #d1d2d3;
}

.side-game-container .side-game-body .side-game-body-content .body-list-item:last-child{
    border-bottom:none;
}

.side-game-container .side-game-body .side-game-body-content .body-list-item label{
    padding-left:10px;
    margin-bottom:0px;

    font-family:'Open Sans', sans-serif;
    font-weight:600;
}

.side-game-command{

    min-height: 58px !important;
    border:none;
    text-align:center;
    padding:15px 0;
    display:table;
   
    float:right; 
}

.side-game-command.games-left{
    float:none; 
}

.side-game-command .game-play{

    display:table-cell;
    vertical-align:middle;

}

.side-game-command .game-play a.play-side-game,
.side-game-command .game-play a.continue-side-game {
    
    display: block;

    width: auto !important;
    height: auto !important;

    min-height: 38px;
    padding: 13px 24px;
    font-size: 18px;
    line-height: 16px;

}

.side-game-command .game-play a.play-side-game:disabled,
.side-game-command .game-play a.continue-side-game:disabled {

    cursor: default;
    background: #c4c0be !important;

}

/* PAY TABLES - START */
.side-game-row{
    background-color: #f5f5f5;
    padding: 0;
    height: 433px;
    border-radius: 5px;
    margin-top:20px;
}

.side-game-row .side-game-widget{
    height:428px;
}

.side-game-row .side-game-table{
    height:433px;
}

.side-game-pay-table{
    width:100%;
    height:428px;

    margin:0px 0;
    background-color:#f5f5f5;

    font-size:12px;
    font-family:'Open Sans', sans-serif;

    margin-left:-35px;
}

.side-game-pay-table tr {
    border-bottom:1px solid #d1d2d3;
}

.side-game-pay-table tr td:first-child{
    width:35%
}

.side-game-pay-table tr td:nth-child(2){
    text-align:center;
    width:35%;
}

.side-game-pay-table tr td:nth-child(3){
    text-align:center;
    font-weight:700;
    width:30%;
}

.side-game-pay-table tfoot tr{
    border:none;
}

.side-game-pay-table tfoot tr td{
    font-weight:700;
}

.side-game-pay-table td{
    padding:7px 0;
}
/* PAY TABLES - END */

/* MODAL - START */

.game-dialog .modal-header h4.modal-title {

    text-transform:none !important;
    margin-bottom: 5px !important;
    margin-top: -5px !important;
}

.game-dialog .modal-body {

    width: 100%;
    height: 550px;
}


.game-dialog .modal-body .iframe-container {

    width: 100%;
    height: 540px;

    border: none;
    background1: black url(/Media/widgets/widget-games-hub/img/iframe-container-bg.png) no-repeat;

    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
}


.game-dialog .modal-body iframe {
    
   
    display: none;
    
    width: 100%;
    height: 540px;

    border: none;
    
}
 /*width: 990px  !important;*/


@media (min-width: 992px) {

  .modal-lg {
        width: 990px;
  }
}

/* MODAL - END */

.row {
  --display: -webkit-box;
  --display: -webkit-flex;
  --display: -ms-flexbox;
  --display:  flex;
  --flex-wrap: wrap;
}
.row > [class*='col-'] {
  --display: flex;
  --flex-direction: column;
}

h1.content-title span.side-game-link{
    float:right;
    font-size:14px;
    line-height:22px;
    margin:0 1px;
}