* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.clearfix {
	clear:both;	
}
html, body {
	height:100%;
}
a {
	outline:none;	
}
body {
	background:#f4f4f4;
	font:14px 'Open Sans', sans-serif;
	color:#222;
	border-top:8px solid #06a7e2;
}
body.home {
	background:#f4f4f4 url(../images/logo_bg.png) no-repeat center;
}

.k-picker-solid {
	display: flex;
	margin: 5px 0 10px 0;
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

div.envios ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
div.envios ul li {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}
div.envios ul li label {
	cursor: pointer;
	padding: 0 0 0 10px;
	border: 1px solid #ccc;
	font-weight: normal;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #eee;
	margin-bottom: 10px;
}

.categoria_google {
	display: flex;
	align-items: center;
	line-height: 25px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.categoria_google.opened {
	background: #eee;
}
.subcategoria_google {
	padding-left: 20px;
	background: #eee;
}
.categoria_google:hover {
	background: #eee;
}
.categoria_google label {
	cursor:pointer;
}
.categoria_google button {
	margin-left: auto;
	padding: 5px !important;
	border-radius: 50%;
	width: 30px;
	height: 30px !important;
	transform: rotate(0deg);
	transition: transform .2s;
}
.categoria_google.opened button {
	transform: rotate(-180deg);
}

.popup {
	display: none;
	padding: 10px;
}

div.wordcount input,
div.wordcount textarea {
	margin-bottom: 0;
}
span.wordcount {
	display: inline-block;
	padding: 3px 3px 10px 3px;
}
.sliderContent {
	position: relative;
	padding: 30px 0;
	margin: 0 10px;
}
.sliderContent .startSlider,
.sliderContent .endSlider {
	border: none;
	font: 14px 'Open Sans', sans-serif;
	position: absolute;
	top: 0;
	text-align: center;
	background: #444;
	color: #fff;
	width: 40px;
	height: 25px;
	line-height: 25px;
	transform: translateX(-50%);
}

.overlay {
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.5);
	z-index:100;
}
.overlay .overlay-content {
	position:absolute;
	background:#fff;
	padding:12px;
	border-radius:50%;
	width:40px;
	height:40px;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	text-align:center;
}

.mantenimiento {
	color: #fff;
	background: #f45100;
	text-align: center;
	padding: 10px;
}

.box {
	background: #f4f4f4;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	overflow: hidden;
}

.foto_jugador {
	cursor: pointer;
	display: inline-block;
	margin-left: -4px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	vertical-align: -20px;
	margin-right: 5px;
	background-image: url(../images/profile.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.selector {
	font: 14px 'Open Sans', sans-serif;
	padding-top: 15px;
}
.selector label {
	cursor:pointer;
	position: relative;
}
.selector label input {
	position: absolute;
	left: -10000px;
}
.selector span {
	inline-block;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 10px;
	color: #222;
}
.selector span:hover {
	background: #ccc;
}
.selector input:checked ~ span {
	border: 1px solid #009acd;
	color: #fff;
	background: #009acd;
}

select#options,
.select_dropdown select {
	display: none;
}

.pass_content {
	position:relative;	
}
meter {
	/*-webkit-appearance: none;*/
     -moz-appearance: none;
          appearance: none;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background: none;
  	background-color: rgba(0, 0, 0, 0.1);
}
meter::-webkit-meter-bar {
	background: none;
	background-color: rgba(0, 0, 0, 0.1);
}
meter[value="1"]::-webkit-meter-optimum-value { background: #c50000; }
meter[value="1"]::-moz-meter-bar { background: #c50000; }

meter[value="2"]::-webkit-meter-optimum-value { background: #f2a500; }
meter[value="2"]::-moz-meter-bar { background: #f2a500; }
meter[value="3"]::-webkit-meter-optimum-value { background: #f2a500; }
meter[value="3"]::-moz-meter-bar { background: #f2a500; }

meter[value="4"]::-webkit-meter-optimum-value { background: #86c500; }
meter[value="4"]::-moz-meter-bar { background: #86c500; }
meter[value="5"]::-webkit-meter-optimum-value { background: #86c500; }
meter[value="5"]::-moz-meter-bar { background: #86c500; }

.check-list {
	margin:0;
	list-style:none;
}
.check-list li {
	margin:3px 0;
	background:url(../images/bull.png) no-repeat left;
	line-height:18px;
	padding-left:23px;
}
.check-list li.ok {
	color:#7dc63a;
	background:url(../images/check.png) no-repeat left;
}

i.alergias {
	margin-left: 5px;
}


#datos_modalidad,
#datos_inscriptor {
	display: none;
}

/* Checkbox */
.checkmark_container {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:30px;
	background:#f4f4f4;
	z-index:100;
}
/*.warning .checkmark_container {
	background: #ffacac;
}*/
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.checkbox_container:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkbox_container input:checked ~ .checkmark {
  background-color: #009acd;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox_container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/* HEADER */
#header {
	width:100%;
	height:60px;
	background:#fff;
	color:#fff;
	font:14px 'Oswald', sans-serif;
	text-transform:uppercase;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(60,71,79,0.05);
	-moz-box-shadow: 0px 5px 5px 0px rgba(60,71,79,0.05);
	box-shadow: 0px 5px 5px 0px rgba(60,71,79,0.05);
}
#header_content {
	width:100%;
	/*max-width:1180px;*/
	/*padding:0 10px;*/
	margin:0 auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
#header ul {
	list-style:none;
	/*overflow:hidden;*/	
}
#header ul li.relativo {
	position:relative;	
}
#header ul li.relativo ul {
	width:100%;
}
#header ul li ul {
	position:absolute;
	background:#3c474f;
	right:0;
	min-width:108px;
	opacity:0;
	visibility:hidden;
	transition: all 0.1s;
}
/*#header ul li:hover ul {
	opacity:1;
	visibility:visible;
}*/
#header ul li ul.visible {
	opacity:1;
	visibility:visible;
}
#header ul li ul li {
	float:none;
	text-align:center;
	border-top:1px solid #37424a;
	border-bottom:1px solid #4b5963;
}
#header ul li ul li a {
	padding:0 20px;
	color:#b7c1c9 !important;	
}
#header ul li ul li a:hover {
	background:#222a30;
}
#header li {
	float:right;
}
#header li a {
	display:block;
	padding:10px 20px;
	text-decoration:none;
	color:#3c474f;
	transition: all 0.2s ease 0s;
	line-height:40px;
	border-left:1px solid #ccc;
}
#header li ul li a {
	border-left:none;
}
#header li:hover a {
	color:#06a7e2;
}
#header li span {
	display:inline-block;
	padding:10px 20px;
	text-decoration:none;
	background:#3c474f;
	color:#fff;
}
#header ul.submenu {
	display:none;
	position:absolute;
	z-index:1000;
}
#header li:hover ul.submenu {
	display:block;	
}
#header ul.submenu li {
	float:none;
	background:#222;
	color:#999;
	border-bottom:1px solid #2c2c2c;
	min-width:150px;
}
#header ul.submenu li a {
	display:block;
}
#header ul.submenu li:hover a {
	background:#000;
	color:#e3682d;
}
#header ul.submenu li a:hover {
	background:#3c474f;
}
#header ul.submenu li span.active {
	display:block;
	background:#3c474f;
	color:#fff;
}

ul.flex-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
ul.flex-list li {
	padding: 10px;
}

/* SIDEBAR */
#sidebar ul {
	list-style:none;
}
#container:not(.short) #sidebar ul {
	overflow: auto;
	height: 100%;
}
#sidebar li {
	border-bottom:1px solid #2d3336;
}
#sidebar ul.submenu li {
	border-bottom:none;
}
#sidebar li a {
	display:block;
	padding:15px 20px;
	text-decoration:none;
	color:#b7c1c9;
	border-left:5px solid #37424a;
	transition: all 0.2s ease 0s;
	white-space:nowrap;
}
#sidebar li span {
	white-space:nowrap;
}
#sidebar li i.fa_desp {
	position:absolute;
    right:20px;
    top:20px;
    transition: all 0.2s ease 0s;
    opacity:1;
}
#container.short #sidebar li i.fa_desp {
    opacity:0;
}
#sidebar li:hover a, #sidebar li.desplegado a, #sidebar li.activado a {
	border-left:5px solid #06a7e2;	
	background:#2f373d;
	color:#fff;
}
#sidebar li:hover a i, #sidebar li.desplegado a i, #sidebar li.activado a i {
	color:#06a7e2;
}
#sidebar li span.active {
	border-left:5px solid #06a7e2;	
	display:block;
	padding:15px 20px;
	text-decoration:none;
	background:#2f373d;
	color:#fff;
}
#sidebar li span.active i {
	color:#06a7e2;	
}
#sidebar ul.submenu {
	display:none;	
}
#container.short #sidebar li {
	position:relative;
}
#container.short ul.submenu {
	display:block !important;
	position:absolute;
	top:0;
	left:62px;
	visibility:hidden;
	opacity:0;
	transition: all 0.2s ease 0s;
}
#container.short #sidebar ul.submenu li a {
	border-left:none;
	height:52px;
}
#container.short #sidebar ul.submenu li span.active {
	border-left:none;
	height:52px;
	padding:15px 0 0 35px;
}
#container.short #sidebar ul.submenu li span.submenu, #container.short #sidebar ul.submenu li span.active {
	padding-left:20px;
	padding-right:30px;
}
#container.short li:hover ul.submenu {
	visibility:visible;
	opacity:1;
}
#sidebar ul.submenu li {
	float:none;
	color:#999;
	min-width:150px;
}
#sidebar ul.submenu li a {
	padding:0;
}
#sidebar ul.submenu li a span.submenu {
	display:block;
	border-top:1px solid #37424a;
	padding:10px 10px 10px 35px;
}
#container.short ul.submenu li a span.submenu {
	padding-top:15px;
	padding-left:20px;
}
#sidebar ul.submenu li span.active {
	color:#e3682d;
	display:block;
	border-top:1px solid #37424a;
	padding:10px 10px 10px 35px;
}
span.submenu span {
	color:#06a7e2;	
}
#sidebar ul.submenu li a:hover {
	background:#222a30;
}
#sidebar ul.submenu li span.active {
	display:block;
	background:#222a30;
	color:#06a7e2;
}


