div.admin-container {
  position:relative;
  width:100%;
  padding:40px;
  padding-top:0px;
}

div.admin-container .card {
  margin-bottom:40px;
}

div.admin-container .table a {
  text-decoration: none;
  color:#ffffff;
}

div.admin-container .table>thead>tr>th {
  border-color: #eaeaea;
  background: rgba(51, 61, 65, 1);
  text-align:center;
  color:rgba(237, 237, 237, 1);
}

div.admin-container div.admin-main-title {
  margin-top: 40px;
  margin-bottom: 40px;
}

div.admin-container div.admin-main-title h1 {
  font-size:2.4rem;
  line-height:100%;
  /* margin-top: 0px; */
}

div.admin-container div.admin-main-title .same-height {
  display:flex;
}

div.admin-container div.admin-main-title .same-height .same-height-col {
  display:table-cell;
  vertical-align: middle;
  margin: 0 auto;

}

div.admin-container div.admin-main-title span.icon {
  font-size:4rem;
  margin-top:20px;
  display:inline-block;
}

div.admin-container div.admin-main-title div.subtitle {

}

div.admin-container div.admin-main-title div.subtitle p {

}


div.resume-of-bookings span.number-of-bookings {
  padding:6px;
  border:1px solid #ffffff;
  background-color:#7a7a7a;
  border-radius: 4px;
  margin-right:4px;
  margin-left:4px;
  color:#ffffff;
  font-weight: bold;
}

/* TABLES  */




/* Force table to not be like tables anymore */
table#table-here {
  font-size:1rem;
  color:#595959;
  margin-top:20px;
}

table#table-here tr td span.resaltado {
  font-size:1.2rem;
  color:rgba(47, 47, 47, 1);
}

/* Changing pag class */

#table-here tfoot tr {
  border:0px solid #d0d0d0;
  border-bottom: 0px solid #ccc;
  width:100%;
}

#table-here tfoot tr td.pag {
  border: none;
  border-bottom: 0px solid #eee;
  position: relative;
  padding-left: 0%;
  min-height:1.4rem;
  font-size:1rem;
}

#table-here tfoot tr td.pag a {
  background-color:#c2c2c2;
}

#table-here tfoot tr td.pag a.btn-primary {
  background-color:#c26363;
}

table tr.vertical-middle td {
    vertical-align : middle;
    line-height: 60px;
}

table tr.vertical-middle-30 td {
    vertical-align : middle;
    line-height: 30px;
}

.btn.btn-actions {
  padding:4px 6px;
  margin:0px;
}

.btn.btn-actions span {
  font-size:1rem;
}



.special-form form,
.special-form ul,
.special-form li,
.special-form input,
.special-form label {
  box-sizing: border-box;
  display: block;
}

.special-form li.half-left {
  display:flex;
  float:left;
  width:45%;
}

.special-form li.half-right {
  display:flex;
  float:right;
  width:45%;
}

.special-form li.full {
  display:flex;
  margin-top:40px;
  float:left;
  clear:both;
  width:100%;
  border-bottom: 0px solid #868686;
}

.special-form ul {
  background-color: #ffffff;
  list-style-type: none;
  margin: 3em auto;
  padding: 0;
  width: 100%;
}

.special-form li {
  border-bottom: 1px solid #868686;
  margin-top: -1px;
  position: relative;
}

.special-form label,
input {
  transition: color 0.4s ease, background-color 0.1s ease-in-out;
}

.special-form label {
  color: #6c6c6c;
  font-size: 70%;
  letter-spacing: 0.03em;
  position: absolute;
  top: 10px;
  left: 0px;
}

.special-form li.full label {
  color: #6c6c6c;
  font-size: 70%;
  letter-spacing: 0.03em;
  position: absolute;
  top: -20px;
  left: 0px;
}

.special-form input {
  background-color: transparent;
  border: none;
  color: #202020;
  font-size: 18px;
  margin: 9px 0 7px 0;
  margin: 0;
  padding: 2em 10px 10px 10px;
  outline: none;
  width: 100%;
}

.special-form tr.fancySearchRow input {
  background-color: rgba(255, 255, 255, 1);
  padding: 0px 0px 0px 10px;
}

.special-form input:focus {
  color: #5d5d5d;
  background-color: white;
  box-shadow: 0px 3px 4px -2px rgba(0, 0, 115, 0.25) inset;
}

.special-form input:focus + label {
  color: #0074D9;
  font-weight: bold;
  letter-spacing: -0.01em;
}

