/* 2.1.101 */

.matchdone {
    background-color: rgb(200,220,255) !important;		/* BLUE */
}

.matchnone {
    background-color: rgb(240,240,240) !important;		/* GREY */
    color: rgba(255,0,0,0.5);
}

.matchwait {
    background-color: rgb(255,200,200) !important;		/* RED */
}

.matchactive {
    background-color: rgb(200,255,200) !important;		/* GREEN */
}

.matchpend {
    background-color: rgb(255,255,200) !important;		/* YELLOW */
}

.nomatchalert {
/*    border: 1px solid #ff9800;  */
    background-color: #FEDEB3; /* #FFDB71; #FEEFB3; */
    color: #008800;
    box-sizing: border-box;
}

.nomatchalert2 {
/*    border: 1px solid #ff9800;  */
    background-color: #FEDEB3; /* #FFDB71; #FEEFB3; */
    color: #FF0000;
    box-sizing: border-box;
}

.matchscore {
    width:10%;
    padding:0 5px;
    white-space:nowrap;
}

.matchscore.valid {
    color:blue;
}

.matchscore.none {
    color: rgb(180,180,180);
}

.msheetview {
    margin: 2px !important;
/*    font-size: 0.8em !important; */
}

#refreshstatus, #refreshstatushome {
    color:rgb(150,150,150);
    font-size: 0.8em;
}

.mspreview {
    position: absolute;
    top:58px;
    right: 0px;
    background-color:#4CAF50;
    border-radius: 8px 0px 0px 8px;
    color:white;
    padding:10px 15px;
    cursor: pointer;
    text-orientation: sideways-right;
    writing-mode: vertical-rl;
/*    float:right;
    margin-right:-20px; */
}

.mypbuttonrow {
    display: table-row;
    max-width: 300px;
    width: 100%;
}

.pbutton2 {
    border: 2px solid white;
    display: table-cell;
    width: 70px;
    margin: 2px;
    vertical-align: middle;
    font-size: 0.7em;
    padding: 6px 3px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
}

.pbutton2.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.iconhome {
    cursor: pointer;
}

.iconcog {
    cursor: pointer;
}

.blueitem {
    color: blue;
    font-weight: bold;
}

.reditem {
    color: red;
    font-weight: normal;
}


.mywin {
    background-color: #88CC88;
}

.otherwin {
    background-color: #FFAAAA;
}

table.finplayersummary {
    width: 100%;
}

table.finplayersummary td {
    padding: 5px;
}

div.adm-match {
    border-top: 1px solid rgb(200,200,200);
}

.has-break {
    position: absolute;
    top: 2px;
    width: 12px;
    height: 12px;
    z-index: 10;
    /*font-size: 8px;*/
    /*color: white;*/
    /*background-color: red;*/
    /*border-radius: 6px;*/
    /*line-height: 12px;*/
    background: url(/images/break.svg) center center no-repeat;
    background-size: auto;
    background-size: 12px 12px;
}

/*.ms.home.code {*/
/*    border-right: 5px solid transparent;    */
/*}*/

/*.ms.away.code {*/
/*    border-left: 5px solid transparent;    */
/*}*/

.ms.home.code .has-break {
    right: 0;
    margin-right: -5px;
}

.ms.away.code .has-break {
    left: 0;
    margin-left: -5px;
}

.social-icons {
    display: flex;
    justify-content: center;
}

.social-icons img {
    height: 30px;
    padding:10px;
}

div.row.selected {
    background-color: rgb(0,255,255);
}

.row {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
}

.row.p {
    border-bottom: 1px solid rgb(200,200,200);
    height: 50px;
    padding-top: 13px;
}

/*
.matchblock {
    background-color:white;
    border:1px solid rgb(120,120,120);
    margin-bottom:5px;
}
*/
.ui-collapsible-content {
/*    padding-left: 3px !important;
    padding-right: 3px !important;    */
    padding: 0px !important;

}

.matches {
/*    padding:5px;        */
    margin-bottom:5px;
/*    border: 1px solid rgb(200,200,200); */
}

.ms.code, .ms.rank, .ms.result, .ms.summary {
    display:inline-block;
    text-align: center;
    white-space: nowrap;
/*    minimum-width: 36px; */
    width: 8%;
    padding: 4px 0px;
    margin: 0;
}

.ms.summary {
    color: #826200;
}

.msub.code, .msub.rank, .msub.result {
    display:inline-block;
    text-align: center;
    white-space: nowrap;
/*    minimum-width: 36px; */
    width: 18%;
    padding: 4px 0px;
    margin: 0;
}