#confirmBox.large {
	max-width: 100%;
}

.capa_customs {
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	position: absolute;
	bottom: 0;
	background: #fff;
	padding: 10px;
	margin: 0 10px;
	width: 99%;
	max-height: 250px;
	overflow: auto;
	display: none;
}
.capa_customs div {
	cursor: pointer;
	padding: 5px;
}
.capa_customs div:hover {
	background: #efefef;
}
.capa_customs div.active {
	background: #f3ffd8;
}

/* MAIN */
div.desplegable {
	position: absolute;
	margin-top: 44px;
	width: 100%;
	z-index: 10;
}
div.desplegable.hidden {
	display: none;
}
div.desplegable ul {
	list-style: none;
	width: 100%;
	background: #fff;
	padding: 5px 0;
	border: 1px solid #ccc;
}
div.desplegable ul li {
	cursor: pointer;
	padding: 3px 10px;
}
div.desplegable ul li:hover {
	background: #eee;
}
a.select {
	float: right;
	background: #fff;
	color: #adadad !important;
	font-size: 20px;
	line-height: 20px;
	border: 1px solid #ccc;
	display: block;
	text-align: right;
	width: 50px;
	padding: 9px 10px 8px 0;
	border-left: none;
	margin-top: 5px;
	font-weight: bold;
}
input.select {
	float: left;
	width: calc(100% - 50px);
	border-right: none;
}
.icono-pagina {
	float:left;
	width:40px;
	height:40px;
	background:#f4f4f4;
	color:#c2c2c2;
	font-size:30px;
	line-height:30px;
	padding:3px;
	text-align:center;
	border:1px solid #c2c2c2;
	border-right:none;
	cursor:pointer;
}
.icono-pagina svg {
	width: 30px;
	height: 30px;
}
.icono-pagina.selected {
	color:#222;
	fill:#222;
}
.translate {
	float:right;
	width:40px;
	height:40px;
	background:#f4f4f4;
	color:#c2c2c2;
	font-size:30px;
	line-height:30px;
	padding:3px;
	text-align:center;
	border:1px solid #c2c2c2;
	border-left:none;
	cursor:pointer;
}
.translate:hover {
	color:#222;
}
.capa-iconos {
	position:absolute;
	width:100%;
	padding:10px;
	background:#f4f4f4;
	border:1px solid #c2c2c2;
	border-top:none;
	margin:39px 0 0 0;
	z-index:100;
	display:none;	
}
.capa-iconos ul {
	overflow:hidden;
	width:100%;
	list-style:none;
}
.capa-iconos ul li {
	float:left;
	height:40px;
	text-align:center;
	padding:5px;
}
.capa-iconos ul li svg {
	width: 35px;
	height: 35px;
}
.capa-iconos ul li a {
	display:block;
	font-size:30px;
	line-height:30px;
	text-align:center;
	color:#222 !important;
}
.capa-iconos ul li a:hover {
	color:#e3682d !important;
}
#main {
	padding:0 30px 50px 30px;
	margin:0 auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	/*overflow:hidden;*/
	min-height:500px;
}
#main h1, #main h2 {
	font:20px 'Oswald', sans-serif;
	line-height:20px;
	margin-bottom:10px;
	overflow:hidden;
	line-height:50px;
	text-transform:uppercase;
}
#main h1 {
	padding-top:20px;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}
#main h1.notoverflow {
	overflow: visible;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	float: left;
	width: 100%;
}
#main h1 .left i {
	color:#06a7e2;	
}
#main h1.fixed .right {
	position:fixed;
	text-align:right;
	top:0;
	left:0;
	width:100%;
	background:#f4f4f4;
	z-index:1000;
	border-bottom:1px solid #c2c2c2;
	padding-right:20px;
}
#main h2 {
	overflow: hidden;
}
#main h2.titular {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	background: #3c474f;
	padding: 15px;
}
span.left {float:left;}
span.right {float:right;}
#main p {
	padding:0 0 10px 0;	
}
#main a {
	color:#009acd;
	text-decoration:none;	
}
#main a:hover {
	color:#222;	
}


/* WIDGETS */
.dashboard {
	padding-top:40px;
	padding-bottom: 10px;
}
.widgets {
	overflow:hidden;
	margin: 0 -10px;
}
.widgets .widget {
	float: left;
	padding: 10px;
	width: 25%;
}
.widgets .caja_widget {
	overflow:hidden;
	box-shadow: 0px 0px 10px 0px rgba(150, 150, 150, .1);
}
.widgets .caja_widget .widget_head {
	float:left;
	color: #fff;
	padding: 15px 0 0 0;
	font-size: 25px;
	line-height: 25px;
	width: 60px;
	height: 60px;
	text-align: center;
}
.widgets .caja_widget.widget_ventas .widget_head {
	background: #06a7e2;
}
.widgets .caja_widget.widget_pedidos .widget_head {
	background: #d20b5b;
}
.widgets .caja_widget.widget_clientes .widget_head {
	background: #7ab900;
}
.widgets .caja_widget.widget_productos .widget_head {
	background: #f15500;
}
.widgets .caja_widget .widget_content {
	background: #fff;
	padding: 7px 20px 0 20px;
	margin-left: 60px;
	height: 60px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}
.widgets .caja_widget.widget_ventas .widget_content {
	color: #06a7e2;
}
.widgets .caja_widget.widget_pedidos .widget_content {
	color: #d20b5b;
}
.widgets .caja_widget.widget_clientes .widget_content {
	color: #7ab900;
}
.widgets .caja_widget.widget_productos .widget_content {
	color: #f15500;
}
.widgets .caja_widget .widget_content span {
	display: block;
	font-size: 28px;
	line-height: 28px;
	padding-top: 3px;
	color: #444;
	font-weight: bold;
}

#horarios {
	padding: 5px;
}
.hora {
	display: block;
	clear: both;
}
.btn-custom-input {
	display: block;
	float: left;
	padding: 5px;
	cursor: pointer;
}
.btn-custom-input input {
	position: absolute;
	visibility: hidden;
}
.lbl-custom-input {
	border: 1px solid #c2c2c2;
	padding: 12px 20px;
	background: #fff;
	font: 16px 'Open Sans', sans-serif;
	color: #222;
}
.disabled .lbl-custom-input {
	cursor: default;
	background: #eee;
	color: #c2c2c2;
}
.btn-custom-input input:checked ~ .lbl-custom-input {
	background-color: #06a7e2;
	color: #fff;
}

