#overview{
    width: 100%;
    font-size:9pt;
}

#overview #sports,
#overview #favorite_overview{
    width: 100%;
}

#overview #favorite_overview{
    margin: 0;
    padding: 0;
}

#overview #favorite_overview .favsWrap{
    padding: 10px;
    background-image: url("/images/live/favBackground.png");
    background-repeat: repeat;
    border-left: 1px solid #766943;
    border-right: 1px solid #766943;
    border-top: 1px solid #766943;
    color: white;
}

#overview #favorite_overview > .header {
    display: table;
    width: 100%;
    height:30px;
    background: #766943;
    padding-left: 4px;
    padding-top: 5px;
}

#overview #favorite_overview > .header > div{
    display: table-cell;
    text-transform: uppercase;
    text-align: left;
    vertical-align: bottom;
    color: #222;
    line-height: 30px;
    font-weight:700;
}

#overview .header,
#calendar_overview_wrap .header{
    display: table;
    position:relative;
    width: 100%;
    height:30px;
    line-height: 30px;
    font-weight:700;
    padding-left: 4px;
    padding-top: 0;
    /*text-transform: uppercase;*/
    text-align: left;
    vertical-align: bottom;
    border-radius: 2px 2px 0 0;
}

#overview .header > div{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

#overview .header .icon-wrap{
    width:25px;
    text-align: center;
    padding-left:4px;
}

#overview .sport{
    margin-bottom: 20px;
}

#overview .sport .games{
    display: table;
    width: 100%;
    background-color: #616161;
    border: 1px #999 solid;
    border-radius:0 0 2px 2px;
    text-align: left;
}

#overview  .wrapContentGame{
    display: block;
    background-color: #616161;
    margin: 5px 10px;
    padding: 4px;
    border:1px solid #545554;
    border-radius: 4px;
    border-collapse: collapse;
}
#overview .sport .games .row{
}

#overview .sport .filtres-prop{
    display: none;
    width:180px;

}

#overview .sport .filtres-prop .btn-prop{
    display:inline-block;
    padding: 6px;
    width:33%;
    text-align: center;
    background: rgba(0,0,0,0.1);
    cursor: pointer;
}

#overview .sport .filtres-prop .btn-prop.active-xs, 
#overview .sport .filtres-prop .btn-prop.active-xss{
    margin-left: -3px;
}

#overview .sport .filtres-prop .btn-prop:hover,
#overview .sport .filtres-prop .btn-prop.active{
    background: rgba(0,0,0,0.3);
}

#overview .sport .filtres-prop .btn-prop:not(:last-child){
    border-right: 1px solid #848484;
}

#overview .sport .games .prop{
    text-align: center;
    font-weight: 400;
}

#overview .sport .games .game{
    display: inline-block;
    height:161px;
    width: 49.9%;
}

#overview .sport .games .game.eventStage{
    display: inline-block;
    height:100%;
    width: 100%;
}

/* for desktop XL */
@media screen and  (max-width: 1600px){
    #overview .sport .games .game{
        width: 100%;
    }
    #overview .sport .games .eventStage{
        height: 100%;
    }
}

#overview .sport .games .game.three-row{
    height: 180px;
}

#overview .sport .games .col{
    display: table-cell;
    width: auto;
    /*text-transform: uppercase;*/
    width: 100px;
    vertical-align: top;
    font-weight: 700;
    color: #fff;
}

#overview .sport .games .game .period{
    color: #a4a4a4;
    font-weight: normal;
    /*    padding-left: 10px;*/
    font-size: 12px;
    height: 18px;
    /*white-space: nowrap;*/
}


#overview .sport .games .game .league{
    color: #a4a4a4;
    font-weight: normal;
    /*    padding-left: 10px;*/
    font-size: 12px;
    height: 18px;
    /*white-space: nowrap;*/
}


#overview .sport .games .game .time{
    width: 35px;
    color: #a4a4a4;
    font-weight: normal;
    padding-left: 5px;
    font-size: 12px;
    height: 18px;
}

#overview .sport .games .wrapContentGame.detailVisible .time {
    color: #666;
}

#overview .sport .games .game .space-period{
    height: 18px;
}

#overview .sport .filtres-prop .btn-prop{
    background: rgba(0,0,0,0.1);
}

