footer {
	margin-top: 64px;
	background-color: rgba(255, 255, 255, 0.6);
    color:#000000;
    text-align: center;
    font-size: 18px;
	padding: 24px;
	width: 100%;
}
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.container {
	flex: 1 0 auto;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FBFBFB;
    background-attachment: fixed;
    background-position: center top;
}
.fa-btn {
    margin-right: 6px;
}
label {
	margin-bottom: 10px;
}
input {
	margin-bottom: 5px;
}
.avatarGrande {
	width: 150px;
	height: 150px;
	display: block;
	margin: auto;
	border-radius: 50%;
}
.avatarGrandeBicicleta {
	width: 200px;
	height: 200px;
	display: block;
	margin: auto;
	border-radius: 50%;
}
.avatarChico {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 50%;
}
.avatarChicoTabla {
	width: 32px;
	height: 32px;
	top: 10px;
	left: 10px;
	border-radius: 50%;
}
.mostrarBicicletaCSS {
	width: 400px;
	height: 400px;
	display: block;
	margin: auto;
	border: solid;
	border-width: 4px;
	border-color: #7CAC3F;
}

.navbar-right {
	margin-right: 0px !important;
}
.dropdown-menu {
	width: 100%;
	min-width: 205px !important;
}
.centrado {
	text-align: center;
}
.avatarBicicleta {
	width: 50px;
	height: 50px;
	float: center;
	border-radius: 50%;
}

.content-space-one {
  padding: 0px;
  margin-bottom: 0px;
  color: inherit;
  background-image: url("/img/marco-bicicleta.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}
.page-break {
    width: 50%;
    height: 3px;
    background-color: #fff;
    margin: 0 auto;
}
.videoContainer {
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: 5px;
    background-attachment: scroll;
    overflow: hidden;
}
.videoContainer video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: #7CAC3F;
    opacity: 0.6;
}
.videoContainer .overlay h1 {
	text-align: center;
	color: white;
}
.avatarBicicletaPerfil {
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 50%;
}
.avatarBicicletaMargen {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.oculto {
	display: none;
}

.comprobanteAdn {
	width: 500px;
	height: 400px;
	border-style: double;
	float: center;
}
.imagenBici {
	width: 150px;
	height: 150px;
	border-style: double;
	float: center;
}

.select2-container {
	width: 100% !important;
}

.navbar-brand {
	float: none !important;
}

p.clasificacion {
position: relative;
overflow: hidden;
/*display: inline-block;
padding: 8px;*/
margin:0px;
}

p.clasificacion input {
position: absolute;
top: -100px;
}

p.clasificacion label {
float: right;
color: #333;
font-size: 24px;
}

p.clasificacion label:hover,
p.clasificacion label:hover ~ label,
p.clasificacion input:checked ~ label {
color: #dd4;
}

.dropdown-menu>li>a {
	padding: 3px 8px !important;
}

.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.blanco {
	color:white !important;
}

.negro {
	color:black !important;
}

/* LOGIN */

.centro {
	text-align:center;
}

.login-title {
	margin-top:16px;
}

.login-panel {
	border-radius: 42px !important;
	margin-top: 16px;
}

.margen {
	margin:0px;
}

.logo-img {
	width:auto;
	height:100%;
	position: relative;
}

.logoPlataforma {
	height: 48px; margin-right: 20px;padding:4px;
}

/* TARJETAS */

.stati {
background: #fff;
height: 7em;
padding:1em;
margin:1em 0;
box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);
/*
-webkit-transition: margin 0.5s ease,box-shadow 0.5s ease;
transition: margin 0.5s ease,box-shadow 0.5s ease;
-moz-box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);
-webkit-box-shadow:0px 0.2em 0.4em rgb(0, 0, 0,0.8);

*/
}
.stati:hover {
/*
margin-top:0.5em;
-moz-box-shadow:0px 0.4em 0.5em rgb(0, 0, 0,0.8);
-webkit-box-shadow:0px 0.4em 0.5em rgb(0, 0, 0,0.8);
*/
box-shadow:0px 0.4em 0.5em rgb(0, 0, 0,0.8);
}
.stati i {
font-size:3.5em;
}
.stati div {
display: block;
float:right;
text-align:right;
}
.stati div b {
font-size:2.2em;
width: 100%;
padding-top:0px;
margin-top:-0.2em;
margin-bottom:-0.2em;
display: block;
}
.stati div span {
font-size:1em;
width: 100%;
color: rgb(0, 0, 0,0.8) !important;
display: block;
}
.stati.left div {
float:left;
text-align:left;
}

/* REDONDEAR TODO */

.panel-heading {
	border-radius: 20px 20px 80px 0px !important;
	box-shadow: 0 0 .25em .25em rgba(0, 0, 0, 0.25);
}

.panel {
	border-radius: 10px 10px 20px 20px !important;
}

.panel-footer {
	border-radius: 20px !important;
}

.badge-danger {
	color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.badge-success {
	color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.badge-warning {
	color: #fff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.star {
	color: yellow;
}