@import url('https://fonts.googleapis.com/css?family=Poppins');
*{padding: 0;margin: 0;
font-family: 'Poppins', sans-serif;
}

.navbar-collapse{
padding-right: 3px;
padding-left: 3px;
}

h3
{
margin-top: 10px;
margin-bottom: 10px;
color:#337ab7;
}

.navbar-default{
border-color: #ffffff;

}

img{width: 100%; height: auto;}

.row{
margin-right: 0px;
margin-left: 0px;
margin-top: 10px;
}



.contenido{
  padding-bottom: 1em;
}

.centrado-legal {
max-width: 1400px; margin: 0 auto;

}

.privacidad {
  margin: 0 auto;
}



.privacidad ul li{color: black;}

.privacidad ol li{color: black;}

.mostrar_pass{
  height: 15px;
}

.centrado {
    margin: 15%;

}

.registro_guardado p {
    color: white;
}



.volver {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    text-align: center !important;
    width: 100px;
    margin: 0 auto;
        margin-top: 0px;
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
}


.volver a{
  color: white;
}

.msg_error {
  background-color: rgba(255,255,255,0.7);
  overflow: hidden;
  margin: 0 auto;
  display: block;
  padding: 1em;
}


.btnchema {
display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
background-color: #337ab7;
border-color: #68a4ef;
border: 1px solid transparent;
 }

.btnchemalista {
display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
border: 1px solid transparent;
 }

.mousechange:hover {
  cursor: pointer;
}

.mousechange{
  cursor: pointer;
}


.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    position: fixed;
    bottom: 0;
    margin-top: 2%;
margin: 0 0 5px;
}





.registro_footer {position: absolute; bottom: 0;}


body{
margin-bottom: 80px;
}



.registrado {

    margin-bottom: 2em;

}



.modal-body {

    position: relative;

    padding: 0px;

}



.modal-body p {text-align: center; padding-top: 10px;}



.formulario-global {

    padding: 5px;

    color: black;

}



label{width: 100%;}



.ordenes label{ color: gray; }


footer .politica {color: white;}

.politica {color: black;}



.formulario-global label {

    clear: both;

    color: gray;

    float: left;

    margin-top: 10px;

    font-weight: normal;

}



.titulo{font-weight: bold; border-bottom: solid 2px; text-align: center;}



.recordar_email {

    padding: 15px;

}



.recordar_email label {

    color: black;

    font-size: 12px;

    color: gray;

}



.recordar_email input {

    margin-bottom: 15px;

}



.seccion{margin: 1em 1em 2em 1em; width: 70%;}



.formulario p {

    color: orange;

}



.icono_casa{overflow: hidden; clear: both; margin: 1em;}



.imagen_fondo{

background-image: url(../img/lifestyle.jpg);

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover;

background-color: #66999;

}