#overview .sport .games .col.first-col{
    width: auto;
    min-width: 128px;
}
#overview .sport .games .col.first-col .score{
    color: #e5df26;
}
#overview .sport .games .col.last-col{
    width:10%;
    min-width: 40px;
}
#overview .sport .games .col.last-col > div{
    width:100%;
    display: table;
}
#overview .sport .games .col.last-col > div > div{
    width:100%;
    height: 27px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 5px;
}
#overview .sport .games .col.last-col .betsWrap{
    width:100%;
    text-align: center;
}
#overview .sport .games .col.last-col .betsArrow:before {
    font-family: FontAwesome;
    font-size:1.2em;
    content: "\f0da";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}
#overview .sport .games .col.last-col .betsArrow{
    display: inline-block;
    margin-left: 4px;
    height: 12px;
    width: 10px;
}
#overview .sport .games .col.last-col .overview-lnk{
    display: inline-block;
    width: 100%;
}
#overview .sport .games .col.last-col .overview-lnk:hover{
    background-color: #696969;
    border: 1px solid #4e4e4e;
    border-raduis: 2px;
}
/* detailVisible */
#overview .sport .games .wrapContentGame.detailVisible{
    background: #d5bc24;
}
#overview .sport .games .wrapContentGame.detailVisible .nameTeam,
#overview .sport .games .wrapContentGame.detailVisible  .prop,
#overview .sport .games .wrapContentGame.detailVisible  .overview-lnk{
    color:#222;
}
#overview .sport .games .wrapContentGame.detailVisible .col.first-col .score{
    color:red;
}
#overview .sport .games .wrapContentGame.detailVisible .period{
    color:#666;
}

#sports .games .col.last-col .favTD .fav{
    background-image: url("/images/live/favorites_dark.png");
    background-position: -15px 0;
    background-repeat: no-repeat;
    background-size: 30px 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
}

#favorite_overview .games .col.last-col .favTD .fav{
    background-image: url("/images/live/favorites_dark.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 30px 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
}

#favorite_overview .sport .games .col.last-col .favTD .fav:hover{
    /* background-position: -15px 0;*/
}

#sports .sport .games .col.last-col .favTD .fav:hover{
    background-position: 0 0;
}

#overview #sports-favorites .sport .games .col.last-col .favTD .fav{
    background-position: 0 0;
}

#overview #sports-favorites .sport .games .col.last-col .favTD .fav:hover{
      /* background-position: -15px 0;*/
}

#overview .sport .games .col.first-col .team{
    color: #fff;
}

#overview .sport .games .col.first-col .team{
    display: table;
    table-layout: fixed;
    white-space: nowrap;
    width:100%;
    height: 27px;
    text-align: left;
}

#overview .sport .games .col.first-col .team > div{
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#overview  .sport .games .col.first-col .team .score{
    width: 25px;
    text-align: center;
}


#overview  .sport .games .col.first-col .team .possesion{
    display: inline-block;
    width: 18px;
    height: 14px;
    transform: scale(1.2);
    margin-left: 2%;
    background-repeat: no-repeat;
    top: 15px;
}

#overview  .sport .games .col.first-col .team .possesion[name-sport="football"]{
    background-image: url("/images/live/football-icon.png");
}

#overview  .sport .games .col.first-col .team .possesion[name-sport="baseball"]{
    background-image: url("/images/live/baseball_bat.png");
}

#overview  .sport .games .col.first-col .team .possesion[name-sport="tennis"]{
    background-image: url("/images/live/tennis-icon.png");
}



#overview .sport .games .col .selectionInfo{
    display: table;
    position : relative;
    width: 112px;
    height: 27px;
    padding: 2px 0;
    text-align: center;
    background: #545554;
    color: #fff;
    border-radius: 2px;
    margin:1px;
}

#overview .sport .games .col .selectionInfo.onBetslip{
    background: #333433;
}

#overview .sport .games .col .selectionInfo:hover {
    background: #6c6c6c;
}

#overview .sport .games .GlobalOff .col .selectionInfo{
    background-image: url("/images/live/locked-white.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px;
}

#overview .sport .games .col .selectionInfo > div {
    display: table-cell;
    vertical-align: middle;
}
#overview .sport .games .col .selectionInfo > div.addedToBetslipWrap{
    display: none;
}

#overview .sport .games .col .selectionInfo > div > div{
    display: inline-block;
    padding: 0 4px;
}

#overview .sport .games .col .selectionInfo .Odds{
    color: #facc2e;
}

#overview .sport .games .col .selectionInfo .changed{
    text-shadow: 0 0 10px #fffc90;
}

#overview .sport .games .col .selectionInfo.blocked {
    background-image: url("/images/live/locked-white_mini.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    border: 0;
}

