/*!
* Datetimepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datetimepicker {
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
position: absolute;
}

.datetimepicker-inline {
width: 220px
}

.datetimepicker.datetimepicker-rtl {
direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
float: right
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
top: 0;
left: 0
}

[class*=" datetimepicker-dropdown"]:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute
}

[class*=" datetimepicker-dropdown"]:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute
}

[class*=" datetimepicker-dropdown-top"]:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
top: -7px;
right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
top: -6px;
right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
top: -7px;
left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
top: -6px;
left: 7px
}

.datetimepicker-dropdown-top-left:before {
bottom: -7px;
right: 6px
}

.datetimepicker-dropdown-top-left:after {
bottom: -6px;
right: 7px
}

.datetimepicker-dropdown-top-right:before {
bottom: -7px;
left: 6px
}

.datetimepicker-dropdown-top-right:after {
bottom: -6px;
left: 7px
}

.datetimepicker>div {
display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
display: block
}

.datetimepicker.hours div.datetimepicker-hours {
display: block
}

.datetimepicker.days div.datetimepicker-days {
display: block
}

.datetimepicker.months div.datetimepicker-months {
display: block
}

.datetimepicker.years div.datetimepicker-years {
display: block
}

.datetimepicker table {
margin: 0
}

.datetimepicker td,
.datetimepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
background-color: transparent
}

.datetimepicker table tr td.minute:hover {
background: #eee;
cursor: pointer
}

.datetimepicker table tr td.hour:hover {
background: #eee;
cursor: pointer
}

.datetimepicker table tr td.day:hover {
background: #eee;
cursor: pointer
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
color: #999
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
background: 0;
color: #999;
cursor: default
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
background-color: #fbf069
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -ms-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
background-color: #04c
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
background-color: #039
}

.datetimepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
height: 26px;
line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
margin-bottom: inherit;
line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
height: 26px;
line-height: 26px
}

.datetimepicker table tr td span:hover {
background: #eee
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
background: 0;
color: #999;
cursor: default
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -ms-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
background-color: #04c
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-color: #039
}

.datetimepicker table tr td span.old {
color: #999
}

.datetimepicker th.switch {
width: 145px
}

.datetimepicker th span.glyphicon {
pointer-events: none
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
cursor: pointer
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
background: #eee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
cursor: pointer;
width: 14px;
height: 14px
}

@-webkit-keyframes spinAround {
from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
}
}

@keyframes spinAround {
from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
}
}

.select:not(.is-multiple):not(.is-loading)::after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: .625em;
margin-top: -.4375em;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: center;
transform-origin: center;
width: .625em
}

.control.is-loading::after,
.select.is-loading::after {
-webkit-animation: spinAround .5s infinite linear;
animation: spinAround .5s infinite linear;
border: 2px solid #dbdbdb;
border-radius: 290486px;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: 1em;
width: 1em
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper,
.file-cta,
.file-name,
.input,
.select select,
.textarea {
-moz-appearance: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.25em;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(.375em - 1px);
padding-left: calc(.625em - 1px);
padding-right: calc(.625em - 1px);
padding-top: calc(.375em - 1px);
position: relative;
vertical-align: top
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:focus,
.datetimepicker-dummy .is-active.datetimepicker-dummy-wrapper,
.datetimepicker-dummy .is-focused.datetimepicker-dummy-wrapper,
.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.textarea,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
outline: 0
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled],
.datetimepicker-dummy fieldset[disabled] .datetimepicker-dummy-wrapper,
.file-cta[disabled],
.file-name[disabled],
.input[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
cursor: not-allowed
}

.input,
.textarea {
background-color: #fff;
border-color: #dbdbdb;
color: #363636;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
max-width: 100%;
width: 100%
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.input:-moz-placeholder,
.textarea:-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.input.is-hovered,
.input:hover,
.textarea.is-hovered,
.textarea:hover {
border-color: #b5b5b5
}

.input.is-active,
.input.is-focused,
.input:active,
.input:focus,
.textarea.is-active,
.textarea.is-focused,
.textarea:active,
.textarea:focus {
border-color: #3273dc;
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.input[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .textarea {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a
}

.input[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.input[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.input[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.input[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.input[readonly],
.textarea[readonly] {
box-shadow: none
}

.input.is-white,
.textarea.is-white {
border-color: #fff
}

.input.is-white.is-active,
.input.is-white.is-focused,
.input.is-white:active,
.input.is-white:focus,
.textarea.is-white.is-active,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white:focus {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.input.is-black,
.textarea.is-black {
border-color: #0a0a0a
}

.input.is-black.is-active,
.input.is-black.is-focused,
.input.is-black:active,
.input.is-black:focus,
.textarea.is-black.is-active,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black:focus {
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.input.is-light,
.textarea.is-light {
border-color: #f5f5f5
}

.input.is-light.is-active,
.input.is-light.is-focused,
.input.is-light:active,
.input.is-light:focus,
.textarea.is-light.is-active,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light:focus {
box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.input.is-dark,
.textarea.is-dark {
border-color: #363636
}

.input.is-dark.is-active,
.input.is-dark.is-focused,
.input.is-dark:active,
.input.is-dark:focus,
.textarea.is-dark.is-active,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark:focus {
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.input.is-primary,
.textarea.is-primary {
border-color: #00d1b2
}

.input.is-primary.is-active,
.input.is-primary.is-focused,
.input.is-primary:active,
.input.is-primary:focus,
.textarea.is-primary.is-active,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary:focus {
box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.input.is-link,
.textarea.is-link {
border-color: #3273dc
}

.input.is-link.is-active,
.input.is-link.is-focused,
.input.is-link:active,
.input.is-link:focus,
.textarea.is-link.is-active,
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link:focus {
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.input.is-info,
.textarea.is-info {
border-color: #209cee
}

.input.is-info.is-active,
.input.is-info.is-focused,
.input.is-info:active,
.input.is-info:focus,
.textarea.is-info.is-active,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info:focus {
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)
}

.input.is-success,
.textarea.is-success {
border-color: #23d160
}

.input.is-success.is-active,
.input.is-success.is-focused,
.input.is-success:active,
.input.is-success:focus,
.textarea.is-success.is-active,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success:focus {
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)
}

.input.is-warning,
.textarea.is-warning {
border-color: #ffdd57
}

.input.is-warning.is-active,
.input.is-warning.is-focused,
.input.is-warning:active,
.input.is-warning:focus,
.textarea.is-warning.is-active,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning:focus {
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)
}

.input.is-danger,
.textarea.is-danger {
border-color: #ff3860
}

.input.is-danger.is-active,
.input.is-danger.is-focused,
.input.is-danger:active,
.input.is-danger:focus,
.textarea.is-danger.is-active,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger:focus {
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)
}

.input.is-small,
.textarea.is-small {
border-radius: 2px;
font-size: .75rem
}

.input.is-medium,
.textarea.is-medium {
font-size: 1.25rem
}

.input.is-large,
.textarea.is-large {
font-size: 1.5rem
}

.input.is-fullwidth,
.textarea.is-fullwidth {
display: block;
width: 100%
}

.input.is-inline,
.textarea.is-inline {
display: inline;
width: auto
}

.input.is-rounded {
border-radius: 290486px;
padding-left: 1em;
padding-right: 1em
}

.input.is-static {
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding-left: 0;
padding-right: 0
}

.textarea {
display: block;
max-width: 100%;
min-width: 100%;
padding: .625em;
resize: vertical
}

.checkbox,
.radio,
.select {
display: inline-block;
position: relative
}

.textarea:not([rows]) {
max-height: 600px;
min-height: 120px
}

.textarea[rows] {
height: initial
}

.textarea.has-fixed-size {
resize: none
}

.checkbox,
.radio {
cursor: pointer;
line-height: 1.25
}

.checkbox input,
.radio input {
cursor: pointer
}

.checkbox:hover,
.radio:hover {
color: #363636
}

.checkbox[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color: #7a7a7a;
cursor: not-allowed
}

.radio+.radio {
margin-left: .5em
}

.select {
max-width: 100%;
vertical-align: top
}

.select:not(.is-multiple) {
height: 2.25em
}

.select:not(.is-multiple):not(.is-loading)::after {
border-color: #3273dc;
right: 1.125em;
z-index: 4
}

.select.is-rounded select {
border-radius: 290486px;
padding-left: 1em
}

.select select {
background-color: #fff;
border-color: #dbdbdb;
color: #363636;
cursor: pointer;
display: block;
font-size: 1em;
max-width: 100%;
outline: 0
}

.select select::-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.select select::-webkit-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.select select:-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.select select:-ms-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.select select.is-hovered,
.select select:hover {
border-color: #b5b5b5
}

.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus {
border-color: #3273dc;
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.select select[disabled],
fieldset[disabled] .select select {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a
}

.select select[disabled]::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.select select[disabled]::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.select select[disabled]:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.select select[disabled]:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.select select::-ms-expand {
display: none
}

.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: #f5f5f5
}

.select select:not([multiple]) {
padding-right: 2.5em
}

.select select[multiple] {
height: auto;
padding: 0
}

.select select[multiple] option {
padding: .5em 1em
}

.select:not(.is-multiple):not(.is-loading):hover::after {
border-color: #363636
}

.select.is-white select,
.select.is-white:not(:hover)::after {
border-color: #fff
}

.select.is-white select.is-hovered,
.select.is-white select:hover {
border-color: #f2f2f2
}

.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.select.is-black select,
.select.is-black:not(:hover)::after {
border-color: #0a0a0a
}

.select.is-black select.is-hovered,
.select.is-black select:hover {
border-color: #000
}

.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.select.is-light select,
.select.is-light:not(:hover)::after {
border-color: #f5f5f5
}

.select.is-light select.is-hovered,
.select.is-light select:hover {
border-color: #e8e8e8
}

.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.select.is-dark select,
.select.is-dark:not(:hover)::after {
border-color: #363636
}

.select.is-dark select.is-hovered,
.select.is-dark select:hover {
border-color: #292929
}

.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.select.is-primary select,
.select.is-primary:not(:hover)::after {
border-color: #00d1b2
}

.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color: #00b89c
}

.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.select.is-link select,
.select.is-link:not(:hover)::after {
border-color: #3273dc
}

.select.is-link select.is-hovered,
.select.is-link select:hover {
border-color: #2366d1
}

.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.select.is-info select,
.select.is-info:not(:hover)::after {
border-color: #209cee
}

.select.is-info select.is-hovered,
.select.is-info select:hover {
border-color: #118fe4
}

.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)
}

.select.is-success select,
.select.is-success:not(:hover)::after {
border-color: #23d160
}

.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color: #20bc56
}

.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)
}

.select.is-warning select,
.select.is-warning:not(:hover)::after {
border-color: #ffdd57
}

.select.is-warning select.is-hovered,
.select.is-warning select:hover {
border-color: #ffd83d
}

.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)
}

.select.is-danger select,
.select.is-danger:not(:hover)::after {
border-color: #ff3860
}

.select.is-danger select.is-hovered,
.select.is-danger select:hover {
border-color: #ff1f4b
}

.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)
}

.select.is-small {
border-radius: 2px;
font-size: .75rem
}

.select.is-medium {
font-size: 1.25rem
}

.select.is-large {
font-size: 1.5rem
}

.select.is-disabled::after {
border-color: #7a7a7a
}

.select.is-fullwidth,
.select.is-fullwidth select {
width: 100%
}

.select.is-loading::after {
margin-top: 0;
position: absolute;
right: .625em;
top: .625em;
-webkit-transform: none;
transform: none
}

.control,
.file,
.file-label {
position: relative
}

.select.is-loading.is-small:after {
font-size: .75rem
}

.select.is-loading.is-medium:after {
font-size: 1.25rem
}

.select.is-loading.is-large:after {
font-size: 1.5rem
}

.file {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
align-items: stretch;
display: flex;
justify-content: flex-start
}

.file.is-white .file-cta {
background-color: #fff;
border-color: transparent;
color: #0a0a0a
}

.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
background-color: #f9f9f9;
border-color: transparent;
color: #0a0a0a
}

.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 255, 255, .25);
color: #0a0a0a
}

.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
background-color: #f2f2f2;
border-color: transparent;
color: #0a0a0a
}

.file.is-black .file-cta {
background-color: #0a0a0a;
border-color: transparent;
color: #fff
}

.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
background-color: #040404;
border-color: transparent;
color: #fff
}

.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(10, 10, 10, .25);
color: #fff
}

.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
background-color: #000;
border-color: transparent;
color: #fff
}

.file.is-light .file-cta {
background-color: #f5f5f5;
border-color: transparent;
color: #363636
}

.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
background-color: #eee;
border-color: transparent;
color: #363636
}

.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(245, 245, 245, .25);
color: #363636
}

.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
background-color: #e8e8e8;
border-color: transparent;
color: #363636
}

.file.is-dark .file-cta {
background-color: #363636;
border-color: transparent;
color: #f5f5f5
}

.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
background-color: #2f2f2f;
border-color: transparent;
color: #f5f5f5
}

.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(54, 54, 54, .25);
color: #f5f5f5
}

.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
background-color: #292929;
border-color: transparent;
color: #f5f5f5
}

.file.is-primary .file-cta {
background-color: #00d1b2;
border-color: transparent;
color: #fff
}

.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color: #00c4a7;
border-color: transparent;
color: #fff
}

.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(0, 209, 178, .25);
color: #fff
}

.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color: #00b89c;
border-color: transparent;
color: #fff
}

.file.is-link .file-cta {
background-color: #3273dc;
border-color: transparent;
color: #fff
}

.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
background-color: #276cda;
border-color: transparent;
color: #fff
}

.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(50, 115, 220, .25);
color: #fff
}

.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
background-color: #2366d1;
border-color: transparent;
color: #fff
}

.file.is-info .file-cta {
background-color: #209cee;
border-color: transparent;
color: #fff
}

.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
background-color: #1496ed;
border-color: transparent;
color: #fff
}

.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(32, 156, 238, .25);
color: #fff
}

.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
background-color: #118fe4;
border-color: transparent;
color: #fff
}

.file.is-success .file-cta {
background-color: #23d160;
border-color: transparent;
color: #fff
}

.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color: #22c65b;
border-color: transparent;
color: #fff
}

.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(35, 209, 96, .25);
color: #fff
}

.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color: #20bc56;
border-color: transparent;
color: #fff
}

.file.is-warning .file-cta {
background-color: #ffdd57;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
background-color: #ffdb4a;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 221, 87, .25);
color: rgba(0, 0, 0, .7)
}

.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
background-color: #ffd83d;
border-color: transparent;
color: rgba(0, 0, 0, .7)
}

.file.is-danger .file-cta {
background-color: #ff3860;
border-color: transparent;
color: #fff
}

.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
background-color: #ff2b56;
border-color: transparent;
color: #fff
}

.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
border-color: transparent;
box-shadow: 0 0 .5em rgba(255, 56, 96, .25);
color: #fff
}

.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
background-color: #ff1f4b;
border-color: transparent;
color: #fff
}

.file.is-small {
font-size: .75rem
}

.file.is-medium {
font-size: 1.25rem
}

.file.is-medium .file-icon .fa {
font-size: 21px
}

.file.is-large {
font-size: 1.5rem
}

.file.is-large .file-icon .fa {
font-size: 28px
}

.file.has-name .file-cta {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}

.file.has-name .file-name {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}

.file.has-name.is-empty .file-cta {
border-radius: 4px
}

.file.has-name.is-empty .file-name {
display: none
}

.file.is-boxed .file-label {
flex-direction: column
}

.file.is-boxed .file-cta {
flex-direction: column;
height: auto;
padding: 1em 3em
}

.file.is-boxed .file-name {
border-width: 0 1px 1px
}

.file.is-boxed .file-icon {
height: 1.5em;
width: 1.5em
}

.file.is-boxed .file-icon .fa {
font-size: 21px
}

.file.is-boxed.is-small .file-icon .fa {
font-size: 14px
}

.file.is-boxed.is-medium .file-icon .fa {
font-size: 28px
}

.file.is-boxed.is-large .file-icon .fa {
font-size: 35px
}

.file.is-boxed.has-name .file-cta {
border-radius: 4px 4px 0 0
}

.file.is-boxed.has-name .file-name {
border-radius: 0 0 4px 4px;
border-width: 0 1px 1px
}

.file.is-centered {
justify-content: center
}

.file.is-fullwidth .file-label {
width: 100%
}

.file.is-fullwidth .file-name {
flex-grow: 1;
max-width: none
}

.file.is-right {
justify-content: flex-end
}

.file.is-right .file-cta {
border-radius: 0 4px 4px 0
}

.file.is-right .file-name {
border-radius: 4px 0 0 4px;
border-width: 1px 0 1px 1px;
order: -1
}

.file-label {
align-items: stretch;
display: flex;
cursor: pointer;
justify-content: flex-start;
overflow: hidden
}

.file-label:hover .file-cta {
background-color: #eee;
color: #363636
}

.file-label:hover .file-name {
border-color: #d5d5d5
}

.file-label:active .file-cta {
background-color: #e8e8e8;
color: #363636
}

.file-label:active .file-name {
border-color: #cfcfcf
}

.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: 0;
position: absolute;
top: 0;
width: 100%
}

.file-cta,
.file-name {
border-color: #dbdbdb;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap
}

.file-cta {
background-color: #f5f5f5;
color: #4a4a4a
}

.file-name {
border-color: #dbdbdb;
border-style: solid;
border-width: 1px 1px 1px 0;
display: block;
max-width: 16em;
overflow: hidden;
text-align: left;
text-overflow: ellipsis
}

.file-icon {
align-items: center;
display: flex;
height: 1em;
justify-content: center;
margin-right: .5em;
width: 1em
}

.label {
display: block
}

.file-icon .fa {
font-size: 14px
}

.label {
color: #363636;
font-size: 1rem;
font-weight: 700
}

.label:not(:last-child) {
margin-bottom: .5em
}

.label.is-small {
font-size: .75rem
}

.label.is-medium {
font-size: 1.25rem
}

.label.is-large {
font-size: 1.5rem
}

/* .help {
font-size: .75rem;
margin-top: .25rem
} */

