/* Plugin - Bootstrap Date Timepicker */

body .bootstrap-datetimepicker-widget {
	& .glyphicon {
		font-size: 14px;
	}
	& .glyphicon.glyphicon-chevron-up:before { content: '\f106'; }
	& .glyphicon.glyphicon-chevron-down:before { content: '\f107'; }
	& .glyphicon.glyphicon-chevron-left:before { content: '\f104'; }
	& .glyphicon.glyphicon-chevron-right:before { content: '\f105'; }
	& .glyphicon.glyphicon-time:before { content: '\f017'; }
	& .glyphicon.glyphicon-calendar:before { content: '\f133'; }
	& .timepicker-hour, 
	& .timepicker-minute, 
	& .timepicker-second {
		border: 1px solid #d3d8df;
		border-radius: 6px;
		display: block;
		width: 80px;
		margin: 0 auto;
		line-height: 22px;
		height: auto;
		padding: 6px 15px;
	}
	& .picker-switcher {
		width: 100% !important;
	}
	& .datepicker > div {
		display: block;	
	}
	&.dropdown-menu {
		width: 320px;
		padding: 0;
		border-radius: 6px;
		
		& .datepicker {
			padding: 0;
		}
		&.bottom:after {
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-bottom: 7px solid white;
			top: -7px;
			left: 15px;
		}
		&.bottom:before {
			display: none;
		}
		&.bottom.pull-right:after {
			left: auto;
			right: 15px;
		}
	}
	&.dropdown-menu,
	& a[data-action] {
		color: @black;
	}
	& .collapse.in {
		display: block;
		
		& + .picker-switch td span {
			margin-top: 0;
			border-radius: 0 0 6px 6px;
		}
	}
	& .picker-switch td span {
		display: block;
		width: auto;
		margin: -1px 0 0;
		background: #f1f1f1;
		height: 36px;
		line-height: 36px;
		border-radius: 6px 6px 0 0;
		
		&:hover {
			background: #e9ecef;
		}
	}
	& .picker-switch td a {
		text-decoration: none;
	}
	& table thead tr:first-child th:hover,
	& table td span:hover,
	& table td.day:hover, 
	& table td.hour:hover, 
	& table td.minute:hover, 
	& table td.second:hover {
		background: #f1f1f1;
	}
	& .datepicker-days,
	& .datepicker-months,
	& .timepicker .timepicker-picker,
	& .timepicker .timepicker-hours,
	& .timepicker .timepicker-minutes,
	& .timepicker .datepicker-seconds,
	& .datepicker-years,
	& .datepicker-decades,
	& .table-condensed > thead > tr > th,
	& .table-condensed > tbody > tr > td {
		padding: 5px;
	}
	& .datepicker-months table tbody tr td,
	& .datepicker-years table tbody tr td,
	& .picker-switch .table-condensed > tbody > tr > td {
		padding: 0;
	}
	& .datepicker-decades .decade {
		line-height: 16px !important;
		padding: 11px;
	}
	& button[data-action] {
		padding: 6px 15px;
	}
	& table td {
		height: 32px;
		width: 32px;
		line-height: 32px;
	}
	& .timepicker-picker table td.separator {
		width: 20px;
	}
	& .timepicker-picker table td,
	& .timepicker-picker table td .btn span {
		width: auto;
		height: auto;
		line-height: inherit;
	}
	& .timepicker-picker table td {
		padding: 0 5px;
		
		& .btn,
		& .btn span {
			display: block;
		}
		& .btn.btn-primary {
			width: 60px;
			margin-right: 10px;
		}
		&:first-child {
			padding-left: 10px;
		}
	}
}