/*****************************
  		Date time Picker
*****************************/
.bootstrap-datetimepicker-widget {
	table {
		td.active {
			background-color: $primary;

			&:hover {
				background-color: $primary;
			}

		}

		td.day {
			height: 30px;
			line-height: 30px;
			width: 40px;
			font-size: 14px;
		}

		th {
			font-size: 14px;
		}

		td {
			span.active {
				background: $primary;
			}

		}

	}

}

.bootstrap-datetimepicker-widget.dropdown-menu {
	width: 19rem;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
	padding: .3rem;
}


.input-group.date {
	.input-group-text {
		height: 100%;
	}
}
