/*============================================*/
/*============================================*/
/* Daves Poker Css - Fuck it */
    	.poticon {
    		min-height:32px;
		background-image: url('images/chips-casino-png-15-transparent.png');
		/*
		url('images/stacks-of-poker-chips-png.png');
		url('images/stacks-of-poker-chips-png-9.png');
		url('images/poker-chips-stack-png-8.png');
		url('images/chips-casino-png-15-transparent.png');*/
		display:inline-block;
    background-repeat: no-repeat;
    background-size: contain;	
    width:5vw;
    min-width:32px;
    height:10vh;
    font-size: 3vw;
  	}
  	.pots {
  		/*background:url('images/chips-casino-png-15-transparent.png') no-repeat top left;*/
			display: inline-block;
  		font-size: 3vw;
  		height:10vh;
  	}
  	
.pokerchip{
 /* margin:.5em;
  */
  font-size:3vw;
 
/*
  position:relative;
  display:inline-block;*/
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:3em;
  height:3em;
  background:#555;
  border-radius:50%;
  position:relative;
  border:.3em dashed white;
  transition:all .5s ease;
  backface-visibility:hidden;
}

.pokerchip.red{
  background:#DD4631;
}

.pokerchip.blue{
  background:#317DDD;
}

.pokerchip.flat{
  box-shadow:0 0 0 .2em #fff;
}

.pokerchip.iso{
  transform: perspective(3000px) rotateX(55deg) rotateZ(-40deg);
  box-shadow:
    -1px 1px 0px #555,
    -2px 2px 0px #555,
    -3px 3px 0px #555,
    -4px 4px 0px #555,
    -5px 5px 0px #555,
    -6px 6px 10px #555;
}

.pokerchip.flat:hover{
  transform:rotate(90deg);
}

.pokerchip.iso:hover{
  transform: perspective(3000px) rotateX(55deg) rotateZ(-40deg) translateZ(.5em);
}	

a.button6{
 display:inline-block;
 padding:1.0em 2.0em;
 margin:0 0.3em 0.3em 0;
 border-radius:0.2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 text-transform:uppercase;
 font-weight:400;
 color:#FFFFFF;
 background-color:#3369ff;
 box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
 text-align:center;
 position:relative;
}
a.button6:active{
 top:0.1em;
}
a.button6:hover {
	background:linear-gradient(to bottom, #e33939 5%, #ff7a8c 100%);
	background-color:#e33939;
}
a.activity:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}

.fold:hover {
	background:linear-gradient(to bottom, #e33939 5%, #ff7a8c 100%);
	background-color:#e33939;
}
.fold:active {
	position:relative;
	top:1px;
}	
.activity {
	box-shadow: inset 0 -0.6em 0 -0.35em #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	cursor:pointer;
	color:#ffffff;
}
.activity:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
@media all and (max-width:30em){
 a.button6{
  display:block;
  margin:0.4em auto;
 }
} 
	/*-- --*/
.fold {
	box-shadow: 0px 1px 0px 0px #ab1616;
	background:linear-gradient(to bottom, #ff7a8c 5%, #e33939 100%);
	background-color:#ff7a8c;
	border-radius:10px;
	border:2px solid #c23434;
	display:inline-block;
	cursor:pointer;
	color:#f2eaec;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:21px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc5454;
}
.fold:hover {
	background:linear-gradient(to bottom, #e33939 5%, #ff7a8c 100%);
	background-color:#e33939;
}
.fold:active {
	position:relative;
	top:1px;
}	
.activity {
	box-shadow: inset 0 -0.6em 0 -0.35em #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	cursor:pointer;
	color:#ffffff;
}
.activity:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
/*============================================*/
/*============================================*/
.d {
	margin: 0 auto;
	max-width:100%;
	text-align:center;
	vertical-align: center;
}	
.e {
width:33%;
float:left;
text-align:center;
}
.f {
width:33%;
float:left;
text-align:center;
}
.g {
width:33%;
float:left;
text-align:center;
}

.container1 {
    max-width:100%;
    text-align:center;
    margin: 0 auto;
}

.buttonn {
	width:100%;
	vertical-align: top; 
	min-width:75px;
	 display:inline-block;
 padding:1.0em 2.0em;
 margin:0 0.3em 0.3em 0;
 border-radius:0.2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 text-transform:uppercase;
 color:#FFFFFF;
 background-color:#3369ff;
 box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
 text-align:center;
}
.fold1:hover {
	background:linear-gradient(to bottom, #e33939 5%, #ff7a8c 100%);
	background-color:#e33939;
}
.fold1:active {
	position:relative;
	top:1px;
}	
.raise {
	box-shadow: 3px 4px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border:1px solid #ffaa22;
	color:#333333;	
}
.raise:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}	
.raise:active {
	position:relative;
	top:1px;
}	

.call:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color: white; /*#5cbf2a;*/
}	
.call:active {
	position:relative;
	top:1px;
}	


.newButton {
	
	vertical-align: top; 
	/*width:100%;min-width:75px;*/
	padding:1.0em 2.0em;
 	margin:0 0.3em 0.3em 0;
	border-radius:0.3em;
	display:inline-block;
	cursor:pointer;
	font-size:17px;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	
}
.raise1 {
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border:1px solid #ffaa22;
	color:#333333;
 	box-shadow:inset 0 -0.6em 0 -0.35em #fff6af;
 	text-shadow:0px 1px 0px #ffee66;
}
.raise1:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}

.call1 {
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border:1px solid #268a16;
	color:#306108;
 	box-shadow:inset 0 -0.6em 0 -0.35em #caefab;
 	text-shadow:0px 1px 0px #aade7c;
}
.call1:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.raise2:active {
	position:relative;
	top:1px;
}
.raise1:active {
	position:relative;
	top:1px;
}
.call1:active {
	position:relative;
	top:1px;
}
.fold1:active {
	position:relative;
	top:3px;
}
.fold1 {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border:1px solid #d02718;
	color:#ffffff;
 	box-shadow:inset 0 -0.6em 0 -0.35em #8a2a21;
 	text-shadow:0px 1px 0px #810e05;
}
.fold1:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}

.raise2 {
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border:1px solid #3866a3;
	color:#14396a;
 	box-shadow:inset 0 -0.6em 0 -0.35em #bee2f9;
 	text-shadow:0px 1px 0px #7cacde;
}
.raise2:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}

.button_holder{
	/*
	align-items: center !important;
	float:left;
	margin: 0 auto;
	display: block;
	*/
	width: 100%;
	text-align:center;
	display: none;
	
	/*
	display: flex;
  justify-content: center;
  */
}
.button_div {
	width:100%;
	float:left;
	margin: 0 auto;
	min-width:10vw;
}