#time_picker_overlay { position: absolute; z-index: 99998; top: 0px; left: 0px; width: 100%; height: 100%; } #time_picker { z-index: 99999 !important; position: absolute !important; background-color: #f5f5f5 !important; border: 1px solid #999999 !important; height: auto !important; display: block !important; margin-top: 24px !important; } #time_picker ul { float: left; height: 308px; } #time_picker ul.hour { border-right: 2px solid #999999; } #time_picker ul.min { border-right: 2px solid #999999; } #time_picker ul.sec { border-right: 2px solid #999999; } #time_picker ul li { display: block; padding: 10px 0; } #time_picker ul li a { user-select: none; background-color: transparent !important; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; color: #666666 !important; display: block !important; width: 50px; text-align: center; padding: 7px 0 !important; margin: 0 !important; border-radius: 0 !important; } #time_picker ul li a.disabled { background-color: transparent !important; cursor: default !important; } #time_picker ul li a:hover { background-color: #dddddd !important; } #time_picker ul li a:focus { background-color: transparent !important; } #time_picker ul li a:active { background-color: transparent !important; } #time_picker ul li a.selected { background-color: #398BCE !important; color: #ffffff !important; } #time_picker ul li a.separator { border-top: 1px solid #999999 !important; } #time_picker ul li a.arrow { padding: 3px 0; position: absolute; background-color: #eeeeee !important; visibility: hidden; } #time_picker ul li a.arrow.top { top: 0; } #time_picker ul li a.arrow.bottom { bottom: 32px; } #time_picker ul li a i { float: none !important; margin-top: 0 !important; } #time_picker div.actions { display: block !important; border-top: 2px solid #999999; } #time_picker div.actions a { background-color: transparent !important; width: calc(50% - 16px) !important; display: inline-block !important; text-align: center !important; color: #666666 !important; padding: 7px !important; margin: 0 !important; border-radius: 0 !important; } #time_picker div.actions a:hover { background-color: #dddddd !important; } #time_picker div.actions a i { float: none !important; margin-top: 0 !important; } @media screen and (max-width: 647px), screen and (max-height: 441px) { #time_picker_overlay { opacity: 0.5; background-color: #000000; } #time_picker { position: fixed !important; margin-top: 0 !important; width: calc(100% - 60px); top: 70px; left: 30px; } #time_picker.sec { top: 85px !important; } #time_picker.sec ul { width: calc(25% - 2px) !important; } #time_picker.sec ul li a.arrow { width: calc(25% - 2px) !important; } #time_picker ul { width: calc(33% - 1px); height: 100%; } #time_picker ul li { padding-top: 10px; } #time_picker ul li a { width: 100%; font-size: 20px; } #time_picker ul li a.arrow { width: calc(33% - 1px); visibility: visible !important; } #time_picker ul li a.arrow.bottom { bottom: 45px; } #time_picker ul li a.selected { font-size: 25px; } #time_picker div.actions a { font-size: 24px; } } @media screen and (max-height: 441px) { #time_picker { top: 0 !important; height: 320px !important; } #time_picker ul { margin-top: -58px !important; } #time_picker div.actions { position: relative; top: 16px; background-color: #f5f5f5; } }
/* Load Time: 1754143792.6079 seconds */