/* HR Time Picker
Author :  Md Hidaytullah Rahmani
Located : https://github.com/hidaytrahman/hr-timePicker
*/

.hr-time-picker:after,
.pick-time-now:after {
	content: "";
	clear: both
}

.hr-time-picker {
	
	max-width:100%; margin-bottom: 15px;
	
}

.hr-time-picker .hr-timer {
	max-width: 103px;
	text-align: center;
	float: left;
	width: 101px;
	margin-right: 1%
}

.picked-time-wrapper {
	margin: 5px 0
}

.picked-time-wrapper .picked-time {
	padding: 9px;
	border: 1px solid #dedada;
	font-size: 18px;
	width: 100%; background: transparent;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;	
	background-size: 34px;
	cursor: pointer;
	outline: 0
}

.hr-time-picker .hr-timer .movable-area {
	height: 222px;
	overflow-y: hidden;
	position: relative;
	background: #fff
}

.hr-time-picker .hr-timer.hours ul {
	position: absolute;
	width: 100%;
	top: 0
}

.hr-time-picker .hr-timer .current-hour,
.hr-time-picker .hr-timer .current-minutes {
	background: #00BCD4;
	color: #fff;
	font-weight: 700
}

.hr-time-picker .hr-timer.minutes li {
	padding: 6.4px 5px
}

.hr-time-picker .hr-timer.minutes ul {
	margin-top: 37px; list-style: none;
}

.hr-time-picker .hr-timer li {
	background: #fff;
	cursor: pointer;
	font-size: 20px;
	border-bottom: 1px solid #efeeee
}

.hr-time-picker .hr-timer.hours li {
	padding: 7px 10px
}

.hr-time-picker:after {
	display: table
}

.pick-time-now {
	background: #f9f9f9;
	border: 1px solid #d0d0d0;
	padding: 10px;
	display: none
}

.pick-time-now:after {
	display: table
}

.time-type {
	font-size: 22px;
	color: #797979;
	padding: 10px;
	display: block;
	text-align: center;
	margin: 4px 0;
	background: #e8e8e8
}

.arrow-bottom,
.arrow-top {
	font-size: 21px;
	color: #00BCD4;
	font-weight: 700;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 9;
	display: block
}

.set-time-wrapper {
	clear: both;
	display: block;
	padding: 7px 0
}

.set-time-wrapper a {
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	background: #215e70;
	padding: 5px 10px;
	display: block;
	text-align: center;
	color: #fff
}

.hr-disabled {
	color: #989c9c
}