
.planning-container-box{
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 150px;
}
.button-new{
	position: fixed;
	bottom: 40px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: #64B150;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	cursor: pointer;
	z-index: 105;
	-webkit-transition:all 0.3s ease-in-out;
  	-moz-transition:all 0.3s ease-in-out;
  	-ms-transition:all 0.3s ease-in-out;
  	-o-transition:all 0.3s ease-in-out;
}
.button-new:hover{
	background: #28541C;
}
.item{
	position: relative;
	background: white;
	width: 96%;
	height: auto;
	margin: 0.5% 1% 0.5% 1%;
	padding: 10px 1% 10px 1%;
	font-size: 0px;
	line-height: 0px;
	color: black;
	border-radius: 5px;
	color:#1f1f1f;
}
.item-client{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin-bottom: 10px;
	color: #425b80;
	border-bottom: 1px solid #E0E0E0;
}

/* BUTTONS MOD */

.items-mod{
	position: absolute;
	top:48px;
	right: 1%;
}
.item-edit{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background: #425B80;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition:all 0.3s ease-in-out;
  	-moz-transition:all 0.3s ease-in-out;
  	-ms-transition:all 0.3s ease-in-out;
  	-o-transition:all 0.3s ease-in-out;
}
.item-edit:hover{
	background: #2C3B51;
}
.item-edit img{
	position: absolute;
	width: 24px;
	left: 9px;
	top: 8px;
}
.item-delete{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin-left: 5px;
	background: #BD2A2A;
	cursor: pointer;
	border-radius: 5px;
	-webkit-transition:all 0.3s ease-in-out;
  	-moz-transition:all 0.3s ease-in-out;
  	-ms-transition:all 0.3s ease-in-out;
  	-o-transition:all 0.3s ease-in-out;	
}
.item-delete:hover{
	background: #981717;
}
.item-delete img{
	position: absolute;
	width: 28px;
	left: 6px;
	top: 6px;
}

/* T I M E */