.imagen_fondo_taller{
background-image: url(../img/anadir_taller.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #66999;
}


.gris{color: #8490a1; margin-bottom: 2px; font-size: 14px;margin-top: 8px;}

.imagen_fondo_usuario{


background-image: url(../img/anadir_usuario-1.jpg);

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover;

background-color: #66999; }


.texto_negro{color: black; text-align: center; margin-bottom: 1em; font-weight: bold;}

.texto_negro_2{color: white; text-align: center; margin-bottom: 1em;}

.ingreso_de_usuario{float: right;}


.pieza_orden {border: solid 1px gray; background-color: rgb(220,220,220); overflow: hidden; padding: 1em;}

.registro_smartgyro {background-color: #337ab7; padding: 1em; position: absolute; left: 10%; right: 10%;

top: 30%;  overflow: hidden; border-radius: 10px;

}



.segunda_fila, .tercera_fila{margin-top: 4em;}



.filtros label {width: auto;}



.ingreso_de_usuario li img{

  width: 30px; display: block; text-align: center;

  margin: 0 auto;

}


#cambiar_contraseña label{ color: gray; text-align: left; }

.ingreso_de_usuario li{
  display: inline-block; text-align: center; padding: 10px;
}


.boton_contrasena {float: right;}


.formulario_de_ingreso{overflow: hidden; height: 0px;}


.navbar-default .navbar-nav>li>a {
    color: #337ab7;
    text-transform: capitalize;
    font-weight: bold;
}


.parte_superior-2{text-align:center;  background-image:url(../img/fondo_banner.png); background-size: cover; padding-bottom: 20px; padding-top: 30px;margin-top:-2em;}


.error{padding: 1em; background-color: red;  font-weight: bold; 

	width: 60px; height: 60px; text-align: center; margin: 0  auto; color: white; border-radius: 50%; font-size: 20px; margin-bottom: 1em;}

.activacion p {color: white; font-weight: bold; background-color: #007bff; padding: 1em;}

.activacion a {color: white;}

.reverse {unicode-bidi:bidi-override; direction: rtl;}

.button{text-align: center;}
.button-round{ background: linear-gradient(to right, #0071a0, #162027); color: white; padding: 10px 20px; border: none; border-radius: 25px; font-size: 16px; cursor: pointer; text-align: center;}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label 
{
color: orange;
}


.final {color: white; padding-right: 10px;}

.seleccionado { color: black !important; }

.legales{text-align: left; padding-left: 10px;}

#estado_cambiado{
	display: none;
	padding-bottom: 1em;
	background-color: white;
}


#estado_cambiado>div{margin: 1em 0em;}

#estado_cambiado label{	color: gray;}


.collapse:not(.show) {height: auto;}


.bases{color: white; text-decoration: underline;}

.help-block{color: orange;}


h1{font-size: 16px; padding-left: 1em;}

label{clear: both; color: white;}



.formulario-contacto{background-color: rgba(0,0,0,0.7);

	margin-top: 3em; border-radius: 20px; padding: 30px; margin-bottom: 7em; width: 100%; }



#formulario_codigo{background-color: rgba(0,0,0,0.7);

	margin-top: 3em; border-radius: 20px; padding: 30px; margin-bottom: 60%; }

.grecaptcha-badge{   

    position: fixed;

    bottom: 53px!important

    z-index: 10000;}



.datos_taller{

  background-color: black;

  color: white;

  padding: 10px;

  border-radius: 10px;
}



.espera {

    text-align: center;

    background-color: rgba(0,0,0,0.5);

    padding: 3em;

    height: 100%;

  

    font-size: 20px;

}



.logo-aviso {

    text-align: center;

    width: 120px;

    margin: 0 auto;

    position: relative;

    display: inline;

    display: block;

}



.texto_legal{ max-width: 80%; }



.texto_legal p{text-align: left!important; color: white!important;}



h3, ul, li{color: white; margin-left: 2px;}



h2{color: #007bff; font-size: 15px!important; margin: 1em;  }



form>div{
	margin: 1em;
	text-align: center;
}


form>div>label{

	clear: both; text-align: left; font-size: 12px;}

.navbar {margin-bottom: 0;}


.navbar-nav li a{

  color: white;
}



.navbar-nav li{
  color: white;
  text-decoration: none; padding:0em 0em 0em 0.2em;
}

.navbar-brand {color: white;}

header{ background-color: white; overflow: hidden; width: 100%;

-webkit-box-shadow: -4px -14px 136px -3px rgba(0,0,0,1);

-moz-box-shadow: -4px -14px 136px -3px rgba(0,0,0,1);

box-shadow: -4px -14px 136px -3px rgba(0,0,0,1);}


.smartgyro-logo{ background-color: black; align-items: center; padding-bottom: 20px; display: flex;}

.h1-soporte{color: white;}

.logo-smartgyro{  margin: 0 auto; text-align: center; width: 300px; height: auto; }

.logo-smartgyro h2{  text-align: left; color: #007bff !important;}



.tabla_usuario td{

  border: solid 2px #c2bdbd;

  padding: 1em;

  margin-bottom: 2em;

}



th {padding: 0.5em;}



.en_curso{background-color: red; color: white;}

.a_medias {background-color: #ff8c29; color: white;}

.aviso {background-color: #e4ee00; color: black;}

.finalizada {background-color: green; color: white;}

.test {background-color: #e4ee00; color: white;}

.registrado td{
  border: solid 1px #c2bdbd;
  padding: 4px;
  margin-bottom: 5px;
}



.color_verde {color: #5cb85c; font-weight: bold;}


.taller {
    margin: 1em 1em 1em 0em;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}


.usuario{margin-bottom: 2em;}

.usuario p{text-align: left;}

.nombre_patin{ font-size: 15px; font-weight: bold; }



.youtube {width: 30px;}


.destacado{ margin-top: 2em; background-color: #0071a0; font-size: 15px; color: white; padding: 1em; border-radius: 10px; border: solid 2px;}



.cuerpo{margin-top: 3em;}



button.btn:active{
    background:red;
}

.modal-dialog{width: 700px;margin: 10px auto;}

.modal{overflow: auto;z-index: 1350;position: absolute;}



/*.navbar-fixed-bottom {position: relative; width: 100%; margin-top: 40em;}*/

footer{display: block; overflow: hidden; margin-bottom: 0px; width: 100%; position: relative; bottom: -1px;  background: linear-gradient(to right, #64b0fb, #162027); padding: 15px;border-width: 0px}

footer p{text-align: center!important; color: white; font-size: 11px;margin: 0 0 5px;}

@media only screen and (max-width: 960px) {

  /* For mobile phones: */

.parte_superior h3{ font-size: 14px; vertical-align: middle; padding-top: 2px;  color:#337ab7;}

.modal.in .modal-dialog {

    width: 100%!important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100% !important;
}

.titulo {
    font-weight: bold;
    border-bottom: solid 0;
    text-align: left;
}



}

@media only screen and (max-width: 600px) {

    .logo-smartgyro { width: 200px;}



}