/* this is AbstractGamePage.css */

.row .col-xs-1,
.row .col-xs-2,
.row .col-xs-3 {
    padding-left: 2px;
    padding-right: 2px;
}

.field-bright {
    background-color: #46381f;
}
.field-dark {
    background-color: #0c0d0e;
}
.field-dark a.dart-dark {
    border-color: #2e3338;
}
.field-bull   a:hover,
.field-bright a:hover,
.field-dark   a:hover {
    border-color: #ffffff;
}
.field-bull {
    background-color: #163616;
}

.dart-bright,
.dart-dark,
.dart-green,
.dart-red{
    color: #bce8f1;
}
.dart-green {
    background-color: #2d792d;
}
.dart-red {
    background-color: #761c19;
}

table.table-hover.fieldButtons > tbody > tr > td.field-bull:hover,
table.table-hover.scoreboard > tbody > tr:hover > td.field-bull {
    background-color: #1e461e;
}

table.table-hover.fieldButtons > tbody > tr > td.field-bright:hover,
table.table-hover.scoreboard > tbody > tr:hover > td.field-bright {
    background-color: #4e4021;
}

table.table-hover.fieldButtons > tbody > tr > td.field-dark:hover,
table.table-hover.scoreboard > tbody > tr:hover > td.field-dark {
    background-color: #1d1e1f;
}

a.dart-bright.disabled,
a.dart-dark.disabled,
a.dart-green.disabled,
a.dart-red.disabled {
    border-color: #2e3338;
    cursor: wait;
    color: #2e3338;
}


div.wicket-modal div.w_silver div.w_caption {
    height: 2.0em;
}

.scoreboard .currentPlayer td,
.scoreboard .currentPlayer td a {
    color: yellow;
}

.scoreboard td.field span.hit {
    background: red;
    border-color: black;
}
.scoreboard td.field span.notHit {
    background: darkslategray;
    border-color: slategray;
}
.scoreboard tr.currentPlayer td.field span.hit,
.scoreboard tr.currentPlayer td.field span.notHit {
    border-color: yellow;
}
.scoreboard td.field span.hit,
.scoreboard td.field span.notHit {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
}

div.currentMove div.dart {
    padding: 0.5em;
    font-size: 1.3em;
    font-weight: bolder;
    text-align: center;
    margin-right: 0.5em;
    border-radius: 5px;
}

ul.cricket-field-list li.inactive {
    font-style: italic;
}

ul.cricket-field-list li.inactive a {
    color: #696f78;
}

ul.cricket-field-list li.active a:hover,
ul.cricket-field-list li.inactive a:hover {
    border-color: #ffffff;
}

div.players-container {
    margin-top: 5px;
    margin-bottom: 5px;
}
div.players-container input {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* visibility for session and game leader */
.scoreboard span.badge.gameLead,
.scoreboard span.badge.sessionLead {
    display:none;
}
.scoreboard tr.gameLead    span.badge.gameLead,
.scoreboard tr.sessionLead span.badge.sessionLead {
    display:inline;
}

.scoreboard .player .playername a {
    font-size: 1.3em;
}

/* modal window style */

div.wicket-modal div.w_silver div.w_caption {
    color: #ffffff;
    height: 3em;
}
div.wicket-modal h3.w_captionText {
    margin-left: 10px;
    margin-top: 5px;
}
div.wicket-modal div.w_caption,
.w_content_1,
.w_content_container {
    background-color: #1c1e22;
}
.w_content_container {
    padding: 25px;
}
div.wicket-modal div.w_content_2 {
    padding-top:0;
}
div.wicket-modal div.w_content_3 {
    border:0;
}

div.wicket-modal div.w_silver a.w_close {
    background-image: none;
    float:right;
    height: 25px;
    width: 25px;
    color:darkred;
}
div.wicket-modal div.w_silver a.w_close:hover {
    color:red;
}
div.wicket-modal div.w_silver a.w_close:before {
    content: "\e014";
    font-size: 27px;
    font-family: "Glyphicons Halflings", serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    box-sizing: border-box;
    text-align: center;
}

/* styling of form validation error messages */
ul.feedbackPanel li {
    /*list-style: none;*/
    font-weight: bolder;
}
ul.feedbackPanel li.feedbackPanelERROR {
    color: #ee5f5b !important;
}
ul.feedbackPanel li.feedbackPanelINFO {
    color: #2879f1 !important;
}
ul.feedbackPanel li.feedbackPanelWARNING {
    color: #e08d38 !important;
}