#calcVacation{
	margin: 20px auto;
	border-top: 4px solid #8EB60B;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	border-radius: 4px;
}
#calcVacation #experience{
	width: 100%;
	height: 35px;
	max-width: 550px;
	font-size: 18px;
	
	border: 1px solid #c5c5c5;
background: #f6f6f6;

	border-style: inset;
	border-radius: 3px;
}
#calcVacation *{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#calcVacation .p0{
	padding-left: 0;
	padding-right: 0;
}

#calcVacation .input-group{
	padding-top: 20px;
	text-align: center;
}
#calcVacation .input-group label{
	width: 100%;	
	display: block;
	font-size: 18px;
}
#calcVacation .input-group input{
	width: 100%;
	max-width: 250px;
	margin: 5px auto;
	height: 35px;
	font-size: 18px;
	text-align: center;
	border: 1px solid #c5c5c5;
}




#calcVacation .input-group button{
	width: 100%;
	height: 35px;
	margin-top: 25px;
	max-width: 250px;
	background-color: #ff5400;
	border: red 2px solid;
	color: white;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
 	transition: background-color .5s ease-out;
 	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
 	transition: color .5s ease-out;

}
#calcVacation .input-group button:hover{
	color:#ff5400;
	background-color: white;
}

#calcVacation .input-group input:hover, #calcVacation .input-group input:active, #calcVacation .input-group input:focus, #calcVacation .input-group button:hover, #calcVacation .input-group button:active, #calcVacation .input-group button:focus, #calcVacation .input-group select:hover,  #calcVacation .input-group select:focus, #calcVacation .input-group select:active{
	outline-color: gray;
}

#calcVacation .calcRes .caption{
	text-align: right;
	font-size: 20px;
	color: #6b6b6b;
}

#calcVacation .calcRes .vle{
	text-align: left;
	font-size: 20px;
	color: #ff5400;	
}

#calcVacation .calcRes .wrapper{
	border-bottom: 1px lightgray solid;
	padding-top: 10px;
	padding-bottom: 5px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background: #ff5400;	
	border-color:#ff5400;
}
@media(max-width: 767px){
	#calcVacation .calcRes .caption{
		text-align: center;
	}
	#calcVacation .calcRes .vle{
		text-align: center;
	}
	#calcVacation #experience{
		max-width: 250px;
	}
}