/* CALENDARIO */
.inputs.datepicker,
.inputs.timepicker,
.inputs.reservadatepicker {
	cursor: pointer;
}
.jumpdatepicker_container input.jumpdatepicker {
	width: 20px;
	height: 20px;
	border: none;
	background: none;
	cursor: pointer;
	background-image: url(../images/calendar.png);
	background-position: top center;
	background-repeat: no-repeat;
	vertical-align: 4px;
	margin-left: 3px;
}
.calendar-top .bootstrap-datetimepicker-widget {
	top: auto !important;
	bottom: 35px !important;
}
.calendar-top .bootstrap-datetimepicker-widget:before {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-top: 7px solid #cccccc !important;
  border-bottom: none !important;
  border-top-color: rgba(0, 0, 0, 0.2) !important;
  top: auto !important;
  bottom: -7px !important;
  left: 6px !important;
}
.calendar-top .bootstrap-datetimepicker-widget:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid white !important;
  border-bottom: none !important;
  top: auto !important;
  bottom: -6px !important;
  left: 7px !important;
}
table.calendario {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	margin: 10px 0;
	background: #e9e9e9;
}
table.calendario caption {
	background: #3c474f;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
}
table.calendario th {
	padding: 10px 5px;
	color: #06a7e2;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
table.calendario .weekend {
	background: #dedfdf;
}
table.calendario td {
	padding: 5px;
	cursor: pointer;
}
table.calendario td:hover {
	background: #dedfdf;
}
table.calendario td.tmp {
	background-color: #6acbef;
	-webkit-animation: BLINKING .2s infinite;
	-moz-animation: BLINKING .2s infinite;
	-o-animation: BLINKING .2s infinite;
	animation: BLINKING .2s infinite;
}
@-webkit-keyframes BLINKING {
  0%, 49% {
    background-color: #e9e9e9;
  }
  50%, 100% {
    background-color: #6acbef;
  }
}
table.calendario td.disabled {
	color: #ccc;
	cursor: default;
}
table.calendario td.disabled:hover {
	background: #e9e9e9;
}
table.calendario td.disabled.weekend:hover {
	background: #dedfdf;
}
table.calendario td.hoy {
	color: #06a7e2;
}
table.calendario td.ocupado {
	color: #fff;
	background: #d00002;
}
table.calendario td.semana {
	color: #aaa;
	font-size: 12px;
	border-right: 1px solid #ddd;
}
table.calendario td.semana:hover {
	background: #e9e9e9;
}
table.calendario td.select {
	background-color: #6acbef !important;
}


.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  height: 42px;
  line-height: 1.65;
  float: left;
  text-align: right;
  display: block;
  padding: 0;
  margin: 0;
  padding-right: 30px;
  border: 1px solid #ccc;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ccc;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}



/* TABLES */
.table-container {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}
/* FORZAR MOSTRAR SCROLL EN IOS */
.table-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.table-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
.table-container td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 400px;
}
.anotaciones td {
	white-space: initial;
	text-overflow: initial;
	vertical-align: top;
}
.table-container td.nooverflow {
	overflow: visible;
}
.table-container td.move {
	max-width: 35px;
}
.table-container td.actions {
	text-overflow: clip;
	overflow: visible;
}
.table-container td.actions.actions_flex {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.table-container td.actions.actions_flex .button {
	margin-left: 5px;
	width: 54px;
	height: 37px;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
table.tabla {
	border-collapse:collapse;
	width:100%;
	min-width:900px;
}
table.tabla.normal {
	min-width: 0;
}
table.tabla > thead {
	font-weight:700;	
}
table.tabla > thead > tr {
	background:#3c474f;
	color:#fff;
}
table.tabla > thead > tr > td,
table.tabla > thead > tr > th {
	padding:15px 20px;	
}
table.tabla.tabla-small > thead > tr > td,
table.tabla.tabla-small > thead > tr > th {
	padding:15px 10px;	
}
table.tabla > tbody > tr > td {
	border-bottom:1px solid #ccc;
	padding:10px 20px;	
}
table.tabla.tabla-small > tbody > tr > td {
	padding:10px 5px;	
}
table.tabla > tbody > tr.noborder > td {
	border-bottom: 0;
}
table.tabla.noborder > tbody > tr > td {
	border-bottom: none;
}
table.tabla.noborder-last > tbody > tr:last-child > td {
	border-bottom: none;
}
table.tabla_estrecha > thead > tr > td {
	padding:10px;	
}
table.tabla_estrecha > tbody > tr > td {
	border-bottom:1px solid #ccc;
	padding:10px;	
}
table.tabla > tbody > tr > td.move,
table.tabla > thead > tr > td.move,
table.tabla > thead > tr > th.move {
	width: 10px;
	padding: 0 0 0 20px;
}
table.table-sort > thead > tr > th {
	cursor: pointer;
	position: relative;
	text-align: left;
	padding-right: 30px;
}
table.table-sort > thead > tr > th.right {
	text-align: right;
}
table.table-sort > thead > tr > th.center {
	text-align: center;
}
table.table-sort > thead > tr > th:after {
	position: absolute;
	font-family: 'FontAwesome';
	content: '\f0d8';
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -5px;
	color: #637480;
}
table.table-sort > thead > tr > th:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: '\f0d7';
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 5px;
	color: #637480;
}
table.table-sort > thead > tr > th.selected:after {
	color: #fff;
}
table.table-sort > thead > tr > th.selected:before {
	color: #fff;
}
table.table-sort > thead > tr > th.asc:after {
	content: '\f0d8';
}
table.table-sort > thead > tr > th.asc:before {
	color: #637480;
}
table.table-sort > thead > tr > th.desc:after {
	color: #637480;
}
table.table-sort > thead > tr > th.desc:before {
	content: '\f0d7';
}
.sortable.valores li,
.sortable.campos_formulario li,
.nuevo_valor,
.new_value {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
}
span.move {
	color: #999;
	font-size: 18px;
	cursor: move;
}
table.tabla_horarios label {
	display:none;	
}
table.tabla_horarios > thead > tr > td,
table.tabla_horarios > thead > tr > th {
	padding:15px 10px;	
}
table.tabla_horarios > tbody > tr > td {
	border-bottom:1px solid #ccc;
	padding:10px;	
}
table.tabla > tbody > tr.visible:nth-child(odd) {background: #e9e9e9;}
table.tabla > tbody > tr.odd, tr.nivel_0 td {background: #e9e9e9;}
tr.nivel_1 td {background: #efefef;}
table.tabla > tbody > tr.even {background: none;}
table.tabla td.left {text-align:left;}
table.tabla td.center {text-align:center;}
table.tabla td.right {text-align:right;}
table.tabla td.td_total {
	border-top:1px solid #ddd;
}
table.tabla tbody tr.noodd:nth-child(odd) td {
	background: #e9e9e9;
}
table.tabla td.td_total_8, table.tabla td.td_total_10 {
	font-weight:bold;
	text-transform:uppercase;	
}
table.tabla > tbody > tr:hover > td {
	background-color:#eee;
}
table.tabla > tbody > tr.nohover > td {
	border-top: 2px solid #ccc;
	border-bottom-color: #ddd;
}
table.tabla > tbody > tr.nohover:hover > td {
	background: none;
}

tr.is_challenge td {
	color: #cd0000;
}
td.warning, tr.warning td {
	background-color:#ffe8e8 !important;		
}
td.warning, tr.success td {
	background-color:#d2f6b0 !important;
}
tr.warning-texto td {
	color: #f00;
}
tr.warning.fuerte td {
	background-color: #c10000 !important;
	color: #fff;
}
tr.alert td {
	background-color:#fff3e8 !important;		
}
table td.verde {
	background-image:url(../images/1.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
table td.rojo {
	background-image:url(../images/2.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
table td.gris {
	background-image:url(../images/3.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
table tr.plegado {
	display: none;
}
table tr.nresize {
	cursor: pointer;
}
table tr.sresize {
	cursor: pointer;
}
table tr.nresize td:nth-child(2):after {
	font-family: 'FontAwesome';
	content: '\f0d8';
}
table tr.sresize td:nth-child(2):after {
	font-family: 'FontAwesome';
	content: '\f0d7';
}
table.tabla tbody tr td:nth-child(2) {
	background-image: url('../images/punto.gif');
	background-repeat: no-repeat;
	background-position:-10px 0;
}
table.tabla td.busqueda {
	padding-left: 20px !important;
	background-position: -10px 0 !important;
}
table.tabla td.busqueda span.miga {
	display: inline-block;
}
table tr.oculto,
.image-list-element.oculto {
	display: none;
}
table tr.visible {
	display: table-row;
}
table tr.visible td:after {
	display: none;
	cursor: default;
}
tr.sub > td {
	position: relative;
	background:#eee;
	border-bottom: 1px solid #ccc !important;
}
tr.sub > td:before {
	position: absolute;
	top: -1px;
	left: 23px;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #ddd;
	z-index: 10;
}
tr.sub > td:after {
	position: absolute;
	top: -1px;
	left: 25px;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #f4f4f4;
	z-index: 11;
}
tr.sub table {
	width: 100%;
}
tr.sub table td {
	padding: 5px;
}
tr.sub table thead td {
	background: #ddd;
	font-weight: bold;
}
tr.sub table tbody td {
	border-top: 1px solid #ccc;
}
.image-list-element.visible {
	display: block;
}
.marcado .image-element {
	opacity: 0.5;
}

/* iSquad */
.table-container .table {
    width: 100%;
}
.table-container .table a {
	color: #222 !important;
}
.table-container .table img {
    /*display: none;*/
    width: 50px;
    height: auto;
}
.capaescudo.celdacalendario img {
    display: none;	
}
.etiquetajornadacalendario td {
	background: #3c474f;
	color: #fff;
	padding: 15px 20px;
}
.tablacompeticiones thead th {
	background: #3c474f;
	color: #fff;
	padding: 10px 20px;
}
td.celdacalendario,
.tablacompeticiones tbody td {
	padding: 10px 20px;
	border-top: 1px solid #ccc;	
}
td.oculto,
.filafina {
	display: none;
}
td.celdaazul {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
td.dato {
	text-align: center;
}

/*table.tabla tr.estado_1 td {
	background-color:#f7ffe0;
}*/
/*table.tabla tr.estado_9 td {
	background-color:#fff2e0;
}
table.tabla tr.estado_8 td, table.tabla tr.estado_10 td {
	background-color:#ffe0e2;
}*/
ul.horarios {
	list-style: none;
}
ul.horarios li {
	display: inline-block;
	padding: 5px 0;
}
ul.horarios li a {
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 15px;
	color: #222 !important;
	padding: 2px 10px;
	text-decoration: none;
}
ul.horarios li a:after {
	font-family: 'FontAwesome';
	content: '\f00d';
	padding-left: 10px;
	color: #cc0000;
}
table.tabla tr.estado_5 td {
	background-color: #ffc7cc;
}
table.tabla tr.estado_5:hover td {
	background-color: #f5cdd0;
}
.hora_horario,
.bloquear_hora {
	position: relative;
	border:1px solid #ccc;
	background:#f0f0f0;
	padding:15px 20px;
	margin-bottom:20px;
	text-align: left;
	font-weight: 600;
}
.hora_horario {
	display: flex;
}
.hora_horario > span {
	margin-left: auto;
}
.hora_horario a,
.bloquear_hora a {
	position: absolute;
	right: 15px;
	top: 50%;
	color: #cc0000;
	transform: translateY(-50%);
}
.bloquear_hora {
	padding: 0;
	text-align: center;
}
.bloquear_hora a.bloqueada {
	opacity: 0.2;
}
#main .bloquear_hora a {
	position: static;
	color: #333;
	display: block;
	transform: none;
	padding:20px;
	font-size: 18px;
}

.hora_horario a i {
	font-size: 18px;
	color: #cc0000;
}
.hora_horario a:hover i {
	color:#860000;	
}

.cargando_full {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.8);
	z-index:999999;
}
.cargando_full img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loader */
.cargando {
	display: none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:rgba(255, 255, 255, 0.2);*/
	z-index:999999;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 15px solid #06a7e2;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #06a7e2 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

span.estado {
	display:block;
	width:20px;
	height:20px;
	border-radius:50%;
	margin:0 auto;
}
span.estado i {
	color:#fff;
	font-size:12px;
	line-height:12px;
	padding-left:2px;
	padding-top:3px;
	display:none;
}
span.estado i.fa-truck,
span.estado i.fa-minus,
span.estado i.fa-reply {
	padding-left: 0;
	padding-top: 4px;
}
span.estado.estado_1, span.estado.estado_2, span.estado.estado_12, span.estado.estado_13, span.estado.estado_15 {
	background-color:#85b600;	
}
span.estado.estado_9,
span.estado.estado_30,
span.estado.estado_14 {
	background-color:#ffa800;	
}
span.estado.estado_8, span.estado.estado_10 {
	background-color:#e3000f;	
}
span.estado.estado_3, span.estado.estado_4 {
	background-color:#e3000f;	
}
span.estado.estado_100 {
	background-color:#85b600;	
}
span.estado.estado_100 i.fa-university {
	display:block;
}
span.estado.estado_2 i.fa-truck {
	display:block;
}
span.estado.estado_3 i.fa-minus {
	display:block;
}
span.estado.estado_4 i.fa-reply {
	display:block;
}
span.estado.estado_12 i.fa-money {
	padding-left: 0;
	display:block;
}
span.estado.estado_13 i.fa-thumbs-up {
	display:block;
}


/* PAGINATION */
.paginacion {
	overflow: hidden;
	padding-top: 10px;
}
.paginacion .left {
	float: left;
	line-height: 30px;
}
.paginacion .right {
	float: right;
}
.paginacion a {
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	width: 35px;
	height: 30px;
	line-height: 30px;
	color: #222 !important;
	background: #e9e9e9;
}
.paginacion span {
	display: inline-block;
	background: #3c474f;
	color: #fff;
	text-align: center;
	width: 35px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #3c474f;
}
.paginacion span.more {
	background: none;
	border: none;
	color: #222;
}

/* INPUTS */
.info-icon,
.info-alert-link {
	display:block;
	width:17px;
	height:17px;
	line-height:17px;
	color:#fff !important;
	background:#06a7e2;
	border-radius:50%;
	text-align:center;
	float:right;
}
.caja_form_info {
	border:1px solid #c2c2c2;
	background:#f9f9f9;
	padding:10px;
	margin-bottom:20px;
}
.info-alert {
	display: none;
	background: #fff;
	right: 18px;
	bottom: 0;
	margin-bottom: 90px;
	position: absolute;
	padding: 10px;
	text-align: center;
	transform: translateX(50%);
	border: 1px solid #ccc;
	z-index: 10;
	width: 250px;
}
.info-alert.visible {
	display:block;	
}
.info-alert:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 250, 250, 0);
	border-top-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
.info-alert:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 13px;
	margin-left: -13px;
}
.flotante {
	display:none;
	position:absolute;
	z-index:100;
	right: -25px;
	margin-top: -165px;
	padding:20px;
	width: 320px;
}
.flotante.visible {
	display:block;	
}
.flotante:after, .flotante:before {
	top: 100%;
	left: 275px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.flotante:after {
	border-color: rgba(249, 249, 249, 0);
	border-top-color: #f9f9f9;
	border-width: 12px;
	margin-left: -12px;
}
.flotante:before {
	border-color: rgba(194, 194, 194, 0);
	border-top-color: #c2c2c2;
	border-width: 13px;
	margin-left: -13px;
}
.profile_image {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.profile_image img {
	width: 100%;
	height: auto;
}
.image_preview {
	display: block;
	width: 100%;
}
#profile-image-click {
	position:relative;
	display:block;
	margin:0 auto 20px auto;
	max-width:100%;
	height:auto;
	width:170px;
	height:170px;
	background-color: #ddd;
	background-image:url(../images/perfil.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
}
#profile-image-click.logo_marca {
	width: 215px;
	height: 115px;
	background-color: #fff;
	background-size: contain;
}
#profile-image-click.socio {
	width: 200px;
	height: 116px;
	background-image: url(../images/rgpd-scan.jpg);
}
#profile-image-click .capa_acciones {
	position:absolute;
	left:0;
	bottom:-40px;
	width:100%;
	height:40px;
	background:rgba(0, 0, 0, 0.4);
	transition: all 0.2s;
	padding:0;
	overflow:hidden;
}
.image_preview .capa_acciones {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	background: #fff;
	border: 1px solid #ccc;
	transition: opacity 0.2s;
	padding: 5px;
	overflow: hidden;
	opacity: 0;
}
#profile-image-click:hover .capa_acciones {
	bottom:0;
}
.image_preview:hover .capa_acciones {
	opacity: 1;
}
#profile-image-click .capa_acciones span {
	color:#fff;
	line-height:40px;
}
.image_preview .capa_acciones span {
	color: #ccc;
}
#profile-image-click .capa_acciones a {
	color:#fff !important;
	text-decoration:none;
	font-size:23px;
	line-height:40px;
	float:right;
	margin-right:8px;
}
.image_preview .capa_acciones a {
	color:#cc0000 !important;
	text-decoration:none;
	font-size:23px;
	margin: 0 4px;
}
#profile-image-click .capa_acciones a:hover {
	color:#ccc !important;
}
.image_preview .capa_acciones a:hover {
	color:#860000 !important;
}
.inputs {
	display:block;
	border:1px solid #c2c2c2;
	padding:8px 10px;
	outline:none;
	font:16px 'Open Sans', sans-serif;
	color:#222;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	height:40px;
	margin:5px 0 10px 0;
	-webkit-appearance: none;
	border-radius: 0;
}
.input-file {
	display:block;
	padding:0;
	outline:none;
	font:14px 'Open Sans', sans-serif;
	color:#222;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height:40px;
	-webkit-appearance: none;
	border-radius: 0;
	margin:0 auto 20px auto;
	max-width:100%;
}
.input_partido {
	width:47%;
	display:inline-block;	
}

.form-input {
	position:relative;	
}
.form-input input {
	padding-right:2rem;	
}
.form-input .input-icon {
	bottom: 0;
    line-height: 2.5rem;
    position: absolute;
    right: 10px;
    top: 0;
	color:#737c81;
}

.search {
    position: relative;
	padding-right:20px;
}
.search:after {
    font-family: 'FontAwesome';
	color:#3c474f;
    position: absolute;
	top:17px;
    left: 10px;
	font-size:20px;
    content: "\f002";
}
#search,
.search_fotos {
	margin:10px 0;
	padding-left:35px;
}
.fileinput {
	display:block;
	outline:none;
	font:16px 'Open Sans', sans-serif;
	color:#222;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	margin:5px 0;
}
a.library_images {
	color: #fff !important;
	font: 14px 'Open Sans', sans-serif;
}
.inputs.renombrar_archivo {
	margin:2px;	
}
.inputs.file_name {
	margin-bottom:0;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}
textarea.inputs {
	resize:vertical;
	overflow:auto;
	height:150px;
}
textarea.wysiwyg {
	width:100%;
	min-height:250px;
	margin:5px 0 10px 0;
	
	color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 19px;
}
select.inputs {
	padding:8px 32px 8px 10px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius:0;
   background: #fff url('../images/desp-select.png') no-repeat right top;
   cursor:pointer;
}
.inputs:disabled {
	background:#f6f6f6 !important;	
}
input.inputs[readonly], input.inputs[readonly="readonly"] {
	background:#f6f6f6 !important;	
}
.inputs.warning {
	background:#ffe8e8;	
}
.text-right {
	text-align:right;	
}
.text-left {
	text-align:left;	
}
.pull-left {
	float:left;	
}
.pull-right {
	float:right;	
}
.overflow{overflow:hidden;}


/* BUTTONS */
.btn {
	border-radius:0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	
}
.button {
	display:inline-block;
	border:none;
	background:#fff;
	text-align:center;
	color:#222 !important;
	margin:0;
	font:14px 'Oswald', sans-serif;
	text-transform:none;
	text-decoration:none;
	cursor:pointer;
	padding:8px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*border:1px solid #ddd;
	border-radius:5px;*/
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.button:hover {
	background:#ccc;	
}
.button.primary {
	color:#fff !important;
	background-color:#00a8e2;	
}
.button.primary:hover {
	background-color:#008dbd;	
}
.button.edit {
	color:#fff !important;
	background:#008dbd;	
}
.button.edit i {
	/*color:#f36f25;*/
	color:#fff;
}
.button.edit:hover {
	background:#00739a;	
}
.texto_imagen .button i, .borrar_archivo .button i {
	color:#37424a;	
}
.texto_imagen .button.primary i, .borrar_archivo .button.primary i {
	color:#fff;	
}
.button.primary.ocupado {
	background: #d00002;
}
.button.primary.ocupado:hover {
	background: #a50002;
}
.button.primary.reset {
	background: #3c474f;
}
.button.primary.reset:hover {
	background: #28343d;
}
button.button {
	height:38px;
	padding:5px 17px;
}
span.button {
	cursor:default;
	padding:8px 20px;
	color:#666 !important;
	background:#ccc;
}
span.button.loading {
	display:none;	
}
a.button, .button.big {
	padding:8px 20px;
}
a.button i {
	transform: rotate(0);
	transition: transform .2s;
}
a.button.girado i {
	transform: rotate(180deg);
}
.button.large {
	width:100%;	
}
.button span.dropdown {
	display: block;
	float: right;
	margin-right: -20px;
	padding: 8px 10px 0 10px;
	background: #008dbd;
	margin-left: 15px;
	margin-top: -8px;
	margin-bottom: -8px;
	height: 38px;
	border-left: 1px solid #50aecf;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.button div.dropdown {
	display: none;
	position: absolute;
	min-width: 100%;
	right:0;
	padding-top: 8px;
	z-index: 10;
}
.button div.dropdown.normal {
	min-width: 0;
	padding-top: 9px;
	margin-left: -77px;
	right: auto;
	text-align: right;
	z-index: 10;
}
.button:hover div.dropdown {
	display: block;
}
.button div.dropdown ul {
	list-style: none;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
}
.button div.dropdown li {
	background:#fafafa;
	color: #222;
	font: 14px 'Open Sans', sans-serif;
	padding: 7px 10px;
	border-bottom: 1px solid #ddd;
}
a.delete, a.desactivar {color:#cc0000 !important;}
a.delete:hover, a.desactivar:hover {color:#860000 !important;}
a.button.delete, a.button.desactivar, a.button.remove {
	color:#fff !important;
	background:#cc0000 !important;	
}
a.button.delete i, a.button.desactivar i, a.button.remove i {
	color:#fff !important;
}
a.button.delete:hover, a.button.desactivar:hover, a.button.remove:hover {
	background:#860000 !important;	
}
span.primary {
	color:#006da5;
}
.button.disabled {
	color:#a2a2a2 !important;
	background-color:#ededed !important;	
}
.required {
	color:#e80000;
}

.emoji-cat {
	margin: 10px 0;
	padding: 5px;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
  	background: #ddd;
}
.emoji-cat.first {
	margin-top: 0;
}
.emoji-fb,
.emoji-btn {
	font-size: 20px;
	cursor: pointer;
}
.emoji-fb {
	display: inline-block;
	width: 30px;
	text-align: center;
}
.emoji-btn {
	margin: 0;
	width: 42px;
	position: relative;
	z-index: 1;
}
.emoji-btn.active {
	border-bottom: none;
}
.emoji-btn svg {
	display: block;
	width: 20px;
	height: 20px;
}
.emoji-btn svg path {
	fill: #999;
}
.emoji-content {
	display: none;
	margin-top: -2px;
	padding-top: 15px;
}
.emoji-content .scroller {
	overflow: auto;
	height: 300px;
}

/* ALERTAS */
.alerta {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	color:#fff;
	text-align:center;
	padding:20px 0;
	display:none;
	z-index:200;
}
.alerta.warning {
	background:#c10000;	
}
.alerta.success {
	background:#7bc100;	
}
.success-alert {
	background:#6e9700;
	color:#fff;
	text-align:center;
	border-top:1px solid #6e9700;
	border-bottom:1px solid #6e9700;
	padding:10px;
}
input.success {
	border-color:#7bc100;
	background:#f6ffe5;	
}
input.disabled {
	background: #f6f6f6;
}
input.error {
	border: 1px solid #f00;
}
label.error {
	position: absolute;
	top: 37px;
	right: 20px;
}
div.col.obligatorio {
	position: relative;
}


/* TABS */
#tab_combinations label.option-selection {
	background: #dfdfdf;
	padding: 5px 10px;
	border-radius: 0;
	margin: 0 0 10px 0;
	display: inline-block;
}
.tabs,
.pestanas {
	height:41px;
	border-left:2px solid #8b9da6;
}
.fancybox-inner .tabs, .datos_archivo .tabs {
	background:none;
	height:41px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.tabs.big {
	height: 45px;
}
.fancybox-inner .tabs a.tab.active  {
	background:#f9f9f9;
}
.fancybox-type-inline .fancybox-inner {
	overflow:visible !important;
}
.tab_content {
	display:none;
	padding:30px;
	background:#f4f4f4;
	border-left:2px solid #8b9da6;
}
.fancybox-inner .tab_content {
	border:none;
	background:none;
	padding:20px 20px 10px 20px;
	border-left:1px solid #ccc;
}
.top_tab_content {
	overflow:hidden;
	background:#3c474f;
}
.tab_content.tab_short {
	margin-bottom:0;	
}
a.tab {
	color:#d6dde3 !important;
	background: #3c474f;
	padding:0 20px;
	/*display:inline-block;*/
	text-decoration:none;
	display:block;
	float:left;
	line-height:41px;
	transition: all 0.2s ease 0s;
}
.tabs.big a.tab {
	line-height: 45px;
}
a.tab:hover {
	background:#2f373d;
}
a.tab.active {
	transition:none;
	color:#222 !important;
	background:#f4f4f4;
}
.editar a.tab.active {
	background:#f9f9f9;
}

.left {
	float:left;
	padding:0 10px;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

a.top_tabs {
	display:block;
	transition: all 0.2s ease 0s;
	float:left;
	padding:15px 30px;
	text-align:center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color:#d6dde3 !important;	
	background:#3c474f;
	font-size:15px;
	border-top:2px solid #3c474f;
}
a.top_tabs.full {
	width:100%;
}
a.top_tabs.large {
	width:50%;
}
a.top_tabs.small {
	width:25%;
}
a.top_tabs:hover {
	background:#2f373d !important;
}
a.top_tabs.active {
	transition:none;
	background:#e9e9e9 !important;
	color:#222 !important;
	border-bottom:none !important;
	border-top:2px solid #06a7e2;
}
.tab_content_big {
	background:#e9e9e9;
	display:none;
	padding:40px 30px;
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caja {
	background:#e9e9e9;
	padding:0 30px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.caja.normal {
	padding: 20px;
}

.archivos {
	border-top:1px solid #ddd;	
	overflow:hidden;
	list-style:none;
	width:100%;
}
ul.archivos {
	border:none;	
}
.archivo {
	padding:10px;
	border-bottom:1px solid #ccc;
}
.datos_archivo {
	width:100%;
	overflow:hidden;
	background:url(../images/iconos/archivo.gif) no-repeat left;
	padding-left:45px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.datos_archivo .tab_content {
	border:none;
	clear:left;
	overflow:hidden;
	padding:5px 0 10px 10px;
	border-left:1px solid #ccc;
	margin-bottom:5px !important;
}
.datos_archivo .tabs a.tab, .fancybox-inner .tabs a.tab {
	color:#222 !important;
	background:#ccc;
	border:1px solid #ccc;
	border-left:none;
	border-bottom:none;
}
.datos_archivo .tabs a.tab.active  {
	background:#f4f4f4;
}
.file {
	background:url(../images/iconos/archivo.gif) no-repeat left;
	padding-left:45px;
	overflow:hidden;
}
.datos_archivo.pdf, .file.pdf {background-image:url(../images/iconos/pdf.gif);}
.datos_archivo.jpg, .file.jpg {background-image:url(../images/iconos/jpg.gif);}
.datos_archivo.gif, .file.gif {background-image:url(../images/iconos/gif.gif);}
.datos_archivo.png, .file.png {background-image:url(../images/iconos/png.gif);}
.datos_archivo.zip, .file.zip {background-image:url(../images/iconos/zip.gif);}
.datos_archivo.rar, .file.rar {background-image:url(../images/iconos/zip.gif);}
.datos_archivo.xls, .file.xls {background-image:url(../images/iconos/xls.gif);}
.datos_archivo.xlsx, .file.xlsx {background-image:url(../images/iconos/xls.gif);}
.datos_archivo.doc, .file.doc {background-image:url(../images/iconos/doc.gif);}
.datos_archivo.docx, .file.docx {background-image:url(../images/iconos/doc.gif);}
.datos_archivo.ppt, .file.ppt {background-image:url(../images/iconos/pps.gif);}
.datos_archivo.pps, .file.pps {background-image:url(../images/iconos/pps.gif);}
.nombre_archivo {
	float:left;
	width:70%;
}
.borrar_archivo {
	float:right;
	padding-top:12px;
}
ul.archivos li:nth-child(even) {background: #fff}
div.cambiar_nombre {
	display:none;
}
div.cambiar_nombre span {
	float:left;
	padding-right:5px;
}
div.cambiar_nombre span:first-child {
	width:80%;
}
strong.cambiar_nombre {
	cursor:pointer;	
}
.copiar_url {
	border:none;
	background:none;
	cursor:pointer;	
	font: 14px "Open Sans",sans-serif;
	width:100%;
}
a.check_nombre_archivo, a.cancel_nombre_archivo {
	font-size:30px;	
}

a.check {
	color:#86cc00 !important;
	font-weight:bold;
}
a.cancel {
	color:#cc0000 !important;
	font-weight:bold;
}

i.ok {
	color:#86cc00;
	font-size: 20px;
	font-weight: bold;
}
i.error {
	color:#cc0000;
	font-size: 20px;
	font-weight: bold;
}

span.miga {
	display: none;
	color:#aaa;
}


/* IMAGENES */
.imagenes, .image-list, .videos {
	overflow:hidden;
	overflow-y: auto;
	padding-top:10px;
	list-style:none;
}
.image-list {
	height: 100%;
}
.image-list .image-list-element {
	float:left;
	width:10%;
	padding:10px;
}
.image-list img {
	display: block;
}
.image-list a.seleccionar {
	display: block;
	border: 3px solid #ccc;
	text-decoration: none;
	color: #555;
}
.image-list a.seleccionar:hover,
.image-list a.seleccionar.marcado  {
	border: 3px solid #009acd;
}
.image-list .nombre_imagen {
	padding: 5px 10px;
	font-size: 13px;
	color: #555;
	text-decoration: none;
	text-overflow:ellipsis;
	white-space:nowrap; 
	overflow:hidden; 
}
.imagen {
	float:left;
	width:225px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 10px;
	margin-bottom:15px;
}
.imagen .button {
	width:100%;
}
.imagen .button.small {
	/*width:50%;*/
	width:25%;
}
.imagen .button.mid {
	width:33.33%;
	padding:5px 0;
	border-left:1px solid #eee;
}
.imagen .button.little {
	/*width:25%;*/
	width:20%;
	padding:5px 0;
	border-left:1px solid #eee;
}
.datos_imagen {
	text-align:center;
	border:1px solid #ccc;
	padding:5px;
	position:relative;
	width:100%;
	background:#f4f4f4;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow:hidden;
}
li.imagen.warning .datos_imagen {
	/*background: #ffacac;*/
	opacity: .2;
}
li.imagen.active .datos_imagen {
	border-color: #009acd;
}
li.imagen.active .foto_imagen {
	background: #fff;
}
li.imagen.active .foto_imagen_content img {
	opacity: 0.5 !important;
}
.foto_imagen_content img:hover {
	cursor: move;
}
.datos_imagen .button {
	border-radius:0;
	border:none !important;
	/*margin-top:5px;*/
}
.datos_imagen .button.lightbox,
.datos_imagen .button.rotar_imagen,
.button.rotate_all {
	background:#009acd;
}
.datos_imagen .button.lightbox:hover,
.datos_imagen .button.rotar_imagen:hover,
.button.rotate_all:hover {
	background:#008dbd;
}

.foto_imagen {
	background-color:#000;
	min-height:126px;
}

.foto_imagen {
    position: relative;
    width: 100%;
}

.dummy {
    padding-top: 75%;
}

.foto_imagen_content {
	overflow:hidden;
	
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

a.reenviar i {
	display: inline-block;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

i.success {
	font-size: 23px;
	color: #78d500;
}
i.warning {
	font-size: 23px;
	color: #e90016;
}

.foto_imagen_content:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.foto_imagen img {
	display:block;
	
	vertical-align: middle;
    display: inline-block;
	
	max-width:100%;
	height:auto;
	/*margin:0 auto;*/
}
a.ampliar {
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
	transition: opacity 0.2s;
	color: #fff;
}
a.ampliar i {
	color: #fff;
	position: absolute;
	top: 60%;
	left: 50%;
	font-size: 30px;
	margin-top: -15px;
	margin-left: -15px;
	transition: top 0.2s;
}
.cargando_imagen {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 20;
}
.cargando_imagen img {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	margin-top: -15px;
	margin-left: -15px;
}
a.ampliar:hover {
	color: #fff;
	opacity: 1;
}
a.ampliar:hover i {
	top: 50%;
}
.texto_imagen {
	overflow:hidden;	
}
.meta {
	margin: 10px 0 0 0 0;
	background: #dedfdf;
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: right;
	position: relative;
}
.meta:before {
	position: absolute;
	top: -1px;
	left: 50%;
	margin-left: -5px;
	content: '';
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e9e9e9;
}
ul.imagenes {
	background: #dedfdf;
}

.datos_imagen {
	padding:5px;	
}
.datos_imagen .texto_imagen {
	padding-top:5px;
}
.datos_imagen:hover .texto_imagen {
	bottom:0;
}
.recuadro_fotos {
	/*width:99%;*/
	/*background:#efefef;*/
	border:3px dashed #ddd;
	padding:30px;
	color:#aaa;
	margin-bottom:10px;
	text-align:center;
}
.recuadro_fotos:hover {
	border-color:#ccc;
}
.recuadro_fotos.hover {
	background:#eee;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-top:5px;
	margin-bottom:0;	
}

.tachado {
	text-decoration:line-through;
}
.oferta {
	color:#0076e4;	
}

.editar {
	display:none;
}

.content_left {
	float:left;	
}
.content_right {
	margin-left: 220px;
}


.fancybox-prev {
    left: -70px !important;
}
.fancybox-next {
    right: -70px !important;
}
.fancybox-nav {
	width:10% !important;	
}

.botones_widget {
	display: none;
}

.img_gallery {
	overflow:auto !important;
	display:none;
	padding:0 5px 0 0 !important;
	height:439px !important;
}
.img_container {
	float:left !important;
	width:25% !important;
	padding:5px !important;
	box-sizing:border-box !important;
}
.img_container a {
	display:block;
	cursor:pointer;	
}
.img_container a img {
	display:block;
	border:3px solid #ccc;
}
.img_container a:hover img, .img_container a.marcado img {
	border:3px solid #009acd;
}

#nueva_temporada {
	display:none;
	text-align:center;	
}
.show_lightbox {
	display:none;
}

#header {
	position:relative;
	z-index:100;
}
#sidebar {
	position:absolute;
	top:0;
	left:0;
	background:#3c474f;
	width:230px;
	height:100%;
	padding-top:60px;
	z-index:99;
	transition: all 0.2s ease 0s;
	color:#fff;
	font:14px 'Oswald', sans-serif;
	text-transform:uppercase;
}
#container.short #sidebar {
	width:63px;	
}
#container #sidebar span.text {
	opacity:1;
	transition: all 0.2s ease 0s;
}
#container.short #sidebar span.text {
	opacity:0;
}
#sidebar ul li a, #sidebar ul li span {
	height:52px;
	overflow:hidden;
}
#sidebar ul li ul li a, #sidebar ul li ul li span {
	height:42px;
	overflow:hidden;
}
#main {
	transition: all 0.2s ease 0s;	
}
#sidebar + #main {
	margin-left:230px;
}
#container.short #sidebar + #main {
	margin-left:63px;	
}
#container {
	min-height: 100%;
    position: relative;
    width: 100%;

    /*overflow: hidden;*/
    float: left;
}
#container.blur {
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);	
}
#container #hide_menu {
	float:left;
	width:63px;
	height:60px;
	text-align:center;
	font-size:14px;
	line-height:60px;
	border-right:1px solid #ddd;
	position:relative;
}
#container #hide_menu a {
	display:block;
	color:#2f373d;
}
#container #hide_menu a:hover {
	color:#06a7e2;
}
#container #logo {
	float:left;
	width:167px;
	height:60px;
	background:#fff;
	position:relative;
	background-image:url(../images/logo_noname.gif);
	background-repeat:no-repeat;
	background-position:top 15px left 20px;
	padding-left:20px;
}
/*#container #logo:after {
	position:absolute;
	content:"\A";
	width: 0;
	height: 0;
	top:100%;
	left:50%;
	border-style: solid;
	border-width: 12px 12px 0 12px;
	border-color: #fff transparent transparent transparent;
	margin-left:-12px;
	transition: all 0.3s ease 0s;
}*/
#container #logo img {
	transition: all 0.3s ease 0s;
	display:block;
	margin:0;
	padding-top:15px;
}
#container.short #logo:after {
	left:20px;
	margin-left:0;
}

