.input-group .input-group-addon {
  background-color: #ebebeb;
  color: #66615b;
  border: 1px solid #ccc5b9;
  padding-right: 5px;
}
.input-group input {
  padding-left: 4px;
}

/* SCROLL STYLE */
.header-fixed {
    width: 100%
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 350px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 20%;
    float: left;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
/* FIN SCROLL STYLE */


span.input-group-addon{
  color: #ccc;
}

div.divider{
  border-right: 1px solid;
}

.breadcrumb-sucess{
  background-color: green !important;
  color: white;
}

.breadcrumb-penales{
  background-color: #B33C12 !important;
  color: white;
}

.breadcrumb-alargue{
  background-color: #4783B0 !important;
  color: white;
}

/* Planilla Eventos */
.evento-generado .eliminar-evento {
    cursor: pointer;
}

.evento-generado .eliminar-evento-td {
  padding-left: 10px;
  padding-bottom: 10px;
}
.btn.enviar-eventos {
  margin-top: 20px;
}
/* Fin Planilla Eventos */

.card-user .image {
    background-color: #ccc;
}

.check
{
  opacity:0.5;
  color:#996;
}



/* UPLOAD JS IMG*/
body {
  background: whitesmoke;
  font-family: 'Open Sans', sans-serif;
}
.container {
  max-width: 960px;
  margin: 30px auto;
  padding: 20px;
}


h1 {
  font-size: 20px;
  text-align: center;
  margin: 20px 0 20px;
}
h1 small {
  display: block;
  font-size: 15px;
  padding-top: 8px;
  color: gray;
}
.avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 10px auto;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 180px;
  height: 180px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .mobile-foto-upload{
    height: 180px; 
  }
}
/* FIN UPLOAD JS IMG*/

.sidebar .logo {
  
}

.breadcrumb{
  margin-bottom:0px !important;
}

.nav.sidebar-menu li span {
  margin-left: 10px;
  color: #262523;
  font-weight: bold;
}

.nav.sidebar-menu li.active span {
  color: #eb5e35;
}

.badge-success {
  background-color: #42A084 !important;
}
.badge-error {
  background-color: #B33C12 !important;
}

.apodo-equipo {
  color: #939a9b;
}
.search-legend {
  font-size: 18px;
  color: #9A9A9A;
}

/* Custom Radio Buttons */
.radiobuttons {
  text-align: center;
  margin-bottom: 20px;
}
.inline{
  display: inline-block !important;
}
.inline + .inline{
  margin-left:10px;
}
.radio{
  color:#999;
  font-size:15px;
  position: relative !important;
}
.radio span{
  position:relative;
   padding-left:20px;
}
.radio span:after{
  content:'';
  width:15px;
  height:15px;
  border:3px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
  cursor: pointer;
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
  color: #eb5e35;
}
.radio input[type="radio"]:checked + span:before{
  content:'';
  width:5px;
  height:5px;
  position:absolute;
  background: #eb5e35;
  left:5px;
  top:6px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}
/* End Custom Radio Buttons */

/* Bootstrap fixes */
.modal-backdrop {
  z-index: auto !important;
}

.btn.disabled:hover, .btn.disabled:focus {
  color: initial !important;
}

/*Images in edit perfil cliente*/
.nopad {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox {
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px solid transparent;
  margin-bottom: 0;
  outline: 0;
}
.image-checkbox input[type="checkbox"] {
  display: none;
}

.image-checkbox-checked {
  border-color: #4783B0;
}

.image-checkbox .fa {
    position: absolute;
    color: #4A79A3;
    background-color: #fff;
    padding: 3px;
    top: 12px;
    right: 46px;
}

.image-checkbox-checked .fa {
  display: block !important;
}
/*Fin Images in edit perfil cliente*/

button#btn-agregar-seleccionados {
    float: right;
}
/* End Bootstrap fixes */

#filter_form {
  padding: 0 15px;
}

.table {
  margin-bottom: 0 !important;
}

table.table tr {
  border-bottom: 1px solid #ccc5b9;
}

.no-records-message {
  padding: 20px 0;
}

.no-records-message a {
  margin-left: 5px;
}

.card .header {
  font-size: 17px;
}
.card .header a {
  font-size: 15px;
}
.dropdown-menu {
  border: 1px solid #ebe4e4 !important;
  left: -48px !important;
}


.proximos_partidos_index{
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}
.proximos_partidos_index span{
  padding-left:20px;
  padding-right: 20px;
}

#tabla-reglas td {
  text-align: center;
}

#tabla-reglas td {
  text-align: center;
  border: none;
}

span.resultado {
    background-color: #333333;
    padding: 24px;
    color: white;
    margin-top: 18px;
    border-radius: 7px;
    font-weight: 600;
    font-size: 20px;
}

span#equipo_1_goles{
  float: right;
}

span#equipo_2_goles{
  float: left;
}

span.vs{
  font-weight: 700;
  size: 25px;
  color: #333333;
  float: right;
  display: inline-block;
}

.sepia{
  -webkit-filter: sepia(100%);
}

label.error_message {
  color: red !important;
}

.icon-eventos {
  margin-left: -14px;
}

.nombre-jugador-evento {
  margin-left: 5px;
}

/*Edit fases*/
span.estado-partido {
  position: absolute;
  margin-right: 0px;
  right: 5px;
  bottom: 5px;
  color: white;
}

.inscrito_ajax{
  background-color: #9de1fe !important;
  color: #000 !important;
}

.btn-white {
  color: #fff !important;
  border-color: #fff !important;
}

.btn-orange{
  color: #eb5e35 !important;
  border-color: #eb5e35 !important;
}

.btn-orange:hover, .btn-orange:focus{
  background-color: #eb5e35 !important;
  color: #fff !important;
}

