/***************************/
/* COLORES

#151619; 	/* gris fondo 
#ffb200;	/* ocre 
#3f4246;	/* gris 2
#f49a04;	/* naranja control
#c4c13d;	/* verde control
#bdc3c7;	/* gris unchecked
#1abc9c;	/* verde checked
#ca1824;	/* rojo primera sangre
/***************************/

body {
	background-color: #151619; 	/* gris fondo */    
	color: #333;
	font-family: 'Exo 2', sans-serif;
	font-size: 1.8vw;
	margin: 0 auto;
	width: 768px;
}

#logo {
	margin-bottom: 4vw;
}

#logo img{
	max-width: 100%;
}

.btn {
	font-size: 2vw;
	padding:  1vw;
}

.upper {
	text-transform: uppercase;
}

.pointer {
	cursor: pointer;
}

a {
	color: #ffb200;	/* ocre */
}

.texto_normal p {
	font-size: 36px;
}

a:hover {
	color: #333;
}

h1 {
	color: #72C500;			
	font-size: 54px;
}

h2, .h2 {
	font-size: 5vw;
}

h2.titulo-tuyo {
	background-color: #f49a04;	/* naranja control */
	text-align: center;
	font-size: 4vw;
	color: #FFF !important;
}

h2.titulo-rival {
	background-color: #c4c13d;	/* verde control */
	text-align: center;
	font-size: 4vw;
	color: #FFF !important;
}

h2.titulo-bans {
	background-color: #FF6B00;
	text-align: center;
	font-size: 4vw;
	color: #FFF !important;
}

hr {
	border: 1px dashed #72C500;			
}

.flex-parent {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
 
.flex-child {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
} 

.verde {
	color: #72C500 !important;			
}

.gris {
	color: #CCC !important;
}

.amarillo {
	color: #FB0 !important;
}

.rojo {
	color: #ca1824 !important;	/* rojo primera sangre */
}

input[type="text"], input[type="submit"], textarea {
	width: 100%;
}

.form-control, .select2-search input[type=text] {
	border: 2px solid #3f4246;	/* gris 2 */
}

.bootstrap-switch-primary~.bootstrap-switch-handle-off:before {
    background-color: #ffb200;	/* ocre */
    border-color: #3f4246;	/* gris 2 */
}

.bootstrap-switch-primary {
	color: #ffb200;	/* ocre */
    background-color: #3f4246;	/* gris 2 */
}

.radio-bandera { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.radio-bandera + img {
  	cursor: pointer;
	opacity: .2;
}

/* CHECKED STYLES */
.radio-bandera:checked + img {  	
	opacity: 1 !important;
}


.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group .select2-search input[type=text]:last-child {
	color: #3f4246;	/* gris 2 */
}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-group-lg>.select2-search input[type=text] {
	font-size: 4vw;
	height: inherit;
	padding: 1.5vw;
}

.input-group-lg>input[type=date].form-control {
	font-size: 3vw;	
}

.form-group.focus .input-group-addon, .input-group.focus .input-group-addon {
	background-color: #FFF;
	border-color: #FFF; 
}

.form-group.focus .form-control, .form-control:focus, .form-group.focus .select2-search input[type=text], .select2-search input[type=text]:focus {
	border-color: #ffb200;	/* ocre */
}

.btn-primary {
	background-color: #ffb200;	/* ocre */
    border: 1px solid #ffb200;	/* ocre  */
	color: #FFF;
}

.input-group-addon {
	background-color: #3f4246;
	color: #ffb200;
	border: 2px solid #3f4246;
}

.btn-hg, .btn-group-hg>.btn {
	font-size: 4vw;
}

.etiqueta.titol {
	font-size: 24px;
	font-weight: bold;
}

.panel-campus .col-sm-6 {
	padding: 20px;
}

.panel-campus input, .panel-campus textarea {
	border: 1px solid #CFCFCF;	
}

.panel-campus input[type="radio"] {
	margin-left: 15px;
}

.panel-campus td input[type="radio"]:first-child {
	margin-left: 0 !important;
}

.panel-campus tr {
	height: 50px;
}

.select {
	width: 100%;
	min-width: inherit;
}

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

.input-group.focus .input-group.addon {
	background-color: #ffe715 !important;			/* Amarillo Villarreal */
	color: #000;
	border: 1px solid #72C500;			
}


.panel-body {
	padding: 1vw;
}

.panel-title img {
    width: 5vw;
    margin-bottom: 0.5vw;
	
}

.btn-primary {
	width: 100% !important;
}

.panel-title {
	font-size: 3vw;
	text-transform: uppercase;
}

.cabecera-datos {
	float: right;
	font-size: 16px !important;
	padding-top: 6px;
}

.cabecera-datos i {
	padding: 0 20px;
}

.ayuda {
    position: absolute !important;
    float: right;
    right: 5px;
    top: -13px;
}

#form_registro .row {
	margin-bottom: 30px;	
}

#form_registro label {
	font-weight: 300;
	line-height: 1.5;
}

