.btn,
.btn-large,
.btn-small,
.btn-flat {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
.btn.disabled,
.disabled.btn-large,
.disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
[disabled].btn-small,
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {
pointer-events: none;
background-color: #dfdfdf !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #9f9f9f !important;
cursor: default;
}
.btn.disabled:hover,
.disabled.btn-large:hover,
.disabled.btn-small:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
[disabled].btn-small:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
background-color: #dfdfdf !important;
color: #9f9f9f !important;
}
.btn,
.btn-large,
.btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
font-size: 14px;
outline: 0;
}
.btn i,
.btn-large i,
.btn-small i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-flat i {
font-size: 1.3rem;
line-height: inherit;
}
.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
background-color: #1d7d74;
}
.btn,
.btn-large,
.btn-small {
text-decoration: none;
color: #fff;
background-color: #26a69a;
text-align: center;
letter-spacing: .5px;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
cursor: pointer;
}
.btn:hover,
.btn-large:hover,
.btn-small:hover {
background-color: #2bbbad;
}
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
background-color: #26a69a;
border-radius: 50%;
-webkit-transition: background-color .3s;
transition: background-color .3s;
cursor: pointer;
vertical-align: middle;
}
.btn-floating:hover {
background-color: #26a69a;
}
.btn-floating:before {
border-radius: 0;
}
.btn-floating.btn-large {
width: 56px;
height: 56px;
padding: 0;
}
.btn-floating.btn-large.halfway-fab {
bottom: -28px;
}
.btn-floating.btn-large i {
line-height: 56px;
}
.btn-floating.btn-small {
width: 32.4px;
height: 32.4px;
}
.btn-floating.btn-small.halfway-fab {
bottom: -16.2px;
}
.btn-floating.btn-small i {
line-height: 32.4px;
}
.btn-floating.halfway-fab {
position: absolute;
right: 24px;
bottom: -20px;
}
.btn-floating.halfway-fab.left {
right: auto;
left: 24px;
}
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 40px;
}
button.btn-floating {
border: none;
}
.fixed-action-btn {
position: fixed;
right: 23px;
bottom: 23px;
padding-top: 15px;
margin-bottom: 0;
z-index: 997;
}
.fixed-action-btn.active ul {
visibility: visible;
}
.fixed-action-btn.direction-left,
.fixed-action-btn.direction-right {
padding: 0 0 0 15px;
}
.fixed-action-btn.direction-left ul,
.fixed-action-btn.direction-right ul {
text-align: right;
right: 64px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
left: auto;
width: 500px;
}
.fixed-action-btn.direction-left ul li,
.fixed-action-btn.direction-right ul li {
display: inline-block;
margin: 7.5px 15px 0 0;
}
.fixed-action-btn.direction-right {
padding: 0 15px 0 0;
}
.fixed-action-btn.direction-right ul {
text-align: left;
direction: rtl;
left: 64px;
right: auto;
}
.fixed-action-btn.direction-right ul li {
margin: 7.5px 0 0 15px;
}
.fixed-action-btn.direction-bottom {
padding: 0 0 15px 0;
}
.fixed-action-btn.direction-bottom ul {
top: 64px;
bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.fixed-action-btn.direction-bottom ul li {
margin: 15px 0 0 0;
}
.fixed-action-btn.toolbar {
padding: 0;
height: 56px;
}
.fixed-action-btn.toolbar.active>a i {
opacity: 0;
}
.fixed-action-btn.toolbar ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
top: 0;
bottom: 0;
z-index: 1;
}
.fixed-action-btn.toolbar ul li {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
margin: 0;
height: 100%;
-webkit-transition: none;
transition: none;
}
.fixed-action-btn.toolbar ul li a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
line-height: 56px;
z-index: 1;
}
.fixed-action-btn.toolbar ul li a i {
line-height: inherit;
}
.fixed-action-btn ul {
left: 0;
right: 0;
text-align: center;
position: absolute;
bottom: 64px;
margin: 0;
visibility: hidden;
}
.fixed-action-btn ul li {
margin-bottom: 15px;
}
.fixed-action-btn ul a.btn-floating {
opacity: 0;
}
.fixed-action-btn .fab-backdrop {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 40px;
height: 40px;
background-color: #26a69a;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
}
.btn-flat {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
color: #343434;
cursor: pointer;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.btn-flat:focus,
.btn-flat:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-flat:focus {
background-color: rgba(0,0,0,0.1);
}
.btn-flat.disabled {
background-color: transparent !important;
color: #b3b2b2 !important;
cursor: default;
}
.btn-large {
height: 54px;
line-height: 54px;
font-size: 15px;
padding: 0 28px;
}
.btn-large i {
font-size: 1.6rem;
}
.btn-small {
height: 32.4px;
line-height: 32.4px;
font-size: 13px;
}
.btn-small i {
font-size: 1.2rem;
}
.btn-block {
display: block;
}
.dropdown-content {
background-color: #fff;
margin: 0;
display: none;
min-width: 100px;
overflow-y: auto;
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.dropdown-content:focus {
outline: 0;
}
.dropdown-content li {
clear: both;
color: rgba(0,0,0,0.87);
cursor: pointer;
min-height: 50px;
line-height: 1.5rem;
width: 100%;
text-align: left;
}
.dropdown-content li:hover,
.dropdown-content li.active {
background-color: #eee;
}
.dropdown-content li:focus {
outline: none;
background-color: #dadada;
}
.dropdown-content li.divider {
min-height: 0;
height: 1px;
}
.dropdown-content li>a,
.dropdown-content li>span {
font-size: 16px;
color: #26a69a;
display: block;
line-height: 22px;
padding: 14px 16px;
}
.dropdown-content li>span>label {
top: 1px;
left: 0;
height: 18px;
}
.dropdown-content li>a>i {
height: inherit;
line-height: inherit;
float: left;
margin: 0 24px 0 0;
width: 24px;
}
.input-field.col .dropdown-content [type="checkbox"]+label {
top: 1px;
left: 0;
height: 18px;
-webkit-transform: none;
transform: none;
}
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0,0,0,0.2);
-webkit-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: scale(0);
transform: scale(0);
pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255,255,255,0.45);
}
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244,67,54,0.7);
}
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255,235,59,0.7);
}
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255,152,0,0.7);
}
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156,39,176,0.7);
}
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76,175,80,0.7);
}
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0,150,136,0.7);
}
.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
border: 0;
font-style: normal;
font-size: inherit;
text-transform: inherit;
background: none;
}
.waves-effect img {
position: relative;
z-index: -1;
}
.waves-notransition {
-webkit-transition: none !important;
transition: none !important;
}
.waves-circle {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none;
}
.waves-block {
display: block;
}
.waves-effect .waves-ripple {
z-index: -1;
}
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #fafafa;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity;
}
@media only screen and (max-width: 992px) {
.modal {
width: 80%;
}
}
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
margin-top: 0;
}
.modal .modal-content {
padding: 24px;
}
.modal .modal-close {
cursor: pointer;
}
.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%;
text-align: right;
}
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-small,
.modal .modal-footer .btn-flat {
margin: 6px 0;
}
.modal-overlay {
position: fixed;
z-index: 999;
top: -25%;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity;
}
.modal.modal-fixed-footer {
padding: 0;
height: 70%;
}
.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0,0,0,0.1);
position: absolute;
bottom: 0;
}
.modal.bottom-sheet {
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 45%;
border-radius: 0;
will-change: bottom, opacity;
}
.collapsible {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: .5rem 0 1rem 0;
}
.collapsible-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
line-height: 1.5;
padding: 1rem;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.collapsible-header i {
width: 2rem;
font-size: 1.6rem;
display: inline-block;
text-align: center;
margin-right: 1rem;
}
.collapsible-body {
display: none;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2rem;
}
.sidenav .collapsible,
.sidenav.fixed .collapsible {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
padding: 0;
}
.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
height: inherit;
padding: 0 16px;
}
.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
background-color: rgba(0,0,0,0.05);
}
.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
line-height: inherit;
}
.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
border: 0;
background-color: #fff;
}
.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
padding: 0 23.5px 0 31px;
}
.collapsible.popout {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.collapsible.popout>li {
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
margin: 0 24px;
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout>li.active {
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
margin: 16px 0;
}
.chip {
display: inline-block;
height: 32px;
font-size: 13px;
font-weight: 500;
color: rgba(0,0,0,0.6);
line-height: 32px;
padding: 0 12px;
border-radius: 16px;
background-color: #e4e4e4;
margin-bottom: 5px;
margin-right: 5px;
}
.chip:focus {
outline: none;
background-color: #26a69a;
color: #fff;
}
.chip>img {
float: left;
margin: 0 8px 0 -12px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.chip .close {
cursor: pointer;
float: right;
font-size: 16px;
line-height: 32px;
padding-left: 8px;
}
.chips {
border: none;
border-bottom: 1px solid #9e9e9e;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 0 8px 0;
min-height: 45px;
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
}
.chips.focus {
border-bottom: 1px solid #26a69a;
-webkit-box-shadow: 0 1px 0 0 #26a69a;
box-shadow: 0 1px 0 0 #26a69a;
}
.chips:hover {
cursor: text;
}
.chips .input {
background: none;
border: 0;
color: rgba(0,0,0,0.6);
display: inline-block;
font-size: 16px;
height: 3rem;
line-height: 32px;
outline: 0;
margin: 0;
padding: 0 !important;
width: 120px !important;
}
.chips .input:focus {
border: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.chips .autocomplete-content {
margin-top: 0;
margin-bottom: 0;
}
.prefix ~ .chips {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem);
}
.chips:empty ~ label {
font-size: 0.8rem;
-webkit-transform: translateY(-140%);
transform: translateY(-140%);
}
.materialboxed {
display: block;
cursor: -webkit-zoom-in;
cursor: zoom-in;
position: relative;
-webkit-transition: opacity .4s;
transition: opacity .4s;
-webkit-backface-visibility: hidden;
}
.materialboxed:hover:not(.active) {
opacity: .8;
}
.materialboxed.active {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
#materialbox-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #292929;
z-index: 1000;
will-change: opacity;
}
.materialbox-caption {
position: fixed;
display: none;
color: #fff;
line-height: 50px;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 0% 15%;
height: 50px;
z-index: 1000;
-webkit-font-smoothing: antialiased;
}
.range-field {
position: relative;
}
.timepicker-modal {
max-width: 325px;
max-height: none;
}
.timepicker-container.modal-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
.text-primary {
color: #fff;
}
.timepicker-digital-display {
-webkit-box-flex: 1;
-webkit-flex: 1 auto;
-ms-flex: 1 auto;
flex: 1 auto;
background-color: #26a69a;
padding: 10px;
font-weight: 300;
font: -moz-workspace;
}
.timepicker-text-container {
font-size: 4rem;
font-weight: bold;
text-align: center;
color: rgba(255,255,255,0.6);
font-weight: 400;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
cursor: pointer;
margin-top: 10px;
}
.timepicker-span-hours {
margin-right: 3px;
}
.timepicker-span-minutes {
margin-left: 3px;
}
.timepicker-display-am-pm {
font-size: 1.3rem;
position: absolute;
right: 1rem;
bottom: 1rem;
font-weight: 400;
margin-top: 1.2rem;
}
.timepicker-analog-display {
-webkit-box-flex: 2.5;
-webkit-flex: 2.5 auto;
-ms-flex: 2.5 auto;
flex: 2.5 auto;
}
.timepicker-plate {
background-color: #eee;
border-radius: 50%;
width: 270px;
height: 270px;
overflow: visible;
position: relative;
margin: auto;
margin-top: 25px;
margin-bottom: 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.timepicker-canvas,
.timepicker-dial {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.timepicker-minutes {
visibility: hidden;
}
.timepicker-tick {
border-radius: 50%;
color: rgba(0,0,0,0.87);
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
position: absolute;
cursor: pointer;
font-size: 15px;
}
.timepicker-tick.active,
.timepicker-tick:hover {
background-color: rgba(38,166,154,0.25);
}
.timepicker-dial {
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
transition: opacity 350ms, -webkit-transform 350ms;
transition: transform 350ms, opacity 350ms;
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
}
.timepicker-dial-out {
opacity: 0;
}
.timepicker-dial-out.timepicker-hours {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.timepicker-dial-out.timepicker-minutes {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
.timepicker-canvas {
-webkit-transition: opacity 175ms;
transition: opacity 175ms;
}
.timepicker-canvas line {
stroke: #26a69a;
stroke-width: 4;
stroke-linecap: round;
}
.timepicker-canvas-out {
opacity: 0.25;
}
.timepicker-canvas-bearing {
stroke: none;
fill: #26a69a;
}
.timepicker-canvas-bg {
stroke: none;
fill: #26a69a;
}
.timepicker-footer {
margin: 0 auto;
padding: 5px 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.timepicker-clear {
color: #f44336;
}
.timepicker-close {
color: #26a69a;
}
.timepicker-clear,
.timepicker-close {
padding: 0 20px;
}
@media only screen and (min-width: 601px) {
.timepicker-modal {
max-width: 600px;
}
.timepicker-container.modal-content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.timepicker-text-container {
top: 32%;
}
.timepicker-display-am-pm {
position: relative;
right: auto;
bottom: auto;
text-align: center;
margin-top: 3.2rem;
}
}
.timepicker-modal {
top: 15% !important;
}
.theme_iris_blue .timepicker-close {
color: #00bcd4;
}
.theme_iris_blue .timepicker-canvas-bg {
fill: #00bcd4;
}
.theme_iris_blue .timepicker-canvas-bearing {
fill: #00bcd4;
}
.theme_iris_blue .timepicker-canvas line {
stroke: #00bcd4;
}
.theme_iris_blue .timepicker-digital-display {
background-color: #00bcd4;
}
.theme_sky_blue .timepicker-close {
color: #0366d6;
}
.theme_sky_blue .timepicker-canvas-bg {
fill: #0366d6;
}
.theme_sky_blue .timepicker-canvas-bearing {
fill: #0366d6;
}
.theme_sky_blue .timepicker-canvas line {
stroke: #0366d6;
}
.theme_sky_blue .timepicker-digital-display {
background-color: #0366d6;
}
.theme_parrot_green .timepicker-close {
color: #8bc34a;
}
.theme_parrot_green .timepicker-canvas-bg {
fill: #8bc34a;
}
.theme_parrot_green .timepicker-canvas-bearing {
fill: #8bc34a;
}
.theme_parrot_green .timepicker-canvas line {
stroke: #8bc34a;
}
.theme_parrot_green .timepicker-digital-display {
background-color: #8bc34a;
}
.theme_dark_gray .timepicker-close {
color: #212121;
}
.theme_dark_gray .timepicker-canvas-bg {
fill: #212121;
}
.theme_dark_gray .timepicker-canvas-bearing {
fill: #212121;
}
.theme_dark_gray .timepicker-canvas line {
stroke: #212121;
}
.theme_dark_gray .timepicker-digital-display {
background-color: #212121;
}
View source
- .btn,
- .btn-large,
- .btn-small,
- .btn-flat {
- border: none;
- border-radius: 2px;
- display: inline-block;
- height: 36px;
- line-height: 36px;
- padding: 0 16px;
- text-transform: uppercase;
- vertical-align: middle;
- -webkit-tap-highlight-color: transparent;
- }
-
- .btn.disabled,
- .disabled.btn-large,
- .disabled.btn-small,
- .btn-floating.disabled,
- .btn-large.disabled,
- .btn-small.disabled,
- .btn-flat.disabled,
- .btn:disabled,
- .btn-large:disabled,
- .btn-small:disabled,
- .btn-floating:disabled,
- .btn-large:disabled,
- .btn-small:disabled,
- .btn-flat:disabled,
- .btn[disabled],
- [disabled].btn-large,
- [disabled].btn-small,
- .btn-floating[disabled],
- .btn-large[disabled],
- .btn-small[disabled],
- .btn-flat[disabled] {
- pointer-events: none;
- background-color: #dfdfdf !important;
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #9f9f9f !important;
- cursor: default;
- }
-
- .btn.disabled:hover,
- .disabled.btn-large:hover,
- .disabled.btn-small:hover,
- .btn-floating.disabled:hover,
- .btn-large.disabled:hover,
- .btn-small.disabled:hover,
- .btn-flat.disabled:hover,
- .btn:disabled:hover,
- .btn-large:disabled:hover,
- .btn-small:disabled:hover,
- .btn-floating:disabled:hover,
- .btn-large:disabled:hover,
- .btn-small:disabled:hover,
- .btn-flat:disabled:hover,
- .btn[disabled]:hover,
- [disabled].btn-large:hover,
- [disabled].btn-small:hover,
- .btn-floating[disabled]:hover,
- .btn-large[disabled]:hover,
- .btn-small[disabled]:hover,
- .btn-flat[disabled]:hover {
- background-color: #dfdfdf !important;
- color: #9f9f9f !important;
- }
-
- .btn,
- .btn-large,
- .btn-small,
- .btn-floating,
- .btn-large,
- .btn-small,
- .btn-flat {
- font-size: 14px;
- outline: 0;
- }
-
- .btn i,
- .btn-large i,
- .btn-small i,
- .btn-floating i,
- .btn-large i,
- .btn-small i,
- .btn-flat i {
- font-size: 1.3rem;
- line-height: inherit;
- }
-
- .btn:focus,
- .btn-large:focus,
- .btn-small:focus,
- .btn-floating:focus {
- background-color: #1d7d74;
- }
-
- .btn,
- .btn-large,
- .btn-small {
- text-decoration: none;
- color: #fff;
- background-color: #26a69a;
- text-align: center;
- letter-spacing: .5px;
- -webkit-transition: background-color .2s ease-out;
- transition: background-color .2s ease-out;
- cursor: pointer;
- }
-
- .btn:hover,
- .btn-large:hover,
- .btn-small:hover {
- background-color: #2bbbad;
- }
-
- .btn-floating {
- display: inline-block;
- color: #fff;
- position: relative;
- overflow: hidden;
- z-index: 1;
- width: 40px;
- height: 40px;
- line-height: 40px;
- padding: 0;
- background-color: #26a69a;
- border-radius: 50%;
- -webkit-transition: background-color .3s;
- transition: background-color .3s;
- cursor: pointer;
- vertical-align: middle;
- }
-
- .btn-floating:hover {
- background-color: #26a69a;
- }
-
- .btn-floating:before {
- border-radius: 0;
- }
-
- .btn-floating.btn-large {
- width: 56px;
- height: 56px;
- padding: 0;
- }
-
- .btn-floating.btn-large.halfway-fab {
- bottom: -28px;
- }
-
- .btn-floating.btn-large i {
- line-height: 56px;
- }
-
- .btn-floating.btn-small {
- width: 32.4px;
- height: 32.4px;
- }
-
- .btn-floating.btn-small.halfway-fab {
- bottom: -16.2px;
- }
-
- .btn-floating.btn-small i {
- line-height: 32.4px;
- }
-
- .btn-floating.halfway-fab {
- position: absolute;
- right: 24px;
- bottom: -20px;
- }
-
- .btn-floating.halfway-fab.left {
- right: auto;
- left: 24px;
- }
-
- .btn-floating i {
- width: inherit;
- display: inline-block;
- text-align: center;
- color: #fff;
- font-size: 1.6rem;
- line-height: 40px;
- }
-
- button.btn-floating {
- border: none;
- }
-
- .fixed-action-btn {
- position: fixed;
- right: 23px;
- bottom: 23px;
- padding-top: 15px;
- margin-bottom: 0;
- z-index: 997;
- }
-
- .fixed-action-btn.active ul {
- visibility: visible;
- }
-
- .fixed-action-btn.direction-left,
- .fixed-action-btn.direction-right {
- padding: 0 0 0 15px;
- }
-
- .fixed-action-btn.direction-left ul,
- .fixed-action-btn.direction-right ul {
- text-align: right;
- right: 64px;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- height: 100%;
- left: auto;
- width: 500px;
- }
-
- .fixed-action-btn.direction-left ul li,
- .fixed-action-btn.direction-right ul li {
- display: inline-block;
- margin: 7.5px 15px 0 0;
- }
-
- .fixed-action-btn.direction-right {
- padding: 0 15px 0 0;
- }
-
- .fixed-action-btn.direction-right ul {
- text-align: left;
- direction: rtl;
- left: 64px;
- right: auto;
- }
-
- .fixed-action-btn.direction-right ul li {
- margin: 7.5px 0 0 15px;
- }
-
- .fixed-action-btn.direction-bottom {
- padding: 0 0 15px 0;
- }
-
- .fixed-action-btn.direction-bottom ul {
- top: 64px;
- bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -webkit-flex-direction: column-reverse;
- -ms-flex-direction: column-reverse;
- flex-direction: column-reverse;
- }
-
- .fixed-action-btn.direction-bottom ul li {
- margin: 15px 0 0 0;
- }
-
- .fixed-action-btn.toolbar {
- padding: 0;
- height: 56px;
- }
-
- .fixed-action-btn.toolbar.active>a i {
- opacity: 0;
- }
-
- .fixed-action-btn.toolbar ul {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- top: 0;
- bottom: 0;
- z-index: 1;
- }
-
- .fixed-action-btn.toolbar ul li {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- display: inline-block;
- margin: 0;
- height: 100%;
- -webkit-transition: none;
- transition: none;
- }
-
- .fixed-action-btn.toolbar ul li a {
- display: block;
- overflow: hidden;
- position: relative;
- width: 100%;
- height: 100%;
- background-color: transparent;
- -webkit-box-shadow: none;
- box-shadow: none;
- color: #fff;
- line-height: 56px;
- z-index: 1;
- }
-
- .fixed-action-btn.toolbar ul li a i {
- line-height: inherit;
- }
-
- .fixed-action-btn ul {
- left: 0;
- right: 0;
- text-align: center;
- position: absolute;
- bottom: 64px;
- margin: 0;
- visibility: hidden;
- }
-
- .fixed-action-btn ul li {
- margin-bottom: 15px;
- }
-
- .fixed-action-btn ul a.btn-floating {
- opacity: 0;
- }
-
- .fixed-action-btn .fab-backdrop {
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- width: 40px;
- height: 40px;
- background-color: #26a69a;
- border-radius: 50%;
- -webkit-transform: scale(0);
- transform: scale(0);
- }
-
- .btn-flat {
- -webkit-box-shadow: none;
- box-shadow: none;
- background-color: transparent;
- color: #343434;
- cursor: pointer;
- -webkit-transition: background-color .2s;
- transition: background-color .2s;
- }
-
- .btn-flat:focus,
- .btn-flat:hover {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- .btn-flat:focus {
- background-color: rgba(0,0,0,0.1);
- }
-
- .btn-flat.disabled {
- background-color: transparent !important;
- color: #b3b2b2 !important;
- cursor: default;
- }
-
- .btn-large {
- height: 54px;
- line-height: 54px;
- font-size: 15px;
- padding: 0 28px;
- }
-
- .btn-large i {
- font-size: 1.6rem;
- }
-
- .btn-small {
- height: 32.4px;
- line-height: 32.4px;
- font-size: 13px;
- }
-
- .btn-small i {
- font-size: 1.2rem;
- }
-
- .btn-block {
- display: block;
- }
-
- .dropdown-content {
- background-color: #fff;
- margin: 0;
- display: none;
- min-width: 100px;
- overflow-y: auto;
- opacity: 0;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 9999;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- }
-
- .dropdown-content:focus {
- outline: 0;
- }
-
- .dropdown-content li {
- clear: both;
- color: rgba(0,0,0,0.87);
- cursor: pointer;
- min-height: 50px;
- line-height: 1.5rem;
- width: 100%;
- text-align: left;
- }
-
- .dropdown-content li:hover,
- .dropdown-content li.active {
- background-color: #eee;
- }
-
- .dropdown-content li:focus {
- outline: none;
- background-color: #dadada;
- }
-
- .dropdown-content li.divider {
- min-height: 0;
- height: 1px;
- }
-
- .dropdown-content li>a,
- .dropdown-content li>span {
- font-size: 16px;
- color: #26a69a;
- display: block;
- line-height: 22px;
- padding: 14px 16px;
- }
-
- .dropdown-content li>span>label {
- top: 1px;
- left: 0;
- height: 18px;
- }
-
- .dropdown-content li>a>i {
- height: inherit;
- line-height: inherit;
- float: left;
- margin: 0 24px 0 0;
- width: 24px;
- }
-
- .input-field.col .dropdown-content [type="checkbox"]+label {
- top: 1px;
- left: 0;
- height: 18px;
- -webkit-transform: none;
- transform: none;
- }
- /*!
- * Waves v0.6.0
- * http://fian.my.id/Waves
- *
- * Copyright 2014 Alfiana E. Sibuea and other contributors
- * Released under the MIT license
- * https://github.com/fians/Waves/blob/master/LICENSE
- */.waves-effect {
- position: relative;
- cursor: pointer;
- display: inline-block;
- overflow: hidden;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-tap-highlight-color: transparent;
- vertical-align: middle;
- z-index: 1;
- -webkit-transition: .3s ease-out;
- transition: .3s ease-out;
- }
-
- .waves-effect .waves-ripple {
- position: absolute;
- border-radius: 50%;
- width: 20px;
- height: 20px;
- margin-top: -10px;
- margin-left: -10px;
- opacity: 0;
- background: rgba(0,0,0,0.2);
- -webkit-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- -webkit-transition-property: opacity, -webkit-transform;
- transition-property: opacity, -webkit-transform;
- transition-property: transform, opacity;
- transition-property: transform, opacity, -webkit-transform;
- -webkit-transform: scale(0);
- transform: scale(0);
- pointer-events: none;
- }
-
- .waves-effect.waves-light .waves-ripple {
- background-color: rgba(255,255,255,0.45);
- }
-
- .waves-effect.waves-red .waves-ripple {
- background-color: rgba(244,67,54,0.7);
- }
-
- .waves-effect.waves-yellow .waves-ripple {
- background-color: rgba(255,235,59,0.7);
- }
-
- .waves-effect.waves-orange .waves-ripple {
- background-color: rgba(255,152,0,0.7);
- }
-
- .waves-effect.waves-purple .waves-ripple {
- background-color: rgba(156,39,176,0.7);
- }
-
- .waves-effect.waves-green .waves-ripple {
- background-color: rgba(76,175,80,0.7);
- }
-
- .waves-effect.waves-teal .waves-ripple {
- background-color: rgba(0,150,136,0.7);
- }
-
- .waves-effect input[type="button"],
- .waves-effect input[type="reset"],
- .waves-effect input[type="submit"] {
- border: 0;
- font-style: normal;
- font-size: inherit;
- text-transform: inherit;
- background: none;
- }
-
- .waves-effect img {
- position: relative;
- z-index: -1;
- }
-
- .waves-notransition {
- -webkit-transition: none !important;
- transition: none !important;
- }
-
- .waves-circle {
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
- }
-
- .waves-input-wrapper {
- border-radius: 0.2em;
- vertical-align: bottom;
- }
-
- .waves-input-wrapper .waves-button-input {
- position: relative;
- top: 0;
- left: 0;
- z-index: 1;
- }
-
- .waves-circle {
- text-align: center;
- width: 2.5em;
- height: 2.5em;
- line-height: 2.5em;
- border-radius: 50%;
- -webkit-mask-image: none;
- }
-
- .waves-block {
- display: block;
- }
-
- .waves-effect .waves-ripple {
- z-index: -1;
- }
-
- .modal {
- display: none;
- position: fixed;
- left: 0;
- right: 0;
- background-color: #fafafa;
- padding: 0;
- max-height: 70%;
- width: 55%;
- margin: auto;
- overflow-y: auto;
- border-radius: 2px;
- will-change: top, opacity;
- }
-
- @media only screen and (max-width: 992px) {
- .modal {
- width: 80%;
- }
- }
-
- .modal h1,
- .modal h2,
- .modal h3,
- .modal h4 {
- margin-top: 0;
- }
-
- .modal .modal-content {
- padding: 24px;
- }
-
- .modal .modal-close {
- cursor: pointer;
- }
-
- .modal .modal-footer {
- border-radius: 0 0 2px 2px;
- background-color: #fafafa;
- padding: 4px 6px;
- height: 56px;
- width: 100%;
- text-align: right;
- }
-
- .modal .modal-footer .btn,
- .modal .modal-footer .btn-large,
- .modal .modal-footer .btn-small,
- .modal .modal-footer .btn-flat {
- margin: 6px 0;
- }
-
- .modal-overlay {
- position: fixed;
- z-index: 999;
- top: -25%;
- left: 0;
- bottom: 0;
- right: 0;
- height: 125%;
- width: 100%;
- background: #000;
- display: none;
- will-change: opacity;
- }
-
- .modal.modal-fixed-footer {
- padding: 0;
- height: 70%;
- }
-
- .modal.modal-fixed-footer .modal-content {
- position: absolute;
- height: calc(100% - 56px);
- max-height: 100%;
- width: 100%;
- overflow-y: auto;
- }
-
- .modal.modal-fixed-footer .modal-footer {
- border-top: 1px solid rgba(0,0,0,0.1);
- position: absolute;
- bottom: 0;
- }
-
- .modal.bottom-sheet {
- top: auto;
- bottom: -100%;
- margin: 0;
- width: 100%;
- max-height: 45%;
- border-radius: 0;
- will-change: bottom, opacity;
- }
-
- .collapsible {
- border-top: 1px solid #ddd;
- border-right: 1px solid #ddd;
- border-left: 1px solid #ddd;
- margin: .5rem 0 1rem 0;
- }
-
- .collapsible-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- cursor: pointer;
- -webkit-tap-highlight-color: transparent;
- line-height: 1.5;
- padding: 1rem;
- background-color: #fff;
- border-bottom: 1px solid #ddd;
- }
-
- .collapsible-header i {
- width: 2rem;
- font-size: 1.6rem;
- display: inline-block;
- text-align: center;
- margin-right: 1rem;
- }
-
- .collapsible-body {
- display: none;
- border-bottom: 1px solid #ddd;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 2rem;
- }
-
- .sidenav .collapsible,
- .sidenav.fixed .collapsible {
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- .sidenav .collapsible li,
- .sidenav.fixed .collapsible li {
- padding: 0;
- }
-
- .sidenav .collapsible-header,
- .sidenav.fixed .collapsible-header {
- background-color: transparent;
- border: none;
- line-height: inherit;
- height: inherit;
- padding: 0 16px;
- }
-
- .sidenav .collapsible-header:hover,
- .sidenav.fixed .collapsible-header:hover {
- background-color: rgba(0,0,0,0.05);
- }
-
- .sidenav .collapsible-header i,
- .sidenav.fixed .collapsible-header i {
- line-height: inherit;
- }
-
- .sidenav .collapsible-body,
- .sidenav.fixed .collapsible-body {
- border: 0;
- background-color: #fff;
- }
-
- .sidenav .collapsible-body li a,
- .sidenav.fixed .collapsible-body li a {
- padding: 0 23.5px 0 31px;
- }
-
- .collapsible.popout {
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- .collapsible.popout>li {
- -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
- box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
- margin: 0 24px;
- -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
- }
-
- .collapsible.popout>li.active {
- -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
- box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
- margin: 16px 0;
- }
-
- .chip {
- display: inline-block;
- height: 32px;
- font-size: 13px;
- font-weight: 500;
- color: rgba(0,0,0,0.6);
- line-height: 32px;
- padding: 0 12px;
- border-radius: 16px;
- background-color: #e4e4e4;
- margin-bottom: 5px;
- margin-right: 5px;
- }
-
- .chip:focus {
- outline: none;
- background-color: #26a69a;
- color: #fff;
- }
-
- .chip>img {
- float: left;
- margin: 0 8px 0 -12px;
- height: 32px;
- width: 32px;
- border-radius: 50%;
- }
-
- .chip .close {
- cursor: pointer;
- float: right;
- font-size: 16px;
- line-height: 32px;
- padding-left: 8px;
- }
-
- .chips {
- border: none;
- border-bottom: 1px solid #9e9e9e;
- -webkit-box-shadow: none;
- box-shadow: none;
- margin: 0 0 8px 0;
- min-height: 45px;
- outline: none;
- -webkit-transition: all .3s;
- transition: all .3s;
- }
-
- .chips.focus {
- border-bottom: 1px solid #26a69a;
- -webkit-box-shadow: 0 1px 0 0 #26a69a;
- box-shadow: 0 1px 0 0 #26a69a;
- }
-
- .chips:hover {
- cursor: text;
- }
-
- .chips .input {
- background: none;
- border: 0;
- color: rgba(0,0,0,0.6);
- display: inline-block;
- font-size: 16px;
- height: 3rem;
- line-height: 32px;
- outline: 0;
- margin: 0;
- padding: 0 !important;
- width: 120px !important;
- }
-
- .chips .input:focus {
- border: 0 !important;
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
- }
-
- .chips .autocomplete-content {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- .prefix ~ .chips {
- margin-left: 3rem;
- width: 92%;
- width: calc(100% - 3rem);
- }
-
- .chips:empty ~ label {
- font-size: 0.8rem;
- -webkit-transform: translateY(-140%);
- transform: translateY(-140%);
- }
-
- .materialboxed {
- display: block;
- cursor: -webkit-zoom-in;
- cursor: zoom-in;
- position: relative;
- -webkit-transition: opacity .4s;
- transition: opacity .4s;
- -webkit-backface-visibility: hidden;
- }
-
- .materialboxed:hover:not(.active) {
- opacity: .8;
- }
-
- .materialboxed.active {
- cursor: -webkit-zoom-out;
- cursor: zoom-out;
- }
-
- #materialbox-overlay {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- background-color: #292929;
- z-index: 1000;
- will-change: opacity;
- }
-
- .materialbox-caption {
- position: fixed;
- display: none;
- color: #fff;
- line-height: 50px;
- bottom: 0;
- left: 0;
- width: 100%;
- text-align: center;
- padding: 0% 15%;
- height: 50px;
- z-index: 1000;
- -webkit-font-smoothing: antialiased;
- }
-
- .range-field {
- position: relative;
- }
-
- .timepicker-modal {
- max-width: 325px;
- max-height: none;
- }
-
- .timepicker-container.modal-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- padding: 0;
- }
-
- .text-primary {
- color: #fff;
- }
-
- .timepicker-digital-display {
- -webkit-box-flex: 1;
- -webkit-flex: 1 auto;
- -ms-flex: 1 auto;
- flex: 1 auto;
- background-color: #26a69a;
- padding: 10px;
- font-weight: 300;
- font: -moz-workspace;
- }
-
- .timepicker-text-container {
- font-size: 4rem;
- font-weight: bold;
- text-align: center;
- color: rgba(255,255,255,0.6);
- font-weight: 400;
- position: relative;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
-
- .timepicker-span-hours,
- .timepicker-span-minutes,
- .timepicker-span-am-pm div {
- cursor: pointer;
- margin-top: 10px;
- }
-
- .timepicker-span-hours {
- margin-right: 3px;
- }
-
- .timepicker-span-minutes {
- margin-left: 3px;
- }
-
- .timepicker-display-am-pm {
- font-size: 1.3rem;
- position: absolute;
- right: 1rem;
- bottom: 1rem;
- font-weight: 400;
- margin-top: 1.2rem;
- }
-
- .timepicker-analog-display {
- -webkit-box-flex: 2.5;
- -webkit-flex: 2.5 auto;
- -ms-flex: 2.5 auto;
- flex: 2.5 auto;
- }
-
- .timepicker-plate {
- background-color: #eee;
- border-radius: 50%;
- width: 270px;
- height: 270px;
- overflow: visible;
- position: relative;
- margin: auto;
- margin-top: 25px;
- margin-bottom: 5px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
-
- .timepicker-canvas,
- .timepicker-dial {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- }
-
- .timepicker-minutes {
- visibility: hidden;
- }
-
- .timepicker-tick {
- border-radius: 50%;
- color: rgba(0,0,0,0.87);
- line-height: 40px;
- text-align: center;
- width: 40px;
- height: 40px;
- position: absolute;
- cursor: pointer;
- font-size: 15px;
- }
-
- .timepicker-tick.active,
- .timepicker-tick:hover {
- background-color: rgba(38,166,154,0.25);
- }
-
- .timepicker-dial {
- -webkit-transition: opacity 350ms, -webkit-transform 350ms;
- transition: opacity 350ms, -webkit-transform 350ms;
- transition: transform 350ms, opacity 350ms;
- transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
- }
-
- .timepicker-dial-out {
- opacity: 0;
- }
-
- .timepicker-dial-out.timepicker-hours {
- -webkit-transform: scale(1.1, 1.1);
- transform: scale(1.1, 1.1);
- }
-
- .timepicker-dial-out.timepicker-minutes {
- -webkit-transform: scale(0.8, 0.8);
- transform: scale(0.8, 0.8);
- }
-
- .timepicker-canvas {
- -webkit-transition: opacity 175ms;
- transition: opacity 175ms;
- }
-
- .timepicker-canvas line {
- stroke: #26a69a;
- stroke-width: 4;
- stroke-linecap: round;
- }
-
- .timepicker-canvas-out {
- opacity: 0.25;
- }
-
- .timepicker-canvas-bearing {
- stroke: none;
- fill: #26a69a;
- }
-
- .timepicker-canvas-bg {
- stroke: none;
- fill: #26a69a;
- }
-
- .timepicker-footer {
- margin: 0 auto;
- padding: 5px 1rem;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- }
-
- .timepicker-clear {
- color: #f44336;
- }
-
- .timepicker-close {
- color: #26a69a;
- }
-
- .timepicker-clear,
- .timepicker-close {
- padding: 0 20px;
- }
-
- @media only screen and (min-width: 601px) {
- .timepicker-modal {
- max-width: 600px;
- }
-
- .timepicker-container.modal-content {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- }
-
- .timepicker-text-container {
- top: 32%;
- }
-
- .timepicker-display-am-pm {
- position: relative;
- right: auto;
- bottom: auto;
- text-align: center;
- margin-top: 3.2rem;
- }
- }
-
- .timepicker-modal {
- top: 15% !important;
- }
-
- .theme_iris_blue .timepicker-close {
- color: #00bcd4;
- }
-
- .theme_iris_blue .timepicker-canvas-bg {
- fill: #00bcd4;
- }
-
- .theme_iris_blue .timepicker-canvas-bearing {
- fill: #00bcd4;
- }
-
- .theme_iris_blue .timepicker-canvas line {
- stroke: #00bcd4;
- }
-
- .theme_iris_blue .timepicker-digital-display {
- background-color: #00bcd4;
- }
-
- .theme_sky_blue .timepicker-close {
- color: #0366d6;
- }
-
- .theme_sky_blue .timepicker-canvas-bg {
- fill: #0366d6;
- }
-
- .theme_sky_blue .timepicker-canvas-bearing {
- fill: #0366d6;
- }
-
- .theme_sky_blue .timepicker-canvas line {
- stroke: #0366d6;
- }
-
- .theme_sky_blue .timepicker-digital-display {
- background-color: #0366d6;
- }
-
- .theme_parrot_green .timepicker-close {
- color: #8bc34a;
- }
-
- .theme_parrot_green .timepicker-canvas-bg {
- fill: #8bc34a;
- }
-
- .theme_parrot_green .timepicker-canvas-bearing {
- fill: #8bc34a;
- }
-
- .theme_parrot_green .timepicker-canvas line {
- stroke: #8bc34a;
- }
-
- .theme_parrot_green .timepicker-digital-display {
- background-color: #8bc34a;
- }
-
- .theme_dark_gray .timepicker-close {
- color: #212121;
- }
-
- .theme_dark_gray .timepicker-canvas-bg {
- fill: #212121;
- }
-
- .theme_dark_gray .timepicker-canvas-bearing {
- fill: #212121;
- }
-
- .theme_dark_gray .timepicker-canvas line {
- stroke: #212121;
- }
-
- .theme_dark_gray .timepicker-digital-display {
- background-color: #212121;
- }