#container.notrans #sidebar, #container.notrans #sidebar span.text, #container.notrans #main, #container.notrans #logo:after {
	transition:none;	
}

.listado-campos {
	list-style: none;
	overflow: hidden;
	margin: 0 -5px 15px -5px;
}
.listado-campos li {
	float: left;
	padding: 5px;
}
.listado-campos li a {
	background: #ddd;
	color: #222 !important;
	padding: 8px;
}

/*---ul.listado {
	margin:0;
	padding:0;
	list-style: none;
	display: block;
	width: 100%;
}
ul.listado li {
	display: block;
	width: 100%;
}
ul.listado li div {
	border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    width: 33.33%;
    float: left;
    height: 60px;
    line-height: 45px;
	vertical-align: middle;
}
ul.listado li.desplegar,
ul.listado li.plegar {
	cursor:pointer;
}
ul.listado li.plegar div:first-child:after {
	font-family: 'FontAwesome';
	content: ' \f0d8';
}
ul.listado li.desplegar div:first-child:after {
	font-family: 'FontAwesome';
	content: ' \f0d7';
}
ul.listado > li:nth-child(odd) {
	background:#e9e9e9;
}
ul.listado > li:hover {
	background-color: #eee;
}
ul.listado ul.subpages {
	margin:0;
	padding:0;
	list-style: none;
	width: 100%;
	display: none;
}
ul.listado ul.subpages {
	display: none;
}---*/