/*********************************/
/* COMBATES
/**********************************/

.iconos-top a {
    padding: 0;
    font-size: 1.5vw;
    display: inline-block;
}

.iconos-top a.agregar {
    font-size: 4vw;    
}

.iconos-top a.btn-off {	
    padding: 0;
    font-size: 4vw;
    display: inline-block;
	color: #000;
}

.verde-ganador {
	color: #1abc9c;	/* verde checked */
}

.rojo-perdedor {
	color: #ca1824;	/* rojo primera sangre */
}

.tabla-lista-combates img {
	width: 45px;
	opacity: .6;
}

.table.tabla-lista-combates>tbody>tr>td {
	border: none;
}

.table.tabla-lista-combates>tbody>tr.primer>td {
	padding-bottom: 0;
}

/*********************************/
/* NUEVO COMBATE
/**********************************/

#form_registro h5 {
	font-size: 24px;
}

.select-default .select2-choice {
	background-color: #1abc9c !important;
}

.select2-drop {
	border: 2px solid #bdc3c7;
}

.archivo .glyphicon {
	font-size: 36px;
}

.archivo {
	font-size: 12px;
	margin: 10px;
	color: #000;
	line-height: 20px;
}

.btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
	color: #444;
}

.btn-borrar {
	position: relative;
	top: -37px;
	left: -27px;
	z-index: 20;
}

.glyphicon.villarrealcf {
	padding-left: 20px;	
}

.glyphicon.villarrealcf:before {
	width: 30px;
    content: " ";
    background-image: url(../img/icon-villarreal-cf.png);
    position: absolute;
    left: -15px;
    top: -28px;
	height: 38px;
}

#menu-top  {
	margin-bottom: 20px;
}

#menu-top button , #menu-top .btn {
	margin-right: 20px;
	padding: 20px 20px 20px 30px;;
}

#menu-top .btn-primary {
	background-color: transparent;
	color: #72C500;			
	border: 2px solid #72C500;			
}

#menu-top .current ,.btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-color: #ffb200;	/* ocre  */	
	color: #FFF;
	border: 1px solid #ffb200;	/* ocre  */	
	opacity: .7;
}

#menu-top .dropdown-menu {
	background-color: #1b1b1b !important;
	color: #ffe715 !important;			/* Amarillo Villarreal */
	border: 2px solid #ffe715 !important;			/* Amarillo Villarreal */
	margin-left: 16px;
}

#menu-top .dropdown-menu > li > a {
	color: #72C500;			
	font-size: 16px;
}

#menu-top .dropdown-menu > li > a:hover, #menu-top .dropdown-menu > li > a:focus {
	background-color: #ffe715 !important;			/* Amarillo Villarreal */
	color: #000;
}

#menu-top .dropdown-toggle .caret {
	margin-left: 16px;
}

.panel {
	background-color: #FFF;
	border: none;
}

.panel-default>.panel-heading {
	background-color: #ca1824;
	color: #FFF;
	border: none;
}

.btn-equipo {
	margin: 50px;	
}

a:hover.btn-equipo {
	position: relative;
	top: 1px;
	left: 1px;	
}

.btn-check {
	border: 1px solid #72C500;			
	padding: 20px;
	margin: 0 30px;
	border-radius: 4px;
	line-height: 84px;
	cursor: pointer;
	text-transform: uppercase;
}

.btn-check * {
	cursor: pointer;
}

.lanzar {
	padding: 15px 100px;
	font-size: 32px;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th , .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #EEE;
}


.table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border-top: 1px solid #EEE;
}

.table-striped>tbody>tr.destacado:nth-child(odd)>td, .table-striped>tbody>tr.destacado:nth-child(odd)>th , .table-striped>tbody>tr.destacado:nth-of-type(odd) , .table-striped>tbody>tr.destacado , .table-striped>tbody>tr.terminado:nth-child(odd)>td, .table-striped>tbody>tr.terminado:nth-child(odd)>th , .table-striped>tbody>tr.terminado:nth-of-type(odd) , .table-striped>tbody>tr.terminado {
	background-color: #a0d818;
	color: #000;
}

