.moment-picker { position: relative; display: block; }
.moment-picker .moment-picker-input { cursor: pointer; }
.moment-picker .moment-picker-container { color: #404040; min-width: 15em; background: #fff; padding: 4px; border: 1px solid #f0f3f4; border-radius: 4px; position: absolute;
	top: 100%; margin-top: 4px; margin-left: -.5em; box-shadow: 0 2px 4px rgba(0, 0, 0, .075); z-index: 5; }
.moment-picker .moment-picker-container:before,
.moment-picker .moment-picker-container:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-top: none; position: absolute;
	top: -9px; left: 15px; }
.moment-picker .moment-picker-container:before { border-bottom-color: #f0f3f4; border-width: 9px; }
.moment-picker .moment-picker-container:after { border-bottom-color: #fff; margin-top: 1px; margin-left: 1px; }
.moment-picker table { border-collapse: collapse; border-spacing: 0; min-width: 100%; table-layout: fixed; }

/* picker on top */
.moment-picker.top .moment-picker-container { top: auto; bottom: 100%; margin-top: auto; margin-bottom: 4px; }
.moment-picker.top .moment-picker-container:before,
.moment-picker.top .moment-picker-container:after { border: 8px solid transparent; border-bottom: none; top: auto; bottom: -9px; }
.moment-picker.top .moment-picker-container:before { border-top-color: #f0f3f4; border-width: 9px; }
.moment-picker.top .moment-picker-container:after { border-top-color: #fff; margin-top: auto; margin-bottom: 1px; }

/* picker on left */
.moment-picker.left .moment-picker-container { right: 0; margin-left: auto; margin-right: -.5em; }
.moment-picker.left .moment-picker-container:before,
.moment-picker.left .moment-picker-container:after { left: auto; right: 15px; }
.moment-picker.left .moment-picker-container:after { margin-left: auto; margin-right: 1px; }

/* all views */
.moment-picker th { font-weight: bold; }
.moment-picker th:first-child,
.moment-picker th:last-child { width: 2em; }
.moment-picker th,
.moment-picker td { padding: 0; text-align: center; min-width: 2em; height: 2em; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); cursor: pointer; border-radius: 4px; }
.moment-picker td.today { background: #e4eef5; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, .9); }
.moment-picker th:hover,
.moment-picker td:hover { background: #fafbfb;
	background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb);
    background-image:    -moz-linear-gradient(#f0f3f4, #fafbfb);
    background-image:     -ms-linear-gradient(#f0f3f4, #fafbfb);
    background-image:      -o-linear-gradient(#f0f3f4, #fafbfb);
    background-image:         linear-gradient(#f0f3f4, #fafbfb); }
.moment-picker td.selected { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); border-color: #3ca0dd; background: #45b1e8;
    background-image: -webkit-linear-gradient(#45b1e8, #3097de);
    background-image:    -moz-linear-gradient(#45b1e8, #3097de);
    background-image:     -ms-linear-gradient(#45b1e8, #3097de);
    background-image:      -o-linear-gradient(#45b1e8, #3097de);
    background-image:         linear-gradient(#45b1e8, #3097de); }
.moment-picker td.highlighted {
	background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, .15));
    background-image:    -moz-radial-gradient(transparent, rgba(0, 0, 0, .15));
    background-image:     -ms-radial-gradient(transparent, rgba(0, 0, 0, .15));
    background-image:      -o-radial-gradient(transparent, rgba(0, 0, 0, .15));
    background-image:         radial-gradient(transparent, rgba(0, 0, 0, .15)); }
.moment-picker th.disabled,
.moment-picker th.disabled:hover,
.moment-picker td.disabled,
.moment-picker td.disabled:hover { color: #abbbc7; background: none; cursor: default; }

/* decade view  - year view */
.moment-picker .decade-view td,
.moment-picker .year-view td { height: 3.4em; }

/* month view */
.moment-picker .month-view .moment-picker-specific-views th { background: none; cursor: default; }
.moment-picker .month-view td { width: 1.4285714286em; }

/* day view, hour view */
.moment-picker .day-view td,
.moment-picker .hour-view td { height: 2.3333333333em; }

/* minute view */
.moment-picker .minute-view td { height: 1.8em; }