.help.is-white {
color: #fff
}

.help.is-black {
color: #0a0a0a
}

.help.is-light {
color: #f5f5f5
}

.help.is-dark {
color: #363636
}

.help.is-primary {
color: #00d1b2
}

.help.is-link {
color: #3273dc
}

.help.is-info {
color: #209cee
}

.help.is-success {
color: #23d160
}

.help.is-warning {
color: #ffdd57
}

.help.is-danger {
color: #ff3860
}

.field:not(:last-child) {
margin-bottom: .75rem
}

.field.has-addons {
display: flex;
justify-content: flex-start
}

.field.has-addons .control:not(:last-child) {
margin-right: -1px
}

.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0
}

.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}

.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}

.field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover {
z-index: 2
}

.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus {
z-index: 3
}

.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover {
z-index: 4
}

.field.has-addons .control.is-expanded {
flex-grow: 1
}

.field.has-addons.has-addons-centered {
justify-content: center
}

.field.has-addons.has-addons-right {
justify-content: flex-end
}

.field.has-addons.has-addons-fullwidth .control {
flex-grow: 1;
flex-shrink: 0
}

.field.is-grouped {
display: flex;
justify-content: flex-start
}

.field.is-grouped>.control {
flex-shrink: 0
}

.field.is-grouped>.control:not(:last-child) {
margin-bottom: 0;
margin-right: .75rem
}

