/* Index start */
/**
 * Reset some basic elements
 */

 /* Matching the Jekyll styles to the bootstrap styles */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Basic styling
 */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.428;
  font-weight: 300;
  color: #111111;
  background-color: white; }

/**
 * Set `margin-bottom` to maintain vertycal rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 15px; }

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle; }

.carousel-inner{
	max-height: 25em;
}
.item {
	max-height: 25em;

}
.item a{
	max-height: 25em;
}
/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul, ol {
  margin-left: 30px; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }


/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; 
}

blockquote > :last-child {
    margin-bottom: 0; 
}

.blockquote-reverse footer::after {
	content: "";
}

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: scroll; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; 
}

.linkThumbnail {
	height: 50px;
	padding: 10% 40% 30% 40%;
	width: auto;
}

/*header.jade*/
.banner-container {
	height: 4em;
	background:#007c41
}
.banner-container img{
	padding: 0.2em;
	height: 3.8em;
	margin-left: 0.5em;
}
.carousel-container {
}
/*
.carousel-inner {
	height: 455px;
	overflow: hidden;
}
*/
/*#index-carousel {
	height: 445px;
}*/

#index-carousel .left > img,
#index-carousel .right > img{
	margin: 0 !important;
}

.home-box {
	padding: 4em;
}
.thumbnail {
	border: 0;
}
.thumbnail img {
	height: 5em;
	margin-left: 3em;
	margin-right: 3em;
	margin-bottom: 1.5em;
}
/* Index end */