#overview .selectionInfo .addedToBetslipWrap{
    position: absolute;
    top: -42px;
    left:0;
    z-index: 200;
    width: 100%;
}

#overview .selectionInfo .addedToBetslip{
    background-color: yellow;
    width: 120px;
    padding: 5px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    border: 1px solid gray;
    color: #000;
    font-weight:  normal;
    text-transform: none;
}

#overview .selectionInfo .addedToBetslipWrap .arrow{
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid yellow;
    position: absolute;
    left: 50px;
    bottom: -13px;
}

#overview .selectionInfo .selectionDetail{
    font-size:0.7em;
    font-weight: normal;
}
#calendar_overview{
    margin:0;
    padding: 0;
    font-size:9pt;
    background: #545554;
}

#calendar_overview_wrap .header{
    background: #14805e;
    color:#fff;
}

#calendar_overview_wrap .header > div{
    padding-left: 4px;
}

#calendar_overview li{
    list-style-type: none;
    display: table;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #333433;
}

#calendar_overview li > div{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 4px 2px;
}

#calendar_overview li .icon-sport{
    width:30px;
}

#calendar_overview li .teams-game{
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
}

#calendar_overview li .time-game{
    width: 10%;
    min-width: 80px;
    color: #a4a4a4;
}

#calendar_overview li .countdown{
    width: 10%;
    min-width: 80px;
    color: #e5df26;
}

#overview .games.sort .game.hidden{
    display: none;
}

#overview .game.row .wrapContentGame{
    height: 84px;
}

#overview .game.row .wrapContentGame.soccer,
#overview .game.row .wrapContentGame.e_soccer,
#overview .game.row .wrapContentGame.sim_soccer,
#overview .game.row .wrapContentGame.ice_hockey{
    height: 132px;
}
/*
#overview .show-more-container,
#overview .show-less-container{
    width: 121px;
    position: relative;
    top: 24px;
    letter-spacing: 3px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: 0.2s; /* Safari */
/*transition: 0.2s;
/*border: 2px solid white;*/
/* padding: 3px;
 border-radius: 20px;
 /*background: #0000002b;*/
/* text-align: center;
 height: 31px;
 border: 1px solid rgb(189, 189, 189);
 background: linear-gradient(rgb(255, 223, 27) 0%, rgb(255, 223, 27) 100%);
 color: rgb(0, 0, 0);
}

#overview .wrapContentGame.soccer .show-more-container,
#overview .wrapContentGame.ice_hockey .show-more-container,
#overview .wrapContentGame.soccer .show-less-container,
#overview .wrapContentGame.ice_hockey .show-less-container{
 top: 40px;
}

*/

#overview .show-more-container,
#overview .show-less-container{
    cursor: pointer;
    font: bold 25px Helvetica, Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
   /* text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/

}

#overview .show-more-container div,
#overview .show-less-container div{
    font: bold 25px Helvetica, Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    padding: 22px;
    width: 300px;
    cursor: pointer;
    height: 65px;
    font-size: 19px;
    /*text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;*/
}

i.glyphicon-plus-sign, i.glyphicon-minus-sign{
    top: 3px;
}

#overview .wrapContentGame.soccer .show-more-container,
#overview .wrapContentGame.ice_hockey .show-more-container,
#overview .wrapContentGame.soccer .show-less-container,
#overview .wrapContentGame.ice_hockey .show-less-container{
    /*top: 25px;*/
}

/*#overview .show-more-container:active,
#overview .show-less-container:active,
#overview .show-more-container:active div,
#overview .show-less-container:active div{
    color: #000;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
} */

#overviewWrap{
    z-index: 1;
    position: relative;
}

#favorite_overview{
    margin-bottom: 20px !important;
}

#overview .game.row .wrapContentGame.wrapContentGameSport {
    height: 154px;
}

#overview .game.eventStage .wrapContentGame.wrapContentStageSport {
    height: 100%;
}