.red-text{
  color: rgb(245, 31, 31) !important;
}

.table-title, .table-titles th{
  font-size: 14px !important;
  color:gray;
}

.table_body_partidos tr{
  font-size: 14px !important;
}

.tabla-achicada th {
  background: #fff;
}

.tabla-achicada.table-striped > tbody > tr > td {
  padding-top: 2px;
  padding-bottom: 2px;
}

.btn-descargar-imagen {
  cursor: pointer;
}

.btn-dropdown {
  box-sizing: border-box;
  background-color: transparent;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 100;
  padding: 6px 4px;
  border-color:transparent;
  color: #898E95;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}

.btn-dropdown:hover{
  background-color: rgb(227, 228, 230);
}

.custom-dropdown-cog{
  margin-left: -64px !important;
}

i.custom-fa-cog{
  font-size: 20px;
}

a.link_flag{
  color: #000000;
}

a:hover.link_flag{
  color: #000000;
}

.form-control {
  border-radius:6px !important;
}

.clickable-row{
  cursor: pointer;
}

.hover-rows{
  background-color: #ececea !important;
}

.color-orange{
  color: #eb5e35 !important;
}

.modal-header-orange, .modal-footer-orange{
  background: rgba(231,56,39,1);
  background: -moz-linear-gradient(-45deg, rgba(231,56,39,1) 0%, rgba(246,41,12,1) 0%, rgba(240,47,23,1) 24%, rgba(235,94,53,1) 60%, rgba(241,111,92,1) 100%) !important;
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(231,56,39,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(24%, rgba(240,47,23,1)), color-stop(60%, rgba(235,94,53,1)), color-stop(100%, rgba(241,111,92,1))) !important;
  background: -webkit-linear-gradient(-45deg, rgba(231,56,39,1) 0%, rgba(246,41,12,1) 0%, rgba(240,47,23,1) 24%, rgba(235,94,53,1) 60%, rgba(241,111,92,1) 100%) !important;
  background: -o-linear-gradient(-45deg, rgba(231,56,39,1) 0%, rgba(246,41,12,1) 0%, rgba(240,47,23,1) 24%, rgba(235,94,53,1) 60%, rgba(241,111,92,1) 100%) !important;
  background: -ms-linear-gradient(-45deg, rgba(231,56,39,1) 0%, rgba(246,41,12,1) 0%, rgba(240,47,23,1) 24%, rgba(235,94,53,1) 60%, rgba(241,111,92,1) 100%) !important;
  background: linear-gradient(135deg, rgba(231,56,39,1) 0%, rgba(246,41,12,1) 0%, rgba(240,47,23,1) 24%, rgba(235,94,53,1) 60%, rgba(241,111,92,1) 100%) !important;
  color: #fff !important;
}

/* Estilos de graficas chartist */

.ct-series-a .ct-bar {
  /* Colour of your bars */
  stroke:#eb5e35 !important;
}

.ct-series-a .ct-line {
  /* Set the colour of this series line */
  stroke: #eb5e35 !important;
}

.ct-series-a .ct-point {
  /* Colour of your points */
  stroke: #eb5e35 !important;
}

.ct-label {
  fill: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.9) !important;
  font-size: 0.75rem;
  line-height: 1;
}

/* final estilos graficas chartist */

.white-breadcrums{
  background-color: #fff !important;
}

button#btn-aplicar-sanciones {
  margin-right: 14px;
}

a.sidebar-icon-item i {
  color: #4d4d4d;
}

a.sidebar-icon-item span {
  margin-left: 0 !important;
}

.social-account-input .img-sponsor-input{
  width: 85% !important;
}

.btn-clone-input, .btn-remove-input {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn-remove-input {
  color: red;
}

/*Crop img*/
.btn.cargar-logo {
  margin-left: 60px;
}
div#result-img {
  text-align: center;
}

label#upload-file:after {
  position:absolute;
  width:80%;
  max-width:800px;
  content:"Subir escudo";
  left:0;
  right:0;
  margin:10px auto;
  text-align:center;
  padding:50px 0px 50px 0px;
  border-radius:10px;
  border:4px dashed #ccc;
  color:#ccc;
  font-family:"Helvetica Neue", Helvetica, Arial;
  font-size:30px;
}

label#upload-file:hover:after {
  background:#ccc;
  color:#fff;
  cursor:pointer;
}

label#edit-img {
  position: absolute;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  display: block;
  bottom: 0px;
}

.container-result-img{
  width: 180px;
  height: 180px;
  margin-left: auto;
  margin-right: auto;
  border: 6px solid #cececece;
  border-radius: 5px;
}

label#edit-img :hover {
  color: #9A9A9A;
}

img.logo-edit{
  max-width: 200px;
  max-height: 200px;
}

div#img-crop {
  background-color: white;
  z-index: 1;
  position: relative;
  margin-top: -44px;
  padding-bottom:25px;
}

label#use-img-btn {
  bottom: 50px;
  position: absolute;
}

div#result-img {
  z-index: 99999;
  background-color: white;
  position: relative;
}

label.errors {
  color: red !important;
}

/* Inicio menu builder Links de campeonatos */
.sortableLists .list-group-item {
  cursor: move;
}
#sortableListsBase .list-group-item {
  cursor: move;
}
/* Fin menu builder Links de campeonatos */

/*Spiner loader*/
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} 

/* Seccion tabla de contactos */
.row-contacto.leido {
  background-color: #e5e5e5;
}
.row-contacto.noleido {
  font-weight: 700;
  background-color: #fff;
}
.row-contacto.anclado {
  background-color: #9de1fe;
}

.mobile-fixed{
  padding-top: 20px;
}