/* cepheus start */

	.btn-xl {
		padding: 15px 22px;
		font-size: 24px;
		line-height: 1.33;
		border-radius: 6px;
	}

	/* card start */
		#card-select-modal {
			position: absolute;
			margin: 15em auto auto auto;
			padding-top: 2em;
			width: 60em;
			height: 100%;
			overflow: hidden;
			outline: none;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		#reset-card {
			margin: 0 auto;
			display: table;
		}

		.invisible {
			display: none !important;
		}

		#card-suit-select-list {

		}

		#card-suit-select-list > li.list-group-item {
			border: none;
			display: inline;
		}

		#card-rank-select-list {

		}

		a.card {
			margin-top: 1em !important;
		}
		#card-rank-select-list > li {
			display: inline;
			border: none;
			padding: 0;
		}

		#flop-cards {
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}

		.card-list {
			padding: 0;
			height: 8em;
			margin: auto;
			text-align: center;
		}

		#hand-cards > .card-list {
			margin-left: 10%;
			text-align: inherit;
		}

		hr.line {
			display: inline;
			margin-left: 1em;
		}

		.close {
			
		}

		.round-call > label:before {
			content: "Call";
		}

		#first-betting-round .round-check + .round-call > label:before {
			content: "Check";
		}



		.unspecified-card > a {
			background-image: url("../img/ua-card.png");
			background-size: 100% 100%;
    		background-repeat: no-repeat;
		}

		.unspecified-card > a > span.rank {
			color: transparent;
		}

		.selecting > a {
			border: 3px solid #007c41 !important;
		}

		.flop-card {
			display: inline;
			border: none;
		}

		li.card-greyout > a.card {
			background-color: lightgrey;
		}

		#hand-cards {
			width: 50%;
			display: inline-block;
			float: left;
		}

		.hand-card {
			display: inline;
			border: none;
		}

		.hide-card {
			display: none !important;
		}
		/* card end */

	/* betting start */

		div#betting-round-header {
			height: 2em;
			background: #FFF;
			margin-bottom: 5px;
		}

		div#betting-round-header li {
			background: #666;
			font-weight: 800;
		    color: white;
			padding: 0.5%;
			text-align: center;
			border-radius: 20%;
			display: inline-block !important;
			margin: 0% 6.5% 0% 0%;
			border: none;
			height: 100%;
			width: 7%;
		}

		div#betting-round-header li:nth-of-type(odd) {
		    background: #e0e0e0;
		    color: black;
		}

		#bet-area {
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.betting-action {

			padding-left: 20%;
			margin: auto;
			display: list-item !important;
			width: 3em;
		}

		.betting-action-list {
			display: inline-block !important;
			padding: 3px;
			margin: 3px;
		}

		#betting-rounds-list {
			padding: 0;
		}

		.curve-up {
			border-radius: 50% 50% 0% 0%;
			-webkit-border-radius: 50% 50% 0% 0%;
			-moz-border-radius: 50% 50% 0% 0%;
		}

		.curve-down {
			border-radius: 0% 0% 50% 50%;
			-webkit-border-radius: 0% 0% 50% 50%;
			-moz-border-radius: 0% 0% 50% 50%;
		}

		#betting-rounds-list > li {
			display: inline;
			border: none;
			padding: 0;
		}

		.betting-sequence-list {
			background: #ddd;
			border-radius: 25px/150px;
			margin-bottom: 5px;
		}

		.betting-round-action-buttons > a {
			border-radius: 30%;
		}

		.betting-round-action { 
			display: inline-block !important;
			margin: 1% 3% 1.5% 3%;
			border: none;
			height: 100%;
			width: 10%;
		}

		.betting-round-no-action {
			display: inline-block !important;
			margin: 1% 3% 1.5% 3%;
			border: none;
			height: 100%;
			width: 13%;
		}

		.betting-round-blinds {
			display: inline-block !important;
			margin: 1% 3% 1.5% 3%;
			border: none;
			height: 100%;
			width: 10%;
		}

		/* Betting end */

		/* Results start */

		#results {
			margin-top: 10px;
			background: #EEE;
			border: #777 solid 1px;
			height: 100%;
			overflow-y: hidden;
			overflow-x: hidden;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		#results-header {
			background: #f5f5f5;
			border-bottom: #888 solid 1px;			
		}

		#results-header > button {
			border-radius: 0;
			border: solid 1px #666;
		}

		.sort-up {
			background: #FFBFBF;
		}

		.sort-down {
			background: #DAFFDA;
		}

		button.sort-up > i:before {
			content: "\e094";
		}

		button.sort-down > i:before {
			content: "\e093";
		}

		#results-main {
			width: 50%;
			position: relative;
			height: 400px;
			float: left;
			background: #fff;
		}

		#results-body {
			border-left: 1px solid #888;
			width: 50%;
			float: right;
			background: #fff;
			overflow-y: hidden;
			height: 400px;
			max-height: 400px;
		}

		#main-pie-div {
			height: auto !important;
			float: right;
			max-height: 200px;
			width: 50% !important;
		}

		#pie-canvas {
			padding: 3%;
		}

		#main-stats {
			width: 100%;
			height: 35%;
			margin-top: 0;
		}

		#main-p1 {
			float: left;
		}

		#main-p2 {
			float: right;
		}

		#main-summary {
			height: 10%;
			width: 100% !important;
			font-weight: 600;
			bottom: 0;
			position: absolute;
		}



		div#query-button-row{
			margin-top: 2%;
		}


		#card-sort {
			width: 19%;
		}

		#fold-sort,
		#call-sort,
		#raise-sort {
			width: 17%;
		}

		#p1-sort,
		#p2-sort {
			width: 15%;
		}


		#result-header-title {
			display: inline-block;
		}

		#result-header-title > span {
			margin: 0% 2%;
			font-size: 1em;
			font-weight: 600;
			color: white;
			text-align: center;
		}

		#query-submit-button {
			display: table;
			margin: 0 auto;
		}

		#query-submit-button:after {
			content: "Submit";
		}

			#query-submit-button.disabled:after {
				text-align:center;
				content: "";
			}

			#query-submit-button.disabled span {
			  display:inline-block;
			  margin:0px 1px;
			  width:20px;
			  height:20px;
			  background-color: #C2F0FF;
			}

			#query-submit-button.disabled span:nth-child(1) {
			  -webkit-animation:loading 0.5s infinite alternate 0s;
			  -moz-animation:loading 0.5s infinite alternate 0s;
			  -ms-animation:loading 0.5s infinite alternate 0s;
			  -o-animation:loading 0.5s infinite alternate 0s;
			  animation:loading 0.5s infinite alternate 0s;
			}

			#query-submit-button.disabled span:nth-child(2) {
			  -webkit-animation:loading 0.5s infinite alternate 0.2s;
			  -moz-animation:loading 0.5s infinite alternate 0.2s;
			  -ms-animation:loading 0.5s infinite alternate 0.2s;
			  -o-animation:loading 0.5s infinite alternate 0.2s;
			  animation:loading 0.5s infinite alternate 0.2s;
			}

			#query-submit-button.disabled span:nth-child(3) {
			  -webkit-animation:loading 0.5s infinite alternate 0.4s;
			  -moz-animation:loading 0.5s infinite alternate 0.4s;
			  -ms-animation:loading 0.5s infinite alternate 0.4s;
			  -o-animation:loading 0.5s infinite alternate 0.4s;
			  animation:loading 0.5s infinite alternate 0.4s;
			}

			#query-submit-button.disabled span:nth-child(4) {
			  -webkit-animation:loading 0.5s infinite alternate 0.6s;
			  -moz-animation:loading 0.5s infinite alternate 0.6s;
			  -ms-animation:loading 0.5s infinite alternate 0.6s;
			  -o-animation:loading 0.5s infinite alternate 0.6s;
			  animation:loading 0.5s infinite alternate 0.6s;
			}

			@-webkit-keyframes loading {
			  0%   {opacity:0.1;}
			  100% {opacity:1;  }
			}

			@-moz-keyframes loading {
			  0%   {opacity:0.1;}
			  100% {opacity:1;  }
			}

			@-ms-keyframes loading {
			  0%   {opacity:0.1;}
			  100% {opacity:1;  }
			}

			@-o-keyframes loading {
			  0%   {opacity:0.1;}
			  100% {opacity:1;  }
			}

			@keyframes loading {
			  0%   {opacity:0.1;}
			  100% {opacity:1;  }
			}

		#results-list {
			  list-style: none;
			  margin: 0;
			  width: 100%;
			  max-height: 91%;
			  overflow-y: scroll;
			  margin-bottom: 10px;
		}

		.result-row-li {
			height: 20px;
			width: 100%;
			margin: 3px 0;
		}

		.result-bar {
			display: inline-block;
			height: 20px;
			width: 51%;
		}

		.results-card-pair {
			width: 20%;
			text-align: center;
			float: left;
		}

		.result-bar > div {
			height: 100%;
			float: left;
			font-size: .7em;
			font-weight: 600;
			color: white;
			text-align: center;
		}

		.results-fold {
			background: #d43f3a;
		}

		.results-call {
			 background: #428bca;
		}

		.results-bet {
			background: #5cb85c;
		}
		
		.mini-card {
		}

		.mini-h {
			color: #f00 !important;
		}

		.mini-h:after {
			content: '\2665';
		}

		.mini-d {
			color: #f00 !important;
		}

		.mini-d:after {
			content:'\2666';
		}

		.mini-s {
			color: #000 !important;
		}

		.mini-s:after {
			content: '\2660';
		}

		.mini-c {
			color: #000 !important;
		}

		.mini-c:after {
			content: '\2663';
		}

		.results-p1seq {
			display: inline-block;
			margin: 0px 2px;
			width: 15%;
			font-size: 13px;
			vertical-align: top;
		}

		.results-p2seq {
			display: inline-block;
			width: 10%;
			margin: 0px 2px;
			float: right;
			font-size: 13px;
			vertical-align: top;
		}

		@media screen and (max-width: 900px){
			.results-p1seq,
			.results-p2seq {
				font-size: 11px;
				vertical-align: top;		
			}

			.results-p2seq {
				float: right;
				vertical-align: top;
			}

			.glyphicon {
				font-size: 11px;
			}
		}

		@media screen and (max-width: 400px){
			.results-p1seq,
			.results-p2seq {
				font-size: 10px;
			}

			.glyphicon {
				font-size: 10px;
			}
		}

		#results-back-to-top {
			background-color: rgba(220, 220, 220, .4);
			border: none;
			text-align: center;
			width: 100%;
		}

		.stat-summary {
			height: 100%;
			width: 100%;
			display: inline-block;
			margin: 0px;padding:0px;
			width: 100%;
		}.stat-summary table{
		    border-collapse: collapse;
		    border-spacing: 0;
			width: 100%;
			height: 100%;
			margin: 0px;
			padding: 0px;
		}
		.stat-summary td {
			text-align: left;
		}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.pill {
	border-radius: 10px;
	padding: 3px;
	color: white;
	font-weight: 400;
}

.pill-fold {
	background-color: #FF0000;
}

.pill-call {
	background-color: #0000FF;
}

.pill-raise {
	background-color: #00FF00;
}

/* cepheus end */

/* About Page start */
.about p{
	margin: 1em;
}

.sidebar {
	padding: 1em;
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
}
/* About Page end */