/*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Built for http://www.improvely.com */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; text-decoration: none; background-color: #428bca } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0 } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999 } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > td { padding: 5px } .daterangepicker .btn { display: inline-block; padding: 4px 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .daterangepicker .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .daterangepicker .btn:hover, .daterangepicker .btn:focus { color: #333; text-decoration: none } .daterangepicker .btn:active, .daterangepicker .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) } .daterangepicker .btn.disabled, .daterangepicker .btn[disabled], .daterangepicker fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .daterangepicker .btn-success { color: #fff; background-color: #2C78A9; border-color: #2C78A9 } .daterangepicker .btn-success:hover, .daterangepicker .btn-success:focus, .daterangepicker .btn-success:active, .daterangepicker .btn-success.active, .daterangepicker .open .dropdown-toggle.btn-success { color: #fff; background-color: #3B7DA7; border-color: #3B7DA7 } .daterangepicker .btn-success:active, .daterangepicker .btn-success.active, .daterangepicker .open .dropdown-toggle.btn-success { background-image: none } .daterangepicker .btn-success.disabled, .daterangepicker .btn-success[disabled], .daterangepicker fieldset[disabled] .btn-success, .daterangepicker .btn-success.disabled:hover, .daterangepicker .btn-success[disabled]:hover, .daterangepicker fieldset[disabled] .btn-success:hover, .daterangepicker .btn-success.disabled:focus, .daterangepicker .btn-success[disabled]:focus, .daterangepicker fieldset[disabled] .btn-success:focus, .daterangepicker .btn-success.disabled:active, .daterangepicker .btn-success[disabled]:active, .daterangepicker fieldset[disabled] .btn-success:active, .daterangepicker .btn-success.disabled.active, .daterangepicker .btn-success[disabled].active, .daterangepicker fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c } .daterangepicker .btn-default { color: #333; background-color: #fff; border-color: #ccc } .daterangepicker .btn-default:hover,.daterangepicker .btn-default:focus, .btn-default:active,.daterangepicker .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad } .daterangepicker .btn-default:active,.daterangepicker .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none } .daterangepicker .btn-default.disabled,.daterangepicker .btn-default[disabled],.daterangepicker fieldset[disabled] .btn-default,.daterangepicker .btn-default.disabled:hover,.daterangepicker .btn-default[disabled]:hover,.daterangepicker fieldset[disabled] .btn-default:hover,.daterangepicker .btn-default.disabled:focus,.daterangepicker .btn-default[disabled]:focus,.daterangepicker fieldset[disabled] .btn-default:focus,.daterangepicker .btn-default.disabled:active,.daterangepicker .btn-default[disabled]:active,.daterangepicker fieldset[disabled] .btn-default:active,.daterangepicker .btn-default.disabled.active,.daterangepicker .btn-default[disabled].active,.daterangepicker fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc } .daterangepicker { *width: 685px; } .daterangepicker, .daterangepicker *, .daterangepicker *:before, .daterangepicker *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .daterangepicker.dropdown-menu { max-width: none; z-index: 99999; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 120px; text-align: left; } .daterangepicker .icon-left { background: url(left.png) center center no-repeat; display: block; width: 11px; height: 10px; margin: 0 auto; } .daterangepicker .icon-right { background: url(right.png) center center no-repeat; display: block; width: 11px; height: 10px; margin: 0 auto; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-date { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 120px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .btn { *width: 55px; *padding: 0; *margin: 0; *height: 26px; *line-height: 26px; } .daterangepicker .ranges .input-mini { background-color: #eee; border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 120px; *width: 100px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #D5EAF3; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker th.month { width: auto; }