.gray-bg{
  background-color: #dadada !important;
}
tile-stats {
  width: 32%;
  position: relative;
  display: block;
  background: #303641;
  padding: 0px;
  margin-bottom: 10px;
  margin-left: 2px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.tile-stats:hover {
  background: #252a32;
}
.tile-stats .icon {
  color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}
.tile-stats .icon i {
  font-size: 100px;
  line-height: 0;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.tile-stats .icon i:before {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.tile-stats .num,
.tile-stats h3,
.tile-stats p {
  position: relative;
  color: #fff;
  z-index: 5;
  margin: 0;
  padding: 0;
}
.tile-stats .num {
  font-size: 38px;
  font-weight: bold;
}
.tile-stats h3 {
  font-size: 18px;
  margin-top: 5px;
}
.tile-stats p {
  font-size: 11px;
  margin-top: 5px;
}
.tile-stats.tile-red {
  background: #f56954;
}
.tile-stats.tile-red:hover {
  background: #f4543c;
}
.tile-stats.tile-red .icon {
  color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-red .num,
.tile-stats.tile-red h3,
.tile-stats.tile-red p {
  color: #fff;
}
.tile-stats.tile-green {
  background: #00a65a;
}
.tile-stats.tile-green:hover {
  background: #008d4c;
}
.tile-stats.tile-green .icon {
  color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-green .num,
.tile-stats.tile-green h3,
.tile-stats.tile-green p {
  color: #fff;
}
.tile-stats.tile-blue {
  background: rgba(0, 115, 183, 0.88);
}
.tile-stats.tile-blue:hover {
  background: #00639e;
}
.tile-stats.tile-blue .icon {
  color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-blue .num,
.tile-stats.tile-blue h3,
.tile-stats.tile-blue p {
  color: #fff;
}
.tile-stats.tile-white {
  background: #fff;
  border: 1px solid #ebebeb;
}
.tile-stats.tile-white:hover {
  background: #f2f2f2;
}
.tile-stats.tile-white .icon {
  color: #f2f2f2;
}
.tile-stats.tile-white .num,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
  color: #303641;
}
.tile-stats.tile-white:hover {
  background-color: #fafafa;
}
.begin-page {
  margin-top: -7px;
}
.spanPENDIENTE {
  background: #d9534f;
}
.spanREVISADO {
  background: #f0ad4e;
}
.spanINICIADO {
  background: rgb(76, 172, 114);
  font-weight: bold;
}
.spanACTIVO {
  background: #3290bd;
  font-weight: bold;
}
.spanOPEN {
  background: #777;
  font-weight: bold;
  padding-left: 14px;
  padding-right: 14px;
}
.loader-div {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 1;
  background: transparent;
  display: none;
}
.loading {
  border: 1px solid #f7f6f6;
  height: 45px;
  width: 19%;
  background: #4cac72;
  margin-left: -8%;
  border-radius: 30px;
  position: fixed;
  top: 30%;
  left: 49.5%;
  color: white;
}
.centered {
  position: fixed;
  top: 50%;
  margin-top: -50px;
}
.gray:nth-child(even) {
  background: white;
}
.gray:nth-child(odd) {
  background: #eee;
}
#table-venta-place table > tbody:first-child {
  background: #eee;
}
.login-form {
  display: none;
  padding: 20px 30px;
  background: #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 244px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login-form h4 {
  color: #999;
}
.cursor-pointer {
  cursor: pointer;
}
.table-nobordered > tbody > tr > td,
.table-nobordered > thead > tr > th {
  border: none;
}
.report-table > thead > tr > th {
  padding: 4px !important;
  padding-right: 10px !important;
}
.report-table {
  font-size: 13px !important;
  font-family: inherit;
}
.report-table > tbody > tr > td {
  padding: 1px !important;
  line-height: 1.2;
  font-weight: 500;
  padding-right: 10px !important;
}
.report-table > tbody > tr {
  border: 0;
}
.report-table > tbody > tr.active {
  background: #ddd;
}
.report-table > tbody + tbody {
  border-top: 1px solid #ddd !important;
}
.match-table > tbody > tr:nth-child(4n + 1),
.match-table > tbody > tr:nth-child(4n + 2) {
  background-color: #cddae6;
}

.match-table{background-color: #cddae6;}

.auto-width {
  width: 100% !important;
}
.borders-bottom {
  border-bottom: 2px solid rgba(0, 0, 0, 0.49);
}
.borders-top {
  border-top: 2px double rgb(76, 172, 114);
}
.cuadre-table.noborders-bottom td {
  border-bottom: 1px solid rgba(255, 252, 252, 0.49);
}
.noborders-bottom {
  border-bottom: 2px solid rgba(255, 252, 252, 0.49);
}
.noborders {
  border: none !important;
}
.back-color {
  background: #4cac72;
  color: white;
}
.font-small {
  font-size: 11px;
}
.color-red {
  color: #d9534f;
}
.color-green {
  color: green;
}
.color-blue {
  color: #428bca;
}
.color-white {
  color: white !important;
}
.footer {
  bottom: -41px;
  width: 87%;
  border-radius: 19px;
  margin-left: 5%;
}
.f {
  position: fixed;
  bottom: -43px;
  width: 100%;
  right: 0px;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  top: 126%;
  left: -30%;
  margin-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-width: 116px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 12px;
}
[data-tooltip]:after {
  position: absolute;
  top: 108%;
  left: 46%;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.custom-li {
  text-decoration: none;
  color: #c6c6c6;
  float: right;
  font-size: 12px;
  margin-right: -1px;
}
.custom-dropdown-menu {
  position: absolute;
  top: 92%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 130px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.btn-spabets {
  color: #fff;
  background-color: #469c68;
  border-color: #469c68;
  border-radius: 4px;
}
.btn-spabets:hover {
  color: #fff;
  background-color: #279050;
}
.color-red {
  color: #d9534f;
}
.color-green {
  color: green;
}
.text-bold {
  font-weight: bold;
}
.capa-h2 {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
}
.btn-remove:hover {
  background: red;
  color: white;
}
.btn-remove {
  color: rgba(154, 154, 154, 0.56);
}
.text-white {
  color: white;
}
#fecha {
  text-align: center;
  width: 95px;
  border-color: rgba(76, 172, 114, 0.47);
}
.hide {
  display: none;
}
.hr {
  margin-top: 0%;
  margin-bottom: 0;
}
.black {
  color: #393939;
}
.logo-img {
  display: -webkit-inline-box;
  width: 28px;
  height: 23px;
}
.text-center * {
  text-align: center;
}
.text-left * {
  text-align: left;
}
.checkbox {
  margin-right: 10px;
  input {
    vertical-align: top;
  }
}
.form-control {
  display: inline-block;
}
.text-xs {
  font-size: 12px;
}

.loader {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3071a9;
  border-bottom: 12px solid #3071a9;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.blink {
  animation: blink 700ms infinite alternate;
}

/* @keyframes blink {
    from { opacity:1; }
    to { opacity:0; }
} */

@keyframes blink {
  from {
    background: red;
    color: white;
  }
  to {
  }
}