.special-form select {
  background-color: transparent;
  border: none;
  color: #202020;
  font-size: 18px;
  margin: 9px 0 7px 0;
  margin: 0;
  padding: 2em 10px 10px 10px;
  outline: none;
  width: 100%;
}



.special-form select:focus {
  color: #5d5d5d;
  background-color: white;
  box-shadow: 0px 3px 4px -2px rgba(0, 0, 115, 0.25) inset;
}

.special-form select:focus + label {
  color: #0074D9;
  font-weight: bold;
  letter-spacing: -0.01em;
}


.special-form .buttons-profile-content {
  border-bottom:0px;
  height:55px;
  padding-top:25px;
}

.special-form .buttons-profile-content #my-buttons {
  margin-top:25px;
}

.special-form .buttons-profile-content button {
  border-bottom:0px;
  /* height:30px;
  width:30px; */
  margin-right:4px;
}

.special-form .buttons-profile-content button span {
  font-size:1.2rem;
  line-height: 100%;
}

span.destacado-name {
  font-size:1rem;
  color:#2e2e2e;
  font-weight: bold;
}

.special-form input.invisible {
  position:absolute;
  top:0px;
  left:0px;
}


.text-left {
  text-align: left;
}


.top-4-sp {
  padding-top:40px!important;
  padding: 40px 0px;
}


.separator-60 {
  position:relative;
  width:100%;
  margin: 30px 0;
  min-height:30px;
  content:" ";
}

.separator-40 {
  position:relative;
  width:100%;
  margin: 20px 0;
  min-height:20px;
  content:" ";
}

.full-width
{
  min-width:100%;
  width:100%;
}

.full-width-d
{
  min-width:100%;
  width:100%;
  padding-right: 0px;
  padding-left: 15px;
}

.special-form li.no-border {
    border-bottom: 0px solid #868686;
}

textarea.full-width
{
  width:100%;
}


form.invitation button {
  margin-top: 0px!important;
}

.table-bg-dark {
  background-color:rgba(34, 34, 34, 1)!important;
}

.table-bg-green {
  background-color:rgba(154, 189, 142, 1);
}

.table-bg-red {
  background-color:rgba(214, 181, 181, 1);
  color:rgba(228, 32, 37, 1);
}

/* /////////////////////////////////////// */
/*  SANCIONES */

input#restante-partidos {
  height:20px;
  padding: 4px 10px 4px 10px;
  width:50px;
  display:inline-block;
}

/* **************************************/
/* MEDIA QUERIES ************************/


@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  div.admin-container {
    position:relative;
    width:100%;
    padding:0px;
    padding-top:0px;
  }

	/* Force table to not be like tables anymore */
  table#table-here {
    margin-top:40px;
  }

	table#table-here, #table-here thead, #table-here tbody, #table-here th, #table-here td, #table-here tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#table-here thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#table-here tr {
    border:1px solid #d0d0d0;
    border-bottom: 2px solid #ccc;
  }

	#table-here td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 45%;
    min-height:1.4rem;
    font-size:1rem;
	}

	#table-here td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 40%;
		padding-right: 10px;
		white-space: nowrap;
    min-height:1.4rem;
    color:#3c3c3c;

	}

	/*
	Label the data
	*/
	#table-here td:nth-of-type(1):before { content: attr(data-label); }
	#table-here td:nth-of-type(2):before { content: attr(data-label); }
	#table-here td:nth-of-type(3):before { content: attr(data-label); }
	#table-here td:nth-of-type(4):before { content: attr(data-label); }
	#table-here td:nth-of-type(5):before { content: attr(data-label); }
	#table-here td:nth-of-type(6):before { content: attr(data-label); }
	#table-here td:nth-of-type(7):before { content: attr(data-label); }
	#table-here td:nth-of-type(8):before { content: attr(data-label); }
	#table-here td:nth-of-type(9):before { content: attr(data-label); }
	#table-here td:nth-of-type(10):before { content: attr(data-label); }


  /* ESPECIAL PARA TABLA JUGADORES EN MOBILE */
  table.jugadores td:nth-of-type(2) { color:#000000; background-color:#dfeaf1; }
  table.jugadores td:nth-of-type(7):before { text-align: left; }



  .special-form li.half-left {
    display:flex;
    float:left;
    width:100%;
  }

  .special-form li.half-right {
    display:flex;
    float:left;
    width:100%;
  }

  .special-form li.full {
    display:flex;
    margin-top:40px;
    float:left;
    width:100%;
    border-bottom: 0px solid #868686;
  }

  .separator-60 {
    position:relative;
    width:100%;
    margin: 60px 0;
    min-height:60px;
    content:" ";
  }

}