body {
    background-color: #051f50;
}

h3 {
    text-align: center;
    font-size: 1.2em;
}

    h3 .bold {
        font-weight: bold;
        color: #487fc0;
    }

#header {
    background-color: #051f50;
    border-bottom: solid 4px #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header-master {
    background-color: #051f50;
    border-bottom: solid 4px #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #header-master img {
        vertical-align: inherit;
    }

a.menu-icon span {
    left: 0;
    top: 0;
	font-size: 0.8em;		
    font-weight: bold;		
    padding-left: 30px;		
    vertical-align: text-top;		
    line-height: 12px;		
    color: #fff;
}

#header-master .social {
    width: 30px;
}

#header img {
    vertical-align: inherit;
}

a.menu-icon {
    display: inline-block;
    height: 1.8125rem;
}

.social {
    width: 50px;
    margin-left: 10px;
}

.facebook {
    background-color: #3b5998;
}

.twitter {
    background-color: #56a3d9;
}

    .twitter:hover, .facebook:hover {
        background-color: #808080;
    }

#home-content {
    background-image: url('/img/bg.jpg');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 300px;
    padding-top: 80px;
    background-color: #ffffff;
}

ul.off-canvas-list li label {
    color: #333333;
    background: #051f50;
}

#site-content {
    min-height: 300px;
    padding-top: 10px;
    background-color: #ffffff;
}


#home-content a {
    background-color: #051f50;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    font-size: 1.6em;
    margin-bottom: 20px;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #home-content a:hover {
        background-color: #487fc0;
    }

.tip {
  
    color: #ffffff;
    text-align: center;
    font-size: 0.8em;
    padding: 5px;
    bottom: 10px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
     background-color:#213c5873;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.red-button {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #051f50;
}

    .red-button:hover, .grey-button:hover {
        background-color: #487fc0;
    }

   


.grey-button {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #414141;
    color: #ffffff;
}


#home-footer {
    background-color: #051f50;
    color: #ffffff;
    text-align: right;
    border-top: solid 4px #ffffff;
	padding-top:10px;
}

    #home-footer h1 {
        color: #ffffff;
        font-weight: bold;
    }


.copyright {
    font-size: 0.6em;
    color: #808080;
    padding: 10px;
}

    .copyright a {
        color: #cccccc;
    }

        .copyright a:hover {
            text-decoration: underline;
        }

	#site-content h1, .red-title {
    color: #ffffff;
    background-color: #808080;
    text-align: center;
    font-size: 1.2em;
    border-bottom: #487fc0 solid 4px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: bold;
}

	#site-content h2, #editfix label  {
    color: #ffffff;
    background-color: #487fc0;
    text-align: center;
    font-size: 1em;
    border-bottom: #808080 solid 4px;
    margin-bottom: 10px;
    padding: 5px;
}

.thanks 
{
      color: #ffffff !important;
  font-size: 1em !important;
  top: inherit !important;
  right: inherit !important;
  position: inherit !important;
}

.bold {
    font-weight: bold;
}

.date {
    font-size: 0.7em;
    color: #808080;
    text-align: center;
    margin-bottom: 0;
}

.score {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    color: #487fc0;
    margin: 0;
    padding: 0;
}

.score-small {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: #487fc0;
    margin: 0;
    padding: 0;
}

.away {
    text-align: right;
}

.team {
    font-size: 0.9em;
    padding: 0;
    margin: 0;
}

.separator {
    margin: 0;
    padding: 0;
}

