.novo-popup.novo-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 .625em #d9d9d9
}
    .center {
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100px;
      height: 100px;
      background-color: #ccc;
      border-radius: 3px;
    }
    .novo-popup.novo-toast .novo-header {
        flex-direction: row;
        padding: 0
    }

    .novo-popup.novo-toast .novo-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
    }

    .novo-popup.novo-toast .novo-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .novo-popup.novo-toast .novo-close {
        position: static;
        width: .8em;
        height: .8em;
        line-height: .8
    }

    .novo-popup.novo-toast .novo-content {
        justify-content: flex-start;
        padding: 0;
        font-size: 1em
    }

    .novo-popup.novo-toast .novo-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

        .novo-popup.novo-toast .novo-icon .novo-icon-content {
            display: flex;
            align-items: center;
            font-size: 1.8em;
            font-weight: 700
        }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .novo-popup.novo-toast .novo-icon .novo-icon-content {
        font-size: .25em
    }
}

.novo-popup.novo-toast .novo-icon.novo-success .novo-success-ring {
    width: 2em;
    height: 2em
}

.novo-popup.novo-toast .novo-icon.novo-error [class^=novo-x-mark-line] {
    top: .875em;
    width: 1.375em
}

    .novo-popup.novo-toast .novo-icon.novo-error [class^=novo-x-mark-line][class$=left] {
        left: .3125em
    }

    .novo-popup.novo-toast .novo-icon.novo-error [class^=novo-x-mark-line][class$=right] {
        right: .3125em
    }

.novo-popup.novo-toast .novo-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em;
    padding: 0
}

.novo-popup.novo-toast .novo-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

    .novo-popup.novo-toast .novo-styled:focus {
        box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(100,150,200,.5)
    }

.novo-popup.novo-toast .novo-success {
    border-color: #a5dc86
}

    .novo-popup.novo-toast .novo-success [class^=novo-success-circular-line] {
        position: absolute;
        width: 1.6em;
        height: 3em;
        transform: rotate(45deg);
        border-radius: 50%
    }

        .novo-popup.novo-toast .novo-success [class^=novo-success-circular-line][class$=left] {
            top: -.8em;
            left: -.5em;
            transform: rotate(-45deg);
            transform-origin: 2em 2em;
            border-radius: 4em 0 0 4em
        }

        .novo-popup.novo-toast .novo-success [class^=novo-success-circular-line][class$=right] {
            top: -.25em;
            left: .9375em;
            transform-origin: 0 1.5em;
            border-radius: 0 4em 4em 0
        }

    .novo-popup.novo-toast .novo-success .novo-success-ring {
        width: 2em;
        height: 2em
    }

    .novo-popup.novo-toast .novo-success .novo-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
    }

    .novo-popup.novo-toast .novo-success [class^=novo-success-line] {
        height: .3125em
    }

        .novo-popup.novo-toast .novo-success [class^=novo-success-line][class$=tip] {
            top: 1.125em;
            left: .1875em;
            width: .75em
        }

        .novo-popup.novo-toast .novo-success [class^=novo-success-line][class$=long] {
            top: .9375em;
            right: .1875em;
            width: 1.375em
        }

    .novo-popup.novo-toast .novo-success.novo-icon-show .novo-success-line-tip {
        -webkit-animation: novo-toast-animate-success-line-tip .75s;
        animation: novo-toast-animate-success-line-tip .75s
    }

    .novo-popup.novo-toast .novo-success.novo-icon-show .novo-success-line-long {
        -webkit-animation: novo-toast-animate-success-line-long .75s;
        animation: novo-toast-animate-success-line-long .75s
    }

.novo-popup.novo-toast.novo-show {
    -webkit-animation: novo-toast-show .5s;
    animation: novo-toast-show .5s
}

.novo-popup.novo-toast.novo-hide {
    -webkit-animation: novo-toast-hide .1s forwards;
    animation: novo-toast-hide .1s forwards
}