.ul_atributos li {
	padding-top: 5px;
}
.ul_atributos li:nth-child(odd) {
	background: #dedfdf;
}

.move_atributos input {
	width: calc(100% - 26px);
}

.imagen_opcion img {
	display: block;
	width: auto;
	height: 50px;
}
.imagen_opcion span {
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
}

ul.lista,
ul.lista_productos,
ul.lista_productos_pedido,
ul.lista_posts,
ul.lista_socio,
ul.lista_eventos,
ul.lista_tags,
ul.lista_cats,
ul.lista_marcas,
ul.lista_entrenador,
ul.lista_filtros {
	list-style:none;
	position:relative;
	width:100%;
	padding-bottom:10px;
	margin-top:-11px;
	text-align: left;
}
ul.lista_absoluta {
	position:absolute;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.20);
	padding-bottom: 0;
	z-index: 10;
}
ul.lista_absoluta li {
	background:#fff;
	color: #222;
}
ul.lista_productos,
ul.lista_productos_pedido,
ul.lista_posts,
ul.lista_eventos,
ul.lista_tags,
ul.lista_filtros,
ul.lista_cats,
ul.lista_marcas,
ul.lista_entrenador {
	position:absolute;
	left: 0;
	padding: 0 30px;	
}
ul.lista_desplegable {
	list-style:none;
	position:relative;
	width:100%;
	margin-top:-11px;
	position:absolute;
	left: 0;
	padding: 0 30px;	
}
ul.lista_productos_pedido {
	z-index: 100;
}
ul.lista li,
ul.lista_productos li,
ul.lista_productos_pedido li,
ul.lista_posts li,
ul.lista_socio li,
ul.lista_eventos li,
ul.lista_tags li,
ul.lista_filtros li,
ul.lista_cats li,
ul.lista_marcas li,
ul.lista_entrenador li {
	cursor:pointer;
	padding:10px;
	border:1px solid #ddd;
}
ul.lista li:nth-child(even) {
	background:#e9e9e9;
}
ul.lista_absoluta li:nth-child(even) {
	background:#eee;
}
ul.lista_productos li,
ul.lista_productos_pedido li,
ul.lista_posts li,
ul.lista_eventos li,
ul.lista_tags li,
ul.lista_filtros li,
ul.lista_cats li,
ul.lista_marcas li,
ul.lista_entrenador li {
	background:#f4f4f4;
}
ul.lista_desplegable li {
	cursor:pointer;
	padding:10px;
	border:1px solid #ddd;
	background:#f4f4f4;
}
ul.lista li:hover,
ul.lista_productos li:hover,
ul.lista_productos_pedido li:hover,
ul.lista_posts li:hover,
ul.lista_eventos li:hover,
ul.lista_tags li:hover,
ul.lista_filtros li:hover,
ul.lista_cats li:hover,
ul.lista_marcas li:hover,
ul.lista_entrenador li:hover {
	background:#ddd;
}
ul.lista_absoluta li:hover {
	background:#ddd;
}
ul.lista_desplegable li:hover {
	background:#ddd;
}