.field.is-grouped>.control.is-expanded {
flex-grow: 1;
flex-shrink: 1
}

.field.is-grouped.is-grouped-centered {
justify-content: center
}

.field.is-grouped.is-grouped-right {
justify-content: flex-end
}

.field.is-grouped.is-grouped-multiline {
flex-wrap: wrap
}

.field.is-grouped.is-grouped-multiline>.control:last-child,
.field.is-grouped.is-grouped-multiline>.control:not(:last-child) {
margin-bottom: .75rem
}

.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom: -.75rem
}

.field.is-grouped.is-grouped-multiline:not(:last-child) {
margin-bottom: 0
}

.field-label .label {
font-size: inherit
}

@media screen and (max-width:768px) {
.field-label {
    margin-bottom: .5rem
}
}

.field-body .field .field {
margin-bottom: 0
}

@media screen and (min-width:769px),
print {
.field.is-horizontal {
    display: flex
}

.field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right
}

.field-label.is-small {
    font-size: .75rem;
    padding-top: .375em
}

.field-label.is-normal {
    padding-top: .375em
}

.field-label.is-medium {
    font-size: 1.25rem;
    padding-top: .375em
}

.field-label.is-large {
    font-size: 1.5rem;
    padding-top: .375em
}

.field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1
}

.field-body .field {
    margin-bottom: 0
}

.field-body>.field {
    flex-shrink: 1
}

.field-body>.field:not(.is-narrow) {
    flex-grow: 1
}

.field-body>.field:not(:last-child) {
    margin-right: .75rem
}
}

.control {
box-sizing: border-box;
clear: both;
font-size: 1rem;
text-align: left
}

.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
color: #7a7a7a
}

.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
font-size: .75rem
}

.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
font-size: 1.25rem
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
font-size: 1.5rem
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
color: #dbdbdb;
height: 2.25em;
pointer-events: none;
position: absolute;
top: 0;
width: 2.25em;
z-index: 4
}

.control.has-icons-left .input,
.control.has-icons-left .select select {
padding-left: 2.25em
}

.control.has-icons-left .icon.is-left {
left: 0
}

.control.has-icons-right .input,
.control.has-icons-right .select select {
padding-right: 2.25em
}

.control.has-icons-right .icon.is-right {
right: 0
}

.control.is-loading::after {
position: absolute !important;
right: .625em;
top: .625em;
z-index: 4
}

.control.is-loading.is-small:after {
font-size: .75rem
}

.control.is-loading.is-medium:after {
font-size: 1.25rem
}

.control.is-loading.is-large:after {
font-size: 1.5rem
}

@-webkit-keyframes decrement-prev {
from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
}

@keyframes decrement-prev {
from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
}

@-webkit-keyframes decrement-next {
from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}
}

@keyframes decrement-next {
from {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}
}

@-webkit-keyframes increment-prev {
from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
}

@keyframes increment-prev {
from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
}

@-webkit-keyframes increment-next {
from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}
}

@keyframes increment-next {
from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}
}

.datetimepicker {
transition: width .8s cubic-bezier(1, -.55, .2, 1.37), opacity .2s ease, visibility .2s ease, margin .2s ease;
display: none;
background: #fff;
border-radius: 2px;
max-width: 320px;
z-index: 1;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
}

.datetimepicker.is-active {
display: block
}

.datetimepicker .datetimepicker-header {
display: flex;
flex-direction: column;
flex: 1;
text-align: left;
position: relative;
padding: .5rem 1rem;
font-size: 1rem;
box-shadow: 0 .2rem .2rem -.2rem rgba(10, 10, 10, .1)
}

.datetimepicker .datetimepicker-header.is-date-only {
flex-direction: row
}