.novo-container {
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch;
}

    .novo-container.novo-backdrop-show, .novo-container.novo-noanimation {
        background: rgba(0,0,0,.4)
    }

    .novo-container.novo-backdrop-hide {
        background: 0 0 !important
    }

    .novo-container.novo-top {
        align-items: flex-start
    }

    .novo-container.novo-top-left, .novo-container.novo-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .novo-container.novo-top-end, .novo-container.novo-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .novo-container.novo-center {
        align-items: center
    }

    .novo-container.novo-center-left, .novo-container.novo-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .novo-container.novo-center-end, .novo-container.novo-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .novo-container.novo-bottom {
        align-items: flex-end
    }

    .novo-container.novo-bottom-left, .novo-container.novo-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .novo-container.novo-bottom-end, .novo-container.novo-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

        .novo-container.novo-bottom-end > :first-child, .novo-container.novo-bottom-left > :first-child, .novo-container.novo-bottom-right > :first-child, .novo-container.novo-bottom-start > :first-child, .novo-container.novo-bottom > :first-child {
            margin-top: auto
        }

    .novo-container.novo-grow-fullscreen > .novo-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .novo-container.novo-grow-row > .novo-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .novo-container.novo-grow-column {
        flex: 1;
        flex-direction: column
    }

        .novo-container.novo-grow-column.novo-bottom, .novo-container.novo-grow-column.novo-center, .novo-container.novo-grow-column.novo-top {
            align-items: center
        }

        .novo-container.novo-grow-column.novo-bottom-left, .novo-container.novo-grow-column.novo-bottom-start, .novo-container.novo-grow-column.novo-center-left, .novo-container.novo-grow-column.novo-center-start, .novo-container.novo-grow-column.novo-top-left, .novo-container.novo-grow-column.novo-top-start {
            align-items: flex-start
        }

        .novo-container.novo-grow-column.novo-bottom-end, .novo-container.novo-grow-column.novo-bottom-right, .novo-container.novo-grow-column.novo-center-end, .novo-container.novo-grow-column.novo-center-right, .novo-container.novo-grow-column.novo-top-end, .novo-container.novo-grow-column.novo-top-right {
            align-items: flex-end
        }

        .novo-container.novo-grow-column > .novo-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center
        }

    .novo-container.novo-no-transition {
        transition: none !important
    }

    .novo-container:not(.novo-top):not(.novo-top-start):not(.novo-top-end):not(.novo-top-left):not(.novo-top-right):not(.novo-center-start):not(.novo-center-end):not(.novo-center-left):not(.novo-center-right):not(.novo-bottom):not(.novo-bottom-start):not(.novo-bottom-end):not(.novo-bottom-left):not(.novo-bottom-right):not(.novo-grow-fullscreen) > .novo-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .novo-container .novo-modal {
        margin: 0 !important
    }
}

.novo-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

    .novo-popup:focus {
        outline: 0
    }

    .novo-popup.novo-loading {
        overflow-y: hidden
    }

.novo-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.8em
}

.novo-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.novo-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
    padding: 0 1.6em
}

    .novo-actions:not(.novo-loading) .novo-styled[disabled] {
        opacity: .4
    }

    .novo-actions:not(.novo-loading) .novo-styled:hover {
        background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
    }

    .novo-actions:not(.novo-loading) .novo-styled:active {
        background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
    }

.novo-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    -webkit-animation: novo-rotate-loading 1.5s linear 0s infinite normal;
    animation: novo-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent #2778c4 transparent
}

.novo-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    box-shadow: none;
    font-weight: 500
}

    .novo-styled:not([disabled]) {
        cursor: pointer
    }

    .novo-styled.novo-confirm {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #2778c4;
        color: #fff;
        font-size: 1.0625em
    }

    .novo-styled.novo-deny {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #d14529;
        color: #fff;
        font-size: 1.0625em
    }

    .novo-styled.novo-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #757575;
        color: #fff;
        font-size: 1.0625em
    }

    .novo-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 3px rgba(100,150,200,.5)
    }

    .novo-styled::-moz-focus-inner {
        border: 0
    }

.novo-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.novo-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .25em;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.novo-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0,0,0,.2)
}

.novo-image {
    max-width: 100%;
    margin: 1.25em auto
}

.novo-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s ease-out;
    border: none;
    border-radius: 5px;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer
}

    .novo-close:hover {
        transform: none;
        background: 0 0;
        color: #f27474
    }

    .novo-close:focus {
        outline: 0;
        box-shadow: inset 0 0 0 3px rgba(100,150,200,.5)
    }

    .novo-close::-moz-focus-inner {
        border: 0
    }

.novo-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0 1.6em;
    color: #545454;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word
}

.novo-checkbox, .novo-file, .novo-input, .novo-radio, .novo-select, .novo-textarea {
    margin: 1em auto
}

.novo-file, .novo-input, .novo-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s,box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
    color: inherit;
    font-size: 1.125em
}

    .novo-file.novo-inputerror, .novo-input.novo-inputerror, .novo-textarea.novo-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
    }

    .novo-file:focus, .novo-input:focus, .novo-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 0 3px rgba(100,150,200,.5)
    }

    .novo-file::-moz-placeholder, .novo-input::-moz-placeholder, .novo-textarea::-moz-placeholder {
        color: #ccc
    }

    .novo-file:-ms-input-placeholder, .novo-input:-ms-input-placeholder, .novo-textarea:-ms-input-placeholder {
        color: #ccc
    }

    .novo-file::placeholder, .novo-input::placeholder, .novo-textarea::placeholder {
        color: #ccc
    }