.table-striped>tbody>tr.caducado:nth-child(odd)>td, .table-striped>tbody>tr.caducado:nth-child(odd)>th , .table-striped>tbody>tr.caducado:nth-of-type(odd) , .table-striped>tbody>tr.caducado , .table-striped>tbody>tr.sin-comenzar:nth-child(odd)>td, .table-striped>tbody>tr.sin-comenzar:nth-child(odd)>th , .table-striped>tbody>tr.sin-comenzar:nth-of-type(odd) , .table-striped>tbody>tr.sin-comenzar  {
	background-color: #F00;
	color: #FFF;
}

.table-striped>tbody>tr.en-proceso:nth-child(odd)>td, .table-striped>tbody>tr.en-proceso:nth-child(odd)>th , .table-striped>tbody>tr.en-proceso:nth-of-type(odd) , .table-striped>tbody>tr.en-proceso {
	background-color: #ffc602;
	color: #000;
}

/******************************************************************************************************************************/
/*********** COMBATE EDITAR
/******************************************************************************************************************************/

#form_editar_combate .checkbox, #form_editar_combate .radio {
	display: inline !important;
	font-size: 3.5vw;
	padding-top: 0;
    padding-left: 4.9vw;
    margin-bottom: 0;	
}

.row.row-autoguardado {
	margin: 0 !important;
	padding-left: 0.5vw;
}

.row.row-autoguardado .autoguardado {
	display:  inline-block;
}

#form_editar_combate .checkbox .icons, #form_editar_combate .radio .icons {
	font-size: 4vw;
	line-height: 0.5vw;
}

#form_editar_combate .autoguardado .checkbox .icons {
	line-height: 4vw;
}

.checkbox input[type=radio].custom-radio:checked+.icons .icon-checked, .radio input[type=radio].custom-radio:checked+.icons .icon-checked {
    color: #F00;
}

#form_editar_combate .aristo-img img {
	width: 100%;
}

#form_editar_combate .primera-sangre-img img {
	width: 4.5vw !important;
}

#form_editar_combate .frags-row {
	padding-top: 1vw;
}

#form_editar_combate .puntuacion-row {
	padding-top: 3.5vw;
}

.frag-select {
	background-color: #3f4246;	/* gris 2 */
    padding: 1.6vw 1vw;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	float: left;
}

.frag-select img {
	width: 5vw;
}

.frags-row select {
	width: 40%  !important;
	display: inline !important;
}

.frags-row select option {
	display: inline !important;
}

img.primera-sangre {
	width: 4vw;
	float: right;
	margin-left: 2.5vw;
}

#aristos-lista, .fancybox-skin {
	background-color: #151619 !important; 	/* gris fondo */
}

.radio-bandera, .close-f {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.radio-bandera + img, .close-f + img {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.radio-bandera:checked + img, .close-f:checked + img {
  opacity: .5;
}


[type=radio] + img.primera-sangre {
  opacity: .5;
}

[type=radio]:checked + img.primera-sangre {
  opacity: 1;
}

.btn-cancel.btn-primary {
	background-color: #CCC;
	    border: 1px solid #CCC;
}

#form_login .checkbox, #form_nuevo .checkbox {
	font-size: 3.5vw;
	padding-top: 0;
    padding-left: 5.5vw;	
    margin-bottom: 20px;	
	line-height: 4vw;
}

#form_login .checkbox .icons, #form_nuevo .checkbox .icons {
	font-size: 4vw;
	line-height: 0.5vw;
	margin-top: 2vw;
}

#form_login label.checkbox {
	display: inline-block;
}


/******************************************************************************************************************************/
/*********** RESUMEN
/******************************************************************************************************************************/

.resumen-escenario {
	text-align: center;
	font-size: 2.8vw;
	text-transform: uppercase;
	background-color: #151619; 	/* gris fondo */
	color: #ffb200;	/* ocre */
	border-radius: 3px;
	margin-bottom: 1vw;
}

.resumen {
	font-size: 2.8vw;
}

.resumen > .row {
	margin-bottom: 1vw;
}

.resumen .persona.ganador {
	color: #1abc9c;	/* verde checked */
}

.resumen .persona.perdedor {
	color: #ca1824;	/* rojo primera sangre */
}

