@charset "utf-8";

/* CSS Document */

html,

body {

  height: 100%;

  background-color: #333;

}

body {

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 3px rgba(0,0,0,.5);

}





button{

	

	margin:5px !important;

	

}


.form-group h3, tbody tr td{
    text-transform: capitalize;
}


.site-wrapper {

  display: table;

  width: 100%;

  height: 100%;

  min-height: 100%;

  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);

          box-shadow: inset 0 0 100px rgba(0,0,0,.5);

}

.site-wrapper-inner {

  display: table-cell;

  vertical-align: top;

}

.cover-container {

  margin-right: auto;

  margin-left: auto;

}





.inner {

  padding: 30px;

}



	div.form-group{

		padding-bottom: 10px;

	}

#equipo{

		text-transform: uppercase;

	}	

	

@media (min-width: 768px) {

.cover {

  padding: 0 20px;

}

.cover .btn-lg {

  padding: 10px 20px;

  font-weight: bold;

}

  .site-wrapper-inner {

    vertical-align: middle;

  }

  .cover-container {

    width: 100%; 

  }

}





@media (min-width: 992px) {

  .cover-container {

    width: 700px;

  }

}

	

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

	

.disabledByDate{display:none;}

button.btn.btn-default.disabledByDate {

    margin: 0;
    margin-left: -30px!important;
    position: relative;
    left: 50%;
}