.msub.pname {
    display:inline-block;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
/*    width: 20%; */
    width: 46%;
    padding: 4px 0px;
    margin: 0;
}

.ms.pname {
    display:inline-block;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
/*    width: 20%; */
    width: 22%;
    padding: 4px 0px;
    margin: 0;
}

.ms.pnamenr {
    display:inline-block;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
/*    width: 20%; */
    width: 32%;
    padding: 4px 0;
    margin: 0;
}

.ms.rank, .msub.rank {
    text-align: center;
    color: blue;
    white-space: nowrap;
}

.ms.pnamenr.home {
    padding-left: 5px;
}

.ms.pnamenr.away {
    padding-right: 5px;
}

.ms.result, .msub.result, .ms.summary {
    white-space: nowrap;
}

.statsedit {
    margin: auto !important;
}

.footertext {
    text-align: center;
}

.scoreparent {
/*    text-align: center;
    background-color: rgb(255,255,180); */
    margin: 0px !important;
/*    border-top: 1px solid rgb(200, 200, 200); */
}

.row.s {
    height: 40px;
    padding-top: 8px;
}
.row.a {
    height: 40px;
    padding: 2px 0px 2px 0px;
}

.legedit .ms.code {
    background-color: deepskyblue;
    color: white;
}



.ms.code {
    position: relative;
    background-color: yellow;
    font-weight: 400;
    text-shadow: none;
}

.code {
    color: black;
    text-align: center;
}

.mytext {
    color: rgb(0,0,0);
    font-weight: bold;
}

.psum {
    white-space: nowrap;
    text-align: center;
}

.codeother {
    color: rgb(100,100,100);
    text-align: center;
}

.textother {
    color: rgb(100,100,100);
}

.rh {
    font-weight: bold;
}

.teamtitle {
    font-weight: bold;
    color: blue !important;
}

.otherteamtitle {
    font-weight: normal;
    /* color: rgb(180,180,180) !important; */
    color: red !important;
}
.pagebuttons {
    padding: 10px;
    display: table-row;
}
.pbutton {
     display: table-cell;
     padding: 2px;
     width: 100px;
}
/*
.playerselected {
    background-color: yellow;
}
*/
.playerselected.start {
    background-color: #fff1a1; /* #69BD45; */
}

.playerselected.sub {
    background-color: #facdd0;
}

.playersaved {
    background-color: rgb(0,200,0);
}

.plocked {
    background-color: rgb(230,230,230) !important;
}

.bgwhite {
/*    border: 3px solid #FFFFFF; */
    margin: 3px;
    background-color: #FFFFFF;
}
.bgred {
    border: 3px solid rgb(255,51,0);
    margin: 1px 1px 0px 1px;
    background-color: #FFFFFF;
}
.bgblue {
    border: 3px solid rgb(0,153,255);
    margin: 1px 1px 0px 1px;
    background-color: #FFFFFF;
}
.bgyellow {
    border: 3px solid rgb(255,204,80);
    margin: 1px 1px 0px 1px;
    background-color: #FFFFFF;
}
.bggreen {
    border: 3px solid rgb(102,204,51);
    margin: 1px 1px 0px 1px;
    background-color: #FFFFFF;
}
.updated {
    color: red !important;
}

.navplayer {
    border: 2px solid white;
    background-color: rgb(220,220,220);
    width: 50% !important;
    height: 40px;
    font-size: 13px;
}

.navblock {
    border: 2px solid white;
    background-color: rgb(220,220,220);
    width: 50% !important;
    height: 40px;
    font-size: 13px;
}

.navblockwide {
    border: 2px solid white;
    background-color: rgb(220,220,220);
    width: 100% !important;
    height: 40px;
    font-size: 13px;
}

.navplayer:hover, .navblock:hover {
    opacity: 0.8;
    cursor: pointer;
}

.score {
    text-align: center;
}

.msscore {
    width:50%;
}

.msscore.alert {
    text-align: right;
    color: red;
}

.msscore.winning {
    text-align: right;
    color: rgb(102,204,51);
}

.msscore.drawn {
    text-align: right;
    color: rgb(0,153,255);
}

.msscore.ok {
    text-align: right;
    color: green;
}

.finalteam {
    text-align: left;
    padding-right: 40px;
}

.finalscore {
    padding-left:20px;
    font-weight: bold;
    color: rgb(255,51,0) !important;
}
