﻿@media only screen and (max-width: 1770px) {

    .ConfigAreaWithBar {
        
    }
}

@media only screen and (max-width: 1150px) {

    .MenuIconsLeft {
        display: none;
    }

    .MenuToggle {
        display: block;
        position: relative;
    }

    .showMobileElement {
        display: block !important;
    }

    .MenuToggleMenuIcons {
        position: absolute;
        left: 68px;
        z-index: 2;
    }

    .DashboardWrapper {
        width: 100% !important;
 
    }

    .DashboardBlockHalf {
        width: 100% !important;
    }

    .DashboardSmallTableLoss {
        margin-left: 0px !important;
    }

    .DashboardSmallTableWin {
         margin-right: 0px !important;
    }
}

@media only screen and (min-width: 1151px) {

  .MenuIconsLeft {
    display: block;
  }

    .MenuToggle {
    display: none;
  }

}

.MenuToggle {

    width: 18px;
    overflow-wrap: break-word;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 2px;
    line-height: 14px;
    cursor: pointer;

    background: rgb(38,114,236);
    background: -moz-linear-gradient(270deg, rgba(38,114,236,1) 30%, rgba(23,55,107,1) 70%);
    background: -webkit-linear-gradient(270deg, rgba(38,114,236,1) 30%, rgba(23,55,107,1) 70%);
    background: linear-gradient(270deg, rgba(38,114,236,1) 30%, rgba(23,55,107,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2672ec",endColorstr="#17376b",GradientType=1);

}

#ctl00_cph_MainDashboard_WinLossTableWrapper, #ctl00_cph_MainDashboard_TopPlayerWrapper, #ctl00_cph_MainDashboard_SecurityWrapper,
#ctl00_cph_MainDashboard_TopByVolumeWrapper, #ctl00_cph_MainDashboard_TopByBetCountWrapper {
    display: none;
}

#MainDashboard_MenuIcons, #ctl00_cph_MainDashboard_WinLossTableChartLayout2 {
    display:block !important;
}

    #MainDashboard_MenuIcons input {
        margin: 12px;
    }


.ChartWrapper {
    height: 175px !important;
}

#ctl00_Menu {
    height: 62px !important;
    background-color: #000 !important;
    background-image: none !important;
}

#ctl00_ActionBar, #ctl00_PagingBar {
    background-color: #000 !important;
    background-image: none !important;
}

.ConfigAreaWithBar {
    top: 97px !important;
    position: fixed;
}

.LogoHeader {
    background-image: url(Images/WAR-reporting-W.png) !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .LogoHeader a {
        width: 243px;
        height: 58px;
    }

.DashboardWrapper, #ctl00_cph_MainDashboard_DashboardWrapper {
    box-shadow: 0px 0px 5px #000 !important;

    /*test*/
    /*width: 100% !important;
    box-shadow:none !important;
        */
}

.ConfigArea {
    top: 62px !important;
     position: fixed !important;
}

.divMessageCount {
    position: absolute;
    top: 12px;
    left: 108px;
    line-height: 25px;
    color: #ffffff;

    height: 25px;
    width: 25px;
    background-color: #d55954;
    border-radius: 50%;
}

input[disabled].aspNetDisabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.DashboardBlockFull {
    clear: both;
}

/* ReportMenu */


    .ReportMenu span {
        font-size:30px !important;
        display: block;
        text-align: center;
        background-color: #789090;
        color: #fff;
        padding: 10px !important;
        border-radius: 4px;
    }

    .ReportMenu #linkMenu a {
        display: block;
        width: 200px;
        border: 1px solid grey;
        background-color: #363636;
        padding: 10px;
        margin: 20px auto;
        text-align: center;
        color: #ffffff;
        border-radius: 4px;
    }

/**/

#Layout2Message {
    display:none;
    background-color: #000000;
    border: 1px solid #ffd700;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 10px;
    z-index: 1;
    box-shadow: 0px 1px 5px 3px #000;
    color: #ff0000;
}

    #Layout2Message span {
        color: #ffd700 !important;
    }

.abContent {
    width:100% !important;
}

.middleMessage {
    border-top: 1px solid #5f5f5f;
    text-align: center;
    width: 100%;
    color: #ff0000;
    display: block !important;
    background-color: #000;
    padding: 5px;
}

.greenText {
    color: #57ce00;
}

/* MENU ICONS LEFT */

.MenuLeft {
    width: 68px;
    z-index: 2;
    position: fixed;
    top: 0px;
    left: 0px;
}

.MenuIconsLeft {
    background-color:#000000;
    width: 100%;
    font-size: 10px;
    text-align: center;
    padding: 2px;
}

    .MenuIconsLeft a {
        margin: 4px 0;
        text-decoration:none;
        color: #000000;
        display: block;
        
    }

    .MenuIconsLeft a:hover {
        color: #ffffff;
    }

    .MenuIconsLeft a:hover div {
        /*filter: contrast(1.5);
            */
    }

    .MenuIconsLeft a div {
        background-size: cover;
        width: 25px;
        height: 25px;
        margin: auto;
        filter: contrast(1.5);
    }

.imgBtnPosition2 div {
    background-image: url(/Resources/IconsMenu/squares-position.png);

}

.imgBtnTopPlayers2 div {
    background-image: url(/Resources/IconsMenu/squares-top-players.png);

}

.imgBtnScores2 div {
    background-image: url(/Resources/IconsMenu/squares-scores2.png);
}

.imgBtnHoldPercetage2 div {
    background-image: url(/Resources/IconsMenu/squares-holdplayer-analysis.png);
}

.imgBtnMessageCenter2 div {
    background-image: url(/Resources/IconsMenu/squares-messages.png);
}

.imgBtnWagerLive2 div {
    background-image: url(/Resources/IconsMenu/squares-bet-ticker.png);
}

.imgBtnBettorBalance2 div {
    background-image: url(/Resources/IconsMenu/squares-player-figures.png);
}

.imgBtnBalance2 div {
    background-image: url(/Resources/IconsMenu/squares-agent-figures.png);
}

.imgBtnWagers2 div {
    background-image: url(/Resources/IconsMenu/squares-wagers.png);
}

.imgBtnSheets2 div {
    background-image: url(/Resources/IconsMenu/squares-agent-billing.png);
}

.imgBtnBillingHeadCount2 div {
    background-image: url(/Resources/IconsMenu/squares-head-count.png);
}

.imgBtnDistribution2 div {
    background-image: url(/Resources/IconsMenu/squares-distribution.png);
}

.imgBtnBettorInformation2 div {
    background-image: url(/Resources/IconsMenu/squares-player-listing.png);
}

.imgBtnMaintenance2 div {
    background-image: url(/Resources/IconsMenu/squares-Maintenance.png);
}

.imgBtnAdmin2 div {
    background-image: url(/Resources/IconsMenu/squares-admin.png);
}


/**/

.MenuItemExit {
    padding: 0px !important;
}

.MenuItemExit a {
    background-image: url(/Resources/Sites/localhost/92/images/logout-4.png);
    width: 100px;
    height: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: initial !important;
    margin-right: 5px;
    margin-top: 18px;
    padding: 0;
}

.LoadingPanel {
    z-index: 99 !important;
}

.WelcomeMessage {
    display:none;
}

.dialogMessage {
    width: 400px !important;
    font-size: 16px !important;
    z-index: 99991 !important;
}