.lista_overflow {
	padding: 0 10px !important;
	z-index: 100 !important;
	overflow-y: auto !important;
	max-height: 336px !important;
	padding-right: 0 !important;
	width: calc(100% - 10px) !important;
}

.list_goleadores {
	overflow:hidden;
	border:1px solid #c2c2c2;	
}
.list_goleadores .goleador {
	float:left;
	width:33.33%;
	padding:10px;
}
.input_goleador {
	float:right;
}
.nombre_goleador {
	text-align:right;
	margin-right:100px;
	padding-top:15px;	
}
.nombre_goleador.doble {
	padding-top:5px;
}

/* TAGS */
.tags,
.cats,
.marcas,
.filters {
	overflow: hidden;
}
.tags .tag,
.cats .cat,
.marcas .marca,
.filters .filter {
	float: left;
	padding: 5px;
}
.tags .tag a,
.cats .cat a,
.marcas .marca a,
.filters .filter a,
.filters .filter span {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 5px 10px 5px 8px;
	background: #eee;
	color: #222 !important;
}
.filters .filter span {
	cursor: pointer;
}
.tags .tag a:hover,
.cats .cat a:hover,
.marcas .marca a:hover,
.filters .filter a:hover,
.filters .filter span:hover {
	background: #ddd;
}
.tags .tag a:before,
.cats .cat a:before,
.marcas .marca a:before,
.filters .filter a:before {
	font-family: 'FontAwesome';
	content: '\f00d';
}