.novo-range {
    margin: 1em auto;
    background: #fff
}

    .novo-range input {
        width: 80%
    }

    .novo-range output {
        width: 20%;
        color: inherit;
        font-weight: 600;
        text-align: center
    }

    .novo-range input, .novo-range output {
        height: 2.625em;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

.novo-input {
    height: 2.625em;
    padding: 0 .75em
}

    .novo-input[type=number] {
        max-width: 10em
    }

.novo-file {
    background: inherit;
    font-size: 1.125em
}

.novo-textarea {
    height: 6.75em;
    padding: .75em
}

.novo-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em
}

.novo-checkbox, .novo-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

    .novo-checkbox label, .novo-radio label {
        margin: 0 .6em;
        font-size: 1.125em
    }

    .novo-checkbox input, .novo-radio input {
        margin: 0 .4em
    }

.novo-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto
}

.novo-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0 -2.7em;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

    .novo-validation-message::before {
        content: "!";
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center
    }

.novo-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .novo-icon .novo-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em
    }

    .novo-icon.novo-error {
        border-color: #f27474;
        color: #f27474
    }

        .novo-icon.novo-error .novo-x-mark {
            position: relative;
            flex-grow: 1
        }

        .novo-icon.novo-error [class^=novo-x-mark-line] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474
        }

            .novo-icon.novo-error [class^=novo-x-mark-line][class$=left] {
                left: 1.0625em;
                transform: rotate(45deg)
            }

            .novo-icon.novo-error [class^=novo-x-mark-line][class$=right] {
                right: 1em;
                transform: rotate(-45deg)
            }

        .novo-icon.novo-error.novo-icon-show {
            -webkit-animation: novo-animate-error-icon .5s;
            animation: novo-animate-error-icon .5s
        }

            .novo-icon.novo-error.novo-icon-show .novo-x-mark {
                -webkit-animation: novo-animate-error-x-mark .5s;
                animation: novo-animate-error-x-mark .5s
            }

    .novo-icon.novo-warning {
        border-color: #facea8;
        color: #f8bb86
    }

    .novo-icon.novo-info {
        border-color: #9de0f6;
        color: #3fc3ee
    }

    .novo-icon.novo-question {
        border-color: #c9dae1;
        color: #87adbd
    }

    .novo-icon.novo-success {
        border-color: #a5dc86;
        color: #a5dc86
    }

        .novo-icon.novo-success [class^=novo-success-circular-line] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            transform: rotate(45deg);
            border-radius: 50%
        }

            .novo-icon.novo-success [class^=novo-success-circular-line][class$=left] {
                top: -.4375em;
                left: -2.0635em;
                transform: rotate(-45deg);
                transform-origin: 3.75em 3.75em;
                border-radius: 7.5em 0 0 7.5em
            }

            .novo-icon.novo-success [class^=novo-success-circular-line][class$=right] {
                top: -.6875em;
                left: 1.875em;
                transform: rotate(-45deg);
                transform-origin: 0 3.75em;
                border-radius: 0 7.5em 7.5em 0
            }

        .novo-icon.novo-success .novo-success-ring {
            position: absolute;
            z-index: 2;
            top: -.25em;
            left: -.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165,220,134,.3);
            border-radius: 50%
        }

        .novo-icon.novo-success .novo-success-fix {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            transform: rotate(-45deg)
        }

        .novo-icon.novo-success [class^=novo-success-line] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

            .novo-icon.novo-success [class^=novo-success-line][class$=tip] {
                top: 2.875em;
                left: .8125em;
                width: 1.5625em;
                transform: rotate(45deg)
            }

            .novo-icon.novo-success [class^=novo-success-line][class$=long] {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
                transform: rotate(-45deg)
            }

        .novo-icon.novo-success.novo-icon-show .novo-success-line-tip {
            -webkit-animation: novo-animate-success-line-tip .75s;
            animation: novo-animate-success-line-tip .75s
        }

        .novo-icon.novo-success.novo-icon-show .novo-success-line-long {
            -webkit-animation: novo-animate-success-line-long .75s;
            animation: novo-animate-success-line-long .75s
        }

        .novo-icon.novo-success.novo-icon-show .novo-success-circular-line-right {
            -webkit-animation: novo-rotate-success-circular-line 4.25s ease-in;
            animation: novo-rotate-success-circular-line 4.25s ease-in
        }