.date-fix {
    font-size: 0.9em;
    color: #487fc0;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

.ground {
    font-size: 0.9em;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

.facebook-icon, .twitter-icon {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 3px;
    margin-bottom: 5px;
    height: 60px;
    text-decoration: none;
    color: #ffffff;
		   vertical-align: middle;		
    line-height: 13px;
}

    .facebook-icon:hover, .twitter-icon:hover {
        color: #ffffff;
    }

    .facebook-icon img, .twitter-icon img {
        width: 50px;
        vertical-align: middle;
        float: left;
    }

.facebook-icon {
    background-color: #004088;
}

.twitter-icon {
    background-color: #00abe3;
}

.change {
    font-size: 0.8em;
    padding: 25px;
}

.accordion a {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px !important;
    background-color: #487fc0 !important;
    color: #ffffff !important;
}

    .accordion a span {
        font-size: 0.7em;
    }

.centered {
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}

label.admin {
    background-color: #808080 !important;
    color: #ffffff !important;
}


.red {
    color: #487fc0;
}



input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%;
    /* height: 40px;
  line-height: 40px; */
    font-size: 17px;
    border: 1px solid #bbb;
}

.center p {
    text-align: center;
}

input {
    min-width: 35px;
}

.menu-icon span {
    font-size: 0.8em;
    font-weight: bold;
}

.leaguetable {
    width: 100%;
}



#printResults {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000000;
}

    #printResults th {
        border: 1px solid #000000;
        background-color: #e7e91b;
    }

    #printResults td {
        border-left: 1px solid #000000;
        background-color: #ffffff;
        border-right: 1px solid #000000;
        font-size: 0.8em !important;
        vertical-align: top;
        padding: 2px;
    }


#printTitle h3 {
    font-size: 0.8em;
}

#printTitle h2 {
    font-size: 1.2em;
    border-bottom: none;
}

.printTable {
    width: 100%;
    font-size: 1em;
    border-bottom: 1px solid #000000;
}


    .printTable tr {
        border-bottom: 1px solid #000000;
    }

    .printTable th {
        border: 1px solid #000000;
        background-color: #e7e91b;
    }

    .printTable td {
        border-left: 1px solid #000000;
        background-color: #ffffff;
        border-right: 1px solid #000000;
        font-size: 0.8em !important;
        vertical-align: top;
        padding: 2px;
    }



.printTable {
    page-break-inside: auto;
}

    .printTable tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }


    .username {
        font-size:1em;
        text-align:left;
        color:#487fc0;
        text-decoration:underline;
        font-weight:bold;
    }

    .warning {
        background-color:rgba(198, 15, 19, 0.1);
        border-color:#c60f13;
    }

    .warning legend {
        background-color:transparent;
        color:#c60f13;
    }

    .back2back, .x2, .final, .time {
        background-image:url('../setup/icons/back2back.png');
        background-size:1.7em;
        background-repeat:no-repeat;
        font-size:0.8em;
        padding-left: 25px;
    }

        .multiple {
        background-image:url('../setup/icons/multiple.png');
        background-size:1.7em;
        background-repeat:no-repeat;
        font-size:0.8em;
        padding-left: 25px;
        color:#ff0000;
    }

    .x2 {
background-image:url('../setup/icons/x2.png');
    }

        .final {
background-image:url('../setup/icons/final.png');
    }

         .time {
background-image:url('../setup/icons/time.png');
    }



    .pitch {
        border-bottom:1px dotted #808080;
        margin:10px;
        padding:10px;
        padding-bottom:0;
        margin-bottom:0;
    }



/* colours for age groups */
.fixgrid {

border-collapse:collapse;
border:1px solid #000000;

text-align:center;


}
.fixgrid td{
border:1px solid #000000;
padding: 0;
font-size: 0.8em;
background-color:#ffffff;

}

/* colours for age groups */
.pitchgrid {

border-collapse:collapse;
border:1px solid #000000;

text-align:center;


}
.pitchgrid td{
border:1px solid #000000;
padding: 0;
font-size: 0.8em;
background-color:#ffffff;
text-align:center;
}

  .pitchgrid .selected {
            background-color:#80ff80;
            
        }

   .pitchgrid .unselected {
              background-color:#ffffff;
        }



.fixgrid .heading {

            text-align:center;
            font-weight:bold;
            font-size:1.4em;
            background-color:#ffffff;
            color: #000000;
           
            border-bottom: none;
            margin-bottom: 0;
            padding: 5px;
        }

.fixgrid td {
     text-align:center;
}
 .fixgrid label[for*="chk"],  .fixgrid label[htmlfor*="chk"], .pitchgrid label[for*="chk"],  .pitchgrid label[htmlfor*="chk"]
{

    text-align:center;
    color:#000000;
    width:100%;
    margin: 0;
    font-size: 1em;
}
 .fixgrid input[type=checkbox], .pitchgrid input[type=checkbox] {
   position: absolute;
   /*top: -9999px;*/
   left: -9999px;

   
}

   .fixgrid .selected {
            border:5px solid #b6ff00;
            
        }

   .fixgrid .unselected {
               border:none;
        }

