html { height: 100%; }
body {
	text-align: center;

	min-height: 100%; height: auto !important; height: 100%; margin: 0 auto;
	background-color: #003F7D;
	/*
	background-image: linear-gradient(top, #003F7D 0%, #0066CC 100%);
	background-image: -o-linear-gradient(top, #003F7D 0%, #0066CC 100%);
	background-image: -moz-linear-gradient(top, #003F7D 0%, #0066CC 100%);
	background-image: -webkit-linear-gradient(top, #003F7D 0%, #0066CC 100%);
	background-image: -ms-linear-gradient(top, #003F7D 0%, #0066CC 100%);

	background-size: 100% 100%;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.00, #003F7D),
		color-stop(0.99, #0066CC)
	);
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;

	letter-spacing: -0.75px;

}

/* GENERAL */

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	/*color: #FFCC00;*/
	text-decoration: none;
}

.well {
	background: none;
	border: none;
	margin-bottom: 0;
}

.alert { margin-top: 20px; font-size:16px; }

.col-md-12 { clear:both; }

.btn {
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
	margin: 20px 0;
	/* DASI - FIX BOTONES QUE ROMPIAN, NO ME MATEN POR EL !IMPORTANT */
	font-size: 16px !important;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	letter-spacing: -1px;
	/* DASI - FIX BOTONES QUE ROMPIAN, NO ME MATEN POR EL !IMPORTANT */
	padding:6px 25px !important;
}
.btn:hover {
	color: #FFF;
	-moz-box-shadow: inset 0 4px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 4px 0 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 4px 0 0 rgba(0,0,0,0.15);
}
.btn.btnRemoveItem { padding:8px 10px; }

.btn-half { width:45%; }
.left { float:left; }
.right { float:right; }

.btn-link:hover, .btn-link:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.btn-xs {
	font-size: 16px;
	font-weight: normal;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-xs:hover {
	color: #FFCC00;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.btn-action {
	margin: 15px 0;
	width: 100%;
	background-color: #CC0033;
	font-size: 20px;
}
.btn-action:hover {
	background-color: #9F0028;
}

.btn-yellow {
	color: #004A93;
	background-color: #FFCC00;
}
.btn-yellow:hover {
	color: #004A93;
	background-color: #D8AC00;
}

.btn-warning { letter-spacing: 0; }


.req-validation { margin-top:0; border-radius:0; }



/* PLACEHOLDER */
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
   color: #CCC;
}
input.error { background:#f2dede; }
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder { /* Firefox 18- */
   color: #CCC;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder {  /* Firefox 19+ */
   color: #CCC;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
   color: #CCC;
}


#loading {
	position: absolute;
	z-index: 3000;

	visibility: hidden;

	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75) url(../img/loading.gif) center center no-repeat;

	text-align: center;
}
#loading div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -48px;
	margin-top: 25px;
}


/* TITULOS */
h1 {
	margin-top:0px;
	padding: 4px 0;
	background-color: #134706;
	font-family:'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;

	color: #FFCC00;

	letter-spacing: -1px;

	-moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
}

.box { border:solid 1px #666; padding:15px; background:#FFCC00; }


/**/

#brand-wrap {
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-group {
	margin-bottom: 0px;
}
.form-group input {
	font-size: 20px;
	font-weight: 300;
	color: #999;
	text-align: center;
	letter-spacing: -1px;
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.15);
}

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
form li:first-child .form-group input {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
form li:last-child .form-group input {
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
form li:only-child .form-group input {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
form li .form-group input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


/* lOGIN */
#new-account-wrap {
	margin-top: 40px;
}


/* SIGN UP */
#go-to-login {
	margin-top: 40px;
}


/* MENU */
#menu-wrap {
	height: 60px;
	background-color: #CC0033;
	margin-bottom: 15px;
	border-bottom: 2px solid #AE002B;
}

#menu-wrap .brand { width: 40%; max-height: 60px; padding-left:10px; }
#menu-wrap .brand img { width: auto; max-height: 60px; }

#menu-wrap .list-inline li {
	width: 50px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #AE002B;
	margin-left: -4px;
}
#menu-wrap .list-inline li:hover {
	background-color: #8F0025;
}
#menu-wrap .list-inline li.active {
	background-color: #AE002B;
}
#menu-wrap .list-inline li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	font-size: 8px;
	height: 60px;
	line-height: 30px;
	vertical-align:middle;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
#menu-wrap .list-inline li:hover a {
	color: #FFCC00;
}
#menu-wrap .list-inline li a span {
	display: block;
	font-size: 22px;
}