.novo-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600
}

    .novo-progress-steps li {
        display: inline-block;
        position: relative
    }

    .novo-progress-steps .novo-progress-step {
        z-index: 20;
        flex-shrink: 0;
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #2778c4;
        color: #fff;
        line-height: 2em;
        text-align: center
    }

        .novo-progress-steps .novo-progress-step.novo-active-progress-step {
            background: #2778c4
        }

            .novo-progress-steps .novo-progress-step.novo-active-progress-step ~ .novo-progress-step {
                background: #add8e6;
                color: #fff
            }

            .novo-progress-steps .novo-progress-step.novo-active-progress-step ~ .novo-progress-step-line {
                background: #add8e6
            }

    .novo-progress-steps .novo-progress-step-line {
        z-index: 10;
        flex-shrink: 0;
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #2778c4
    }

[class^=novo] {
    -webkit-tap-highlight-color: transparent
}

.novo-show {
    -webkit-animation: novo-show .3s;
    animation: novo-show .3s
}

.novo-hide {
    -webkit-animation: novo-hide .15s forwards;
    animation: novo-hide .15s forwards
}

.novo-noanimation {
    transition: none
}

.novo-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

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

.novo-rtl .novo-timer-progress-bar {
    right: 0;
    left: auto
}

@supports (-ms-accelerator:true) {
    .novo-range input {
        width: 100% !important
    }

    .novo-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .novo-range input {
        width: 100% !important
    }

    .novo-range output {
        display: none
    }
}

@-webkit-keyframes novo-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes novo-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@-webkit-keyframes novo-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes novo-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes novo-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes novo-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes novo-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes novo-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@-webkit-keyframes novo-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes novo-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes novo-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes novo-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes novo-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes novo-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@-webkit-keyframes novo-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes novo-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes novo-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes novo-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes novo-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes novo-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes novo-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes novo-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes novo-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes novo-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

body.novo-shown:not(.novo-no-backdrop):not(.novo-toast-shown) {
    overflow: hidden
}

body.novo-height-auto {
    height: auto !important
}

body.novo-no-backdrop .novo-container {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - .625em * 2);
    background-color: transparent !important
}

    body.novo-no-backdrop .novo-container > .novo-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.novo-no-backdrop .novo-container.novo-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.novo-no-backdrop .novo-container.novo-top-left, body.novo-no-backdrop .novo-container.novo-top-start {
        top: 0;
        left: 0
    }

    body.novo-no-backdrop .novo-container.novo-top-end, body.novo-no-backdrop .novo-container.novo-top-right {
        top: 0;
        right: 0
    }

    body.novo-no-backdrop .novo-container.novo-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.novo-no-backdrop .novo-container.novo-center-left, body.novo-no-backdrop .novo-container.novo-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    body.novo-no-backdrop .novo-container.novo-center-end, body.novo-no-backdrop .novo-container.novo-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    body.novo-no-backdrop .novo-container.novo-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.novo-no-backdrop .novo-container.novo-bottom-left, body.novo-no-backdrop .novo-container.novo-bottom-start {
        bottom: 0;
        left: 0
    }

    body.novo-no-backdrop .novo-container.novo-bottom-end, body.novo-no-backdrop .novo-container.novo-bottom-right {
        right: 0;
        bottom: 0
    }

@media print {
    body.novo-shown:not(.novo-no-backdrop):not(.novo-toast-shown) {
        overflow-y: scroll !important
    }

        body.novo-shown:not(.novo-no-backdrop):not(.novo-toast-shown) > [aria-hidden=true] {
            display: none
        }

        body.novo-shown:not(.novo-no-backdrop):not(.novo-toast-shown) .novo-container {
            position: static !important
        }
}

body.novo-toast-shown .novo-container {
    background-color: transparent
}

    body.novo-toast-shown .novo-container.novo-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    body.novo-toast-shown .novo-container.novo-top-end, body.novo-toast-shown .novo-container.novo-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.novo-toast-shown .novo-container.novo-top-left, body.novo-toast-shown .novo-container.novo-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.novo-toast-shown .novo-container.novo-center-left, body.novo-toast-shown .novo-container.novo-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%)
    }

    body.novo-toast-shown .novo-container.novo-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.novo-toast-shown .novo-container.novo-center-end, body.novo-toast-shown .novo-container.novo-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
    }

    body.novo-toast-shown .novo-container.novo-bottom-left, body.novo-toast-shown .novo-container.novo-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.novo-toast-shown .novo-container.novo-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.novo-toast-shown .novo-container.novo-bottom-end, body.novo-toast-shown .novo-container.novo-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

body.novo-toast-column .novo-toast {
    flex-direction: column;
    align-items: stretch
}

    body.novo-toast-column .novo-toast .novo-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
    }

    body.novo-toast-column .novo-toast .novo-loading {
        justify-content: center
    }

    body.novo-toast-column .novo-toast .novo-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.novo-toast-column .novo-toast .novo-validation-message {
        font-size: 1em
    }