/* SloPitch1.ca/WBMT/css/common.css */
:root{
--fontSize:1.75vh;
}
* {
box-sizing:border-box;
padding:0;
margin:0;
}
html{
font-family:Arial, Helvetica, sans-serif;
height:100%;
}
a {
text-decoration:none;
color:inherit;
}
body{
height:100%;
background-size:100% 100%;
display:flex;
}
button {
margin:0;
padding-left:.25rem;
padding-right:.25rem;
cursor:pointer;
text-align:center;
vertical-align:middle;
border:thin solid;
border-radius:.5rem;
}
/* id styles */
#remoteBody{
background:url('../images/fieldBak.png') no-repeat center fixed; 
background-size:100% 100%;
}

#WTF, #Data, #Registration, #Umpires{
position:fixed;
bottom:1%;
left:18%;
width:64%;
height:fit-content;
border:thin solid;
border-radius:.5rem;
padding:.25rem;
border-width:5px;
border-style:solid;
border-color:black;
background-color:GhostWhite;
color:black;
cursor:pointer;
}
#siteseal{
position:fixed;
bottom:1%;
right:1%;
width:8%;
}
#loginPanel{
position:fixed;
height:13vh;
bottom:0%;
width:100%;
}
#mainU{
padding-top:2rem;
}
/* class= */
.container {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
      flex-direction:column;
  width:100%;
  height:100%;
  overflow-y:auto;
}
.contentpanel{
	background-color:#FFFFFF;
	-moz-border-radius:.5rem;
	border-radius:.5rem;
	margin:.3125rem;
	padding:.625rem;
	overflow:auto;
}
.contentpanelU{
	background-color:#EEEEEE;
	padding:.625rem;
	overflow:auto;
	height:100%;
}
.hPanel{
position:fixed;
top:25%;
left:26%;
width:65%;
height:65%;
overflow:auto;
z-index:100;
background-color:#DDEEFF;
color:MidnightBlue;
-moz-border-radius:.5rem;
border-radius:.5rem;
padding:.5rem;
opacity:0.8;
}
.flowing{
overflow-y:auto
}
.hiding{
display:none;
}
.waiting{
visibility:hidden;
}
.fullW{
width:20rem;
}
.dateColumn{
width:100px;
}
.divColumn{
width:80px;
}
.choiceCol{
width:120px;
}
.radioCol{
width:28px;
}
.buttonZone{
position:fixed;
top:80%;
right:3%;
width:5rem;
}
.statsZoneButton{
position:absolute;
top:80%;
left:37%;
width:26%;
}
.bottomButtonZoneP{
position:fixed;
top:70%;
right:41%;
width:15rem;
}
.bottomButtonZoneC{
position:fixed;
top:80%;
left:57%;
width:8rem;
}
.bottomButtonZone1B{
position:fixed;
top:66%;
left:82%;
width:8rem;
}
.bottomButtonZone2B{
position:fixed;
top:64%;
left:41%;
width:8rem;
}
.bottomButtonZone3B{
position:fixed;
top:71%;
left:4%;
width:8rem;
}
.closeButtonZone{
position:relative;
top:0%;
right:0%;
}
.dateButton{
width:50%;
}
.submitButton{
padding:.5rem 1rem;
background-color:red;
color:white;
opacity:1.0;
}
.cancelButton{
padding:.5rem 1rem;
background-color:yellow;
color:red;
}
.continueButton{
padding:.5rem 1rem;
background-color:blue;
color:white;
}
.editButton{
padding:.5rem 1rem;
background-color:white;
color:red;
}
.goButton{
padding:.5rem 1rem;
background-color:#088408;
color:white;
}
.dropButton{
padding:.5rem 1rem;
background-color:red;
color:yellow;
}
.acceptButtonVerticalPadded{
padding:1rem 1rem;
background-color:green;
color:white;
}
.finger{
cursor:pointer;
}
.main {
  position:fixed; /*relative;*/
  display:flex;
      flex-direction:column;
  width:100%;
  height:100%;
  overflow:auto; /*hidden*/
}
.logo{
	height:16vh;
	width:100vw;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.content {
	background-color:rgba(76, 80, 175, 0.1);
	-moz-border-radius:.5rem;
	border-radius:.5rem;
	overflow-y:auto;
	height:70vh;
	padding:.325rem;
}
.contentP {
	background-color:rgba(76, 80, 175, 0.1);
	-moz-border-radius:.5rem;
	border-radius:.5rem;
	height:70vh;
	padding:.325rem;
}
.row::after {
    content:"";
    clear:both;
    display:table;
}
.col-01 {width:1%;}
.col-02 {width:2%;}
.col-03 {width:3%;}
.col-04 {width:4%;}
.col-05 {width:5%;}
.col-06 {width:6%;}
.col-07 {width:7%;}
.col-08 {width:8%;}
.col-09 {width:9%;}
.col-1 {width:8.33%;}
.col-1a {width:8.37%;}
.col-110 {width:10%;}
.col-111 {width:11%;}
.col-125 {width:12.5%;}
.col-15 {width:15%;}
.col-2 {width:16.66%;}
.col-2x {width:16.7%;}
.col-20 {width:20%;}
.col-225 {width:22.5%;}
.col-3 {width:25%;}
.col-30 {width:30%;}
.col-4 {width:33.33%;}
.col-40 {width:40%;}
.col-48 {width:48%;}
.col-5 {width:41.66%;}
.col-58 {width:48%;}/*used?*/
.col-6 {width:50%;}
.col-60 {width:60%;}
.col-610 {width:51.67%;}
.col-7 {width:58.33%;}
.col-70 {width:70%;}
.col-8 {width:66.66%;}
.col-8a {width:calc(66.66% + 4rem);}
.col-80 {width:80%;}
.col-875 {width:87.5%;}
.col-9 {width:75%;}
.col-10 {width:83.33%;}
.col-106 {width:89.33%;}
.col-90 {width:90%;}
.col-11 {width:91.66%;}
.col-1196 {width:96%;}
.col-12 {width:100%;}
.col-W0{width:2vw;}
.col-W1{width:3vw;}
.col-W2{width:12vw;}
.col-W3{width:2vw;}
.col-Input17{width:17rem;}
[class*="col-"] {
    float:left;
}
.underlined{
border-bottom:3px solid red;
}
.noBorder{
border:none;
}
.whiteBorder{
border:3px solid white;
}
.rounded{
border-radius:.5rem;
 -moz-border-radius:.5rem;
}
.shrunken{
margin:1px;
}
.inputLine{
min-height:4vh;
}
.aboutPic{
position:fixed;
top:29%;
left:1%;
width:13%;
height:21%;
cursor:pointer;
}
.detailsPic{
position:fixed;
top:67%;
left:4%;
width:8%;
height:21%;
cursor:pointer;
}
.registerPic{
position:fixed;
top:67%;
right:4%;
width:8%;
height:21%;
cursor:pointer;
}
.darkSidePic{
position:fixed;
top:29%;
right:1%;
width:13%;
height:21%;
cursor:pointer;
}
.pointer{
cursor:pointer;
}
/* Style the tab */
.tab {
  overflow:hidden;
  border:none;
  background-color:inherit;
}

/* Style the buttons inside the tab */
.tab button {
  background-color:inherit;
  float:left;
  border:none;
  outline:none;
  cursor:pointer;
  padding:1rem 1rem;
  transition:background-color .8s; 
  font-size:1.5rem;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color:#aaf;
}

/* Style the tab content */
.tabcontent {
  display:none;
  padding:1rem 1rem;
  border:1px solid #ccc;
  border-top:none;
}
.showSlotsZone{
position:fixed;
top:60%;
left:30%;
width:20%;
z-index:0;
}
.weatherButton{
padding:.5rem 1rem;
background-color:palegoldenrod;
color:darkgreen;
}
.weatherButtonSet{
padding:.5rem 1rem;
background-color:darkgreen;
color:palegoldenrod;
}
.submitDrop{
background-color:white;
color:red;
padding-left:.2rem;
padding-right:.2rem;
}
.rosterTitle{
position:fixed;
top:26%;
left:66%;
width:25%;
height:5%;
}
.rosterPanel{
position:fixed;
top:32%;
left:66%;
width:25%;
height:50%;
}
.adminTitle{
position:fixed;
top:26%;
left:47%;
width:18%;
height:5%;
}
.adminPanel{
position:fixed;
top:32%;
left:47%;
width:18%;
height:50%;
}
.teamTitle{
position:fixed;
top:26%;
left:34%;
width:12%;
height:5%;
}
.teamPanel{
position:fixed;
top:32%;
left:34%;
width:12%;
height:50%;
}
.schedPanel{
position:fixed;
top:30%;
left:32%;
width:50%;
height:6%;
}
.divTitle{
position:fixed;
top:26%;
left:27%;
width:4%;
height:5%;
}
.divPanel{
position:fixed;
top:30%;
left:27%;
width:4%;
height:50%;
}
.tourneyTitle{
position:fixed;
top:35%;
left:13%;
width:8%;
height:5%;
}
.tourneyPanel{
position:fixed;
top:39%;
left:13%;
width:8%;
height:50%;
}
.submitButtonVertical2{
background-color:red;
color:white;
width:2rem;
height:100%;
}
.umpButtonZoneVertical{
position:fixed;
top:70%;
right:3%;
height:20%;
width:3%;
}
.umpButtonZoneVertical2{
position:fixed;
top:70%;
right:1%;
height:20%;
width:6%;
}
.returnButton{
position:fixed;
top:4%;
right:3%;
width:5%
}
.satoButton{
padding:.5rem 1rem;
background-color:darkgreen;
color:white;
}
.diamondBox{
width:100%;
margin-bottom:-1px;
border:0px solid green;
}
.diamondSchedSet{
position:absolute;
width:35%;
left:10%;
top:23%;
height:43%;
border:2px solid black;
background-color:white;
}
.diamondSched{
position:relative;
width:50%;
border:2px solid white;
margin-top:1%;
margin-bottom:1%;
background-color:darkgreen;
opacity:0.8;
padding-bottom:1vh;
}
.diamondSched1up{
position:relative;
border:2px solid white;
margin-top:1%;
margin-bottom:1%;
background-color:darkgreen;
opacity:0.8;
padding-bottom:1vh;
}
.diamondStats{
position:relative;
border:2px solid white;
background-color:darkblue;
opacity:0.7;
padding-bottom:1vh;
margin-bottom:1%;
}
.diamondSchedAlt{
position:relative;
width:50%;
border:2px solid white;
background-color:darkgreen;
opacity:0.8;
padding-bottom:1vh;
}
.altButtonZone{
position:fixed;
top:60%;
left:20%;
width:5rem;
}
.altButtonZoneR{
position:fixed;
top:60%;
right:5%;
width:5rem;
}
.diamondDropZone{
position:fixed;
top:53%;
left:2%;
width:7rem;
}
.umpDropZone{
position:fixed;
top:63%;
left:27%;
width:17rem;
}
.gameDayButton{
width:50%;
color:gold;
background-color:red;
}
.Prizes{
position:fixed;
top:33%;
left:35%;
width:44%;
height:45%;
background-color:white;
}
.Raffle{
position:fixed;
top:330px;
left:312px;
width:174px;
height:174px;
background-color:transparent;
}
.KingsPark{
position:fixed;
top:336px;
left:523px;
width:255px;
height:141px;
background-color:transparent;
}
.coachsCorner{
position:fixed;
top:32%;
left:37%;
width:20%;
height:46%;
}
.submitButtonVertical{
background-color:red;
color:white;
width:2rem;
height:100%;
}
.absImg{
position:relative;
}
.slotRow{
height:3vh;
}
.bordered{
border:thin solid blue;
}
.centerBox{
position:fixed;
top:30%;
left:30%;
width:40%;
background-color:transparent;
}