/* PLAYCARD */
.panel { background: none; border: none; }
.panel-body {
	color: #CCC;
	background: none;

	padding: 1px 0 0 0;

}
.panel-body b { color:#fff; font-weight:400; }
.panel-body .row a { color:#ccc; letter-spacing: normal; }
.panel-default>.panel-heading {
	/*background: none;*/
}
.panel-heading { border-radius:0; }

.panel-group .panel+.panel { margin-top:15px; }

.panel-title { font-size: 22px; }
.panel-title>a { display: block; }

.panel-default>.panel-heading {
	font-size: 20px;
	color: #004A93;

	background: #fff;
	/*border-bottom: 1px dotted #fff;*/
}
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: none; }
.panel-group .panel {
	border-radius: 0;
}

.card-status {
	margin-left: 5px;
	margin-right: 2px;
	left: 4px;
	top:-1px;
	color: #FFCC00;
}
.card-status-validated {
	color: #00CC33;
	font-weight: 400;
}

.credits-wrap {
	background-color: #EEE;
	border: 1px solid #CCC;
	font-size: 15px;
	color: #333;
	letter-spacing: normal;
}
.credits-wrap .row { margin:0; }
.credits-wrap span {
	font-size: 17px;
	font-weight: bold;
	color: #666;
}
.credits-wrap .col-xs-6 {
	padding: 5px;
	line-height:30px;
}
.credits-wrap .col-xs-6:nth-child(1) {
	border-right: 1px solid #ccc;
}
.credits-wrap .col-xs-6:nth-child(2) {
	border-right: 1px solid #ccc;
}
.credits-wrap .col-xs-6:nth-child(3) {
	border-right: 1px solid #ccc;
}
.credits-wrap .col-xs-6:nth-child(4) {
}
.panel-default>.panel-heading { border:solid 1px #ccc; }

.btn-recharge-wrap {
	min-height: 55px;
	background-color: #fff;
	border-color: #ddd;
}


/* RECHARGE */
.btn-group-justified .btn { width: auto; }
.btn-group-lg>.btn {
	width: 25%;
	margin: 0;
	padding: 10px 0;
	font-size: 26px;
	color: #666;
	text-align: center;
	line-height: 1.33;
	border-radius: 6px;

	/*background-color: #EEE;*/
}
.btn-group-lg>.btn.active {
	background-color: #003366;
	color: #FFCC00;
}

#fPlaycardrecharge .form-group {
	margin-bottom: 25px;
}
#fPlaycardrecharge .badge {
	font-size: 20px;
	background-color: #004A93;
}


/* GAMES PLAYED */
.list-group-item { color: #666; text-align: left; }


/* CART */
.badge {
	font-size: 20px;
}

/* BOTONES */
.btn-login {
	margin: 15px 0;

	text-transform: uppercase;

	background-color: #CC0033;
	width:100%;
}
.btn-login:hover {
	background-color: #9F0028;
}

.btn-password {
	background-color: #CC0033;
}
.btn-password:hover {
	background-color: #9F0028;
}

.btn-new-account {
	margin-top: 0;
}

.btn-new-playcard {
	font-size: 17px;
	color: #fff;
	background-color: #CC0033;
}
.btn-new-playcard:hover {
	background-color: #9F0028;
}

.btn-associate {
	font-size: 20px;
	color: #fff;
	background-color: #009966;
}
.btn-associate:hover {
	background-color: #00C686;
}

.btn-recharge {
	font-size: 17px;
	color: #fff;
	background-color: #009966;
}
.btn-recharge:hover {
	background-color: #00C686;
}
.btn-recharge.btn-lg {
	font-size: 20px;
}

.btns .btn { display:inline-block; }
.btnFBConnect { display:inline-block; background:url(../img/fbconnect.png); width:181px; height:40px; position:relative; top:15px; }


/* MENSAJES */
#message { display:none; }
#message.active {
	font-weight:bold !important;
}
#message.alert { color:#3c763d !important; }

::-webkit-input-placeholder {
   color: #999 !important;
   font-weight:300;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999 !important;
   font-weight:300;
   opacity:  1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999 !important;
   font-weight:300;
   opacity:  1;
}

:-ms-input-placeholder {
   color: #999 !important;
   font-weight:300;
}

.shape {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    transform: rotate(360deg);
}
.listing {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 0 0 15px 0;
    overflow: hidden;
    color:#333;
    text-align:left;
    cursor:pointer;
    position:relative;
    min-height:120px;
}
.shape {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.listing-radius {
    border-radius: 7px;
}
.listing-danger {
    border-color: #d9534f;
}
.listing-danger .shape {
    border-color: transparent #d9533f transparent transparent;
}
.listing-success {
    border-color: #5cb85c;
}
.listing-success .shape {
    border-color: transparent #5cb75c transparent transparent;
}
.listing-default {
    border-color: #999999;
}
.listing-default .shape {
    border-color: transparent #999999 transparent transparent;
}
.listing-primary {
    border-color: #428bca;
}
.listing-primary .shape {
    border-color: transparent #318bca transparent transparent;
}
.listing-info {
    border-color: #5bc0de;
}
.listing-info .shape {
    border-color: transparent #5bc0de transparent transparent;
}
.listing-warning {
    border-color: #f0ad4e;
}
.listing-warning .shape {
    border-color: transparent #f0ad4e transparent transparent;
}
.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -40px;
    top: 2px;
    white-space: nowrap;
    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
}
.listing-content {
    padding: 0 20px 10px;
}
.listing .lead { font-size:21px; font-weight:300; line-height:1.4; margin-bottom:2px;}
.listing p { font-size:14px; font-weight:100; min-height:100px; }
.listing-action {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.9;
	text-align:center;
	display:none;
	padding-top:10px;
}
.listing-action .input-group { width:140px; margin:0 auto; text-align:center; }
.listing-action .input-group .input-group-btn { top:-4px; }
.listing-action .input-group input { margin-top:-4px; }

