.v-select {
    position: relative;
    font-family: inherit
}

.v-select,
.v-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vs__fade-enter-active,
.vs__fade-leave-active {
    pointer-events: none;
    -webkit-transition: opacity .15s cubic-bezier(1, .5, .8, 1);
    transition: opacity .15s cubic-bezier(1, .5, .8, 1)
}

.vs__fade-enter,
.vs__fade-leave-to {
    opacity: 0
}

.vs--disabled .vs__clear,
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__open-indicator,
.vs--disabled .vs__search,
.vs--disabled .vs__selected {
    cursor: not-allowed;
    background-color: #f8f8f8
}

.v-select[dir=rtl] .vs__actions {
    padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
    margin-left: 6px;
    margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
    margin-left: 0;
    margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
    text-align: right
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 0 4px;
    background: none;
    border: 1px solid #000;
    border-radius: 0px;
    white-space: normal
}

.vs__dropdown-toggle,
.vs__selected-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vs__selected-options {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative
}

.vs__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 6px 0 3px
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: rgba(60, 60, 60, .5);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855);
    transition: transform .15s cubic-bezier(1, -.115, .975, .855), -webkit-transform .15s cubic-bezier(1, -.115, .975, .855);
    -webkit-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
    transition-timing-function: cubic-bezier(1, -.115, .975, .855)
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1)
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: rgba(60, 60, 60, .5);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    margin-right: 8px
}

.vs__dropdown-menu {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    z-index: 1000;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    max-height: 350px;
    min-width: 160px;
    overflow-y: auto;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    border: 1px solid rgba(60, 60, 60, .26);
    border-top-style: none;
    border-radius: 0 0 4px 4px;
    text-align: left;
    list-style: none;
    background: #fff
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    line-height: 1.42857143;
    display: block;
    padding: 3px 20px;
    clear: both;
    color: #333;
    white-space: nowrap
}

.vs__dropdown-option:hover {
    cursor: pointer
}

.vs__dropdown-option--highlight {
    background: #5897fb;
    color: #fff
}

.vs__dropdown-option--disabled {
    background: inherit;
    color: rgba(60, 60, 60, .5)
}

.vs__dropdown-option--disabled:hover {
    cursor: inherit
}

.vs__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid rgba(60, 60, 60, .26);
    border-radius: 4px;
    color: #333;
    line-height: 1.4;
    margin: 4px 2px 0;
    padding: 0 .25em;
    z-index: 0
}

.vs__deselect {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 4px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    fill: rgba(60, 60, 60, .5);
    text-shadow: 0 1px 0 #fff
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--open .vs__selected {
    position: absolute;
    opacity: .4
}

.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search::-webkit-search-cancel-button {
    display: none
}

.vs__search::-ms-clear,
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search,
.vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.4;
    font-size: 1em;
    border: 1px solid transparent;
    border-left: none;
    outline: none;
    margin: 4px 0 0;
    padding: 0 7px;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    z-index: 1
}

.vs__search::-webkit-input-placeholder {
    color: inherit
}

.vs__search::-moz-placeholder {
    color: inherit
}

.vs__search:-ms-input-placeholder {
    color: inherit
}

.vs__search::-ms-input-placeholder {
    color: inherit
}

