form
{
   margin: 0px;
}

#colorPicker{
margin-bottom:0px!important;
}

.input-group-btn{
display:inline!important;
}

.pick-a-color-markup *{
box-sizing:content-box!important;
}

.logoderecha{
	margin-top:20px!important;
	padding-right:20px!important;
}

.team2{
	background:#ABDAE8!important;
}

.team1{
	background:#EDC280!important;
}

.team3{
	background:#DEE3DF!important;
}

.txtlabel{
	margin-top:12.288px;
	background:white;
	width:340px;
	height:20px;
	text-align:left; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-size:12;
	padding-left:8px;
	display:inline-block;
	color:black;
}

.navbar-nav {
margin-top:0px!important;
position: absolute;
right: 2%;
}

.logimg{
padding-left:10px;
height:20px;
width:130px;
}

#navbar{
	padding-right:20px!important;
	padding-top:0px!important;
	
}

#cabecera2{
	/* background-color:#4F606E; */
	color: #F7C937;
	font-family:'Ruda';
	font-size:12;
	height:auto;
	vertical-align:middle;		
	padding-left:15px;
	
}
#cabecera3{
	background-color:#FFFBD6;
	color:black;
	font-family:'Ruda';
	font-size:11;	
	line-height:20px;
	padding-left:0;
	top: -1px;
}

#cabecera3.error
{
   	background-color:#9F232A;
	color:white;
}
	
#cabecera4{
	background-color:#4F606E;
	color:#F7C937;
	font-family:'Ruda';
	font-size:12;
	height:auto;
	vertical-align:middle;	
	line-height:30px;			
	padding-left:1.5%;
	
}

.texto-saludo{
	font-size:1em;
	font-family:'Ruda';
}
.cabecera-saludo{
	padding-top:20px;
	font-size: 1.25em;
	font-family:'Ruda';
	padding-bottom: 10px;
}


.barratitulobanco{
padding-top:2px;
height:auto;
background-color:#4f606E;
color:white;
font-family:'Ruda';
font-size:12;
padding-left:10px;
}

.teamlabel{
width:100px;
display:inline-block;
text-align:center;
}
.introduccionprofesor{
height:auto;
padding-bottom:25px;
}

.teamtexbox{
	display:inline-block;
	width:330px;
}

.contenidoequipobanco{
	height:auto;
	background:#4dbfe6;
	color:white;
	font-family:'Ruda';
	font-size:12;
	padding-bottom:15px;
	vertical-align:middle;				
	padding-left:9px;
   padding-right:9px;
	margin-bottom:32px;
}

.trash
{
   height:auto;
   background:#f99aa7;
   color:white;
   font-family:'Ruda';
   font-size:12;
   padding-bottom:15px;
   vertical-align:middle;				
   padding-left:10px;
   margin-bottom:32px;
   min-height:50px;
}

div.slot
{
   padding-left: 8px;
   color: black;
   display: inline-flex;
   width: 90%;
}

.fund
{
   background: #E9D1E0 !important;
}

.navbar-inverse{
	background-color:#1E2E39;
}
.navbar{
	margin-bottom:0px!important;			
}
 navbar-static-top{
	margin-bottom:0px!important;			
}
.navbar-brand{
	color:#087CDD;
	font-family:'Pushkin';
	font-size:36;
	
}

#logoder{
	font-family:'Ruda';
	font-size:12;
	color:white;
}

#logoderrojo{
	font-family:'Ruda';
	font-size:12;
	color:#F02137;
}

.link-button,
.link-button:visited,
.link-button:hover
{
   color: white;
   text-decoration: none;
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    display: none;
}

.textbox
{
	margin-top:12.288px;
	/*min-width:340px;*/
	width: 100%;
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px grey;
	font-family: 'Ruda';
	font-size: 12px;
	padding-left: 8px;
	color: black;
    input-placeholder: grey;
}

.textarea{
	margin-top:12.288px;
	width: 100%;
	font-family: 'Ruda';
	font-size: 12px;
}

.row-equipo{

}

.teamlabel{
	background:orange;
	margin-top:12.288px;
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-size:12;
	color:black;
}

.textbox_num{
	background:white;
	margin-top:12.288px;
	width:325px!important;
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-size:12;
	display:inline-block;
	
	
}

.selectbox{
	padding-left:8px;
	margin-top:12.288px;
	/* min-width:340px; */
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-size:12;
}

.checkbox{
	background:white;
	padding-left:8px;
	display:inline-flex;
	margin-top:12.288px;
	margin-bottom:0px;
	width:100%;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-size:12;
	top:-1;

}

.boton_condiciones{
	float:right;
	margin-right:10px;
	display:inline-flex;
	height:15px;
	margin-top:5px;
	margin-left:20px;
	width:232px;
	text-align:center;
	padding-left:50px;
	
	padding-top:5px;
	background-color:#FFFBD6;
	top:-2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px grey;
	font-family:'Ruda';
	font-weight:bold;
	font-size:10;
	line-height:1.1571!important;
	margin-bottom: 5px;
}

