/* ==========================================================================
   Author's custom styles
   ========================================================================== */

hr {
 border-top: 1px solid #EF3E3A 
}

h4, p {
	cursor:default;
}

.invisible-border {
 border-top: 1px solid #f1e6cc;
}

#ms-logo {
	max-width:250px;
	max-height:250px;
}

.en {
	display:block;
}

.es-ec, .es-pe, .es-co {
	display:none;
}

.pt-br {
	
}

input[type="text"],
input[type="text"]:focus {
  font-size:16px; 
}

select {
  font-size:50px; 
}

.input-group {
  margin-bottom:15px; 
}

input[type=text] {
  text-transform:capitalize; 
}

.btn {
  margin-top:25px; 
}

.btn:focus, .btn:active, .btn:active:focus {
  outline:none; 
}

.review-btn button {
	margin-top:10px;
}

#menus {
  overflow:hidden; 
}

#main-menu .menu .form-group {
	position:relative;
}

#main-menu .menu .form-group span {
	font-size:28px;
	color:#999;
	position:absolute;
	top:-5px;
	right:5px;
	cursor:pointer;
}

#player-menu,
#player-menu .menu div,
#player-scores .modal-body .review,
#calc {
  display:none;
  opacity:0; 
}

#title {
 position:relative; 
}

#title p {
  font-size:12px;
  color:#EF3E3A;
  position:absolute;
  right:20px;
  bottom:30px; 
}

.subtitle {
	color:#EF3E3A;
}

#player-menu .form-group {
  margin-bottom:30px; 
}

#player-scores .modal-body .col-xs-1 {
	padding-right:5px;
	padding-left:5px;
}

#player-scores .modal-body .player-arrows {
	line-height:22px;
	opacity:0.1;
}

#player-scores .modal-body .player-crown {
	line-height:22px;
	opacity:0.1;
}

#player-scores .modal-body .player-edit-save {
	line-height:22px;
	cursor:pointer;
	color:#EF3E3A;
}

#player-scores .modal-footer .col-xs-6 {
	padding:0px;
}

#player-scores .modal-footer h4 {
	text-align:left;
}

#player-scores .modal-footer h4:nth-child(2) {
	display:none;
}

#player-scores .modal-footer button {
	margin-top:0px;
}

.points {
  padding-left:8px;
  padding-right:8px;
  text-align:center;
    
}

.points img {
  opacity:0.3;
	cursor:pointer; 
}

.panel {
  border-radius:10px;
  position:relative; 
}

.panel .coin-count {
  width:30px;
  height:30px;
  background-color:#EF3E3A;
  border-radius:50%;
  box-shadow: 1px 1px 2px grey;
  color:#fff;
  font-weight:bold;
  line-height:30px;
  position:absolute;
  top:-10px;
  right:-10px;
  z-index:990;
  display:none; 
}
.panel-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+99 */
  background: #f3e2c7;
  background: -moz-linear-gradient(top,  #f3e2c7 0%, #c19e67 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e2c7), color-stop(99%,#c19e67));
  background: -webkit-linear-gradient(top,  #f3e2c7 0%,#c19e67 99%);
  background: -o-linear-gradient(top,  #f3e2c7 0%,#c19e67 99%);
  background: -ms-linear-gradient(top,  #f3e2c7 0%,#c19e67 99%);
  background: linear-gradient(to bottom,  #f3e2c7 0%,#c19e67 99%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#c19e67',GradientType=0 );
  border:2px solid #c19e67;
  border-radius:10px; 
}

.panel .panel-footer {
  padding:5px 15px;
}

.tablet {
  display:none; 
}

.ptBtns {
  color:#999; 
}

footer {
	color:#999;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  .form-group {
		width:400px;
	}
	
	.tablet {
    display:block; 
  }
  

}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}