/** for small devices only**/
@media(min-width: 0px) and (max-width: 767px) {
	.col-sm-6 {
		float: left;
		width: 50%;
	}
	.col-sm-12 {
		float: left;
		width: 100%;
	}
.block1 {
	width: 100%;
}
.block2 {
	visibility: hidden;
}
.mainbutton {
	position:absolute; 
   margin-left:-40px;
   left:50%;
   width:100px;
   bottom:20px;
   position: sticky;
}
.lastbspan,.lastspan,.flastspan {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 10%;
    font-size: 20px;
    display: inline-block;
    line-height: 40px;
    width: 100%;
}
#ocs,#ycs {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 10%;
    font-size: 20px;
    width: 40%;
    display: inline-block;
    line-height: 40px;
    width: 100%;
}
.lastp,.lastbp,#oppocred,#yourcred {
	width: 100%;
	margin-top: 20px;
	float: left;
}
}
/** for medium devices only**/
@media(min-width: 768px) and (max-width: 991px) {
	.col-md-6,.col-md-12 {
		float: left;
	}
	.col-md-4 {
		float: left;
		width: 33.33%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-12 {
		width: 100%;
	}
	.column {
	width: 50%;
	float: left;
    }
    .mainbutton {
	position:absolute; 
   margin-left:-50px;
   left:25%;
   width:100px;
   bottom:20px;
   position: sticky;
}
.lastbspan,.lastspan,.flastspan {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 25%;
    font-size: 25px;
    display: inline-block;
    line-height: 40px;
    width: 75%;
}
#ocs,#ycs {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 25%;
    font-size: 25px;
    width: 40%;
    display: inline-block;
    line-height: 40px;
    width: 75%;
}
.lastp,.lastbp,#oppocred,#yourcred {
	width: 50%;
	float: left;
}
}
/** for large devices only**/
@media(min-width: 992px) {
	.col-lg-3 {
		float: left;
		width: 25%;
	}
	.col-lg-4 {
		float: left;
		width: 33.33%;
	}
	.column {
	width: 50%;
	float: left;
    }
    .mainbutton {
	position:absolute; 
   margin-left:-50px;
   left:25%;
   width:100px;
   bottom:20px;
}
.lastbspan,.lastspan,.flastspan {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 25%;
    font-size: 25px;
    display: inline-block;
    line-height: 40px;
    width: 75%;
}
#ocs,#ycs {
	  margin:0;
    padding:0;
    border: solid 1px black;
    margin-left: 25%;
    font-size: 25px;
    width: 40%;
    display: inline-block;
    line-height: 40px;
    width: 75%;
}
.lastp,.lastbp,#oppocred,#yourcred {
	width: 50%;
	float: left;
}
}
.normal {
	width: 20%;
    height: 50px;
    padding-left: 2%;
}
.player {
	width: 40%;
}

