| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257 | 
							- .datepicker {
 
- 	border-radius: @border-radius-base;
 
- 	&-inline {
 
- 		width: 220px;
 
- 	}
 
- 	direction: ltr;
 
- 	&-rtl {
 
- 		direction: rtl;
 
- 		&.dropdown-menu { left: auto; }
 
- 		table tr td span {
 
- 			float: right;
 
- 		}
 
- 	}
 
- 	&-dropdown {
 
- 		top: 0;
 
- 		left: 0;
 
- 		padding: 4px;
 
- 		&:before {
 
- 			content: '';
 
- 			display: inline-block;
 
- 			border-left:   7px solid transparent;
 
- 			border-right:  7px solid transparent;
 
- 			border-bottom: 7px solid @dropdown-border;
 
- 			border-top:    0;
 
- 			border-bottom-color: rgba(0,0,0,.2);
 
- 			position: absolute;
 
- 		}
 
- 		&:after {
 
- 			content: '';
 
- 			display: inline-block;
 
- 			border-left:   6px solid transparent;
 
- 			border-right:  6px solid transparent;
 
- 			border-bottom: 6px solid @dropdown-bg;
 
- 			border-top:    0;
 
- 			position: absolute;
 
- 		}
 
- 		&.datepicker-orient-left:before   { left: 6px; }
 
- 		&.datepicker-orient-left:after    { left: 7px; }
 
- 		&.datepicker-orient-right:before  { right: 6px; }
 
- 		&.datepicker-orient-right:after   { right: 7px; }
 
- 		&.datepicker-orient-bottom:before { top: -7px; }
 
- 		&.datepicker-orient-bottom:after  { top: -6px; }
 
- 		&.datepicker-orient-top:before {
 
- 			bottom: -7px;
 
- 			border-bottom: 0;
 
- 			border-top:    7px solid @dropdown-border;
 
- 		}
 
- 		&.datepicker-orient-top:after {
 
- 			bottom: -6px;
 
- 			border-bottom: 0;
 
- 			border-top:    6px solid @dropdown-bg;
 
- 		}
 
- 	}
 
- 	table {
 
- 		margin: 0;
 
- 		-webkit-touch-callout: none;
 
- 		-webkit-user-select: none;
 
- 		-khtml-user-select: none;
 
- 		-moz-user-select: none;
 
- 		-ms-user-select: none;
 
- 		user-select: none;
 
- 		tr {
 
- 			td, th {
 
- 				text-align: center;
 
- 				width: 30px;
 
- 				height: 30px;
 
- 				border-radius: 4px;
 
- 				border: none;
 
- 			}
 
- 		}
 
- 	}
 
- 	// Inline display inside a table presents some problems with
 
- 	// border and background colors.
 
- 	.table-striped & table tr {
 
- 		td, th {
 
- 			background-color: transparent;
 
- 		}
 
- 	}
 
- 	table tr td {
 
- 		&.old,
 
- 		&.new {
 
- 			color: @btn-link-disabled-color;
 
- 		}
 
- 		&.day:hover,
 
- 		&.focused {
 
- 			background: @gray-lighter;
 
- 			cursor: pointer;
 
- 		}
 
- 		&.disabled,
 
- 		&.disabled:hover {
 
- 			background: none;
 
- 			color: @btn-link-disabled-color;
 
- 			cursor: default;
 
- 		}
 
- 		&.highlighted {
 
- 			@highlighted-bg: @state-info-bg;
 
- 			.button-variant(#000, @highlighted-bg, darken(@highlighted-bg, 20%));
 
- 			border-radius: 0;
 
- 			&.focused {
 
- 				background: darken(@highlighted-bg, 10%);
 
- 			}
 
- 			&.disabled,
 
- 			&.disabled:active {
 
- 				background: @highlighted-bg;
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 		&.today {
 
- 			@today-bg: lighten(orange, 30%);
 
- 			.button-variant(#000, @today-bg, darken(@today-bg, 20%));
 
- 			&.focused {
 
- 				background: darken(@today-bg, 10%);
 
- 			}
 
- 			&.disabled,
 
- 			&.disabled:active {
 
- 				background: @today-bg;
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 		&.range {
 
- 			@range-bg: @gray-lighter;
 
- 			.button-variant(#000, @range-bg, darken(@range-bg, 20%));
 
- 			border-radius: 0;
 
- 			&.focused {
 
- 				background: darken(@range-bg, 10%);
 
- 			}
 
- 			&.disabled,
 
- 			&.disabled:active {
 
- 				background: @range-bg;
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 		&.range.highlighted {
 
- 			@range-highlighted-bg: mix(@state-info-bg, @gray-lighter, 50%);
 
- 			.button-variant(#000, @range-highlighted-bg, darken(@range-highlighted-bg, 20%));
 
- 			&.focused {
 
- 				background: darken(@range-highlighted-bg, 10%);
 
- 			}
 
- 			&.disabled,
 
- 			&.disabled:active {
 
- 				background: @range-highlighted-bg;
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 		&.range.today {
 
- 			@range-today-bg: mix(orange, @gray-lighter, 50%);
 
- 			.button-variant(#000, @range-today-bg, darken(@range-today-bg, 20%));
 
- 			&.disabled,
 
- 			&.disabled:active {
 
- 				background: @range-today-bg;
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 		&.selected,
 
- 		&.selected.highlighted {
 
- 			.button-variant(#fff, @gray-light, @gray);
 
- 			text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
- 		}
 
- 		&.active,
 
- 		&.active.highlighted {
 
- 			.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
 
- 			text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
- 		}
 
- 		span {
 
- 			display: block;
 
- 			width: 23%;
 
- 			height: 54px;
 
- 			line-height: 54px;
 
- 			float: left;
 
- 			margin: 1%;
 
- 			cursor: pointer;
 
- 			border-radius: 4px;
 
- 			&:hover,
 
- 			&.focused {
 
- 				background: @gray-lighter;
 
- 			}
 
- 			&.disabled,
 
- 			&.disabled:hover {
 
- 				background: none;
 
- 				color: @btn-link-disabled-color;
 
- 				cursor: default;
 
- 			}
 
- 			&.active,
 
- 			&.active:hover,
 
- 			&.active.disabled,
 
- 			&.active.disabled:hover {
 
- 				.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
 
- 				text-shadow: 0 -1px 0 rgba(0,0,0,.25);
 
- 			}
 
- 			&.old,
 
- 			&.new {
 
- 				color: @btn-link-disabled-color;
 
- 			}
 
- 		}
 
- 	}
 
- 	.datepicker-switch {
 
- 		width: 145px;
 
- 	}
 
- 	.datepicker-switch,
 
- 	.prev,
 
- 	.next,
 
- 	tfoot tr th {
 
- 		cursor: pointer;
 
- 		&:hover {
 
- 			background: @gray-lighter;
 
- 		}
 
- 	}
 
- 	.prev, .next {
 
- 		&.disabled {
 
- 			visibility: hidden;
 
- 		}
 
- 	}
 
- 	// Basic styling for calendar-week cells
 
- 	.cw {
 
- 		font-size: 10px;
 
- 		width: 12px;
 
- 		padding: 0 2px 0 5px;
 
- 		vertical-align: middle;
 
- 	}
 
- }
 
- .input-group.date .input-group-addon {
 
- 	cursor: pointer;
 
- }
 
- .input-daterange {
 
- 	width: 100%;
 
- 	input {
 
- 		text-align: center;
 
- 	}
 
- 	input:first-child {
 
- 		border-radius: 3px 0 0 3px;
 
- 	}
 
- 	input:last-child {
 
- 		border-radius: 0 3px 3px 0;
 
- 	}
 
- 	.input-group-addon {
 
- 		width: auto;
 
- 		min-width: 16px;
 
- 		padding: 4px 5px;
 
- 		line-height: @line-height-base;
 
- 		border-width: 1px 0;
 
- 		margin-left: -5px;
 
- 		margin-right: -5px;
 
- 	}
 
- }
 
 
  |