.resumen .resumen-data span {
	color: #ffb200;	/* ocre */
}

.resumen-aristo {
	padding: 0 0.5vw;
	margin: 0 0 1vw 0;
}

.resumen .fila-aristo {
	margin: 0;
}

.resumen-aristo * {
	padding: 0;
	margin: 0;
}

.resumen-aristo div {
	padding-right: 0;
}

.resumen-aristo .aristo {
	padding-right: 0;
}

.resumen-aristo .datos {
	padding-left: 0.5vw;
}

.resumen-aristo img {
	width: 100%;
}

.resumen-aristo .frags img {	
	width: 4vw;
}

.resumen-aristo .puntuacion {	
	font-size: 2vw;
}

.resumen-aristo .puntuacion span {
	margin-right: 0.3vw;
	padding: 0.5vw;
	background-color: #bdc3c7;	/* gris unchecked */
	min-width: 2vw;
    max-width: 2vw;
	min-height: 2vw;
    max-height: 2vw;
    display: inline-block;
	border-radius: 0.4vw;
}

.resumen-aristo .puntuacion span.marcado {
	background-color: #1abc9c;	/* verde checked */
}

.resumen-aristo .primera-sangre {
	background-color: #ca1824;	/* rojo primera sangre */
}

.separador {
	text-align: center;
	margin: 2.5vw 0 0;
}

.separador img {
	width: 100%;
}

.deck-resume {
	font-size: 2vw;
}

.deck-resume img {
	width: 100%;
	opacity: .7;
}

.deck-resume span.glyphicon {
	margin-right: 10px;
	color: #ffb200;
}


/******************************************************************************************************************************/
/*********** ESTADISTICAS ARISTOS
/******************************************************************************************************************************/

.lista-stats {
	font-size: 4vw;
}

.lista-stats li {
	margin-left: 2.5vw;
}

.table-aristos {
	font-size: 7vw;
}

.table-aristos img {
	width: 10vw;
}

.table-aristos td {
	text-align: center;
}

.table-aristos th {
	width: 0.5vw;
	text-align: center;
}

.table-aristos tr.col-datos {
	font-size: 3vw;
	background-color: #DDD;
}

.table-aristos tr.col-datos img {
	width: 3.5vw;
	position: relative;
	top: -6px;
}

/******************************************************************************************************************************/
/*********** ESTADISTICAS RIVALES
/******************************************************************************************************************************/

.ratio-stats {
	font-size: 4vw;
	margin: 0;
}

.ratio-stats * {
	padding: 0;
}

.table-rivales {
    font-size: 2vw;
}

.table-rivales th {
	width: 0.5vw;
	text-align: center;
}

.table-rivales td, .table-rivales th {
	padding: 1.5vw 0.5vw !important;
}

/******************************************************************************************************************************/
/*********** ESTADISTICAS EQUIPOS
/******************************************************************************************************************************/

.table-equipos {
	font-size: 4vw;
}

.fila-equipos img {
	width: 6vw;
}


/******************************************************************************************************************************/
/***********  TORNEOS
/******************************************************************************************************************************/

#torneos h2 {
	font-size: 2.5vw;
	margin-top: 1.5vw;
	margin-bottom: 0.5vw;
}

.btn.btn-primary.editar {
	color: #72C500 !important;
	border: none;
	font-size: 2.25vw;
	padding: 1vw 0;
	background-color: #FFF !important;
}

.btn.btn-primary.borrar {
	color: #da040e !important;
	border: none;
	font-size: 2.25vw;
	padding: 1vw 0;
	background-color: #FFF !important;
}

.check-todos .checkbox .icons {
	font-size: 45px;
}

.check-todos label.checkbox {
	font-size: 40px;
	padding: 8px 0 0 60px;
	margin: 0;
	line-height: 0;
}

.row-mazo td {
	vertical-align: middle !important;
}

.nombre-mazo {
	font-size: 3vw;
}

.table-jugadores {
	font-size: 4vw;
}

.table-jugadores .nombre-mazo {
	text-align: left;
	color: #ffb200;
}

.table-aristos.table-jugadores tr.col-datos {
	font-size: 2vw;
}

.table-jugadores tr.col-datos td span:nth-child(2){
	margin: 0 4vw;;
}


/******************************************************************************************************************************/
/*********** ALINEACION
/******************************************************************************************************************************/

.alineacion-row img {
	width: 100%;
}