/* DASI - NO SE PARA QUE ES ESTO DEL 80% PERO ROMPE EL FRONT
.listing-action .btnPurchase,
.listing-action .btnCancelPurchase { width:80%; }
 */

.listing-action label { font-size:16px; color:white; margin-bottom:10px; }
.listing-action input { height:33px; margin-top:2px; border:0; text-align:center; }
.listing-action .btn { margin:0; color:white; }
.listing-msg { display:none; }
.listing-msg .btn { float:none; margin:0 auto; }

.listing-default .shape { border-color:transparent #006AEC transparent transparent; }
.listing-msg .btn { padding:5px 15px !important; }
.input-group-btn>.btn { padding:5px; width:40px; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color:#006AEC;
	border-color:#006AEC;
	border-radius:0;
	padding:8px 15px 8px 10px;
}

.box table thead tr th { font-weight:bold; }
.box table { margin-bottom:0; }

.history { background:#dadada; }
.history h2 { color: #333; font-size: 15px; text-transform: uppercase; margin: 0; width: 100%; background: #CCC; padding: 7px; }
.history ul { padding:0; }
.history .history2 ul li { background:#EEE; font-size: 15px; color: #333; text-align: left; padding: 5px 10px 5px 10px; display: inline-block; width: 100%; }
.history ul li .badge { font-size:17px; vertical-align:middle; padding-top:4px; margin-top:6px; }

.box#checkout { font-size:14px; padding-top:0; }
.row.item { background:#FAFAFA; padding:10px 0; border-bottom:solid 1px #000; display: flex; align-items: center; }
.row.item p { margin:0; }
.row.load { background:#CACACA; padding-top:10px; }
.row.total { background-color: #006AEC; color:white; padding:10px; }
.btnCheckout { display:inline-block; margin-top:15px; }

#languages { text-align:center; font-size:14px; color:white; text-shadow:#000 1px 1px 1px; }
#languages a { color:white; }
#languages a:hover { color:white; text-decoration:underline; }

#imgPicture { position:relative; text-align:center; }
#imgPicture > img { width:216px;height:216px;border:solid 1px #CCC; margin:0 auto; }
#imgPicture .loader {
	position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 217px;
    background: url(../img/bg-transp_v-2.png);
    display:none;
}

.code input { font-size:30px; width:45px; padding:0; border:solid 1px #999; text-align:center; margin:10px 0 30px; }

@media screen and (max-width:750px) {
	.listing .lead { height:auto; }
	.listing p { min-height:10px; }
}

@media (min-width: 481px) {
	h1 { font-size:22px; }
	.btn-block { display:inline-block; width:auto; }
	#signup .container,
	#cards .container { max-width:960px; }
	#login .container,
	#password .container { width:500px; }
	#fCardNew .glyphicon.glyphicon-credit-card { font-size:180px; }
	.total { text-align:right; }
}

@media (min-width: 1200px) {
	.container {
	    width: 1170px !important;
	}
}

.listing-action a.btn {
	font-size:12px !important;
}


#frmVoucherApp strong {
		color: white;
		text-shadow: 2px 2px 2px black;
}

span#contadorCarrito {
	position: absolute;
	top: 3px;
	background-color: red;
	width: 16px;
	height: 16px;
	text-align: center;
	color: white;
	font-size: 12px;
	border-radius: 50%;
	font-weight: bold;
	line-height: 16px;
}

.cd-popup-trigger {
  display: block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  margin: 3em auto;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50em;
  background: #35a785;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 6em auto;
  }
}

/* --------------------------------

xpopup

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 700px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 1em;
	line-height: 1em;
}
.cd-popup-container .txt_standard {
	padding: 2em !important;
}
.cd-popup-container .cd-buttons{
	list-style-type: none;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 100%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
	color: #726f6f;
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 4em auto;
  }
}
.img-replace {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}

#fCart input[type=submit]:disabled {
  background-color: gray !important;
}

#fCart input[type=submit]:hover:disabled {
  color: white !important;
  cursor: default;
	box-shadow: none;
}

.jconfirm-title-c, .jconfirm-title, .jconfirm-content div {
	color:black !important;
}