.U7 {background-color: #ffd3d3;}
.U8 {background-color: #d3ffd3;}
.U9 {background-color: #d3d3ff;}
.U10 {background-color: #ffffd3;}
.U11 {background-color: #ffd3ff;}
.U12 {background-color: #d3ffff;}
 .U13 {background-color: #d3d3d3;}
.U14 {background-color: #ff80ff;}
.U15 {background-color: #ffff80;}
 .U16 {background-color: #80ff80;}
.U10G {background-color: #f9cb9c;}
.U11G {background-color: #d9d2e9;}
 .U12G {background-color: #ff8080;}
 .U13G {background-color: #c27ba0;}
 .U14G {background-color: #fff2cc;}
 .U15G {background-color: #ffd966;}
 .U16G {background-color: #cbff79;}
 .U17G {background-color: #76a5af;}
 .U18G {background-color: #a4c2f4;}

/* setup menu items */

a .setup-menu-item {
    text-align:center;
    border-bottom:dotted 1px #cfcfcf;
    padding-top:20px;
    color:#000000;
}

a .setup-menu-item.current {
   
    color:#051f50;
   
}

a .setup-menu-item:hover {
    background-color:#cfcfcf;
}
a .setup-menu-item.current:hover {
    background-color:#ffffff;
}

    .setup-menu-item p {
        font-size:0.9em;
        
    }
    .setup-menu-item.current p {
        font-weight:bold;
    }

.setup-menu-item img {
    width:30px;
}

.setup-menu-item.disabled {
     color:#999999;
}
a .setup-menu-item.disabled:hover {
    background-color:#ffffff;
}



.bbc {

    position:fixed;
    bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  width:100%;
  left:0px;
  z-index:1000;
  margin-bottom:0;
  padding:0;
  padding-bottom:10px;
  background-color:rgba(0,0,0,0.8) !important;
  border:none;
color:#ffffff;
}

.bbc h1 {

    margin:0;padding:0;
    background-color:#d41118 !important;
}


.bbc a.close {
    top: 25%;
        color: #ffffff;
    opacity: 0.7;
}

/*Left Off Canvas*/		
.off-canvas {		
    background: #333333;		
}		
.off-canvas label {		
    color: #333333;		
    background: #ed6c06;		
    padding: 0.3rem 0.9375rem;		
    text-transform: uppercase;		
    font-weight: bold;		
}		
.off-canvas a {		
    display: block;		
    padding: 0.66667rem;		
    color: rgba(255, 255, 255, 0.7);		
    border-bottom: 1px solid #262626;		
}		
.off-canvas .copyright a {		
    display: inline !important;		
    padding: 0;		
  		
}		
.summary {		
    background-color:rgb(255,255,211);		
    border-color:#e7e91b;		
}		
    .summary legend {		
        background-color:transparent;		
        color:#b3b92e;		
    }		
    .summary table {		
        font-size: 0.8em;		
        text-align: center;		
        background-color:rgb(255,255,211) !important;		
    }		
    .summary table tr td, .summary table tr {		
                background-color:rgb(255,255,211) !important;		
    }



.fixgrid input[type=text] {
    text-align: center !important;
    margin: 10px !important;
    width: 100px !important;
    margin-left: auto !important;
    margin-right: auto !important ;
}

#content_pnlPhoto {
display:none;
}

.rtscores-only {
	display:none;
}

/* Timer */

#timer-container {
    background-color:transparent;
    color:#ffffff;
    padding:20px;
}

    #timer-container h1, #timer-container h2 {
        color: #487fc0;
        background-color: transparent;
        border-bottom: none;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.4em;
    }

        #timer, #timer div {
            display: flex;
            line-height: 1;
            font-size: 30px;
        }

#timer {
    justify-content:center;
}

#timer span {
    display: block;
    clear:both;
    font-size: 12px;
    color: white;
}

    #timer div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 10px;
        margin:10px;
        background-color: #487fc0;
    }

.flag {
    height: 13px;
    padding-left: 5px;
}
.rightflag {
    height: 13px;
    padding-right: 5px;
}

img.logo {
    height: 30px;
margin-left:60px;
}