.item-time{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 30px;
	margin-left: 0px;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	padding: 6px 10px 10px 0px;
}
.item-time-day-cont{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.item-time-hour-cont{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.item-time-day{
	position: relative;
	display: inline-block;
	vertical-align: top;
	float: left;
	font-size: 44px;
	line-height: 39px;
}
.item-time-mouth{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 24px;
}
.item-time-hour{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 17px;
	line-height: 10px;
	font-weight: 600;
	color: #BD2A2A;
}

/* CAR DATA */

.item-car-data{
	position: relative;
	vertical-align: top;
	height: 30px;
	display: inline-block;
	font-size: 14px;
	text-align: left;
	min-width: 150px;
	border-left: 1px solid #E0E0E0;
	padding: 9px 10px 10px 10px;
	min-width: 204px;
}
.item-car-model{
	font-size: 20px;
	line-height: 18px;
}
.item-car-model-car{

}
.item-car-model-model{
	font-size: 14px;
}
.car-img{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
}
.i-c4{margin-bottom:-4px;width: 40px;}
.i-elysee{margin-bottom:-4px;width: 40px;}
.i-cactus{margin-bottom:-1px;width: 40px;}
.i-c3{margin-bottom:-4px;width: 40px;}
.i-aircr{margin-bottom:-4px;width: 40px;}
.i-berlingo{margin-bottom:-5px;width: 40px;}
.i-jumper{margin-bottom:-4px;width: 40px;}
.i-jumpy{margin-bottom:-5px;width: 40px;}
.i-c5aircross{margin-bottom:-5px;width: 40px;}
.i-nuevoc3{margin-bottom:-2px;width: 40px;}

/* DATA EXTRA */

.item-car-data-extra{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 35px;
	display: inline-block;
	font-size: 14px;
	text-align: left;
	color: #425b80;
	border-left: 1px solid #E0E0E0;
	padding: 5px 10px 10px 10px;
}
.item-car-vin{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 20px;
}
.item-car-domain{
	position: relative;
	display: block;
	font-size: 12px; 
	line-height: 25px;
}

/* ASESORS */
.item-asesors{
	position: relative;
	height: 39px;
	display: inline-block;
	vertical-align: top;
	width: auto;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	padding: 11px 10px 0px 0px;
	margin-top: 0px;
	color: #425b80;
	border-left: 1px solid #E0E0E0;
}
.item-asesores-asesor{
	position: relative;
	display: inline-block;
	line-height: 20px;
	min-width: 110px;
}
.item-asesores-asesor img{
	width: 30px;
	margin: 0px 5px 0px 10px;

}
.item-asesores-entrega{
	position: relative;
	display: inline-block;
	line-height: 20px;
	padding-bottom: 10px;
	min-width: 110px;
}
.item-asesores-entrega img{
	width: 30px;
	margin: 0px 5px 0px 10px;
}
.item-asesores-preparador{
	position: relative;
	display: inline-block;
	line-height: 20px;
	min-width: 110px;
}
.item-asesores-preparador img{
	width: 30px;
	margin: 0px 5px 0px 10px;
	
}

/* M E D I A   Q U E R Y  -->   9 2 0 *************************************/

@media screen and (max-width: 920px) {
	
	/* CONTAINER */
	
	.planning-container-box{
		margin-top: 35px;
	}
	
	/* ITEM */
	
	.item{
		width: 92%;
		margin: 2% 2% 2% 2%;
		padding: 2%;
	}
	
	/* TIME */

	.item-time{
		height: 37px;
	}
	/* BUTTONS MOD */
	
	.items-mod{
		position: absolute;
		top:47px;
		right: 2%;
		z-index: 5;
	}
	.item-delete{
		margin-left: 5px;
	}
	.item-edit img{
		left: 8px;
		top: 8px;
	}
	.item-delete img{
		left: 6px;
		top: 5px;
	}

	/* CAR DATA */
	
	.item-car-data{
		height: 36px;
		text-align: left;
		padding: 14px 10px 0px 10px;
	}
	.item-car-model{
		font-size: 14px;
		line-height: 14px;
	}
	.item-car-model{
		font-size: 14px;
		line-height: 14px;
	}
	.item-car-model{
		font-size: 14px;
		line-height: 14px;
	}
	.item-car-model-car{
		font-size: 16px;
	}
	.item-car-model-model{
		font-size: 12px;
	}

	/* CAR DATA  EXTRA */
	
	.item-car-data-extra{
		width: 100%;
		border-left:none;
		height: 9px;
		border-top:1px solid #e0e0e0;
		margin-top: 6px;
		padding: 7px 0px 0px 0px;
	}
	.item-car-vin{
		position: relative;
		display: inline-block;
		font-size: 12px;
		line-height: 12px;
	}
	.item-car-domain{
		position: relative;
		display: inline-block;
		left: 0px;
		font-size: 12px;
		line-height: 12px;
		margin-right: 10px;
	}

	/* ASESORS */
	
	.item-asesors{
		width: 100%;
		font-size: 12px;
		line-height: 20px;
		text-align: left;
		padding: 6px 0px 0px 0px;
		margin-top: 10px;
		margin-bottom: 0px;
		border-left: none;
		height: 22px;
		border-top: 1px solid #e0e0e0;
		text-align: left;
	}
	.item-asesores-asesor{
		display: inline;
		vertical-align: middle;
		line-height: 0px;
		margin-right: 10px;
		min-width: 0px;
	}
	.item-asesores-asesor img{
		width: 20px;
		vertical-align: top;
		margin: 0px 5px 0px 0px;
	}
	.item-asesores-entrega{
		display: inline;
		vertical-align: middle;
		line-height: 0px;
		margin-right: 10px;
		min-width: 0px;
	}
	.item-asesores-entrega img{
		width: 20px;
		margin: 0px 5px 0px 0px;
		vertical-align: top;
	}
	.item-asesores-preparador{
		display: inline;
		vertical-align: middle;
		line-height: 0px;
		margin-right: 10px;
		min-width: 0px;
	}
	.item-asesores-preparador img{
		width: 20px;
		margin: 0px 5px 0px 0px;
		vertical-align: top;
	}
	.i-c4{margin-bottom: 0px;margin-top:-3px;width: 40px;}
	.i-elysee{margin-bottom: 0px;margin-top:-1px;width: 40px;}
	.i-cactus{margin-bottom: 0px;margin-top:-4px;width: 40px;}
	.i-c3{margin-bottom: 0px;margin-top:-4px;width: 40px;}
	.i-aircr{margin-bottom: 0px;margin-top:-3px;width: 40px;}
	.i-berlingo{margin-bottom: 0px;margin-top:-4px;width: 40px;}
	.i-jumper{margin-bottom: 0px;margin-top:-4px;width: 40px;}
	.i-jumpy{margin-bottom: 0px;margin-top:-5px;width: 40px;}


}