.datetimepicker .datetimepicker-header.is-date-only .datetimepicker-selection-end .datetimepicker-selection-wrapper {
justify-content: flex-end !important
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-details {
flex: 1
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-from,
.datetimepicker .datetimepicker-header .datetimepicker-selection-to {
font-size: .65rem;
color: #b5b5b5;
text-transform: uppercase;
padding: 0
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start {
padding: 0;
display: flex;
flex: 1;
flex-direction: row
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-wrapper,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-wrapper {
flex-direction: row;
display: flex;
min-height: 2.5rem;
flex: 1 1 2rem
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-day,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-day {
flex: 0;
text-transform: capitalize;
font-size: 2rem;
line-height: 2.5rem;
margin-right: .5rem;
color: #00d1b2;
font-weight: 100
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-date,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-date {
font-size: .85rem;
line-height: .85rem;
justify-content: center;
display: flex;
flex-direction: column;
font-weight: 300
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-month,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-month {
color: #4a4a4a;
text-transform: capitalize
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-weekday,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-weekday {
font-size: .75em;
color: #b6b4b6;
text-transform: capitalize;
text-align: left
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour {
font-size: 1.5rem;
font-weight: 100;
flex: 1;
justify-content: center;
align-items: center;
text-align: center
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour.editable,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour.editable {
border: 1px solid #dcdcdc
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour.editable .datetimepicker-selection-input-hours,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour.editable .datetimepicker-selection-input-hours {
width: 31px;
font-size: 1.5rem;
font-weight: 100;
color: #4a4a4a;
border: 0;
text-align: right
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end .datetimepicker-selection-hour.editable .datetimepicker-selection-input-minutes,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start .datetimepicker-selection-hour.editable .datetimepicker-selection-input-minutes {
width: 31px;
font-size: 1.5rem;
font-weight: 100;
color: #4a4a4a;
border: 0;
margin-left: -5px
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start {
align-items: center
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-end.is-centered .datetimepicker-selection-wrapper,
.datetimepicker .datetimepicker-header .datetimepicker-selection-start.is-centered .datetimepicker-selection-wrapper {
justify-content: center;
align-items: center
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-time {
flex: 1;
display: flex
}

.datetimepicker .datetimepicker-header .datetimepicker-selection-time .datetimepicker-selection-time-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 0 1rem;
color: #b5b5b5
}

.datetimepicker .datepicker-nav {
background: #00d1b2;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
padding: .5em;
flex-direction: row
}

.datetimepicker .datepicker-nav .datepicker-nav-month-year {
flex-direction: row;
display: flex
}

.datetimepicker .datepicker-nav .datepicker-nav-month,
.datetimepicker .datepicker-nav .datepicker-nav-year {
text-decoration: none;
font-size: 1rem;
color: #fff
}

.datetimepicker .datepicker-nav .datepicker-nav-month:hover,
.datetimepicker .datepicker-nav .datepicker-nav-year:hover {
cursor: pointer
}

.datetimepicker .datepicker-nav .datepicker-nav-month {
text-transform: capitalize
}

.datetimepicker .datepicker-nav .datepicker-nav-year {
font-weight: 700
}

.datetimepicker .datepicker-nav .datepicker-nav-next,
.datetimepicker .datepicker-nav .datepicker-nav-previous {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
text-decoration: none;
color: #fff
}

.datetimepicker .datepicker-nav .datepicker-nav-next:hover,
.datetimepicker .datepicker-nav .datepicker-nav-previous:hover {
background-color: transparent
}

.datetimepicker .datepicker-nav .datepicker-nav-next:hover svg,
.datetimepicker .datepicker-nav .datepicker-nav-previous:hover svg {
stroke-width: 1em
}

.datetimepicker .datepicker-nav .datepicker-nav-next svg,
.datetimepicker .datepicker-nav .datepicker-nav-previous svg {
stroke: currentColor;
width: 11.25px;
height: .75rem
}

.datetimepicker .datepicker-body {
overflow: hidden
}

.datetimepicker .datepicker-body .datepicker-dates {
display: none
}

.datetimepicker .datepicker-body .datepicker-dates.is-active {
display: flex;
flex-direction: column
}

.datetimepicker .datepicker-body .datepicker-months,
.datetimepicker .datepicker-body .datepicker-years {
display: none
}

.datetimepicker .datepicker-body .datepicker-months.is-active,
.datetimepicker .datepicker-body .datepicker-years.is-active {
flex-direction: row;
display: flex
}

.datetimepicker .datepicker-body .datepicker-weekdays {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: .3rem 0;
background: 0 0;
color: #fff;
font-size: .75rem
}

.datetimepicker .datepicker-body .datepicker-weekdays .datepicker-date {
background: 0 0 !important;
color: #b5b5b5;
padding: .3rem
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
padding: 0;
color: #7a7a7a
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date {
background: #f5f5f5;
display: flex;
justify-content: center;
flex: 14.28571%;
margin: .1rem 0;
align-items: center
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: none;
border-radius: 25091983px;
color: #4a4a4a;
cursor: pointer;
height: 2.2rem;
outline: 0;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
transition: all .2s ease;
vertical-align: middle;
white-space: nowrap;
width: 2.2rem;
-webkit-animation: bounce-button-in .45s 0s cubic-bezier(.175, .885, .32, 1.275) forwards;
animation: bounce-button-in .45s 0s cubic-bezier(.175, .885, .32, 1.275) forwards
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
background: 0 0;
border: .1rem dotted #00d1b2;
color: #00d1b2
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:focus {
background: #fff;
border-color: #fff;
color: rgba(0, 0, 0, .7);
text-decoration: none
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #00d1b2;
border-color: #00d1b2;
border-radius: 25091983px;
color: #fff
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-highlighted {
border: .1rem solid #00d1b2
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
background: #fff;
border: .1rem solid #00d1b2;
color: rgba(0, 0, 0, .7);
text-decoration: none
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-current-month {
background: 0 0
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] {
background-color: #f5f5f5;
background-image: url(data:image/gif;base64,R0lGODlhBQAFAOMAAP/14////93uHt3uHt3uHt3uHv///////////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAFAAUAAAQL0ACAzpG0YnonNxEAOw==) !important
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .calendar-event,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.is-disabled .date-item,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] .calendar-event,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date[disabled] .date-item {
cursor: default;
opacity: .25;
pointer-events: none
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range {
position: relative;
background: #00d1b2;
z-index: 1
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border: .1rem solid #00d1b2;
color: #00d1b2;
box-shadow: 0 .2rem .2rem rgba(10, 10, 10, .1)
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start {
border-top-left-radius: 25091983px;
border-bottom-left-radius: 25091983px
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end {
border-top-right-radius: 25091983px;
border-bottom-right-radius: 25091983px
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #00d1b2;
color: #fff
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range-start.datepicker-range-end .date-item.is-today {
color: #00d1b2 !important
}

.datetimepicker .datepicker-body .datepicker-months,
.datetimepicker .datepicker-body .datepicker-years {
flex-direction: row;
flex-wrap: wrap;
padding: .5rem;
max-height: 17rem;
overflow-y: auto
}

.datetimepicker .datepicker-body .datepicker-months .datepicker-month,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year {
padding: .5rem;
margin: .5rem;
font-size: .75rem;
text-align: center;
flex: 1 25%;
text-transform: capitalize;
border-radius: 25091983px;
border: .1rem solid transparent
}

.datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month.is-active,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active {
background: #00d1b2;
border-color: #00d1b2;
color: #fff
}

.datetimepicker .datepicker-body .datepicker-months .datepicker-month:hover,
.datetimepicker .datepicker-body .datepicker-months .datepicker-year:hover,
.datetimepicker .datepicker-body .datepicker-years .datepicker-month:hover,
.datetimepicker .datepicker-body .datepicker-years .datepicker-year:hover {
cursor: pointer;
background: #fff;
border: .1rem solid #00d1b2;
color: rgba(0, 0, 0, .7)
}

.datetimepicker .datetimepicker-footer {
display: flex;
flex: 1;
justify-content: space-evenly;
margin: 0
}

.datetimepicker .datetimepicker-footer>* {
text-decoration: none !important
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container {
display: flex;
flex-direction: column
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container:after,
.datetimepicker.is-datetimepicker-default .datetimepicker-container:before {
bottom: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: .75rem;
margin-left: -.75rem
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container:before {
border-color: rgba(74, 74, 74, 0);
border-bottom-color: #4a4a4a;
border-width: .75rem;
margin-left: -.75rem
}

.datetimepicker.is-datetimepicker-default .datetimepicker-container.has-header-bottom {
flex-direction: column-reverse
}

.datetimepicker.is-large {
max-width: 100%
}

.datetimepicker.is-large .datepicker-body .datepicker-date {
border-bottom: .1rem solid #f5f5f5;
border-right: .1rem solid #f5f5f5;
display: flex;
flex-direction: column;
height: 11rem;
padding: 0
}

.datetimepicker.is-large .datepicker-body .datepicker-date:nth-child(7n) {
border-right: 0
}

.datetimepicker.is-large .datepicker-body .datepicker-date:nth-last-child(-n+7) {
border-bottom: 0
}

.datetimepicker.is-large .date-item {
align-self: flex-end;
height: 2.2rem;
margin-right: .5rem;
margin-top: .5rem
}

.datetimepicker.is-large .datepicker-range::before,
.datetimepicker.is-large .datepicker-range:before {
top: 1.9rem
}

.datetimepicker.is-large .datepicker-range.datepicker-range-start::before {
left: auto;
width: 1.9rem
}

.datetimepicker.is-large .datepicker-range.datepicker-range-end::before {
right: 1.9rem
}

.datetimepicker.is-large .datepicker-events {
flex-grow: 1;
line-height: 1;
overflow-y: auto;
padding: .5rem
}

.datetimepicker.is-large .datepicker-event {
background-color: #7a7a7a;
border-radius: 2px;
color: #fff;
display: block;
font-size: 1rem;
margin: .2rem auto;
overflow: hidden;
padding: .3rem .4rem;
text-align: left;
text-overflow: ellipsis;
vertical-align: baseline;
white-space: nowrap
}

.datetimepicker.is-large .datepicker-event.is-white {
background-color: #fff;
color: #0a0a0a
}

.datetimepicker.is-large .datepicker-event.is-black {
background-color: #0a0a0a;
color: #fff
}

.datetimepicker.is-large .datepicker-event.is-light {
background-color: #f5f5f5;
color: #363636
}

.datetimepicker.is-large .datepicker-event.is-dark {
background-color: #363636;
color: #f5f5f5
}

.datetimepicker.is-large .datepicker-event.is-primary {
background-color: #00d1b2;
color: #fff
}

.datetimepicker.is-large .datepicker-event.is-link {
background-color: #3273dc;
color: #fff
}

.datetimepicker.is-large .datepicker-event.is-info {
background-color: #209cee;
color: #fff
}

.datetimepicker.is-large .datepicker-event.is-success {
background-color: #23d160;
color: #fff
}

.datetimepicker.is-large .datepicker-event.is-warning {
background-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-large .datepicker-event.is-danger {
background-color: #ff3860;
color: #fff
}

.datetimepicker .timepicker {
display: flex;
flex-direction: row;
justify-content: center;
margin: auto
}

.datetimepicker .timepicker .timepicker-end,
.datetimepicker .timepicker .timepicker-start {
display: flex;
flex-direction: row;
flex: 1 50%;
justify-content: center;
position: relative
}

.datetimepicker .timepicker .timepicker-end .timepicker-hours,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes,
.datetimepicker .timepicker .timepicker-start .timepicker-hours,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes {
display: flex;
flex-direction: column;
align-items: center
}

.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input {
position: relative;
color: #00d1b2;
text-align: center;
overflow: hidden;
font-size: 2rem;
font-weight: 400
}

.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input .timepicker-input-number {
visability: hidden;
opacity: 0;
transition: opacity .1s ease-in
}

.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input.is-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input.is-input input {
visability: visible;
opacity: 1;
transition: opacity .1s ease-in
}

.datetimepicker .timepicker .timepicker-end .timepicker-hours .timepicker-input input,
.datetimepicker .timepicker .timepicker-end .timepicker-minutes .timepicker-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-hours .timepicker-input input,
.datetimepicker .timepicker .timepicker-start .timepicker-minutes .timepicker-input input {
width: 4rem;
margin: 0;
padding: 0;
position: relative;
z-index: 2;
box-shadow: none;
outline: 0;
border: none;
opacity: 0;
transition: opacity .1s ease-in
}

.datetimepicker .timepicker .timepicker-end .timepicker-input-number,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
visability: visible;
opacity: 1;
transition: opacity 1s ease-in;
font-weight: 300
}

.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-hide,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-hide {
opacity: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-animation: increment-prev .1s ease-in;
animation: increment-prev .1s ease-in
}

.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-increment-visible,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-increment-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation: increment-next .1s ease-out;
animation: increment-next .1s ease-out
}

.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-hide,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-hide {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-animation: decrement-prev .1s ease-in;
animation: decrement-prev .1s ease-in
}

.datetimepicker .timepicker .timepicker-end .timepicker-input-number.is-decrement-visible,
.datetimepicker .timepicker .timepicker-start .timepicker-input-number.is-decrement-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation: decrement-next .1s ease-out;
animation: decrement-next .1s ease-out
}

.datetimepicker .timepicker .timepicker-end {
margin-left: 1rem;
padding-left: 1rem
}

.datetimepicker .timepicker .timepicker-end::before,
.datetimepicker .timepicker .timepicker-end:before {
content: '';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 50%;
width: .1rem;
background-color: #f5f5f5
}

.datetimepicker .timepicker .timepicker-next,
.datetimepicker .timepicker .timepicker-previous {
line-height: 1rem;
display: block;
color: #ADBCDA;
text-align: center;
margin: 1rem 0 0;
font-size: 1rem;
padding: .5rem;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.datetimepicker .timepicker .timepicker-next:hover,
.datetimepicker .timepicker .timepicker-previous:hover {
cursor: pointer;
background-color: #f5f5f5
}

.datetimepicker .timepicker .timepicker-previous {
margin: 0 0 1rem
}

.datetimepicker .timepicker .timepicker-time-divider {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
color: #00d1b2
}

.datetimepicker.is-white .timepicker-input,
.datetimepicker.is-white .timepicker-input-number,
.datetimepicker.is-white .timepicker-time-divider {
color: #fff !important
}

.datetimepicker.is-black .timepicker-input,
.datetimepicker.is-black .timepicker-input-number,
.datetimepicker.is-black .timepicker-time-divider {
color: #0a0a0a !important
}

.datetimepicker.is-light .timepicker-input,
.datetimepicker.is-light .timepicker-input-number,
.datetimepicker.is-light .timepicker-time-divider {
color: #f5f5f5 !important
}

.datetimepicker.is-dark .timepicker-input,
.datetimepicker.is-dark .timepicker-input-number,
.datetimepicker.is-dark .timepicker-time-divider {
color: #363636 !important
}

.datetimepicker.is-primary .timepicker-input,
.datetimepicker.is-primary .timepicker-input-number,
.datetimepicker.is-primary .timepicker-time-divider {
color: #00d1b2 !important
}

.datetimepicker.is-link .timepicker-input,
.datetimepicker.is-link .timepicker-input-number,
.datetimepicker.is-link .timepicker-time-divider {
color: #3273dc !important
}

.datetimepicker.is-info .timepicker-input,
.datetimepicker.is-info .timepicker-input-number,
.datetimepicker.is-info .timepicker-time-divider {
color: #209cee !important
}

.datetimepicker.is-success .timepicker-input,
.datetimepicker.is-success .timepicker-input-number,
.datetimepicker.is-success .timepicker-time-divider {
color: #23d160 !important
}

.datetimepicker.is-warning .timepicker-input,
.datetimepicker.is-warning .timepicker-input-number,
.datetimepicker.is-warning .timepicker-time-divider {
color: #ffdd57 !important
}

.datetimepicker.is-danger .timepicker-input,
.datetimepicker.is-danger .timepicker-input-number,
.datetimepicker.is-danger .timepicker-time-divider {
color: #ff3860 !important
}

.datetimepicker.is-black-bis .timepicker-input,
.datetimepicker.is-black-bis .timepicker-input-number,
.datetimepicker.is-black-bis .timepicker-time-divider {
color: #121212 !important
}

.datetimepicker.is-black-ter .timepicker-input,
.datetimepicker.is-black-ter .timepicker-input-number,
.datetimepicker.is-black-ter .timepicker-time-divider {
color: #242424 !important
}

.datetimepicker.is-grey-darker .timepicker-input,
.datetimepicker.is-grey-darker .timepicker-input-number,
.datetimepicker.is-grey-darker .timepicker-time-divider {
color: #363636 !important
}

.datetimepicker.is-grey-dark .timepicker-input,
.datetimepicker.is-grey-dark .timepicker-input-number,
.datetimepicker.is-grey-dark .timepicker-time-divider {
color: #4a4a4a !important
}

.datetimepicker.is-grey .timepicker-input,
.datetimepicker.is-grey .timepicker-input-number,
.datetimepicker.is-grey .timepicker-time-divider {
color: #7a7a7a !important
}

.datetimepicker.is-grey-light .timepicker-input,
.datetimepicker.is-grey-light .timepicker-input-number,
.datetimepicker.is-grey-light .timepicker-time-divider {
color: #b5b5b5 !important
}

.datetimepicker.is-grey-lighter .timepicker-input,
.datetimepicker.is-grey-lighter .timepicker-input-number,
.datetimepicker.is-grey-lighter .timepicker-time-divider {
color: #dbdbdb !important
}

.datetimepicker.is-white-ter .timepicker-input,
.datetimepicker.is-white-ter .timepicker-input-number,
.datetimepicker.is-white-ter .timepicker-time-divider {
color: #f5f5f5 !important
}

.datetimepicker.is-white-bis .timepicker-input,
.datetimepicker.is-white-bis .timepicker-input-number,
.datetimepicker.is-white-bis .timepicker-time-divider {
color: #fafafa !important
}

.datetimepicker.is-white .datetimepicker-header .datetimepicker-selection-day {
color: #fff
}

.datetimepicker.is-white .datepicker-nav {
background: #fff;
color: #0a0a0a
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #fff;
border-color: #fff
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #fff;
color: #fff
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #fff
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #fff
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #fff;
color: #0a0a0a
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #0a0a0a !important;
color: #0a0a0a !important
}

.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-white .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #0a0a0a;
border-color: #fff;
color: #fff
}

.datetimepicker.is-black .datetimepicker-header .datetimepicker-selection-day {
color: #0a0a0a
}

.datetimepicker.is-black .datepicker-nav {
background: #0a0a0a;
color: #fff
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #0a0a0a;
border-color: #0a0a0a
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #0a0a0a;
color: #0a0a0a
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #0a0a0a
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #0a0a0a
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #0a0a0a;
color: #fff
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-black .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #0a0a0a;
color: #0a0a0a
}

.datetimepicker.is-light .datetimepicker-header .datetimepicker-selection-day {
color: #f5f5f5
}

.datetimepicker.is-light .datepicker-nav {
background: #f5f5f5;
color: #363636
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #f5f5f5;
border-color: #f5f5f5
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #f5f5f5;
color: #f5f5f5
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #f5f5f5
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #f5f5f5
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #f5f5f5;
color: #363636
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #363636 !important;
color: #363636 !important
}

.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #363636;
border-color: #f5f5f5;
color: #f5f5f5
}

.datetimepicker.is-dark .datetimepicker-header .datetimepicker-selection-day {
color: #363636
}

.datetimepicker.is-dark .datepicker-nav {
background: #363636;
color: #f5f5f5
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #363636;
border-color: #363636
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #363636;
color: #363636
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #363636
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #363636
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #363636;
color: #f5f5f5
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #f5f5f5 !important;
color: #f5f5f5 !important
}

.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #f5f5f5;
border-color: #363636;
color: #363636
}

.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day {
color: #00d1b2
}

.datetimepicker.is-primary .datepicker-nav {
background: #00d1b2;
color: #fff
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #00d1b2;
border-color: #00d1b2
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #00d1b2;
color: #00d1b2
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #00d1b2
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #00d1b2
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #00d1b2;
color: #fff
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #00d1b2;
color: #00d1b2
}

.datetimepicker.is-link .datetimepicker-header .datetimepicker-selection-day {
color: #3273dc
}

.datetimepicker.is-link .datepicker-nav {
background: #3273dc;
color: #fff
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #3273dc;
border-color: #3273dc
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #3273dc;
color: #3273dc
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #3273dc
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #3273dc
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #3273dc;
color: #fff
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-link .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #3273dc;
color: #3273dc
}

.datetimepicker.is-info .datetimepicker-header .datetimepicker-selection-day {
color: #209cee
}

.datetimepicker.is-info .datepicker-nav {
background: #209cee;
color: #fff
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #209cee;
border-color: #209cee
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #209cee;
color: #209cee
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #209cee
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #209cee
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #209cee;
color: #fff
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-info .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #209cee;
color: #209cee
}

.datetimepicker.is-success .datetimepicker-header .datetimepicker-selection-day {
color: #23d160
}

.datetimepicker.is-success .datepicker-nav {
background: #23d160;
color: #fff
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #23d160;
border-color: #23d160
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #23d160;
color: #23d160
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #23d160
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #23d160
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #23d160;
color: #fff
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-success .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #23d160;
color: #23d160
}

.datetimepicker.is-warning .datetimepicker-header .datetimepicker-selection-day {
color: #ffdd57
}

.datetimepicker.is-warning .datepicker-nav {
background: #ffdd57;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #ffdd57;
border-color: #ffdd57
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #ffdd57;
color: #ffdd57
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #ffdd57
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #ffdd57
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #ffdd57;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: rgba(0, 0, 0, .7) !important;
color: rgba(0, 0, 0, .7) !important
}

.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-warning .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: rgba(0, 0, 0, .7);
border-color: #ffdd57;
color: #ffdd57
}

.datetimepicker.is-danger .datetimepicker-header .datetimepicker-selection-day {
color: #ff3860
}

.datetimepicker.is-danger .datepicker-nav {
background: #ff3860;
color: #fff
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #ff3860;
border-color: #ff3860
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #ff3860;
color: #ff3860
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #ff3860
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #ff3860
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #ff3860;
color: #fff
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-danger .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #ff3860;
color: #ff3860
}

.datetimepicker.is-black-bis .datetimepicker-header .datetimepicker-selection-day {
color: #121212
}

.datetimepicker.is-black-bis .datepicker-nav {
background: #121212;
color: #fff
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #121212;
border-color: #121212
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #121212;
color: #121212
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #121212
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #121212
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #121212;
color: #fff
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-black-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #121212;
color: #121212
}

.datetimepicker.is-black-ter .datetimepicker-header .datetimepicker-selection-day {
color: #242424
}

.datetimepicker.is-black-ter .datepicker-nav {
background: #242424;
color: #fff
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #242424;
border-color: #242424
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #242424;
color: #242424
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #242424
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #242424
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #242424;
color: #fff
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-black-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #242424;
color: #242424
}

.datetimepicker.is-grey-darker .datetimepicker-header .datetimepicker-selection-day {
color: #363636
}

.datetimepicker.is-grey-darker .datepicker-nav {
background: #363636;
color: #fff
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #363636;
border-color: #363636
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #363636;
color: #363636
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #363636
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #363636
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #363636;
color: #fff
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-grey-darker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #363636;
color: #363636
}

.datetimepicker.is-grey-dark .datetimepicker-header .datetimepicker-selection-day {
color: #4a4a4a
}

.datetimepicker.is-grey-dark .datepicker-nav {
background: #4a4a4a;
color: #fff
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #4a4a4a;
border-color: #4a4a4a
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #4a4a4a;
color: #4a4a4a
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #4a4a4a
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #4a4a4a
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #4a4a4a;
color: #fff
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-grey-dark .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #4a4a4a;
color: #4a4a4a
}

.datetimepicker.is-grey .datetimepicker-header .datetimepicker-selection-day {
color: #7a7a7a
}

.datetimepicker.is-grey .datepicker-nav {
background: #7a7a7a;
color: #fff
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #7a7a7a;
border-color: #7a7a7a
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #7a7a7a;
color: #7a7a7a
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #7a7a7a
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #7a7a7a
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #7a7a7a;
color: #fff
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-grey .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #7a7a7a;
color: #7a7a7a
}

.datetimepicker.is-grey-light .datetimepicker-header .datetimepicker-selection-day {
color: #b5b5b5
}

.datetimepicker.is-grey-light .datepicker-nav {
background: #b5b5b5;
color: #fff
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #b5b5b5;
border-color: #b5b5b5
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #b5b5b5;
color: #b5b5b5
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #b5b5b5
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #b5b5b5
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #b5b5b5;
color: #fff
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: #fff !important;
color: #fff !important
}

.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-grey-light .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: #fff;
border-color: #b5b5b5;
color: #b5b5b5
}

.datetimepicker.is-grey-lighter .datetimepicker-header .datetimepicker-selection-day {
color: #dbdbdb
}

.datetimepicker.is-grey-lighter .datepicker-nav {
background: #dbdbdb;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #dbdbdb;
border-color: #dbdbdb
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #dbdbdb;
color: #dbdbdb
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #dbdbdb
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #dbdbdb
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #dbdbdb;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: rgba(0, 0, 0, .7) !important;
color: rgba(0, 0, 0, .7) !important
}

.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-grey-lighter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: rgba(0, 0, 0, .7);
border-color: #dbdbdb;
color: #dbdbdb
}

.datetimepicker.is-white-ter .datetimepicker-header .datetimepicker-selection-day {
color: #f5f5f5
}

.datetimepicker.is-white-ter .datepicker-nav {
background: #f5f5f5;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #f5f5f5;
border-color: #f5f5f5
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #f5f5f5;
color: #f5f5f5
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #f5f5f5
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #f5f5f5
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #f5f5f5;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: rgba(0, 0, 0, .7) !important;
color: rgba(0, 0, 0, .7) !important
}

.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-white-ter .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: rgba(0, 0, 0, .7);
border-color: #f5f5f5;
color: #f5f5f5
}

.datetimepicker.is-white-bis .datetimepicker-header .datetimepicker-selection-day {
color: #fafafa
}

.datetimepicker.is-white-bis .datepicker-nav {
background: #fafafa;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
background: #fafafa;
border-color: #fafafa
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
border-color: #fafafa;
color: #fafafa
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
border-color: #fafafa
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range,
.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range::before,
.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range:before {
background: #fafafa
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item {
background-color: #fafafa;
color: rgba(0, 0, 0, .7)
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range .date-item.is-today {
border-color: rgba(0, 0, 0, .7) !important;
color: rgba(0, 0, 0, .7) !important
}

.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-end .date-item,
.datetimepicker.is-white-bis .datepicker-body .datepicker-dates .datepicker-days .datepicker-date.datepicker-range.datepicker-range-start .date-item {
background: rgba(0, 0, 0, .7);
border-color: #fafafa;
color: #fafafa
}

.datetimepicker-dummy {
position: relative;
display: flex;
width: 100%;
height: 2.5rem
}

.datetimepicker-dummy .datetimepicker-clear-button {
background: 0 0;
border: 0;
color: #00d1b2;
cursor: pointer;
font-weight: 400;
outline: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: 1.5rem;
height: 1.75rem;
margin: .4rem .2rem 0 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 1.75rem
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper {
background-color: #fff;
border-color: #dbdbdb;
color: #363636;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
cursor: pointer;
display: flex;
flex: 1 100%;
flex-wrap: nowrap;
height: 100%;
max-width: 100%
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper::-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper::-webkit-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper:-moz-placeholder {
color: rgba(54, 54, 54, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper:-ms-input-placeholder {
color: rgba(54, 54, 54, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper.is-hovered,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:hover {
border-color: #b5b5b5
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:focus {
border-color: #3273dc;
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled],
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper {
background-color: #f5f5f5;
border-color: #f5f5f5;
box-shadow: none;
color: #7a7a7a
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled]::-moz-placeholder,
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper::-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled]::-webkit-input-placeholder,
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper::-webkit-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled]:-moz-placeholder,
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper:-moz-placeholder {
color: rgba(122, 122, 122, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[disabled]:-ms-input-placeholder,
fieldset[disabled] .datetimepicker-dummy .datetimepicker-dummy-wrapper:-ms-input-placeholder {
color: rgba(122, 122, 122, .3)
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper[readonly] {
box-shadow: none
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy .datetimepicker-dummy-wrapper:before {
content: '';
mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9ImN1cnJlbnRjb2xvciIgZD0iTTU3LDRoLTdWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIMTlWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIM0MyLjQ0Nyw0LDIsNC40NDcsMiw1djExdjQzYzAsMC41NTMsMC40NDcsMSwxLDFoNTRjMC41NTMsMCwxLTAuNDQ3LDEtMVYxNlY1QzU4LDQuNDQ3LDU3LjU1Myw0LDU3LDR6IE00MywyaDV2M3YzaC01VjVWMnogTTEyLDJoNXYzdjNoLTVWNVYyeiBNNCw2aDZ2M2MwLDAuNTUzLDAuNDQ3LDEsMSwxaDdjMC41NTMsMCwxLTAuNDQ3LDEtMVY2aDIydjNjMCwwLjU1MywwLjQ0NywxLDEsMWg3YzAuNTUzLDAsMS0wLjQ0NywxLTFWNmg2djlINFY2ek00LDU4VjE3aDUydjQxSDR6Ii8+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMzgsMjNoLTdoLTJoLTdoLTJoLTl2OXYydjd2MnY5aDloMmg3aDJoN2gyaDl2LTl2LTJ2LTd2LTJ2LTloLTlIMzh6TTMxLDI1aDd2N2gtN1YyNXpNMzgsNDFoLTd2LTdoN1Y0MXpNMjIsMzRoN3Y3aC03VjM0ek0yMiwyNWg3djdoLTdWMjV6TTEzLDI1aDd2N2gtN1YyNXpNMTMsMzRoN3Y3aC03VjM0ek0yMCw1MGgtN3YtN2g3VjUwek0yOSw1MGgtN3YtN2g3VjUweiBNMzgsNTBoLTd2LTdoN1Y1MHogTTQ3LDUwaC03di03aDdWNTB6IE00Nyw0MWgtN3YtN2g3VjQxek00NywyNXY3aC03di03SDQ3eiIvPjwvZz48L3N2Zz4=);
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9ImN1cnJlbnRjb2xvciIgZD0iTTU3LDRoLTdWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIMTlWMWMwLTAuNTUzLTAuNDQ3LTEtMS0xaC03Yy0wLjU1MywwLTEsMC40NDctMSwxdjNIM0MyLjQ0Nyw0LDIsNC40NDcsMiw1djExdjQzYzAsMC41NTMsMC40NDcsMSwxLDFoNTRjMC41NTMsMCwxLTAuNDQ3LDEtMVYxNlY1QzU4LDQuNDQ3LDU3LjU1Myw0LDU3LDR6IE00MywyaDV2M3YzaC01VjVWMnogTTEyLDJoNXYzdjNoLTVWNVYyeiBNNCw2aDZ2M2MwLDAuNTUzLDAuNDQ3LDEsMSwxaDdjMC41NTMsMCwxLTAuNDQ3LDEtMVY2aDIydjNjMCwwLjU1MywwLjQ0NywxLDEsMWg3YzAuNTUzLDAsMS0wLjQ0NywxLTFWNmg2djlINFY2ek00LDU4VjE3aDUydjQxSDR6Ii8+PHBhdGggZmlsbD0iY3VycmVudGNvbG9yIiBkPSJNMzgsMjNoLTdoLTJoLTdoLTJoLTl2OXYydjd2MnY5aDloMmg3aDJoN2gyaDl2LTl2LTJ2LTd2LTJ2LTloLTlIMzh6TTMxLDI1aDd2N2gtN1YyNXpNMzgsNDFoLTd2LTdoN1Y0MXpNMjIsMzRoN3Y3aC03VjM0ek0yMiwyNWg3djdoLTdWMjV6TTEzLDI1aDd2N2gtN1YyNXpNMTMsMzRoN3Y3aC03VjM0ek0yMCw1MGgtN3YtN2g3VjUwek0yOSw1MGgtN3YtN2g3VjUweiBNMzgsNTBoLTd2LTdoN1Y1MHogTTQ3LDUwaC03di03aDdWNTB6IE00Nyw0MWgtN3YtN2g3VjQxek00NywyNXY3aC03di03SDQ3eiIvPjwvZz48L3N2Zz4=);
position: absolute;
top: .65rem;
left: .75rem;
width: 1.25rem;
height: 1.25rem
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input {
color: #4a4a4a;
font-size: 1rem;
text-align: left;
text-indent: 1rem;
flex: 1;
height: 100%
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child {
text-indent: 2.5rem
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input.is-datetimepicker-range {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgOCAxOCI+CiAgICA8cGF0aCBmaWxsPSIjOTU5OUFBIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0uMTE5LjcxOGw3LjE1OCA3LjQwNy0uMDMzLS41NTEtNi43MzcgOC44ODlhLjQyNS40MjUgMCAwIDAgLjA4LjU5My40Mi40MiAwIDAgMCAuNTktLjA4bDYuNzM3LTguODg5YS40MjUuNDI1IDAgMCAwLS4wMzMtLjU1MUwuNzIzLjEyOEEuNDIuNDIgMCAwIDAgLjEyOC4xMmEuNDI1LjQyNSAwIDAgMC0uMDA5LjU5OHoiLz4KPC9zdmc+Cg==) 100%/8px no-repeat;
max-width: 50%
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper input {
background: 0 0;
outline: 0;
word-spacing: .5rem;
border: 0
}

.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-white::before,
.datetimepicker-dummy.is-white:before {
background-color: #fff
}

.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-white .datetimepicker-dummy-wrapper:focus {
border-color: #fff;
box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.datetimepicker-dummy.is-white .datetimepicker-clear-button {
color: #fff
}

.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-black::before,
.datetimepicker-dummy.is-black:before {
background-color: #0a0a0a
}

.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-black .datetimepicker-dummy-wrapper:focus {
border-color: #0a0a0a;
box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25)
}

.datetimepicker-dummy.is-black .datetimepicker-clear-button {
color: #0a0a0a
}

.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-light::before,
.datetimepicker-dummy.is-light:before {
background-color: #f5f5f5
}

.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-light .datetimepicker-dummy-wrapper:focus {
border-color: #f5f5f5;
box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25)
}

.datetimepicker-dummy.is-light .datetimepicker-clear-button {
color: #f5f5f5
}

.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-dark::before,
.datetimepicker-dummy.is-dark:before {
background-color: #363636
}

.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-dark .datetimepicker-dummy-wrapper:focus {
border-color: #363636;
box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25)
}

.datetimepicker-dummy.is-dark .datetimepicker-clear-button {
color: #363636
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-primary::before,
.datetimepicker-dummy.is-primary:before {
background-color: #00d1b2
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:focus {
border-color: #00d1b2;
box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25)
}

.datetimepicker-dummy.is-primary .datetimepicker-clear-button {
color: #00d1b2
}

.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-link::before,
.datetimepicker-dummy.is-link:before {
background-color: #3273dc
}

.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-link .datetimepicker-dummy-wrapper:focus {
border-color: #3273dc;
box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.datetimepicker-dummy.is-link .datetimepicker-clear-button {
color: #3273dc
}

.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-info::before,
.datetimepicker-dummy.is-info:before {
background-color: #209cee
}

.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-info .datetimepicker-dummy-wrapper:focus {
border-color: #209cee;
box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25)
}

.datetimepicker-dummy.is-info .datetimepicker-clear-button {
color: #209cee
}

.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-success::before,
.datetimepicker-dummy.is-success:before {
background-color: #23d160
}

.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-success .datetimepicker-dummy-wrapper:focus {
border-color: #23d160;
box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25)
}

.datetimepicker-dummy.is-success .datetimepicker-clear-button {
color: #23d160
}

.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-warning::before,
.datetimepicker-dummy.is-warning:before {
background-color: #ffdd57
}

.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-warning .datetimepicker-dummy-wrapper:focus {
border-color: #ffdd57;
box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25)
}

.datetimepicker-dummy.is-warning .datetimepicker-clear-button {
color: #ffdd57
}

.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper::before,
.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-danger::before,
.datetimepicker-dummy.is-danger:before {
background-color: #ff3860
}

.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper.is-active,
.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-danger .datetimepicker-dummy-wrapper:focus {
border-color: #ff3860;
box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25)
}

.datetimepicker-dummy.is-danger .datetimepicker-clear-button {
color: #ff3860
}

.datetimepicker-dummy.is-black-bis::before,
.datetimepicker-dummy.is-black-bis:before {
background-color: #121212
}

.datetimepicker-dummy.is-black-bis .datetimepicker-clear-button {
color: #121212
}

.datetimepicker-dummy.is-black-ter::before,
.datetimepicker-dummy.is-black-ter:before {
background-color: #242424
}

.datetimepicker-dummy.is-black-ter .datetimepicker-clear-button {
color: #242424
}

.datetimepicker-dummy.is-grey-darker::before,
.datetimepicker-dummy.is-grey-darker:before {
background-color: #363636
}

.datetimepicker-dummy.is-grey-darker .datetimepicker-clear-button {
color: #363636
}

.datetimepicker-dummy.is-grey-dark::before,
.datetimepicker-dummy.is-grey-dark:before {
background-color: #4a4a4a
}

.datetimepicker-dummy.is-grey-dark .datetimepicker-clear-button {
color: #4a4a4a
}

.datetimepicker-dummy.is-grey::before,
.datetimepicker-dummy.is-grey:before {
background-color: #7a7a7a
}

.datetimepicker-dummy.is-grey .datetimepicker-clear-button {
color: #7a7a7a
}

.datetimepicker-dummy.is-grey-light::before,
.datetimepicker-dummy.is-grey-light:before {
background-color: #b5b5b5
}

.datetimepicker-dummy.is-grey-light .datetimepicker-clear-button {
color: #b5b5b5
}

.datetimepicker-dummy.is-grey-lighter::before,
.datetimepicker-dummy.is-grey-lighter:before {
background-color: #dbdbdb
}

.datetimepicker-dummy.is-grey-lighter .datetimepicker-clear-button {
color: #dbdbdb
}

.datetimepicker-dummy.is-white-ter::before,
.datetimepicker-dummy.is-white-ter:before {
background-color: #f5f5f5
}

.datetimepicker-dummy.is-white-ter .datetimepicker-clear-button {
color: #f5f5f5
}

.datetimepicker-dummy.is-white-bis::before,
.datetimepicker-dummy.is-white-bis:before {
background-color: #fafafa
}

.datetimepicker-dummy.is-white-bis .datetimepicker-clear-button {
color: #fafafa
}

.datetimepicker-wrapper.modal .datetimepicker {
display: block;
max-height: 95vh;
width: 22rem;
max-width: 95vw;
overflow-y: auto
}