/* ------------------------------------------------------------------------------
 *
 *  # Datepicker for Bootstrap
 *
 *  Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */


// Core
// ------------------------------

.datepicker {
	direction: rtl;
	right: auto;

	> div {
		display: none;
	}

	// Periods
	.datepicker-days,
	.datepicker-months,
	.datepicker-years {
		max-width: 300px;
	}

	// Dropdown menu
	&.datepicker-dropdown {
		top: 0;
		margin: 0;
		padding: 5px;
	}
}


// Datepicker table
// ------------------------------

.datepicker {

	// Main table
	table {
		margin: 0;

		// Table items
		tr td {
			&.day:hover {
				background-color: @dropdown-link-hover-bg;
				cursor: pointer;
			}

			&.old,
			&.new {
				color: @text-muted;
			}

			// Disabled
			&.disabled {
				&,
				&:hover {
					background-color: transparent;
					color: @text-muted;
					cursor: default;
				}
			}

			// Today
			&.today {
				&,
				&.disabled {
					&,
					&:hover {
						background-color: @dropdown-link-hover-bg;
					}
				}
			}

			// Date range
			&.range {
				&,
				&.disabled {
					&,
					&:hover {
						background-color: @dropdown-link-hover-bg;
						border-radius: 0;
					}
				}

				&.today {
					&,
					&.disabled,
					&.active {
						&,
						&:hover {
							background-color: @dropdown-link-hover-bg;
						}
					}
				}
			}

			// Active date
			&.active,
			span.active {
				&,
				&.disabled {
					&,
					&:hover {
						background-color: @color-teal-400;
						color: #fff;
					}
				}
			}

			// Year and month selection
			span {
				display: block;
				width: 31%;
				padding: @padding-base-vertical @padding-base-horizontal;
				float: right;
				margin: 1%;
				cursor: pointer;
				border-radius: @border-radius-base;

				// Hover state
				&:hover {
					background-color: @dropdown-link-hover-bg;
				}

				// Disabled state
				&.disabled {
					&,
					&:hover {
						background-color: transparent;
						color: @text-muted;
						cursor: default;
					}
				}

				&.old,
				&.new {
					color: @text-muted;
				}
			}
		}

		// Switch
		th.datepicker-switch {
			font-size: @font-size-h6;
			font-weight: 400;
		}
		thead tr:first-child th,
		tfoot tr th {
			cursor: pointer;
			padding-top: @content-padding-base;
			padding-bottom: @content-padding-base;
		}
		.cw {
			width: 16px;
			padding: 0 5px 0 2px;
			vertical-align: middle;
		}
		thead tr:first-child th.cw {
			cursor: default;
			background-color: transparent;
		}
	}

	// Table styles
	.table-condensed {
		td,
		th {
			text-align: center;
			padding: @padding-base-vertical @padding-base-horizontal;
			border-radius: @border-radius-base;
			border: 0;
		}
	}

	// If table is striped
	.table-striped & table tr {
		th,
		td {
			background-color: transparent;
		}
	}
}
