.date-menu {
display: none; position: absolute; box-shadow: 0 0 0 1px rgba(136, 152, 170, .1), 0 15px 35px 0 rgba(49, 49, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .08); background-color: #fff; white-space: nowrap; &.static { position: static; } .date-menu-content { display: inline-block; position: relative; padding: 0 14px 14px 14px; &.second-content { padding: 0 14px 14px 0; } } .date-menu-caption { font-size: 15px; color: #3c4257; text-align: center; height: 50px; line-height: 50px; } .date-menu-week-header { li { display: inline-block; padding: 7px 10px; font-size: 11px; color: #8792a2; } } .date-menu-btn-prev, .date-menu-btn-next { border: 0; background-color: transparent; position: absolute; display: block; @include size(50px); .icon-chevron-left, .icon-chevron-right { font-size: 12px; } } .date-menu-btn-prev { left: 0; top: 0; } .date-menu-btn-next { right: 0; top: 0; } .date-menu-date-table { font-size: 14px; width: 100%; margin-top: 2px; th, td { padding: 3px; } td { text-align: center; &.cell { background-color: #f7fafc; cursor: pointer; border-width: 1px; border-style: solid; border-color: #e3e8ee; } &.cell.js-disabled { opacity: .4; cursor: not-allowed; } &.cell.today { background-color: #fffef4; } &.cell.selected { background-color: #6c8eef; color: #fff; border-color: #6c8eef; } &.cell.selected-ex { background-color: #5469d4; color: #fff; border-color: #5469d4; } } }
}