/* WYSIWYG */
.mce-panel {
    background-color: #f6f6f6 !important;
    background-image: none !important;
    border-color:#c2c2c2 !important;
	border-radius:0 !important;
	padding:0 !important;
}
.mce-toolbar-grp .mce-flow-layout-item {
	margin:0 !important;
	border-radius:0 !important;	
}
.mce-btn-group .mce-btn {
	background:none !important;
	margin:0 !important;
	border:0 !important;
	padding:5px !important;
	border-radius:0 !important;
}
.mce-btn-group .mce-btn:hover, .mce-btn.mce-active, .mce-btn.mce-active:hover {
	background:#e6e6e6 !important;	
}
.mce-btn-group:last-child { float: right; }


/* SWITCHER */
.container {
  width: 100%;
  max-width:232px;
}
.container.triple {
	max-width: 348px;
}
td .container.triple,
.switch_listado,
td .container.doble {
	max-width: 50px;
}
td.right .container.triple {
	float: right;
}

.switch {
  position: relative;
  margin:5px 0 0 0;
  height: 40px;
  width: 100%;
  border-radius: 3px;
  background:#f6f6f6;
  border:1px solid #c2c2c2;
}
td .container.doble .switch {
	margin: 10px 0 0 0;
}
.switch.changer {
	max-width: 90px;
}
td .container.triple .switch {
	height: 25px;
}
.switch_listado .switch,
.doble_listado .switch {
	height: 25px;
}
.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 50%;
  line-height: 38px;
  color: rgba(34, 34, 34, 0.6);
  text-align: center;
  cursor: pointer;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.container.triple .switch-label {
	width: 33.33%;
}
td .container.triple .switch-label {
	height: 23px;
	text-overflow:clip;
	white-space: normal;
}
.switch-label span {
	padding:0 10px;
}
.switch-label-on {
  padding-left: 2px;
}
.switch-label-off {
  padding-right: 2px;
}
.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  color: #d6dde3;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch.changer .switch-input:checked + .switch-label {
  color: #fff;
}
.switch-input:checked + .switch-label-off ~ .switch-selection {
  left: 50%;
  background: #da0000;
}
.switch-input.switch-pendiente:checked + .switch-label-off ~ .switch-selection {
  background: #aaa;
}
.switch.changer .switch-input:checked + .switch-label-off ~ .switch-selection {
  background: #00a8e2;
}
.container.triple .switch-input:checked + .switch-label-off ~ .switch-selection {
  left: 66%;
}
.switch-input:checked + .switch-label-mid ~ .switch-selection {
  left: 33.33%;
  background: #e76700;
}
.switch-input.switch-pendiente:checked + .switch-label-mid ~ .switch-selection {
  background: #da0000;
}
.container.doble .switch-input:checked + .switch-label-mid ~ .switch-selection {
  left: 50%;
  background: #e76700;
}
.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  width: 50%;
  height: 36px;
  background:#83a900;
  border-radius: 3px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch.changer .switch-selection {
  background: #00a8e2;
}
td .switch-selection {
	z-index: 2;
	height: 36px;
}
.switch_listado .switch-selection,
.doble_listado .switch-selection {
	height: 21px;
}
.container.triple .switch-selection {
	width: 33.33%;
}
td .container.triple .switch-selection {
	height: 21px;
}
td .container.triple .switch-label-off {
	background: #eee;
}
td .container.triple .switch-label-mid {
	background: #e6e6e6;
}