.check{
	/*margin-left: 70px!important;*/
	margin-bottom: 5px!important;
	top:-2px;
	right: 5px;
}

input:invalid,
select:invalid
{
   border-color: red;
}

.redtextbox{
color:red;
border:solid 1px red!important;
}

::-webkit-input-placeholder  {
   color: black;
}

:-moz-placeholder  { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder  {  
   color: black;  
}

::-webkit-input-placeholder  {
   color: black;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}

.clearfix{
	clear:both;	
}

#campos{
	text-align:center;
	margin-top: 6%;

}

#campos-pago{
	text-align:center;

}

.botonrojo{
	background:#F02137;
	
}

.botonrojo:hover{
	background:#AE1B21;
	color:white;
	
}
.botonverde:hover{
	background:#047235;
	color:white;
	
}
.botonverde{
	background:#09AA57;		
}

.botonazul{
	background: #087CCD;
	
}
.botonazul:hover{
	background: #004D6B;
	color:white;
	
}
.botongris:hover{
	background: #4F606E;
	color:white;
	
}


.botongris{
	background:#A5ADB1 ;		
}

.botonvioleta{
	background:#945ECA;		
}
.botonvioleta:hover{
	background:#7422AF ;
	color:white;	
}


.botonnaranja{
	background:#F77A05;
	
}

.botonnaranja:hover{
	background:#B76701;
	color:white;
	
}

.botonturqueza{
	background:#07AFAD;
	
}

.botonturqueza:hover{
	background:#028980;
	color:white;
	
}

.botoncafe{
	background:#AB6905;
	
}

.botoncafe:hover{
	background:#CC916F;
	color:white;
	
}


#message{
	color:yellow;
	font-family:'Ruda';
	font-size:12;
}

.presentacion{
	text-align:center;
	margin-top:202.44px;
	font-family:'Ruda';
	font-size:24;
}

.test-game-pdf{
	position: absolute;
	margin-top: 0px;
	height: 100%;
	padding: 0px;
}

#summary{
	margin-top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 0px;
}

.presentacionporfavor{
text-align:center;
margin-top:70.44px;
font-family:'Ruda';
font-size:12;
}


.bluecontainer
{
   background: #087ccd;
   color: white;
   overflow: auto;
}

.whitecontainer
{
   background: #fff;
   color: #000;
   overflow: auto;
}

.errorcontainer{
	background: #F9554E;
}

.redcontainer
{
   background: #f0544f;
   color: white;
}

#numjugador{
	font-family: 'Ruda';
	font-size: 11;
	font-weight: bold;
	background: #e0e0e0;
	padding: 2.5 2.5 2.5 3.5;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	border: solid 1px grey;
	color: black;
}


.botonesFormulario{
	color:white;
	height:20px;
	margin-top:12px;
	line-height:11px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:'Ruda';
	font-size:12;
	line-height:9px;
	width:150px;
	border:solid 1px black!important;
}

.fields-container{
	/*background-image:url('../../images/watermark.png')!important;*/
	background-size: 50% auto;
	background-repeat: no-repeat;  
	background-position: 50% 30%;
	/*background-color: #4DBFE6;*/
	color: #000;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	width: 100%;
}

.pay-fields-container{
	/*background-color: #ADBFC1;*/
	color: #000;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	width: 100%;
}

/*Ventanas emergentes*/

.button-sp{
    width: 100%;
    height: 20px;
    border-radius: 3px;
    border: solid 1px black!important;
    margin-left: auto;
    margin-right: auto;
}

.popup-container{
  display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    top: 0px;
    left: 0px;
    visibility: hidden;
}

.popup-window{
  display: block;
    width: 420px;
    border: 1px solid;
    height: 200px;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -100px;
    margin-left: -210px;
    background-color: #A0D95F;
    border-color: #A0D95F;
}

.header-popup{
  display: block;
    height: 32px;
    border-bottom: 1px solid;
    background-color: #09AA57;
    border-color: #09AA57;
    padding-left: 20px;
    font-family: "Ruda";
    font-size: 12px;
    padding-top: 6px;
    color: #FFF;
    font-weight: bold;  
}

.header-popup p{
    margin: 0px !important;
}

.body-popup{
  height: 168px;
  display: block;
}

.content-popup{
  display: block;
    height: 100px;
    width: 100%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Ruda";
    font-size: 12px;
    color: #000;
}

.buttons-popup{
  display: block;
    height: 68px;
}

.green-button-popup {
    display: inline-block;
    width: 50%;
    height: 68px;
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 25%;
    margin-right: 25%;
}

.green-button-popup button{
  width: 100%;
  height: 20px;
  background-color: #09AA57;
    border-color: #09AA57;
    font-family: "Ruda";
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
}

.red-button-popup{
  display: inline-block;
    width: 49%;
    height: 68px;
    padding-top: 20px;
    padding-left: 55px;
    padding-right: 5px;
}

.red-button-popup button{
  width: 100%;
  height: 20px;
  background-color: #F02137;
    border-color: #F02137;
    font-family: "Ruda";
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
}