.vs__search::placeholder {
    color: inherit
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs__spinner {
    -ms-flex-item-align: center;
    align-self: center;
    opacity: 0;
    font-size: 5px;
    text-indent: -9999em;
    overflow: hidden;
    border: .9em solid hsla(0, 0%, 39.2%, .1);
    border-left-color: rgba(60, 60, 60, .45);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: vSelectSpinner 1.1s linear infinite;
    animation: vSelectSpinner 1.1s linear infinite;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.vs__spinner,
.vs__spinner:after {
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.vs--loading .vs__spinner {
    opacity: 1
}

.vue__time-picker {
    display: inline-block;
    position: relative;
    font-size: 1em;
    width: 10em;
    font-family: sans-serif;
    vertical-align: middle
}

.vue__time-picker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vue__time-picker input.display-time {
    border: 1px solid #d2d2d2;
    width: 10em;
    height: 2.2em;
    padding: .3em .5em;
    font-size: 1em
}

.vue__time-picker input.has-custom-icon {
    padding-left: 1.8em
}

.vue__time-picker input.display-time.invalid:not(.skip-error-style) {
    border-color: #c03;
    outline-color: #c03
}

.vue__time-picker input.display-time.disabled,
.vue__time-picker input.display-time:disabled {
    color: #d2d2d2
}

.vue__time-picker .controls {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    pointer-events: none
}

.vue__time-picker .controls>* {
    cursor: pointer;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .35em;
    color: #d2d2d2;
    line-height: 100%;
    font-style: normal;
    pointer-events: auto;
    -webkit-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s
}

.vue__time-picker .controls>:hover {
    color: #797979
}

.vue__time-picker .controls>:active,
.vue__time-picker .controls>:focus {
    outline: 0
}

.vue__time-picker .controls .char {
    font-size: 1.1em;
    line-height: 100%;
    -webkit-margin-before: -.15em
}

.vue__time-picker .custom-icon {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.vue__time-picker .controls img,
.vue__time-picker .controls svg,
.vue__time-picker .custom-icon img,
.vue__time-picker .custom-icon svg {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 0;
    outline: 0;
    max-width: 1em;
    height: auto
}

.vue__time-picker .time-picker-overlay {
    z-index: 4;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vue__time-picker-dropdown,
.vue__time-picker .dropdown {
    position: absolute;
    z-index: 5;
    top: calc(2.2em + 2px);
    left: 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    width: 10em;
    height: 10em;
    font-weight: 400
}

.vue__time-picker-dropdown {
    position: fixed;
    z-index: 100
}

.vue__time-picker-dropdown.drop-up,
.vue__time-picker .dropdown.drop-up {
    top: auto;
    bottom: calc(2.2em + 1px)
}

.vue__time-picker-dropdown .select-list,
.vue__time-picker .dropdown .select-list {
    width: 10em;
    height: 10em;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vue__time-picker-dropdown .select-list:active,
.vue__time-picker-dropdown .select-list:focus,
.vue__time-picker .dropdown .select-list:active,
.vue__time-picker .dropdown .select-list:focus {
    outline: 0
}

.vue__time-picker-dropdown ul,
.vue__time-picker .dropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0.00001px;
    flex: 1 1 0.00001px;
    overflow-x: hidden;
    overflow-y: auto
}

.vue__time-picker-dropdown ul.apms,
.vue__time-picker-dropdown ul.minutes,
.vue__time-picker-dropdown ul.seconds,
.vue__time-picker .dropdown ul.apms,
.vue__time-picker .dropdown ul.minutes,
.vue__time-picker .dropdown ul.seconds {
    border-left: 1px solid #fff
}

.vue__time-picker-dropdown ul li,
.vue__time-picker .dropdown ul li {
    list-style: none;
    text-align: center;
    padding: .3em 0;
    color: #161616
}

.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus,
.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover,
.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,
.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover {
    background: rgba(0, 0, 0, .08);
    color: #161616;
    cursor: pointer
}

.vue__time-picker-dropdown ul li:not([disabled]).active,
.vue__time-picker-dropdown ul li:not([disabled]).active:focus,
.vue__time-picker-dropdown ul li:not([disabled]).active:hover,
.vue__time-picker .dropdown ul li:not([disabled]).active,
.vue__time-picker .dropdown ul li:not([disabled]).active:focus,
.vue__time-picker .dropdown ul li:not([disabled]).active:hover {
    background: #41b883;
    color: #fff
}

.vue__time-picker-dropdown ul li[disabled],
.vue__time-picker-dropdown ul li[disabled]:hover,
.vue__time-picker .dropdown ul li[disabled],
.vue__time-picker .dropdown ul li[disabled]:hover {
    background: transparent;
    opacity: .3;
    cursor: not-allowed
}

.vue__time-picker-dropdown .hint,
.vue__time-picker .dropdown .hint {
    color: #a5a5a5;
    cursor: default;
    font-size: .8em
}

.vuecal__weekdays-headings {
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px
}

.vuecal--view-with-time .vuecal__weekdays-headings,
.vuecal--week-numbers .vuecal__weekdays-headings {
    padding-left: 3em
}

.vuecal--view-with-time.vuecal--twelve-hour .vuecal__weekdays-headings {
    font-size: .9em;
    padding-left: 4em
}

.vuecal--overflow-x.vuecal--view-with-time .vuecal__weekdays-headings {
    padding-left: 0
}

.vuecal__heading {
    width: 100%;
    height: 2.8em;
    font-weight: 400;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.vuecal__heading>.vuecal__flex {
    width: 100%;
    height: 100%;
    -webkit-box-align: initial !important;
    -ms-flex-align: initial !important;
    align-items: normal !important
}

.vuecal--sticky-split-labels .vuecal__heading {
    height: 3.4em
}

.vuecal--day-view .vuecal__heading,
.vuecal--month-view .vuecal__heading,
.vuecal--week-view .vuecal__heading {
    width: 14.2857%
}

.vuecal--hide-weekends.vuecal--day-view .vuecal__heading,
.vuecal--hide-weekends.vuecal--month-view .vuecal__heading,
.vuecal--hide-weekends.vuecal--week-view .vuecal__heading,
.vuecal--years-view .vuecal__heading {
    width: 20%
}

.vuecal--year-view .vuecal__heading {
    width: 33.33%
}

.vuecal__heading .weekday-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vuecal--small .vuecal__heading .small,
.vuecal--xsmall .vuecal__heading .xsmall {
    display: block
}

.vuecal--small .vuecal__heading .full,
.vuecal--small .vuecal__heading .xsmall,
.vuecal--xsmall .vuecal__heading .full,
.vuecal--xsmall .vuecal__heading .small,
.vuecal__heading .small,
.vuecal__heading .xsmall {
    display: none
}

.vuecal .vuecal__split-days-headers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:550px) {
    .vuecal__heading {
        line-height: 1.2
    }

    .vuecal--small .vuecal__heading .small,
    .vuecal--xsmall .vuecal__heading .xsmall,
    .vuecal__heading .small {
        display: block
    }

    .vuecal--small .vuecal__heading .full,
    .vuecal--small .vuecal__heading .xsmall,
    .vuecal--xsmall .vuecal__heading .full,
    .vuecal--xsmall .vuecal__heading .small,
    .vuecal__heading .full,
    .vuecal__heading .xsmall {
        display: none
    }

    .vuecal--overflow-x .vuecal__heading .full,
    .vuecal--small.vuecal--overflow-x .vuecal__heading .small,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall {
        display: block
    }

    .vuecal--overflow-x .vuecal__heading .small,
    .vuecal--overflow-x .vuecal__heading .xsmall,
    .vuecal--small.vuecal--overflow-x .vuecal__heading .full,
    .vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small {
        display: none
    }
}

@media screen and (max-width:450px) {

    .vuecal--small .vuecal__heading .xsmall,
    .vuecal--xsmall .vuecal__heading .xsmall,
    .vuecal__heading .xsmall {
        display: block
    }

    .vuecal--small .vuecal__heading .full,
    .vuecal--small .vuecal__heading .small,
    .vuecal--xsmall .vuecal__heading .full,
    .vuecal--xsmall .vuecal__heading .small,
    .vuecal__heading .full,
    .vuecal__heading .small {
        display: none
    }

    .vuecal--small.vuecal--overflow-x .vuecal__heading .small,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .xsmall {
        display: block
    }

    .vuecal--small.vuecal--overflow-x .vuecal__heading .full,
    .vuecal--small.vuecal--overflow-x .vuecal__heading .xsmall,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .full,
    .vuecal--xsmall.vuecal--overflow-x .vuecal__heading .small {
        display: none
    }
}

.vuecal__header button {
    outline: none;
    font-family: inherit
}

.vuecal__menu {
    padding: 0;
    margin: 0;
    list-style-type: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .02)
}

.vuecal__view-btn {
    background: none;
    border: none;
    padding: .3em 1em;
    height: 2.2em;
    font-size: 1.3em;
    border-bottom: 0 solid currentColor;
    cursor: pointer;
    color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s;
    transition: .2s
}

.vuecal__view-btn--active {
    border-bottom-width: 2px;
    background: hsla(0, 0%, 100%, .15)
}

.vuecal__title-bar {
    background-color: rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.4em;
    line-height: 1.3;
    min-height: 2em
}

.vuecal--xsmall .vuecal__title-bar {
    font-size: 1.3em
}

.vuecal__title {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vuecal__title button {
    cursor: pointer;
    background: none;
    border: none
}

.vuecal__title button.slide-fade--left-leave-active,
.vuecal__title button.slide-fade--right-leave-active {
    width: 100%
}

.vuecal__today-btn {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .8em;
    background: none;
    border: none
}

.vuecal__today-btn span.default {
    font-size: .8em;
    padding: 3px 6px;
    text-transform: uppercase;
    cursor: pointer
}

.vuecal__arrow {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: none;
    border: none;
    white-space: nowrap
}

.vuecal__arrow--prev {
    margin-left: .6em
}

.vuecal__arrow--next {
    margin-right: .6em
}

.vuecal__arrow i.angle {
    display: inline-block;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    padding: .25em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.vuecal__arrow--prev i.angle {
    border-width: 2px 0 0 2px
}

.vuecal__arrow--highlighted,
.vuecal__today-btn--highlighted,
.vuecal__view-btn--highlighted {
    position: relative;
    background-color: rgba(0, 0, 0, .04)
}

.vuecal__arrow--highlighted *,
.vuecal__today-btn--highlighted *,
.vuecal__view-btn--highlighted * {
    pointer-events: none
}

.vuecal__arrow--highlighted:after,
.vuecal__arrow--highlighted:before,
.vuecal__today-btn--highlighted:after,
.vuecal__today-btn--highlighted:before,
.vuecal__view-btn--highlighted:after,
.vuecal__view-btn--highlighted:before {
    content: "";
    background-color: inherit;
    -webkit-animation: sonar .8s ease-out infinite;
    animation: sonar .8s ease-out infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none
}

.vuecal__arrow--highlighted:before,
.vuecal__today-btn--highlighted:before,
.vuecal__view-btn--highlighted:before {
    width: 3em;
    height: 3em;
    border-radius: 3em;
    margin-top: -1.5em;
    margin-left: -1.5em
}

.vuecal__arrow--highlighted:after,
.vuecal__today-btn--highlighted:after,
.vuecal__view-btn--highlighted:after {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    width: 2.6em;
    height: 2.6em;
    border-radius: 2.6em;
    margin-top: -1.3em;
    margin-left: -1.3em
}

@-webkit-keyframes sonar {

    0%,
    20% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

@keyframes sonar {

    0%,
    20% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0
    }
}

@media screen and (max-width:450px) {
    .vuecal__title {
        font-size: .9em
    }

    .vuecal__view-btn {
        padding-left: .6em;
        padding-right: .6em
    }
}

@media screen and (max-width:350px) {
    .vuecal__view-btn {
        font-size: 1.1em
    }
}

.vuecal__event {
    color: #666;
    background-color: hsla(0, 0%, 97.3%, .8);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: left .3s, width .3s, -webkit-box-shadow .3s;
    transition: left .3s, width .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, left .3s, width .3s;
    transition: box-shadow .3s, left .3s, width .3s, -webkit-box-shadow .3s;
    overflow: hidden
}

.vuecal:not(.vuecal--dragging-event) .vuecal__event:hover {
    z-index: 2
}

.vuecal__cell .vuecal__event * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.vuecal--view-with-time .vuecal__event:not(.vuecal__event--all-day) {
    position: absolute
}

.vuecal--view-with-time .vuecal__bg .vuecal__event--all-day {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: .6;
    width: auto;
    right: 0
}

.vuecal--view-with-time .vuecal__all-day .vuecal__event--all-day {
    position: relative;
    left: 0
}

.vuecal__event--background {
    z-index: 0
}

.vuecal__event--focus,
.vuecal__event:focus {
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .2);
    z-index: 3;
    outline: none
}

.vuecal__event.vuecal__event--dragging {
    opacity: .7
}

.vuecal__event.vuecal__event--static {
    opacity: 0
}

@-moz-document url-prefix() {
    .vuecal__event.vuecal__event--dragging {
        opacity: 1
    }
}

.vuecal__event-resize-handle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1em;
    background-color: hsla(0, 0%, 100%, .3);
    opacity: 0;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: .3s;
    transition: .3s;
    cursor: ns-resize
}

.vuecal__event--focus .vuecal__event-resize-handle,
.vuecal__event:focus .vuecal__event-resize-handle,
.vuecal__event:hover .vuecal__event-resize-handle {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.vuecal__event--dragging .vuecal__event-resize-handle {
    display: none
}

.vuecal__event-delete {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.4em;
    line-height: 1.4em;
    background-color: rgba(221, 51, 51, .85);
    color: #fff;
    z-index: 0;
    cursor: pointer;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: .3s;
    transition: .3s
}

.vuecal--full-height-delete .vuecal__event-delete {
    height: auto;
    bottom: 0
}

.vuecal--full-height-delete .vuecal__event-delete:before {
    content: "";
    width: 1.7em;
    height: 1.8em;
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="m256 33c-124 0-224 100-224 224 0 124 100 224 224 224 124 0 224-100 224-224 0-124-100-224-224-224z m108 300c2 1 3 3 3 5 0 2-1 4-3 6l-21 21c-2 2-4 3-6 3-2 0-4-1-5-3l-76-75-75 76c-2 1-4 2-6 2-2 0-4-1-6-2l-21-22c-2-2-2-4-2-6 0-2 0-4 2-5l76-76-76-75c-3-3-3-9 0-12l21-21c2-2 4-3 6-3 2 0 4 1 5 3l76 74 76-74c1-2 3-3 5-3 3 0 5 1 6 3l22 21c3 3 3 9 0 12l-76 75z" transform="scale(0.046875 0.046875)" fill="%23fff" opacity="0.9"/></svg>')
}

.vuecal__event--deletable .vuecal__event-delete {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 1
}

.vuecal__event--deletable.vuecal__event--dragging .vuecal__event-delete {
    opacity: 0;
    -webkit-transition: none;
    transition: none
}

.vuecal--month-view .vuecal__event-title {
    font-size: .85em
}

.vuecal--short-events .vuecal__event-title {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 3px
}

.vuecal__event-content,
.vuecal__event-title {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.vuecal__event-title--edit {
    border-bottom: 1px solid transparent;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    color: inherit;
    background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="m163 440l-91-91 251-250 90 90z m309-352l-48-48c-12-11-32-11-45 2l-45 45 91 91 45-45c13-13 13-33 2-45z m-408 275l-32 117 117-32z" fill="%23000" opacity="0.4"/></svg>');
    background-repeat: no-repeat;
    background-position: 120% .15em;
    background-size: .4em;
    outline: none;
    width: 100%
}

.vuecal__event-title--edit:focus,
.vuecal__event-title--edit:hover {
    border-color: rgba(0, 0, 0, .4);
    background-position: 99% .15em;
    background-size: 1.2em
}

.vuecal__cell {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.vuecal__cells.month-view .vuecal__cell,
.vuecal__cells.week-view .vuecal__cell {
    width: 14.2857%
}

.vuecal--hide-weekends .vuecal__cells.month-view .vuecal__cell,
.vuecal--hide-weekends .vuecal__cells.week-view .vuecal__cell,
.vuecal__cells.years-view .vuecal__cell {
    width: 20%
}

.vuecal__cells.year-view .vuecal__cell {
    width: 33.33%
}

.vuecal__cells.day-view .vuecal__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cell {
    width: auto
}

.vuecal--click-to-navigate .vuecal__cell:not(.vuecal__cell--disabled) {
    cursor: pointer
}

.vuecal--day-view.vuecal--no-time .vuecal__cell,
.vuecal--view-with-time .vuecal__cell,
.vuecal--week-view.vuecal--no-time .vuecal__cell {
    display: block
}

.vuecal__cell.vuecal__cell--has-splits {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vuecal__cell:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: -1px;
    bottom: -1px;
    border: 1px solid #ddd
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cell:before {
    bottom: 0
}

.vuecal__cell--current,
.vuecal__cell--today {
    background-color: rgba(240, 240, 255, .4);
    z-index: 1
}

.vuecal__cell--selected {
    background-color: rgba(235, 255, 245, .4);
    z-index: 2
}

.vuecal--day-view .vuecal__cell--selected {
    background: none
}

.vuecal__cell--out-of-scope {
    color: #ccc
}

.vuecal__cell--disabled {
    color: #ccc;
    cursor: not-allowed
}

.vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
.vuecal__cell-split.vuecal__cell-split--highlighted {
    background-color: rgba(0, 0, 0, .04);
    -webkit-transition-duration: 5ms;
    transition-duration: 5ms
}

.vuecal__cell-content {
    position: relative;
    width: 100%;
    height: 100%;
    outline: none
}

.vuecal--month-view .vuecal__cell-content,
.vuecal--year-view .vuecal__cell-content,
.vuecal--years-view .vuecal__cell-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vuecal__cell-split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.vuecal__cell-events {
    width: 100%
}

.vuecal__cell-events-count {
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 12px;
    height: 12px;
    line-height: 12px;
    padding: 0 3px;
    background: #999;
    color: #fff;
    border-radius: 12px;
    font-size: 10px
}

.vuecal__cell-events-count,
.vuecal__cell .vuecal__special-hours {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vuecal__cell .vuecal__special-hours {
    left: 0;
    right: 0
}

.vuecal--overflow-x.vuecal--week-view .vuecal__cell,
.vuecal__cell-split {
    overflow: hidden
}

.vuecal__no-event {
    padding-top: 1em;
    color: #aaa;
    justify-self: flex-start;
    margin-bottom: auto
}

.vuecal__all-day .vuecal__no-event {
    display: none
}

.vuecal__now-line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    color: red;
    border-top: 1px solid currentColor;
    opacity: .6;
    z-index: 1
}

.vuecal__now-line:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    border: 5px solid transparent;
    border-left-color: currentColor
}

.vuecal {
    height: 100%;
    -webkit-box-shadow: 0 0 0 1px inset rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08)
}

.vuecal * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vuecal .clickable {
    cursor: pointer
}

.vuecal--resizing-event {
    cursor: ns-resize
}

.vuecal--dragging-event {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.vuecal .dragging-helper {
    position: absolute;
    width: 60px;
    height: 40px;
    background: rgba(138, 190, 230, .8);
    border: 1px solid #61a9e0;
    z-index: 10
}

.vuecal--xsmall {
    font-size: .9em
}

.vuecal__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.vuecal__flex[column] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vuecal__flex[column],
.vuecal__flex[grow] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.vuecal__flex[grow] {
    width: 100%
}

.vuecal__flex[wrap] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vuecal__split-days-headers.slide-fade--right-leave-active {
    display: none
}

.vuecal--week-numbers.vuecal--month-view .vuecal__split-days-headers {
    margin-left: 3em
}

.vuecal--day-view:not(.vuecal--overflow-x) .vuecal__split-days-headers {
    margin-left: 3em;
    height: 2.2em
}

.vuecal--day-view.vuecal--twelve-hour:not(.vuecal--overflow-x) .vuecal__split-days-headers {
    margin-left: 4em
}

.vuecal__split-days-headers .day-split-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vuecal__split-days-headers .vuecal--day-view.vuecal--overflow-x.vuecal--sticky-split-labels .day-split-header {
    height: 1.5em
}

.vuecal__body {
    position: relative;
    overflow: hidden
}

.vuecal__all-day {
    min-height: 1.7em;
    margin-bottom: -1px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vuecal__all-day>span {
    width: 3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    padding-right: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 1px solid #ddd;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.vuecal__all-day>span span {
    font-size: .85em;
    text-align: right;
    line-height: 1.1
}

.vuecal--twelve-hour .vuecal__all-day>span {
    width: 4em
}

.vuecal__bg {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    min-height: 60px;
    position: relative;
    width: 100%;
    margin-bottom: 1px
}

.vuecal--no-time .vuecal__bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: visible
}

.vuecal__week-numbers {
    width: 3em;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.vuecal__week-numbers .vuecal__week-number-cell {
    opacity: .4;
    font-size: .9em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vuecal__time-column {
    width: 3em;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vuecal--twelve-hour .vuecal__time-column {
    width: 4em;
    font-size: .9em
}

.vuecal--overflow-x.vuecal--week-view .vuecal__time-column {
    margin-top: 2.8em;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.vuecal--overflow-x.vuecal--week-view.vuecal--sticky-split-labels .vuecal__time-column {
    margin-top: 3.4em
}

.vuecal--overflow-x.vuecal--day-view.vuecal--sticky-split-labels .vuecal__time-column {
    margin-top: 1.5em
}

.vuecal__time-column .vuecal__time-cell {
    color: #999;
    text-align: right;
    padding-right: 2px;
    font-size: .9em
}

.vuecal__time-column .vuecal__time-cell .line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #eee
}

.vuecal__cells {
    margin: 0 1px 1px 0
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cells {
    margin: 0
}

.vuecal--events-on-month-view.vuecal--short-events .vuecal__cells {
    width: 99.9%
}

.vuecal--overflow-x.vuecal--day-view .vuecal__cells,
.vuecal--overflow-x.vuecal--week-view .vuecal__cells {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto
}

.slide-fade--left-enter-active,
.slide-fade--left-leave-active,
.slide-fade--right-enter-active,
.slide-fade--right-leave-active {
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out
}

.slide-fade--left-enter,
.slide-fade--right-leave-to {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0
}

.slide-fade--left-leave-to,
.slide-fade--right-enter {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    opacity: 0
}

.slide-fade--left-leave-active,
.slide-fade--right-leave-active {
    position: absolute !important;
    height: 100%
}

.vuecal__title-bar .slide-fade--left-leave-active,
.vuecal__title-bar .slide-fade--right-leave-active {
    left: 0;
    right: 0;
    height: auto
}

.vuecal__heading .slide-fade--left-leave-active,
.vuecal__heading .slide-fade--right-leave-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vuecal--green-theme .vuecal__cell-events-count,
.vuecal--green-theme .vuecal__menu {
    background-color: #42b983;
    color: #fff
}

.vuecal--green-theme .vuecal__title-bar {
    background-color: #e4f5ef
}

.vuecal--green-theme .vuecal__cell--current,
.vuecal--green-theme .vuecal__cell--today {
    background-color: rgba(240, 240, 255, .4)
}

.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected {
    background-color: rgba(235, 255, 245, .4)
}

.vuecal--green-theme .vuecal__cell--selected:before {
    border-color: rgba(66, 185, 131, .5)
}

.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
.vuecal--green-theme .vuecal__cell-split--highlighted {
    background-color: rgba(195, 255, 225, .5)
}

.vuecal--green-theme .vuecal__arrow--highlighted,
.vuecal--green-theme .vuecal__today-btn--highlighted,
.vuecal--green-theme .vuecal__view-btn--highlighted {
    background-color: rgba(136, 236, 191, .25)
}

.vuecal--blue-theme .vuecal__cell-events-count,
.vuecal--blue-theme .vuecal__menu {
    background-color: rgba(66, 163, 185, .8);
    color: #fff
}

.vuecal--blue-theme .vuecal__title-bar {
    background-color: rgba(0, 165, 188, .3)
}

.vuecal--blue-theme .vuecal__cell--current,
.vuecal--blue-theme .vuecal__cell--today {
    background-color: rgba(240, 240, 255, .4)
}

.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected {
    background-color: rgba(235, 253, 255, .4)
}

.vuecal--blue-theme .vuecal__cell--selected:before {
    border-color: rgba(115, 191, 204, .5)
}

.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
.vuecal--blue-theme .vuecal__cell-split--highlighted {
    background-color: rgba(0, 165, 188, .06)
}

.vuecal--blue-theme .vuecal__arrow--highlighted,
.vuecal--blue-theme .vuecal__today-btn--highlighted,
.vuecal--blue-theme .vuecal__view-btn--highlighted {
    background-color: rgba(66, 163, 185, .2)
}

.vuecal--rounded-theme .vuecal__weekdays-headings {
    border: none
}

.vuecal--rounded-theme .vuecal__cell,
.vuecal--rounded-theme:not(.vuecal--day-view) .vuecal__cell:before {
    background: none;
    border: none
}

.vuecal--rounded-theme .vuecal__cell.out-of-scope {
    opacity: .4
}

.vuecal--rounded-theme .vuecal__cell-content {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #333
}

.vuecal--rounded-theme.vuecal--day-view .vuecal__cell-content {
    width: auto;
    background: none
}

.vuecal--rounded-theme.vuecal--year-view .vuecal__cell {
    width: 33.33%
}

.vuecal--rounded-theme.vuecal--year-view .vuecal__cell-content {
    width: 85px
}

.vuecal--rounded-theme.vuecal--years-view .vuecal__cell-content {
    width: 52px
}

.vuecal--rounded-theme .vuecal__cell {
    background-color: transparent !important
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell-content {
    background-color: #f1faf7
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
    background-color: #42b983;
    color: #fff
}

.vuecal--rounded-theme.vuecal--green-theme .vuecal--day-view .vuecal__cell--today:before {
    background-color: rgba(66, 185, 131, .05)
}

.vuecal--rounded-theme.vuecal--green-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
    border-color: #42b983
}

.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
.vuecal--rounded-theme.vuecal--green-theme .vuecal__cell-split--highlighted {
    background-color: rgba(195, 255, 225, .5)
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell-content {
    background-color: rgba(100, 182, 255, .2)
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--today .vuecal__cell-content {
    background-color: #8fb7e4;
    color: #fff
}

.vuecal--rounded-theme.vuecal--blue-theme .vuecal--day-view .vuecal__cell--today:before {
    background-color: rgba(143, 183, 228, .1)
}

.vuecal--rounded-theme.vuecal--blue-theme:not(.vuecal--day-view) .vuecal__cell--selected .vuecal__cell-content {
    border-color: #61a9e0
}

.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell--highlighted:not(.vuecal__cell--has-splits),
.vuecal--rounded-theme.vuecal--blue-theme .vuecal__cell-split--highlighted {
    background-color: rgba(0, 165, 188, .06)
}

.iziToast-capsule {
    font-size: 0;
    height: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
    transition: height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1);
    transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1);
    transition: transform .5s cubic-bezier(.25, .8, .25, 1), height .5s cubic-bezier(.25, .8, .25, 1), -webkit-transform .5s cubic-bezier(.25, .8, .25, 1)
}

.iziToast-capsule,
.iziToast-capsule * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iziToast-overlay {
    display: block;
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    bottom: -100px;
    z-index: 997
}

.iziToast {
    display: inline-block;
    clear: both;
    position: relative;
    font-family: Lato, Tahoma, Arial;
    font-size: 14px;
    padding: 8px 45px 9px 0;
    background: hsla(0, 0%, 93.3%, .9);
    border-color: hsla(0, 0%, 93.3%, .9);
    width: 100%;
    pointer-events: all;
    cursor: default;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 54px
}

.iziToast>.iziToast-progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: hsla(0, 0%, 100%, .2)
}

.iziToast>.iziToast-progressbar>div {
    height: 2px;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    border-radius: 0 0 3px 3px
}

.iziToast.iziToast-balloon:before {
    content: "";
    position: absolute;
    right: 8px;
    left: auto;
    width: 0;
    height: 0;
    top: 100%;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-top: 10px solid #000;
    border-top-color: inherit;
    border-radius: 0
}

.iziToast.iziToast-balloon .iziToast-progressbar {
    top: 0;
    bottom: auto
}

.iziToast.iziToast-balloon>div {
    border-radius: 0 0 0 3px
}

.iziToast>.iziToast-cover {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .1)
}

.iziToast>.iziToast-close {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    padding: 0;
    opacity: .6;
    width: 42px;
    height: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 8px;
    cursor: pointer;
    outline: none
}

.iziToast>.iziToast-close:hover {
    opacity: 1
}

.iziToast>.iziToast-body {
    position: relative;
    padding: 0 0 0 10px;
    height: auto;
    min-height: 36px;
    margin: 0 0 0 15px;
    text-align: left
}

.iziToast>.iziToast-body:after {
    content: "";
    display: table;
    clear: both
}

.iziToast>.iziToast-body .iziToast-texts {
    margin: 10px 0 0 0;
    padding-right: 2px;
    display: inline-block;
    float: left
}

.iziToast>.iziToast-body .iziToast-inputs {
    min-height: 19px;
    float: left;
    margin: 3px -2px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),
.iziToast>.iziToast-body .iziToast-inputs>select {
    position: relative;
    display: inline-block;
    margin: 2px;
    border-radius: 2px;
    border: 0;
    padding: 4px 7px;
    font-size: 13px;
    letter-spacing: .02em;
    background: rgba(0, 0, 0, .1);
    color: #000;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    min-height: 26px
}

.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,
.iziToast>.iziToast-body .iziToast-inputs>select:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6)
}

.iziToast>.iziToast-body .iziToast-buttons {
    min-height: 17px;
    float: left;
    margin: 4px -2px
}

.iziToast>.iziToast-body .iziToast-buttons>a,
.iziToast>.iziToast-body .iziToast-buttons>button,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]) {
    position: relative;
    display: inline-block;
    margin: 2px;
    border-radius: 2px;
    border: 0;
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: .02em;
    cursor: pointer;
    background: rgba(0, 0, 0, .1);
    color: #000
}

.iziToast>.iziToast-body .iziToast-buttons>a:hover,
.iziToast>.iziToast-body .iziToast-buttons>button:hover,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover {
    background: rgba(0, 0, 0, .2)
}

.iziToast>.iziToast-body .iziToast-buttons>a:focus,
.iziToast>.iziToast-body .iziToast-buttons>button:focus,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6)
}

.iziToast>.iziToast-body .iziToast-buttons>a:active,
.iziToast>.iziToast-body .iziToast-buttons>button:active,
.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active {
    top: 1px
}

.iziToast>.iziToast-body .iziToast-icon {
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    display: table;
    font-size: 23px;
    line-height: 24px;
    margin-top: -12px;
    color: #000;
    width: 24px;
    height: 24px
}

.iziToast>.iziToast-body .iziToast-icon.ico-info {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-warning {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-error {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 80%
}

.iziToast>.iziToast-body .iziToast-icon.ico-success {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-icon.ico-question {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast>.iziToast-body .iziToast-title {
    padding: 0;
    margin: 0;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
    float: left;
    color: #000;
    white-space: normal
}

.iziToast>.iziToast-body .iziToast-message {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    float: left;
    color: rgba(0, 0, 0, .6);
    white-space: normal
}

.iziToast.iziToast-animateInside .iziToast-buttons-child,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-inputs-child,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-title {
    opacity: 0
}

.iziToast-target {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.iziToast-target .iziToast-capsule {
    overflow: hidden
}

.iziToast-target .iziToast-capsule:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.iziToast-target .iziToast-capsule .iziToast {
    width: 100%;
    float: left
}

.iziToast-wrapper {
    z-index: 99999;
    position: fixed;
    width: 100%;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.iziToast-wrapper .iziToast.iziToast-balloon:before {
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-top: 10px solid #000;
    border-top-color: inherit;
    right: 8px;
    left: auto
}

.iziToast-wrapper-bottomLeft {
    left: 0;
    bottom: 0;
    text-align: left
}

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
    border-right: 15px solid transparent;
    border-left: 0 solid transparent;
    right: auto;
    left: 8px
}

.iziToast-wrapper-bottomRight {
    right: 0;
    bottom: 0;
    text-align: right
}

.iziToast-wrapper-topLeft {
    left: 0;
    top: 0;
    text-align: left
}

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
    border-right: 15px solid transparent;
    border-left: 0 solid transparent;
    right: auto;
    left: 8px
}

.iziToast-wrapper-topRight {
    top: 0;
    right: 0;
    text-align: right
}

.iziToast-wrapper-topCenter {
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-bottomCenter,
.iziToast-wrapper-center {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.iziToast-wrapper-center {
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iziToast-rtl {
    direction: rtl;
    padding: 8px 0 9px 45px;
    font-family: Tahoma, Lato, Arial
}

.iziToast-rtl .iziToast-cover {
    left: auto;
    right: 0
}

.iziToast-rtl .iziToast-close {
    right: auto;
    left: 0
}

.iziToast-rtl .iziToast-body {
    padding: 0 10px 0 0;
    margin: 0 16px 0 0;
    text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-inputs,
.iziToast-rtl .iziToast-body .iziToast-message,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title {
    float: right;
    text-align: right
}

.iziToast-rtl .iziToast-body .iziToast-icon {
    left: auto;
    right: 0
}

@media only screen and (min-width:568px) {
    .iziToast-wrapper {
        padding: 10px 15px
    }

    .iziToast {
        margin: 5px 0;
        border-radius: 3px;
        width: auto
    }

    .iziToast:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25);
        box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1), 0 8px 8px -5px rgba(0, 0, 0, .25)
    }

    .iziToast:not(.iziToast-rtl) .iziToast-cover {
        border-radius: 3px 0 0 3px
    }

    .iziToast.iziToast-rtl .iziToast-cover {
        border-radius: 0 3px 3px 0
    }

    .iziToast.iziToast-color-dark:after {
        -webkit-box-shadow: inset 0 -10px 20px -10px hsla(0, 0%, 100%, .3), 0 10px 10px -5px rgba(0, 0, 0, .25);
        box-shadow: inset 0 -10px 20px -10px hsla(0, 0%, 100%, .3), 0 10px 10px -5px rgba(0, 0, 0, .25)
    }

    .iziToast.iziToast-balloon .iziToast-progressbar {
        background: transparent
    }

    .iziToast.iziToast-balloon:after {
        -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25);
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, .25), inset 0 10px 20px -5px rgba(0, 0, 0, .25)
    }

    .iziToast-target .iziToast:after {
        -webkit-box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, .2), inset 0 0 5px rgba(0, 0, 0, .1)
    }
}

.iziToast.iziToast-theme-dark {
    background: #565c70;
    border-color: #565c70
}

.iziToast.iziToast-theme-dark .iziToast-title {
    color: #fff
}

.iziToast.iziToast-theme-dark .iziToast-message {
    color: hsla(0, 0%, 100%, .7);
    font-weight: 300
}

.iziToast.iziToast-theme-dark .iziToast-close {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 8px
}

.iziToast.iziToast-theme-dark .iziToast-icon {
    color: #fff
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 80%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    background-size: 85%
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a,
.iziToast.iziToast-theme-dark .iziToast-buttons>button,
.iziToast.iziToast-theme-dark .iziToast-buttons>input {
    color: #fff;
    background: hsla(0, 0%, 100%, .1)
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover {
    background: hsla(0, 0%, 100%, .2)
}

.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus {
    -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .6);
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .6)
}

.iziToast.iziToast-color-red {
    background: rgba(255, 175, 180, .9);
    border-color: rgba(255, 175, 180, .9)
}

.iziToast.iziToast-color-orange {
    background: rgba(255, 207, 165, .9);
    border-color: rgba(255, 207, 165, .9)
}

.iziToast.iziToast-color-yellow {
    background: rgba(255, 249, 178, .9);
    border-color: rgba(255, 249, 178, .9)
}

.iziToast.iziToast-color-blue {
    background: rgba(157, 222, 255, .9);
    border-color: rgba(157, 222, 255, .9)
}

.iziToast.iziToast-color-green {
    background: rgba(166, 239, 184, .9);
    border-color: rgba(166, 239, 184, .9)
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,
.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts {
    width: 100%
}

.iziToast.iziToast-layout3 {
    border-radius: 2px
}

.iziToast.iziToast-layout3:after {
    display: none
}

.iziToast.revealIn,
.iziToast .revealIn {
    -webkit-animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both;
    animation: iziT-revealIn 1s cubic-bezier(.25, 1.6, .25, 1) both
}

.iziToast.slideIn,
.iziToast .slideIn {
    -webkit-animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both;
    animation: iziT-slideIn 1s cubic-bezier(.16, .81, .32, 1) both
}

.iziToast.bounceInLeft {
    -webkit-animation: iziT-bounceInLeft .7s ease-in-out both;
    animation: iziT-bounceInLeft .7s ease-in-out both
}

.iziToast.bounceInRight {
    -webkit-animation: iziT-bounceInRight .85s ease-in-out both;
    animation: iziT-bounceInRight .85s ease-in-out both
}

.iziToast.bounceInDown {
    -webkit-animation: iziT-bounceInDown .7s ease-in-out both;
    animation: iziT-bounceInDown .7s ease-in-out both
}

.iziToast.bounceInUp {
    -webkit-animation: iziT-bounceInUp .7s ease-in-out both;
    animation: iziT-bounceInUp .7s ease-in-out both
}

.iziToast.fadeIn,
.iziToast .fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast.fadeInUp {
    -webkit-animation: iziT-fadeInUp .7s ease both;
    animation: iziT-fadeInUp .7s ease both
}

.iziToast.fadeInDown {
    -webkit-animation: iziT-fadeInDown .7s ease both;
    animation: iziT-fadeInDown .7s ease both
}

.iziToast.fadeInLeft {
    -webkit-animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both;
    animation: iziT-fadeInLeft .85s cubic-bezier(.25, .8, .25, 1) both
}

.iziToast.fadeInRight {
    -webkit-animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both;
    animation: iziT-fadeInRight .85s cubic-bezier(.25, .8, .25, 1) both
}

.iziToast.flipInX {
    -webkit-animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both;
    animation: iziT-flipInX .85s cubic-bezier(.35, 0, .25, 1) both
}

.iziToast.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

.iziToast.fadeOutDown {
    -webkit-animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-fadeOutDown .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast.fadeOutUp {
    -webkit-animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-fadeOutUp .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast.fadeOutLeft {
    -webkit-animation: iziT-fadeOutLeft .5s ease both;
    animation: iziT-fadeOutLeft .5s ease both
}

.iziToast.fadeOutRight {
    -webkit-animation: iziT-fadeOutRight .5s ease both;
    animation: iziT-fadeOutRight .5s ease both
}

.iziToast.flipOutX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both;
    animation: iziT-flipOutX .7s cubic-bezier(.4, .45, .15, .91) both
}

.iziToast-overlay.fadeIn {
    -webkit-animation: iziT-fadeIn .5s ease both;
    animation: iziT-fadeIn .5s ease both
}

.iziToast-overlay.fadeOut {
    -webkit-animation: iziT-fadeOut .7s ease both;
    animation: iziT-fadeOut .7s ease both
}

@-webkit-keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }

    to {
        opacity: 1
    }
}

@keyframes iziT-revealIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    70% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
        transform: translateX(280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    70% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes iziT-bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    70% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes iziT-bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    70% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes iziT-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes iziT-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes iziT-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes iziT-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes iziT-fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes iziT-fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
}

@keyframes iziT-fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0)
    }
}

@-webkit-keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }
}

@keyframes iziT-fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0)
    }
}

@-webkit-keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes iziT-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}