/* COLUMNS */
.row {overflow:hidden;}
.row.expand {margin:0 -10px;	}
.col {float:left; padding:0 10px;}
.col-10 {width:10%;}
.col-12 {width:12.5%;}
.col-14 {width:14.285%;}
.col-15 {width:15%;}
.col-16 {width:16.66%;}
.col-20 {width:20%;}
.col-25 {width:25%;}
.col-30 {width:30%;}
.col-33 {width:33.33%;}
.col-35 {width:35%;}
.col-40 {width:40%;}
.col-45 {width:45%;}
.col-50 {width:50%;}
.col-60 {width:60%;}
.col-70 {width:70%;}
.col-75 {width:75%;}
.col-80 {width:80%;}
.col-85 {width:85%;}
.col-90 {width:90%;}
.col-100 {width:100%;}
.col-checkbox {
	padding-top: 35px;
}

.desplazable {
	padding-left:30px;
	position:relative;	
}
.desplazable:before {
	position:absolute;
	left:5px;
	top:16px;
	font-family: FontAwesome;
	content:"\f0c9";
	font-size:16px;
	color:#999;
	cursor:move;
}

@media (max-width: 2000px) {
	.image-list .image-list-element {
		width:12.5%;
	}
}

@media (max-width: 1600px) {
	.image-list .image-list-element {
		width:16.66%;
	}
}

@media (max-width: 1250px) {
	span.separa {
		display:none;	
	}
	.input_partido {
		width:100%;
		display:block;	
	}
	table.tabla_horarios {
		min-width:0;
	}
	.col-12 {
    	width: 25%;
    }
}

@media (max-width: 1800px) {
	.imagen {
		width:16.66%;
	}
}

@media (max-width: 1500px) {
	.imagen {
		width:20%;
	}
}

@media (max-width: 1180px) {
	.imagen {
		width:25%;
	}
}

@media (max-width: 991px) {

	.move_atributos .move {
		display: none;
	}
	.move_atributos input {
		width: 100%;
	}

	.widgets .widget {
		width: 50%;
	}

	.image-list .image-list-element {
		width:25%;
	}

	table.tabla_horarios td.right {
		text-align:left !important;	
	}
	table.tabla_horarios label {
		display:block;	
	}
	table.tabla_horarios thead {
		display:none;
	}
	table.tabla_horarios tbody td {
		display:block;
		width:100%;
		border:none !important;
		padding:5px 10px !important;
	}
	table.tabla_horarios tbody td select {
		width:100% !important;
	}
	
	.imagen {
		width:33.33%;
	}
	.foto_imagen {
		min-height:inherit;	
	}
	.col {
        width:50%;    
    }

	.col-mob-10 {width:10%;}
	.col-mob-20 {width:20%;}
	.col-mob-25 {width:25%;}
	.col-mob-30 {width:30%;}
	.col-mob-33 {width:33.33%;}
	.col-mob-35 {width:35%;}
	.col-mob-40 {width:40%;}
	.col-mob-45 {width:45%;}
	.col-mob-50 {width:50%;}
	.col-mob-60 {width:60%;}
	.col-mob-70 {width:70%;}
	.col-mob-70 {width:75%;}
	.col-mob-80 {width:80%;}
	.col-mob-90 {width:90%;}
	.col-mob-100 {width:100%;}

	.col-pad-10 {width:10%;}
	.col-pad-15 {width:15%;}
	.col-pad-20 {width:20%;}
	.col-pad-25 {width:25%;}
	.col-pad-30 {width:30%;}
	.col-pad-33 {width:33.33%;}
	.col-pad-35 {width:35%;}
	.col-pad-40 {width:40%;}
	.col-pad-45 {width:45%;}
	.col-pad-50 {width:50%;}
	.col-pad-60 {width:60%;}
	.col-pad-70 {width:70%;}
	.col-pad-75 {width:75%;}
	.col-pad-80 {width:80%;}
	.col-pad-90 {width:90%;}
	.col-pad-100 {width:100%;}

	.col-checkbox {
		padding-top: 0;
	}

    .col-100 {
        width:100%;    
    }
}

@media (max-width: 640px) {

	.paginacion .left,
	.paginacion .right {
		float: none;
		text-align: center;
	}
	.paginacion .left {
		padding-bottom: 10px;
	}

	.widgets .widget {
		width: 100%;
	}

	.image-list .image-list-element {
		width:33.33%;
	}

	#profile-image-click .capa_acciones {
		bottom:0;	
	}
	.image_preview .capa_acciones {
		opacity: 1;
	}
	.desplazable {
		padding-left:10px;
	}
	.desplazable:before {
		display:none;
		content:"";
	}

	.col {
        width:100%;    
    }

    .mob-hide {
    	display: none;
    }
	
	.col-mob-10 {width:10%;}
	.col-mob-20 {width:20%;}
	.col-mob-25 {width:25%;}
	.col-mob-30 {width:30%;}
	.col-mob-33 {width:33.33%;}
	.col-mob-35 {width:35%;}
	.col-mob-40 {width:40%;}
	.col-mob-45 {width:45%;}
	.col-mob-50 {width:50%;}
	.col-mob-60 {width:60%;}
	.col-mob-70 {width:70%;}
	.col-mob-75 {width:75%;}
	.col-mob-80 {width:80%;}
	.col-mob-90 {width:90%;}
	.col-mob-100 {width:100%;}
	
	#main {
		padding:0 20px 50px 20px;	
	}
	.tab_content_big {
		padding:30px 10px;
	}
	a.top_tabs {
		width:100%;	
	}
	.search {
		position:static;
		width:60px;
		height:60px;
		margin-top:0;
		cursor:pointer;
		border-left:1px solid #ccc;
	}
	.search:after {
		position:relative;
		left:20px;
	}
	.search:hover:after {
		color:#f36f25;
	}
	#search {
		background:#3c474f;
		color:#b7c1c9;
		border:none;
		border-top:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		opacity:0;
		visibility:hidden;
		position:absolute;
		top:60px;
		height:60px;
		padding:10px 20px;
		margin:0;
		left:0;
		width:100%;
		transition: all 0.2s;
	}
	#search.visible {
		visibility:visible;
		opacity:1;
	}
	#container #logo {
		width:60px;	
	}
	#container #logo img {
		opacity:0;
		visibility:hidden;
	}
	#container.notrans #sidebar {
		height:auto;
		transition: all 0.2s ease 0s;	
	}
	#container #sidebar {
		width:0;
		height:auto;
		min-height:100%;
		opacity:0;
		visibility:hidden;
		transition: all 0.2s ease 0s;	
	}
	#container.show #sidebar {
		width:230px;
		height:auto;
		opacity:1;
		visibility:visible;
	}
	#container #sidebar + #main, #container.short #sidebar + #main {
		transition: all 0.2s ease 0s;	
		margin-left:0;	
	}
	/*#container.show #sidebar + #main {
		margin-left:230px;	
	}*/
	.button span {
		display:none;
	}
	.button.primary i {
		color:#fff;
	}
	.imagen {
		width:50%;
	}
}

@media (max-width: 460px) {
	.image-list .image-list-element {
		width:50%;
	}
	.imagen {
		width:100%;
	}
}