header {
	margin: 10;
	padding: 15px 15px 15px 15px;
}

.error {
	color: red;
	font-weight: bold;
}

.custom-border-right {
  border-right: 1px solid #dddddd;
}

.pristine.true, .dirty.true, .invalid.true {
  background: gray;
}

.valid.false {
  background: red;
}

.backtest {
  background: red;
}


.valid.true {
  background: green; 
}

.fa-grey {
  color: #C0C0C0;
}

legend {left:50%;}

.rcorners2 {
    border-radius: 25px;
    border: 2px solid #000000;
    padding: 20px;  
}

.numpad {
  position: relative;
  height: 300px;
  width: 215px;
  padding: 13px;
  z-index: 10000;
  background: #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #666666));
  background-image: -webkit-linear-gradient(#999999, #666666);
  background-image: -moz-linear-gradient(#999999, #666666);
  background-image: -o-linear-gradient(#999999, #666666);
  background-image: linear-gradient(#999999, #666666);
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
}



.numpad[disabled] button {
  opacity: .5;
}

.numpad .button-wrapper {
  width: 200px;
  overflow: auto;
}

.numpad .button-wrapper button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(#ffffff, #e5e5e5);
  background-image: -moz-linear-gradient(#ffffff, #e5e5e5);
  background-image: -o-linear-gradient(#ffffff, #e5e5e5);
  background-image: linear-gradient(#ffffff, #e5e5e5);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 51px;
  height: 51px;
  padding: 10px 0px;
  margin: 0 10px 10px 0;
  border: none;
  font-size: 20px;
}

.numpad .button-wrapper .smaller {
  font-size: 14px;
}

.numpad .button-wrapper .button-wide {
  width: 82px;
}

.numpad .button-wrapper .pressed {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #bebebe));
  background-image: -webkit-linear-gradient(#dadada, #bebebe);
  background-image: -moz-linear-gradient(#dadada, #bebebe);
  background-image: -o-linear-gradient(#dadada, #bebebe);
  background-image: linear-gradient(#dadada, #bebebe);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
}

.numpad .drag-indicator {
  position: absolute;
  width: 24px;
  height: 80px;
  top: 115px;
  left: 208px;
}

.numpad .drag-indicator > span {
  display: block;
  height: 80px;
  width: 0px;
  border-left: 1px solid #666666;
  border-right: 1px solid #999999;
  float: left;
  margin-right: 3px;
}

.numpad .close {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-box-shadow: black 0px 1px 2px inset;
  -moz-box-shadow: black 0px 1px 2px inset;
  box-shadow: black 0px 1px 2px inset;
  position: absolute;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  top: 10px;
  left: 198px;
  background: #fff;
  border: none;
  padding-top: 4px;
}

.numpad .close:before {
  font-family: Arial;
  content: "X";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  font-weight: bold;
  color: #000;
  font-size: 16px;
}

.cricketnumpad {
  position: relative;
  height: 500px;
  width: 215px;
  padding: 13px;
  z-index: 10000;
  background: #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #999999), color-stop(100%, #666666));
  background-image: -webkit-linear-gradient(#999999, #666666);
  background-image: -moz-linear-gradient(#999999, #666666);
  background-image: -o-linear-gradient(#999999, #666666);
  background-image: linear-gradient(#999999, #666666);
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 25px;
}



.cricketnumpad[disabled] button {
  opacity: .5;
}

.cricketnumpad .button-wrapper {
  width: 70px;
  overflow: auto;
}

.cricketnumpad .button-wrapper button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(#ffffff, #e5e5e5);
  background-image: -moz-linear-gradient(#ffffff, #e5e5e5);
  background-image: -o-linear-gradient(#ffffff, #e5e5e5);
  background-image: linear-gradient(#ffffff, #e5e5e5);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 10px;
  box-sizing: border-box;
  display: block;
  float: left;
  width: 51px;
  height: 51px;
  padding: 10px 0px;
  margin: 0 10px 10px 0;
  border: none;
  font-size: 20px;
}

.cricketnumpad .button-wrapper .smaller {
  font-size: 14px;
}

.cricketnumpad .button-wrapper .button-wide {
  width: 82px;
}

.cricketnumpad .button-wrapper .pressed {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadada), color-stop(100%, #bebebe));
  background-image: -webkit-linear-gradient(#dadada, #bebebe);
  background-image: -moz-linear-gradient(#dadada, #bebebe);
  background-image: -o-linear-gradient(#dadada, #bebebe);
  background-image: linear-gradient(#dadada, #bebebe);
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
}

.cricketnumpad .drag-indicator {
  position: absolute;
  width: 24px;
  height: 80px;
  top: 115px;
  left: 208px;
}

.cricketnumpad .drag-indicator > span {
  display: block;
  height: 80px;
  width: 0px;
  border-left: 1px solid #666666;
  border-right: 1px solid #999999;
  float: left;
  margin-right: 3px;
}

.cricketnumpad .close {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -webkit-box-shadow: black 0px 1px 2px inset;
  -moz-box-shadow: black 0px 1px 2px inset;
  box-shadow: black 0px 1px 2px inset;
  position: absolute;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  top: 10px;
  left: 198px;
  background: #fff;
  border: none;
  padding-top: 4px;
}

.cricketnumpad .close:before {
  font-family: Arial;
  content: "X";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  font-weight: bold;
  color: #000;
  font-size: 16px;
}

.header1 {
border-bottom-color: rgb(229, 229, 229);
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(51, 51, 51);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(51, 51, 51);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(51, 51, 51);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(51, 51, 51);
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
height: 31px;
left: 416px;
line-height: 30px;
margin-bottom: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
width: 832px;
}

#section1 {
	background: #555;
}




.mainer{
  display:flex;
  flex-direction:row;
}
.round{
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:200px;
  list-style:none;
  padding:0;
}
  .round .spacer{ flex-grow:1; }
  .round .spacer:first-child,
  .round .spacer:last-child{ flex-grow:.5; }

  .round .game-spacer{
    flex-grow:1;
  }

/*
 *  General Styles
*/
body{
  font-family:sans-serif;
  font-size:small;
  padding:10px;
  line-height:1.4em;
}

li.game{
  padding-left:20px;
}

  li.game.winner{
    font-weight:bold;
  }
  li.game span{
    float:right;
    margin-right:5px;
  }

  li.game-top{ border-bottom:1px solid #aaa; }

  li.game-spacer{ 
    border-right:1px solid #aaa;
    min-height:40px;
  }

  li.game-bottom{ 
    border-top:1px solid #aaa;
  }

  li.game-bottombye{ 
    border-top:0px solid #aaa;
  }

  li.game-topbye{ 
    border-top:0px solid #aaa;
  }

/*#section2 {
	background: #666;
}

#section3 {
	background: #777;
}

#section4 {
	background: #888;
}*/