@media screen and (max-width: 767px){
    #overview .show-more-container div,
    #overview .show-less-container div{
        padding: 18px;
        font-size: 18px;
    }

    #overview .game.row .wrapContentGame.soccer,
    #overview .game.row .wrapContentGame.e_soccer,
    #overview .game.row .wrapContentGame.sim_soccer,
    
    #overview .game.row .wrapContentGame.ice_hockey{
        height: 154px;
    }
    #overview .show-more-container,
    #overview .show-less-container{
        /*top: 15px;*/
    }

    #overview .sport{
        overflow: hidden;
    }

    #overview .sport .games .game .Spread{
        display: block !important;
    }

    #overview .sport .games .col .selectionInfo{
        width: 99%;
    }

    #overview .wrapContentGame{
        margin: 0px;
    }

    #overview .game.row .wrapContentGame{
        height: 100%;
    }

    #overview .sport .games .col .selectionInfo{
        height: 35px;
    }

    /* #overview .game.row .wrapContentGame.soccer, 
     #overview .game.row .wrapContentGame.ice_hockey {
         height: 135px;
     }*/

    #overview .sport .games .game {
        height: 130px;
    }

    #overview .sport .games .game[sport='ice_hockey'],
    #overview .sport .games .game[sport='soccer']{
        height: 149px;
    }

    #overview .sport .games .col.first-col .team {
        height: 35px;
    }

}

.tournamentWinner{
    text-align: center;
    padding-bottom: 12px; 
}

.outright{
    text-align: center;
    padding-bottom: 12px;
    color: #fff;
    font-weight: 700; 
}


.stageSelections{
    background-color: #666666;
    border-left: 1px solid #414141;
    border-right: 1px solid #414141;
    border-bottom: 1px solid #414141;
}

.stageSelection{
    position: relative;
}

.stageSelections > div{
    display: table-cell;
    float: left;
    width: 25%;
}

.hiddenStageOv {
    display: none !important;
    visibility: hidden !important;
}

.closedStageOv {
    display: none !important;
    visibility: hidden !important;
}

.stageSelections .stageSelection .changed{
    text-shadow: 0 0 10px #fffc90;
}

.stageSelections .stageSelection.disabledStage{
    pointer-events: none;
    cursor: not-allowed;
    text-decoration: none;
}


.stageSelections .stageSelection .stageSelectionBody{
    background-color: #585858;
    border: 1px solid #414141;
    display: table;
    table-layout: fixed;
    width: 100%;
    height:26px;
    font-size: 9pt;
    text-align: left;
}

.stageSelections .stageSelection.onBetslip .stageSelectionBody{
    background: #333433;
}

.stageSelections .stageSelection .stageSelectionBody > div{
    display: table-cell;
    vertical-align: middle;
}

.stageSelections .stageSelection .stageSelectionBody > div.addedToBetslipWrap{
    display: none;
}

.stageSelections .stageSelection .stageSelectionBody .addedToBetslipWrap{
    position: absolute;
    top: -42px;
    left:0;
    z-index: 200;
    width: 100%;
}

.stageSelections .stageSelection .stageSelectionBody .addedToBetslipWrap .arrow{
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid yellow;
    position: absolute;
    left: 50px;
    bottom: -13px;
}

.stageSelections .stageSelection .stageSelectionBody .description{
    color: #dddddd;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    padding-left: 4px;
    width: 100%;
}

.stageSelections .stageSelection .stageSelectionBody .description.grayStage{
    color: gray;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
    padding-left: 4px;
    width: 100%;
}

.stageSelections .stageSelection .stageSelectionBody .odds{
    width: 60px;
    text-align: right;
    color: #e5df26;
    font-weight: bold;
    padding-right: 4px;
}

.stageSelections .stageSelection .stageSelectionBody .odds.grayStage{
    width: 60px;
    text-align: right;
    color: gray;
    font-weight: bold;
    padding-right: 4px;
}


.footerStageOv{
    background-color: #444444;
    border-radius:2px;
    color: white;
    display: table;
    width: 100%;
    height: 26px;
    cursor: pointer;
}

.footerStageOv .btnStageOvDetailWrap{
    width:100%;
    background: #126d50;
    border-radius: 2px;
    padding-left: 45%;
    height: 26px;
}

.footerStageOv .btnStageOvDetailWrap .viewAllStageOvDetail{
    width:60px; 
    display:table-cell;
    padding-top: 3px;
}

.footerStageOv .btnStageOvDetailWrap .btnStageOvDetail{
    background-repeat: no-repeat;
    background-position: left center;
    width:20px;
    height: 10px;
    padding: 0;
    border: 0;
    display:table-cell;
}

.footerStageOv .btnStageOvDetailWrap .btnStageOvDetail.less{
    background-image: url("/images/live/details_less.png");
}

.footerStageOv .btnStageOvDetailWrap .btnStageOvDetail.plus{
    background-image: url("/images/live/details_plus.png");
}

#overview .header.stageHeader{
    background-color: #126d50;
    color: white;
    border: 1px solid #005f48;
}