/**to center text**/
.centerthetext {
	margin: auto;
	text-align: center;
}
.commonblock {
	/**margin: 0 5% 0px;**/
	height: auto;
	clear: left;
}
.appname {
	font-weight: bold;
	font-size: 1.5em;
	margin: 0;
	vertical-align: middle;
	background-color: #140d0d;
	color: #B2B3B5;
	height: 50px;
}
.check {
	width: 100%;
	float: left;
	height: 50px;
	display: flex;
	justify-content: space-between;
}
.check button {
	width: 25%;
	border: none;
	cursor: pointer;
	background-color: white;
}
.around {
   height:10em;
   width:10em;
   font-size: 1.5em;
   opacity:0.3;
   font-weight: 100;
   border-radius:50%;
   border:1px solid green;
   text-align: center;
   vertical-align: middle;
   text-decoration: none;
}
* {
	box-sizing: border-box;
	margin: 0;
}
body {
	padding: 0px;
	/**margin: 0px;**/
}
/**.container {
	padding: 0px;
}**/
.glyphicon {
	font-weight: 100;
   text-align: center;
}
/**.column {
  float: left;
  width: 50%;
}**/
.row {
	margin-left: 0;
	margin-right: 0;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.block2 {
	height: 750px;
}
.picktext {
	background-color: #eef0ee;
	padding: 2px;
}
.around button {
	border: none;
	background: none;
}
#wicketkeeperarea .inside, #allrounderarea .inside, #batsmenarea .inside, #bowlerarea .inside {
	height: 120px;
	width: 80%;
	margin: auto;
	margin-top: 10px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
#wicketkeeperarea .h4, #allrounderarea .h4, #batsmenarea .h4, #bowlerarea .h4 {
	text-align: center;
}
#parallelogram {
    width: 5%;
    height: 10px;
    margin: 0px 5px 0px 5px;
    background: #fff;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    float: left;
}
.progressbar {
	width: 80%;
	height: 25px;
	margin: auto;
}
/**.playersinfo {
	float: left;
}
.creditsinfo {
	float: right
}**/
.matchinfo {
	color: #B2B3B5;
	display: flex;
	justify-content: space-between;
}
.commondiv {
	background-color: #140d0d;
	height: auto;
	width: 100%;
	/**clear: both;**/
}
.clickhere {
	background: none;
	border-radius: 50%;
	border: 1px solid green;
	font-size: 15px;
	color: green;
}
.partial {
	visibility: hidden;
}
#wicketkeeperarea .test img{
	width: 15%;
	height: 20%;
}
#batsmenarea .test img{
	width: 10%;
	height: 10%;
}
#allrounderarea .test img{
	width: 10%;
	height: 10%;
}
#bowlerarea .test img{
	width: 10%;
	height: 10%;
}
/**.nextpage {
	font-size: 1.5em;
	background-color: green;
	color: white;
	border: none;
	border-radius: 20%;
	height: 10%;
	width: 10%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}**/
.whenallwkadded {
	visibility: hidden;
	margin: auto;
	margin-top: 50px;
	margin-left: 10%;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	height: 200px;
	width: 100%;
	opacity: 0.3;
}
.whenallaradded {
	visibility: hidden;
	margin: auto;
	margin-top: 50px;
	margin-left: 10%;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	height: 200px;
	width: 100%;
	opacity: 0.3;
}
#yourteam {
	visibility: hidden;
}
.centerthetable {
	margin: auto;
	margin-top: 25px;
}

.parent.active {
	margin-top: 30px;
}
#yourteam {
	border: 2px solid black;
	width: 80%;
	height: auto;
	background-color: cornsilk;
	/**display: flex;
	justify-content: space-between;**/
}
.topofteam {
	width: 100%;
	background-color: orangered;
	color: white;
	vertical-align: middle;
	font-weight: bold;
	font-size: 35px;
	height: 50px;
}
.scoreslist {
	display: none;
}
.checkscore {
	background-color: orangered;
	border: none;
  color: white;
  padding: 12px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 25px;
  border-bottom: 20px;
}
.scoreslist {
	width: 60%;
	justify-content: space-between;
	margin-left: 15%;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: black;
	font-size: 1.2em;
	border-collapse: separate;
    border-spacing: 0 1.5em;
    font-weight: 700;
}
.scoreslistdiv {
	margin-bottom: 15px;
	margin-top: 15px;
	position: relative;
	font-weight: bold;
	font-size: 18px;
}
#yourteam td {
	width: 33%;
}
.clickforscore {
	width: 20%;
	height: 30px;
	background-color: orangered;
	border: none;
	margin-bottom: 10px;
	color: white;
}
.lastdiv 
{
	display: none;
	width: 60%;
    justify-content: space-between;
    margin-left: 15%;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: black;
    font-size: 1.2em;
    border-collapse: separate;
    border-spacing: 0 1.5em;
    font-weight: 700;
}
.block2 {
	background-image: url("././images/ground.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#resimg {
	width: 50%;
	text-align: center;
	margin: auto;
}

.scoreslist {
	margin: auto;
}
.wktable,.bmtable,.artable,.bwtable,#myteam {
	border-collapse: separate;
    border-spacing: 0 1em;
}
.parent {
	background-color: #eef0ee;
}