#conteiner{
	margin-top:85px;
	margin-left:20%;
	width:60%; 
}


@media (max-width: 600px) {
	#conteiner{
		margin-left:7%;
		width:85%; 
	}
}


input, input:hover, input:focus {
	outline:none;
	outline-style: none;
	/*-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;*/
}

 input[type=checkbox] {
 	outline:none;
	outline-style: none;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;*/
 }

:focus {outline:none !important;}

.box{
	position:absolute;
	overflow:hidden;
	background:#EBEBED;
	color: #88868A;
    transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.box.is-active {
	transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-webkit-transition: none;
}
	

.box .title {
	margin: 8px 0px 0px 10px;
	font-size:14px;
}

.box.invisible {
	background:rgba(221,221,221,0.00);
	text-align:center;
}

.box.foto a.upload {
	float: right;
    margin-top: -22px;
    margin-right: 10px;
    color: #f92710;
}

.box.foto p {
	text-align:center;
}

.box.foto p > i{
	margin-top:40px;
	font-size:48px;
}

.box > .eliminar {
	float: right;
    margin-right: 10px;
}

.box > .eliminar a{
	color: #302A28;
}


.box input {
	margin: 2px 10px;
    font-size: 16px;
	border: none;
	border-bottom: 1px solid #AAAAAA;
    height: 26px;
    vertical-align: top;
    background-color: rgba(255,255,255,0);
    color: #302A28;
	width: calc(100% - 20px);
}


	a, a:link, a:visited, a:hover, a:active {
		color:#FFFFFF;
		text-decoration:none;
		-webkit-user-select: none;
 		-khtml-user-select: none;
 		-moz-user-select: none;
 		-o-user-select: none;
 		-ms-user-select: none;
 		user-select: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent; /* For some Androids */
	}
	
	div {
		-webkit-user-select: none;
 		-khtml-user-select: none;
 		-moz-user-select: none;
 		-o-user-select: none;
 		-ms-user-select: none;
 		user-select: none;
	}

.boton {
	display: block;
	border: 2px solid rgba(255,255,255,0.3);
	padding-top: 10px;
	background:#2BA559;
	height: 32px;
	width: 100%;
	color:#FFFFFF;
	text-align:center;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-sizing: border-box;
    height: 45px;

}

.boton.der {
	float:right;
	margin-right: 10px;
	width:40%;
}

.boton.izq {
	float:left;
	margin-left: 10px;
	width:40%;
}


.boton:active{
	background:#29914E;
}

.boton.warning { 
	background:rgb(208, 79, 70);
}
.boton.warning:active{ 
	background:rgb(208, 79, 1);
}
.boton.black { 
	background:#302A28;
}
.menu>.btn_back {
    float: left;
    height: 40px;
    margin-top: -45px;
    background: #302A28;
	width:55px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.menu>.btn_back.menu {
    margin-top: 12px;
    left: 0px;
}

.menu>img{
	float: right;
    margin-right: 20px;
    margin-top: -42px;
}

.menu>img.logo{
	margin-right:0px;
	margin-top: 10px;
	float: none;
}

	html, body {
		margin: 0px;
		paddin: 0px;
		background:#CDCED3;
		font-family: 'Roboto', sans-serif;
	}
	.menu {
		width:100%;
		position:fixed;
		height:65px;
		background:#2BA559;
		z-index: 9999;
		margin-top:-85px;
		color:#FFFFFF;
		text-align:center;
		-webkit-user-select: none;
 		-khtml-user-select: none;
 		-moz-user-select: none;
 		-o-user-select: none;
 		-ms-user-select: none;
 		user-select: none;
	}
	.menu p {
		margin-top:20px;
	    font-weight: 800;
	}
	.menu a{
		color:#FFFFFF;
	}

	
	.boton{
		cursor:pointer;
		-webkit-user-select: none;
 		-khtml-user-select: none;
 		-moz-user-select: none;
 		-o-user-select: none;
 		-ms-user-select: none;
 		user-select: none;
	}
	
	.fa.circle {
		margin-top: 3px;
    	margin-right: 4px;
    	line-height: 28px;
    	float: right;
		width:30px;
		height:30px;
		border: 2px solid rgba(255,255,255,1.00);
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		z-index: -1;

	}

	.box.perfil img {
		margin: 25px 0px 0px 20px;
    	width: 100px;
    	height: 100px;
    	border: 2px solid rgba(255,255,255,1.00);
    	border-radius: 50px;
    	-moz-border-radius: 50px;
    	-webkit-border-radius: 50px;
    	padding: 0px;
		z-index: -1;

	}
	
	.box.perfil > .nombre {
		margin-top: -100px;
		margin-left: 140px;
    	color: #2BA559;
    	font-size: 20px;
	}
	
	.box.perfil>.nombre input{
    	color: #2BA559;
    	font-size: 20px;
		border:none;
	}
	
	.box.perfil > .estado {
		margin-left: 150px;
    	font-size: 12px;
		color:#302A28;
		margin-top:5px;
	}
	
	.box.perfil > .camara {
		position: absolute;
		z-index: 999;
		color:rgba(255,255,255,1.00);
		background: #302A28;
		top: 80px;
		margin-left: 90px;
   		width: 35px;
   		height: 35px;
    	padding: 6px 3px 6px 10px;
		font-size: 26px;
		border-radius: 30px;
    	-moz-border-radius: 30px;
    	-webkit-border-radius: 30px;
	}
	
	.box>.body {
			text-align: center;
    		margin-top: 0px;
			color:#302A28;
		}
		.box>.body>.big {
			font-size: 45px;
		}
		
		.box>.body>.medium {
			font-size: 25px;
		}
		
		.box>.body.izq {
			margin-left:10px;
			text-align: left;
		}
		
				
		.box>.body>.plazas {
			float:right;
			margin-right:10px;
			font-size:30px;
			line-height:30px;
		}
		.fa.ocupado {
			color:rgba(180,180,180,1.00);
		}
		
		.box>.body>a {
			color:#2BA559;
		}
		
		.box>.body>.raiting {
			float:left;
			font-size:30px;
			line-height:30px;
			color:#FFF;
			margin-top:10px;
		}
		.fa.llena {
			color:rgba(248,231,0,1.00);
		}
		
		.box>.linea{
			clear:both;
			height:1px;
			margin: 10px 10px;
			background: #302A28;
			width:auto;
		}
		
		.box> .usuario{
			color: #302A28;
			margin-left:10px;
		}
		
		
		.usuario a{
			color: #302A28;
		}
		
		.box> .ver_solicitudes {
			color: #302A28;
			margin-left:10px;
		}
		.box> .ver_solicitudes>a {
			color:#2BA559;
		}
		
		.box> .ver  {
			float: right;
			width: 30%;
			text-align: center;
			border-left: 1px solid #000;
			margin-top: -20px;
		}
		.box> .ver>a {
			color:#2BA559;
		}
		.box> .fecha>.big {
			font-size: 45px;
		}
		.box> .fecha {
			float: right;
			width: 30%;
			text-align: center;
			border-left: 1px solid #000;
			margin-top: -80px;
			color:#302A28;
		}
		

.onoffswitch {
    position: relative; width: 90px;
	margin:auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "SI";
    padding-left: 10px;
    background-color: #EBEBED; color: #999999;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #EBEBED; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #A1A1A1;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #0D7509; 
}

.vehiculo {
    left: 50%;
    margin-left: -20px;
    font-size: 40px;
    position: relative;
}


	/*.foto{
		width:100%;
		
	}*/
	.foto_vehiculo{
		width:100%;
	}
	.foto_vehiculo a {
	   width: 100%;
	   color:#88868A;
	}
	.foto_vehiculo > a > i{
	    width: 100%;
	    font-size: 40px;
    	margin-top: 40px;
	    text-align: center;
	}
	
	.foto_vehiculo img {
		width:100%;
	    margin-top: -20px;
		cursor: pointer;
	}
	
	select {
	height: 30px;
	outline:0;
    font-size: 16px;
    /*border: 1px solid lightblue;*/
    border-radius: 10px;
    color: black;
    padding-left: 12px;
    width: 80%;
    margin-left: 10%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	text-decoration:none;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
    
    background-color:  #EBEBED;
    background-transparency: 0.5;
    background-position: right 15px top 6px;
    background-size: 18px 18px;
}
select:active {
    border: 1px solid #000;
}
#zozo {
    margin: 20px;
}

		.box>.body {
			text-align: center;
    		margin-top: 0px;
			color:#302A28;
		}
		.box>.body>.big {
			font-size: 45px;
		}
		
		.box>.body>.medium {
			font-size: 25px;
		}
		
		.box>.body.izq {
			margin-left:10px;
			text-align: left;
		}
		
				
		.box>.body>.plazas {
			float:right;
			margin-right:10px;
			font-size:30px;
			line-height:30px;
		}
		.fa.ocupado {
			color:rgba(180,180,180,1.00);
		}
		
		.box>.body>a {
			color:#2BA559;
		}
		
		.box>.body>.raiting {
			float:left;
			font-size:30px;
			line-height:30px;
			color:#FFF;
			margin-top:10px;
		}
		.fa.llena {
			color:rgba(248,231,0,1.00);
		}

.ec-stars-wrapper {
	font-size: 0;
	display: inline-block;
	float: right;
  	 	margin: -38px 20px;
}
	.ec-stars-wrapper a {
		text-decoration: none;
		display: inline-block;
		font-size: 32px;
		font-size: 2rem;
		color: #888;
	}
	.ec-stars-wrapper a.hi{
		color: rgb(238, 218, 2);
	}

.ec-stars-wrapper:hover a {
	color: rgba(79,77,77,1.00);
}
/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.ec-stars-wrapper > a:hover ~ a {
	color: #888;
}

.box.active {
    background:#bee2c1;
}

.box.cancelled {
    background:#e6c1bb;
}

.box.rejected {
    background:#f3ee92;
}

.box.pending {
    background:#99C8F5;
}