/* ========== Color Palettes ========== */ /* colors.scss */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mddtp-button { height: 36px; min-width: 64px; border: none; background-color: transparent; border-radius: 3px; display: inline-block; padding: 0 8px; margin-right: 8px; font-family: "Roboto", "Helvetica", "Arial", sans-serif !important; font-size: 15px; text-transform: uppercase; outline: none; cursor: pointer; color: #ffc107; -webkit-appearance: button; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .mddtp-button:hover, .mddtp-button:focus { background-color: #e0e0e0; } .mddtp-button:active { background-color: #bdbdbd; } .mddtp-button:disabled { color: rgba(0, 0, 0, 0.26); cursor: not-allowed; } .mddtp-picker { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); font-family: "Roboto", "Helvetica", "Arial", sans-serif !important; min-width: 280px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; display: table; border-radius: 3px; line-height: normal; overflow: hidden; z-index: 99999; } .mddtp-picker .mddtp-picker__header { width: 100px; background-color: #ffc107; padding: 24px 24px 20px; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title { color: rgba(255, 255, 255, 0.7); font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 28px; font-weight: 700; } .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle { font-weight: 400; font-size: 16px; line-height: 20px; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title, .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle { color: rgba(255, 255, 255, 0.7); margin: 0; cursor: pointer; } .mddtp-picker .mddtp-picker__header .mddtp-picker__color--active { color: white; } .mddtp-picker .mddtp-picker__body { position: relative; background-color: #fff; } .mddtp-picker .mddtp-picker__body .mddtp-picker__action { margin-top: 24px; padding: 8px 0; text-align: right; } .mddtp-picker .mddtp-picker__header, .mddtp-picker .mddtp-picker__body { display: table-cell; vertical-align: top; height: 100%; } .mddtp-picker-date .mddtp-picker__left { background: url("../images/ic_keyboard_arrow_left_black_24px.svg"); left: 4px; } .mddtp-picker-date .mddtp-picker__right { background: url("../images/ic_keyboard_arrow_right_black_24px.svg"); right: 4px; } .mddtp-picker-date .mddtp-picker__left, .mddtp-picker-date .mddtp-picker__right { position: absolute; background-repeat: no-repeat; background-position: center; margin: 0; height: 48px; width: 48px; min-width: 48px; top: 4px; border-radius: 50%; } .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:focus, .mddtp-picker-date .mddtp-picker__left:focus, .mddtp-picker-date .mddtp-picker__right:hover, .mddtp-picker-date .mddtp-picker__right:hover, .mddtp-picker-date .mddtp-picker__right:focus, .mddtp-picker-date .mddtp-picker__right:focus { background-color: #e0e0e0; } .mddtp-picker-date .mddtp-picker__left:active, .mddtp-picker-date .mddtp-picker__left:active, .mddtp-picker-date .mddtp-picker__right:active, .mddtp-picker-date .mddtp-picker__right:active { background-color: #bdbdbd; } .mddtp-picker-date .mddtp-picker__left:disabled, .mddtp-picker-date .mddtp-picker__left:disabled, .mddtp-picker-date .mddtp-picker__right:disabled, .mddtp-picker-date .mddtp-picker__right:disabled { background-repeat: no-repeat; background-position: center; } .mddtp-picker-date .mddtp-picker__left:disabled { background-image: url("../images/ic_keyboard_arrow_left_black_disabled_24px.svg"); } .mddtp-picker-date .mddtp-picker__right:disabled { background-image: url("../images/ic_keyboard_arrow_right_black_disabled_24px.svg"); } .mddtp-picker__body .mddtp-picker__viewHolder { width: 314px; overflow: hidden; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views { list-style: none; margin: 0; padding: 0; font-size: 0; width: 2000px; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view { display: inline-block; width: 314px; text-align: center; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month { display: inline-block; padding: 18px; font-size: 13px; font-weight: 600; color: rgba(0, 0, 0, 0.87); } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause { transition: none; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid { padding: 8px 14px 0; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span { display: inline-block; font-size: 13px; margin: 2px; color: rgba(0, 0, 0, 0.87); border-radius: 50%; width: 36px; height: 36px; line-height: 36px; vertical-align: middle; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today { color: #ffc107; font-weight: 600; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover { background-color: #ffc107; color: #fff; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled { color: rgba(0, 0, 0, 0.26); cursor: not-allowed; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr { padding: 2px 0; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell { pointer-events: all; cursor: pointer; } .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span { color: rgba(0, 0, 0, 0.54); } .mddtp-picker__years { position: absolute; left: 0; top: 0; list-style: none; margin: 0; padding: 0; width: 100%; height: calc(100% - 52px); text-align: center; overflow: auto; } .mddtp-picker__years li { font-size: 16px; padding: 8px 0; color: rgba(0, 0, 0, 0.87); cursor: pointer; } .mddtp-picker__years .mddtp-picker__li--current { font-size: 21px; color: #ffc107; } .mddtp-picker__years--invisible { display: none; } .mddtp-picker-time .mddtp-picker__header { vertical-align: middle; width: 125px; } .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title { text-align: right; font-size: 0; } .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span { font-size: 45px; font-weight: 400; line-height: 48px; margin: 0 2px; } .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle { margin-top: 8px; text-align: center; } .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div { margin-top: 2px; } .mddtp-picker__circularHolder { position: relative; width: 250px; height: 250px; margin: 20px; border-radius: 50%; background-color: #eeeeee; } .mddtp-picker__circularView { position: absolute; width: 100%; height: 100%; } .mddtp-picker__circularView .mddtp-picker__cell { position: absolute; width: 50%; top: calc(50% - 18px); left: 50%; text-align: right; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mddtp-picker__circularView .mddtp-picker__cell span { display: inline-block; cursor: pointer; font-size: 13px; color: rgba(0, 0, 0, 0.87); border-radius: 50%; width: 36px; height: 36px; line-height: 36px; text-align: center; margin-right: 8px; } .mddtp-picker__circularView .mddtp-picker__cell--selected span, .mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span { color: #fff; } .mddtp-picker__circularView--hidden { display: none; } .mddtp-picker__circle--fake { position: absolute; border-radius: 50%; height: 36px; width: 36px; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; } .mddtp-picker__circle--fake.is-pointer-down, .mddtp-picker__circle--fake:active { cursor: grabbing; cursor: -webkit-grabbing; } .mddtp-picker__selection { position: absolute; left: 50%; top: calc(50% - 18px); width: 50%; font-size: 0; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); } .mddtp-picker__selection span { display: inline-block; background-color: #ffc107; height: 2px; vertical-align: middle; } .mddtp-picker__selection span.mddtp-picker__dot { width: 8px; height: 8px; border-radius: 50%; } .mddtp-picker__selection span.mddtp-picker__line { width: calc(100% - 52px); } .mddtp-picker__selection span.mddtp-picker__circle { border-radius: 50%; height: 36px; width: 36px; } .mddtp-picker__selection--quick { transition: none; } .mddtp-picker__cell--rotate-1 { -webkit-transform: rotate(-87deg); -ms-transform: rotate(-87deg); transform: rotate(-87deg); } .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) { -webkit-transform: rotate(87deg); -ms-transform: rotate(87deg); transform: rotate(87deg); } .mddtp-picker__cell--rotate-2 { -webkit-transform: rotate(-84deg); -ms-transform: rotate(-84deg); transform: rotate(-84deg); } .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) { -webkit-transform: rotate(84deg); -ms-transform: rotate(84deg); transform: rotate(84deg); } .mddtp-picker__cell--rotate-3 { -webkit-transform: rotate(-81deg); -ms-transform: rotate(-81deg); transform: rotate(-81deg); } .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) { -webkit-transform: rotate(81deg); -ms-transform: rotate(81deg); transform: rotate(81deg); } .mddtp-picker__cell--rotate-4 { -webkit-transform: rotate(-78deg); -ms-transform: rotate(-78deg); transform: rotate(-78deg); } .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) { -webkit-transform: rotate(78deg); -ms-transform: rotate(78deg); transform: rotate(78deg); } .mddtp-picker__cell--rotate-5 { -webkit-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg); } .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) { -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); } .mddtp-picker__cell--rotate-6 { -webkit-transform: rotate(-72deg); -ms-transform: rotate(-72deg); transform: rotate(-72deg); } .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) { -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg); } .mddtp-picker__cell--rotate-7 { -webkit-transform: rotate(-69deg); -ms-transform: rotate(-69deg); transform: rotate(-69deg); } .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) { -webkit-transform: rotate(69deg); -ms-transform: rotate(69deg); transform: rotate(69deg); } .mddtp-picker__cell--rotate-8 { -webkit-transform: rotate(-66deg); -ms-transform: rotate(-66deg); transform: rotate(-66deg); } .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) { -webkit-transform: rotate(66deg); -ms-transform: rotate(66deg); transform: rotate(66deg); } .mddtp-picker__cell--rotate-9 { -webkit-transform: rotate(-63deg); -ms-transform: rotate(-63deg); transform: rotate(-63deg); } .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) { -webkit-transform: rotate(63deg); -ms-transform: rotate(63deg); transform: rotate(63deg); } .mddtp-picker__cell--rotate-10 { -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); } .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .mddtp-picker__cell--rotate-11 { -webkit-transform: rotate(-57deg); -ms-transform: rotate(-57deg); transform: rotate(-57deg); } .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) { -webkit-transform: rotate(57deg); -ms-transform: rotate(57deg); transform: rotate(57deg); } .mddtp-picker__cell--rotate-12 { -webkit-transform: rotate(-54deg); -ms-transform: rotate(-54deg); transform: rotate(-54deg); } .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) { -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg); } .mddtp-picker__cell--rotate-13 { -webkit-transform: rotate(-51deg); -ms-transform: rotate(-51deg); transform: rotate(-51deg); } .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) { -webkit-transform: rotate(51deg); -ms-transform: rotate(51deg); transform: rotate(51deg); } .mddtp-picker__cell--rotate-14 { -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); } .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) { -webkit-transform: rotate(48deg); -ms-transform: rotate(48deg); transform: rotate(48deg); } .mddtp-picker__cell--rotate-15 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mddtp-picker__cell--rotate-16 { -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); } .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) { -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); } .mddtp-picker__cell--rotate-17 { -webkit-transform: rotate(-39deg); -ms-transform: rotate(-39deg); transform: rotate(-39deg); } .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) { -webkit-transform: rotate(39deg); -ms-transform: rotate(39deg); transform: rotate(39deg); } .mddtp-picker__cell--rotate-18 { -webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); transform: rotate(-36deg); } .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .mddtp-picker__cell--rotate-19 { -webkit-transform: rotate(-33deg); -ms-transform: rotate(-33deg); transform: rotate(-33deg); } .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) { -webkit-transform: rotate(33deg); -ms-transform: rotate(33deg); transform: rotate(33deg); } .mddtp-picker__cell--rotate-20 { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .mddtp-picker__cell--rotate-21 { -webkit-transform: rotate(-27deg); -ms-transform: rotate(-27deg); transform: rotate(-27deg); } .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) { -webkit-transform: rotate(27deg); -ms-transform: rotate(27deg); transform: rotate(27deg); } .mddtp-picker__cell--rotate-22 { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } .mddtp-picker__cell--rotate-23 { -webkit-transform: rotate(-21deg); -ms-transform: rotate(-21deg); transform: rotate(-21deg); } .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) { -webkit-transform: rotate(21deg); -ms-transform: rotate(21deg); transform: rotate(21deg); } .mddtp-picker__cell--rotate-24 { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } .mddtp-picker__cell--rotate-25 { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .mddtp-picker__cell--rotate-26 { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .mddtp-picker__cell--rotate-27 { -webkit-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); } .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) { -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); } .mddtp-picker__cell--rotate-28 { -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .mddtp-picker__cell--rotate-29 { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .mddtp-picker__cell--rotate-30 { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .mddtp-picker__cell--rotate-31 { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .mddtp-picker__cell--rotate-32 { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } .mddtp-picker__cell--rotate-33 { -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); } .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); } .mddtp-picker__cell--rotate-34 { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } .mddtp-picker__cell--rotate-35 { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .mddtp-picker__cell--rotate-36 { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } .mddtp-picker__cell--rotate-37 { -webkit-transform: rotate(21deg); -ms-transform: rotate(21deg); transform: rotate(21deg); } .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-21deg); -ms-transform: rotate(-21deg); transform: rotate(-21deg); } .mddtp-picker__cell--rotate-38 { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } .mddtp-picker__cell--rotate-39 { -webkit-transform: rotate(27deg); -ms-transform: rotate(27deg); transform: rotate(27deg); } .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-27deg); -ms-transform: rotate(-27deg); transform: rotate(-27deg); } .mddtp-picker__cell--rotate-40 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } .mddtp-picker__cell--rotate-41 { -webkit-transform: rotate(33deg); -ms-transform: rotate(33deg); transform: rotate(33deg); } .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-33deg); -ms-transform: rotate(-33deg); transform: rotate(-33deg); } .mddtp-picker__cell--rotate-42 { -webkit-transform: rotate(36deg); -ms-transform: rotate(36deg); transform: rotate(36deg); } .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); transform: rotate(-36deg); } .mddtp-picker__cell--rotate-43 { -webkit-transform: rotate(39deg); -ms-transform: rotate(39deg); transform: rotate(39deg); } .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-39deg); -ms-transform: rotate(-39deg); transform: rotate(-39deg); } .mddtp-picker__cell--rotate-44 { -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); } .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); } .mddtp-picker__cell--rotate-45 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mddtp-picker__cell--rotate-46 { -webkit-transform: rotate(48deg); -ms-transform: rotate(48deg); transform: rotate(48deg); } .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); } .mddtp-picker__cell--rotate-47 { -webkit-transform: rotate(51deg); -ms-transform: rotate(51deg); transform: rotate(51deg); } .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-51deg); -ms-transform: rotate(-51deg); transform: rotate(-51deg); } .mddtp-picker__cell--rotate-48 { -webkit-transform: rotate(54deg); -ms-transform: rotate(54deg); transform: rotate(54deg); } .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-54deg); -ms-transform: rotate(-54deg); transform: rotate(-54deg); } .mddtp-picker__cell--rotate-49 { -webkit-transform: rotate(57deg); -ms-transform: rotate(57deg); transform: rotate(57deg); } .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-57deg); -ms-transform: rotate(-57deg); transform: rotate(-57deg); } .mddtp-picker__cell--rotate-50 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); } .mddtp-picker__cell--rotate-51 { -webkit-transform: rotate(63deg); -ms-transform: rotate(63deg); transform: rotate(63deg); } .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-63deg); -ms-transform: rotate(-63deg); transform: rotate(-63deg); } .mddtp-picker__cell--rotate-52 { -webkit-transform: rotate(66deg); -ms-transform: rotate(66deg); transform: rotate(66deg); } .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-66deg); -ms-transform: rotate(-66deg); transform: rotate(-66deg); } .mddtp-picker__cell--rotate-53 { -webkit-transform: rotate(69deg); -ms-transform: rotate(69deg); transform: rotate(69deg); } .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-69deg); -ms-transform: rotate(-69deg); transform: rotate(-69deg); } .mddtp-picker__cell--rotate-54 { -webkit-transform: rotate(72deg); -ms-transform: rotate(72deg); transform: rotate(72deg); } .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-72deg); -ms-transform: rotate(-72deg); transform: rotate(-72deg); } .mddtp-picker__cell--rotate-55 { -webkit-transform: rotate(75deg); -ms-transform: rotate(75deg); transform: rotate(75deg); } .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg); } .mddtp-picker__cell--rotate-56 { -webkit-transform: rotate(78deg); -ms-transform: rotate(78deg); transform: rotate(78deg); } .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-78deg); -ms-transform: rotate(-78deg); transform: rotate(-78deg); } .mddtp-picker__cell--rotate-57 { -webkit-transform: rotate(81deg); -ms-transform: rotate(81deg); transform: rotate(81deg); } .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-81deg); -ms-transform: rotate(-81deg); transform: rotate(-81deg); } .mddtp-picker__cell--rotate-58 { -webkit-transform: rotate(84deg); -ms-transform: rotate(84deg); transform: rotate(84deg); } .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-84deg); -ms-transform: rotate(-84deg); transform: rotate(-84deg); } .mddtp-picker__cell--rotate-59 { -webkit-transform: rotate(87deg); -ms-transform: rotate(87deg); transform: rotate(87deg); } .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-87deg); -ms-transform: rotate(-87deg); transform: rotate(-87deg); } .mddtp-picker__cell--rotate-60 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .mddtp-picker__cell--rotate-61 { -webkit-transform: rotate(93deg); -ms-transform: rotate(93deg); transform: rotate(93deg); } .mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-93deg); -ms-transform: rotate(-93deg); transform: rotate(-93deg); } .mddtp-picker__cell--rotate-62 { -webkit-transform: rotate(96deg); -ms-transform: rotate(96deg); transform: rotate(96deg); } .mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-96deg); -ms-transform: rotate(-96deg); transform: rotate(-96deg); } .mddtp-picker__cell--rotate-63 { -webkit-transform: rotate(99deg); -ms-transform: rotate(99deg); transform: rotate(99deg); } .mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-99deg); -ms-transform: rotate(-99deg); transform: rotate(-99deg); } .mddtp-picker__cell--rotate-64 { -webkit-transform: rotate(102deg); -ms-transform: rotate(102deg); transform: rotate(102deg); } .mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-102deg); -ms-transform: rotate(-102deg); transform: rotate(-102deg); } .mddtp-picker__cell--rotate-65 { -webkit-transform: rotate(105deg); -ms-transform: rotate(105deg); transform: rotate(105deg); } .mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-105deg); -ms-transform: rotate(-105deg); transform: rotate(-105deg); } .mddtp-picker__cell--rotate-66 { -webkit-transform: rotate(108deg); -ms-transform: rotate(108deg); transform: rotate(108deg); } .mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-108deg); -ms-transform: rotate(-108deg); transform: rotate(-108deg); } .mddtp-picker__cell--rotate-67 { -webkit-transform: rotate(111deg); -ms-transform: rotate(111deg); transform: rotate(111deg); } .mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-111deg); -ms-transform: rotate(-111deg); transform: rotate(-111deg); } .mddtp-picker__cell--rotate-68 { -webkit-transform: rotate(114deg); -ms-transform: rotate(114deg); transform: rotate(114deg); } .mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-114deg); -ms-transform: rotate(-114deg); transform: rotate(-114deg); } .mddtp-picker__cell--rotate-69 { -webkit-transform: rotate(117deg); -ms-transform: rotate(117deg); transform: rotate(117deg); } .mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-117deg); -ms-transform: rotate(-117deg); transform: rotate(-117deg); } .mddtp-picker__cell--rotate-70 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); transform: rotate(-120deg); } .mddtp-picker__cell--rotate-71 { -webkit-transform: rotate(123deg); -ms-transform: rotate(123deg); transform: rotate(123deg); } .mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-123deg); -ms-transform: rotate(-123deg); transform: rotate(-123deg); } .mddtp-picker__cell--rotate-72 { -webkit-transform: rotate(126deg); -ms-transform: rotate(126deg); transform: rotate(126deg); } .mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-126deg); -ms-transform: rotate(-126deg); transform: rotate(-126deg); } .mddtp-picker__cell--rotate-73 { -webkit-transform: rotate(129deg); -ms-transform: rotate(129deg); transform: rotate(129deg); } .mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-129deg); -ms-transform: rotate(-129deg); transform: rotate(-129deg); } .mddtp-picker__cell--rotate-74 { -webkit-transform: rotate(132deg); -ms-transform: rotate(132deg); transform: rotate(132deg); } .mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-132deg); -ms-transform: rotate(-132deg); transform: rotate(-132deg); } .mddtp-picker__cell--rotate-75 { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .mddtp-picker__cell--rotate-76 { -webkit-transform: rotate(138deg); -ms-transform: rotate(138deg); transform: rotate(138deg); } .mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-138deg); -ms-transform: rotate(-138deg); transform: rotate(-138deg); } .mddtp-picker__cell--rotate-77 { -webkit-transform: rotate(141deg); -ms-transform: rotate(141deg); transform: rotate(141deg); } .mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-141deg); -ms-transform: rotate(-141deg); transform: rotate(-141deg); } .mddtp-picker__cell--rotate-78 { -webkit-transform: rotate(144deg); -ms-transform: rotate(144deg); transform: rotate(144deg); } .mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-144deg); -ms-transform: rotate(-144deg); transform: rotate(-144deg); } .mddtp-picker__cell--rotate-79 { -webkit-transform: rotate(147deg); -ms-transform: rotate(147deg); transform: rotate(147deg); } .mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-147deg); -ms-transform: rotate(-147deg); transform: rotate(-147deg); } .mddtp-picker__cell--rotate-80 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-150deg); -ms-transform: rotate(-150deg); transform: rotate(-150deg); } .mddtp-picker__cell--rotate-81 { -webkit-transform: rotate(153deg); -ms-transform: rotate(153deg); transform: rotate(153deg); } .mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-153deg); -ms-transform: rotate(-153deg); transform: rotate(-153deg); } .mddtp-picker__cell--rotate-82 { -webkit-transform: rotate(156deg); -ms-transform: rotate(156deg); transform: rotate(156deg); } .mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-156deg); -ms-transform: rotate(-156deg); transform: rotate(-156deg); } .mddtp-picker__cell--rotate-83 { -webkit-transform: rotate(159deg); -ms-transform: rotate(159deg); transform: rotate(159deg); } .mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-159deg); -ms-transform: rotate(-159deg); transform: rotate(-159deg); } .mddtp-picker__cell--rotate-84 { -webkit-transform: rotate(162deg); -ms-transform: rotate(162deg); transform: rotate(162deg); } .mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-162deg); -ms-transform: rotate(-162deg); transform: rotate(-162deg); } .mddtp-picker__cell--rotate-85 { -webkit-transform: rotate(165deg); -ms-transform: rotate(165deg); transform: rotate(165deg); } .mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-165deg); -ms-transform: rotate(-165deg); transform: rotate(-165deg); } .mddtp-picker__cell--rotate-86 { -webkit-transform: rotate(168deg); -ms-transform: rotate(168deg); transform: rotate(168deg); } .mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-168deg); -ms-transform: rotate(-168deg); transform: rotate(-168deg); } .mddtp-picker__cell--rotate-87 { -webkit-transform: rotate(171deg); -ms-transform: rotate(171deg); transform: rotate(171deg); } .mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-171deg); -ms-transform: rotate(-171deg); transform: rotate(-171deg); } .mddtp-picker__cell--rotate-88 { -webkit-transform: rotate(174deg); -ms-transform: rotate(174deg); transform: rotate(174deg); } .mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-174deg); -ms-transform: rotate(-174deg); transform: rotate(-174deg); } .mddtp-picker__cell--rotate-89 { -webkit-transform: rotate(177deg); -ms-transform: rotate(177deg); transform: rotate(177deg); } .mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-177deg); -ms-transform: rotate(-177deg); transform: rotate(-177deg); } .mddtp-picker__cell--rotate-90 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .mddtp-picker__cell--rotate-91 { -webkit-transform: rotate(183deg); -ms-transform: rotate(183deg); transform: rotate(183deg); } .mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-183deg); -ms-transform: rotate(-183deg); transform: rotate(-183deg); } .mddtp-picker__cell--rotate-92 { -webkit-transform: rotate(186deg); -ms-transform: rotate(186deg); transform: rotate(186deg); } .mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-186deg); -ms-transform: rotate(-186deg); transform: rotate(-186deg); } .mddtp-picker__cell--rotate-93 { -webkit-transform: rotate(189deg); -ms-transform: rotate(189deg); transform: rotate(189deg); } .mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-189deg); -ms-transform: rotate(-189deg); transform: rotate(-189deg); } .mddtp-picker__cell--rotate-94 { -webkit-transform: rotate(192deg); -ms-transform: rotate(192deg); transform: rotate(192deg); } .mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-192deg); -ms-transform: rotate(-192deg); transform: rotate(-192deg); } .mddtp-picker__cell--rotate-95 { -webkit-transform: rotate(195deg); -ms-transform: rotate(195deg); transform: rotate(195deg); } .mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-195deg); -ms-transform: rotate(-195deg); transform: rotate(-195deg); } .mddtp-picker__cell--rotate-96 { -webkit-transform: rotate(198deg); -ms-transform: rotate(198deg); transform: rotate(198deg); } .mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-198deg); -ms-transform: rotate(-198deg); transform: rotate(-198deg); } .mddtp-picker__cell--rotate-97 { -webkit-transform: rotate(201deg); -ms-transform: rotate(201deg); transform: rotate(201deg); } .mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-201deg); -ms-transform: rotate(-201deg); transform: rotate(-201deg); } .mddtp-picker__cell--rotate-98 { -webkit-transform: rotate(204deg); -ms-transform: rotate(204deg); transform: rotate(204deg); } .mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-204deg); -ms-transform: rotate(-204deg); transform: rotate(-204deg); } .mddtp-picker__cell--rotate-99 { -webkit-transform: rotate(207deg); -ms-transform: rotate(207deg); transform: rotate(207deg); } .mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-207deg); -ms-transform: rotate(-207deg); transform: rotate(-207deg); } .mddtp-picker__cell--rotate-100 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-210deg); -ms-transform: rotate(-210deg); transform: rotate(-210deg); } .mddtp-picker__cell--rotate-101 { -webkit-transform: rotate(213deg); -ms-transform: rotate(213deg); transform: rotate(213deg); } .mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-213deg); -ms-transform: rotate(-213deg); transform: rotate(-213deg); } .mddtp-picker__cell--rotate-102 { -webkit-transform: rotate(216deg); -ms-transform: rotate(216deg); transform: rotate(216deg); } .mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-216deg); -ms-transform: rotate(-216deg); transform: rotate(-216deg); } .mddtp-picker__cell--rotate-103 { -webkit-transform: rotate(219deg); -ms-transform: rotate(219deg); transform: rotate(219deg); } .mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-219deg); -ms-transform: rotate(-219deg); transform: rotate(-219deg); } .mddtp-picker__cell--rotate-104 { -webkit-transform: rotate(222deg); -ms-transform: rotate(222deg); transform: rotate(222deg); } .mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-222deg); -ms-transform: rotate(-222deg); transform: rotate(-222deg); } .mddtp-picker__cell--rotate-105 { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .mddtp-picker__cell--rotate-106 { -webkit-transform: rotate(228deg); -ms-transform: rotate(228deg); transform: rotate(228deg); } .mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-228deg); -ms-transform: rotate(-228deg); transform: rotate(-228deg); } .mddtp-picker__cell--rotate-107 { -webkit-transform: rotate(231deg); -ms-transform: rotate(231deg); transform: rotate(231deg); } .mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-231deg); -ms-transform: rotate(-231deg); transform: rotate(-231deg); } .mddtp-picker__cell--rotate-108 { -webkit-transform: rotate(234deg); -ms-transform: rotate(234deg); transform: rotate(234deg); } .mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-234deg); -ms-transform: rotate(-234deg); transform: rotate(-234deg); } .mddtp-picker__cell--rotate-109 { -webkit-transform: rotate(237deg); -ms-transform: rotate(237deg); transform: rotate(237deg); } .mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-237deg); -ms-transform: rotate(-237deg); transform: rotate(-237deg); } .mddtp-picker__cell--rotate-110 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-240deg); -ms-transform: rotate(-240deg); transform: rotate(-240deg); } .mddtp-picker__cell--rotate-111 { -webkit-transform: rotate(243deg); -ms-transform: rotate(243deg); transform: rotate(243deg); } .mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-243deg); -ms-transform: rotate(-243deg); transform: rotate(-243deg); } .mddtp-picker__cell--rotate-112 { -webkit-transform: rotate(246deg); -ms-transform: rotate(246deg); transform: rotate(246deg); } .mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-246deg); -ms-transform: rotate(-246deg); transform: rotate(-246deg); } .mddtp-picker__cell--rotate-113 { -webkit-transform: rotate(249deg); -ms-transform: rotate(249deg); transform: rotate(249deg); } .mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-249deg); -ms-transform: rotate(-249deg); transform: rotate(-249deg); } .mddtp-picker__cell--rotate-114 { -webkit-transform: rotate(252deg); -ms-transform: rotate(252deg); transform: rotate(252deg); } .mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-252deg); -ms-transform: rotate(-252deg); transform: rotate(-252deg); } .mddtp-picker__cell--rotate-115 { -webkit-transform: rotate(255deg); -ms-transform: rotate(255deg); transform: rotate(255deg); } .mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-255deg); -ms-transform: rotate(-255deg); transform: rotate(-255deg); } .mddtp-picker__cell--rotate-116 { -webkit-transform: rotate(258deg); -ms-transform: rotate(258deg); transform: rotate(258deg); } .mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-258deg); -ms-transform: rotate(-258deg); transform: rotate(-258deg); } .mddtp-picker__cell--rotate-117 { -webkit-transform: rotate(261deg); -ms-transform: rotate(261deg); transform: rotate(261deg); } .mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-261deg); -ms-transform: rotate(-261deg); transform: rotate(-261deg); } .mddtp-picker__cell--rotate-118 { -webkit-transform: rotate(264deg); -ms-transform: rotate(264deg); transform: rotate(264deg); } .mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-264deg); -ms-transform: rotate(-264deg); transform: rotate(-264deg); } .mddtp-picker__cell--rotate-119 { -webkit-transform: rotate(267deg); -ms-transform: rotate(267deg); transform: rotate(267deg); } .mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-267deg); -ms-transform: rotate(-267deg); transform: rotate(-267deg); } .mddtp-picker__cell--rotate-120 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) { -webkit-transform: rotate(-270deg); -ms-transform: rotate(-270deg); transform: rotate(-270deg); } .mddtp-picker.zoomIn, .mddtp-picker__viewHolder.zoomIn, .mddtp-picker__years.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .mddtp-picker.zoomOut, .mddtp-picker__viewHolder.zoomOut, .mddtp-picker__years.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } .mddtp-picker.animated, .mddtp-picker__viewHolder.animated, .mddtp-picker__years.animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media screen and (max-device-width: 425px) and (orientation: portrait) { .mddtp-picker { display: block; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title, .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle { margin: 0; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title span { display: inline-block; } .mddtp-picker .mddtp-picker__header, .mddtp-picker .mddtp-picker__body { display: block; height: 100%; width: 100%; } .mddtp-picker.mddtp-picker-date .mddtp-picker__title div { display: inline-block; } .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth { margin-left: 8px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__header { text-align: right; width: calc(100% - 48px); } .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title { display: inline-block; } .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle { display: inline-block; margin-left: 16px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__body { padding-top: 20px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder { margin-top: 0; } } @media screen and (max-width: 415px) { .mddtp-picker { display: block; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title, .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle { margin: 0; } .mddtp-picker .mddtp-picker__header .mddtp-picker__title span { display: inline-block; } .mddtp-picker .mddtp-picker__header, .mddtp-picker .mddtp-picker__body { display: block; height: 100%; width: 100%; } .mddtp-picker.mddtp-picker-date .mddtp-picker__title div { display: inline-block; } .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth { margin-left: 8px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__header { text-align: right; width: calc(100% - 48px); } .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title { display: inline-block; } .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle { display: inline-block; margin-left: 16px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__body { padding-top: 20px; } .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder { margin-top: 0; } } .mddtp-picker--portrait { display: block; } .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title, .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle { margin: 0; } .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span { display: inline-block; } .mddtp-picker--portrait .mddtp-picker__header, .mddtp-picker--portrait .mddtp-picker__body { display: block; height: 100%; width: 100%; } .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div { display: inline-block; } .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth { margin-left: 8px; } .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header { text-align: right; width: calc(100% - 48px); } .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title { display: inline-block; } .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle { display: inline-block; margin-left: 16px; } .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body { padding-top: 20px; } .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder { margin-top: 0; } .mddtp-picker--inactive { display: none; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } }