.fadeTr-enter-active {
            -webkit-transition: opacity .3s ease-in;
            transition: opacity .3s ease-in;
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

        .fadeTr-leave-active {
            -webkit-transition: opacity .1s ease-out;
            transition: opacity .1s ease-out
        }

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

        .slide-enter-active,
        .slide-leave-active {
            -webkit-transition: all 1s;
            transition: all 1s
        }

        .slide-enter,
        .slide-leave-to {
            opacity: 0;
            -webkit-transform: translateX(30px);
            transform: translateX(30px)
        }

        .dg-backdrop-enter-active {
            -webkit-animation: dg-fadeIn .3s;
            animation: dg-fadeIn .3s
        }

        .dg-backdrop-leave-active {
            -webkit-animation: dg-fadeOut .5s;
            animation: dg-fadeOut .5s
        }

        .dg-fade-enter-active {
            -webkit-animation: dg-fadeIn .6s ease-out;
            animation: dg-fadeIn .6s ease-out
        }

        .dg-fade-leave-active {
            -webkit-animation: dg-fadeOut .6s ease-out;
            animation: dg-fadeOut .6s ease-out
        }

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

            to {
                opacity: 1
            }
        }

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

            to {
                opacity: 1
            }
        }

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

            to {
                opacity: 0
            }
        }

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

            to {
                opacity: 0
            }
        }

        .dg-zoom-enter-active {
            -webkit-animation: dg-zoomIn .3s ease-out;
            animation: dg-zoomIn .3s ease-out
        }

        .dg-zoom-leave-active {
            -webkit-animation: dg-zoomOut .4s ease-out;
            animation: dg-zoomOut .4s ease-out
        }

        @-webkit-keyframes dg-zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @keyframes dg-zoomIn {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            50% {
                opacity: 1
            }
        }

        @-webkit-keyframes dg-zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            to {
                opacity: 0
            }
        }

        @keyframes dg-zoomOut {
            0% {
                opacity: 1
            }

            50% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            to {
                opacity: 0
            }
        }

        .dg-bounce-enter-active {
            -webkit-animation: dg-bounceIn .6s;
            animation: dg-bounceIn .6s
        }

        .dg-bounce-leave-active {
            -webkit-animation: dg-zoomOut .6s;
            animation: dg-zoomOut .6s
        }

        @-webkit-keyframes dg-bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                transform: scale(.3)
            }

            40% {
                opacity: 1;
                -webkit-transform: scale(1.06);
                transform: scale(1.06)
            }

            60% {
                -webkit-transform: scale(.92);
                transform: scale(.92)
            }

            to {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes dg-bounceIn {
            0% {
                opacity: 0;
                -webkit-transform: scale(.3);
                transform: scale(.3)
            }

            40% {
                opacity: 1;
                -webkit-transform: scale(1.06);
                transform: scale(1.06)
            }

            60% {
                -webkit-transform: scale(.92);
                transform: scale(.92)
            }

            to {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @-webkit-keyframes dg-bounceOut {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            25% {
                -webkit-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }

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

        @keyframes dg-bounceOut {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            25% {
                -webkit-transform: scale(.95);
                transform: scale(.95)
            }

            50% {
                opacity: 1;
                -webkit-transform: scale(1.1);
                transform: scale(1.1)
            }

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

        .dg-btn-loader {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .dg-btn-loader .dg-circles {
            display: block;
            text-align: center;
            width: 100%
        }

        .dg-btn-loader .dg-circle {
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-duration: .5875s;
            animation-duration: .5875s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-name: dg-circle-oscillation;
            animation-name: dg-circle-oscillation;
            background-color: #09a2e3;
            border-radius: 50%;
            display: inline-block;
            height: .9em;
            opacity: 0;
            width: .9em
        }

        .dg-btn-loader .dg-circle:not(:last-child) {
            margin-right: 8px
        }

        .dg-btn-loader .dg-circle:first-child {
            -webkit-animation-delay: .1195s;
            animation-delay: .1195s
        }

        .dg-btn-loader .dg-circle:nth-child(2) {
            -webkit-animation-delay: .2755s;
            animation-delay: .2755s
        }

        .dg-btn-loader .dg-circle:nth-child(3) {
            -webkit-animation-delay: .3485s;
            animation-delay: .3485s
        }

        @-webkit-keyframes dg-circle-oscillation {
            50% {
                opacity: 1
            }
        }

        @keyframes dg-circle-oscillation {
            50% {
                opacity: 1
            }
        }

        body.dg-open {
            height: 100%;
            overflow: hidden;
            width: 100%
        }

        .dg-container * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .dg-container [disabled] {
            cursor: not-allowed;
            opacity: .3
        }

        .dg-backdrop {
            background-color: rgba(0, 0, 0, .8)
        }

        .dg-backdrop,
        .dg-container {
            height: 100%;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 5000
        }

        .dg-content-cont {
            font-family: inherit;
            width: 100%
        }

        .dg-main-content {
            background-color: #fff;
            border-radius: 5px;
            margin: 25px auto;
            max-width: 400px;
            padding: 15px;
            width: 98%
        }

        .dg-content {
            font-size: 16px;
            line-height: 1.3em
        }

        .dg-title {
            font-size: 18px;
            margin: 0 0 10px;
            padding: 0
        }

        .dg-content-body {
            border-bottom: 2px solid #e1e6ea;
            padding-bottom: 15px
        }

        .dg-content-footer {
            padding: 15px 0 0;
            position: relative
        }

        .dg-form {
            background-color: #f8f8ff;
            margin-bottom: -15px;
            padding: 10px
        }

        .dg-content-cont--floating {
            margin-top: 0;
            position: absolute;
            top: 35%;
            -webkit-transform: translateY(-70%);
            transform: translateY(-70%)
        }

        @media (max-height:700px) {
            .dg-content-cont--floating {
                margin-top: 0;
                position: relative;
                top: 10%;
                -webkit-transform: none;
                transform: none
            }
        }

        .dg-btn {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: 2px solid transparent;
            border-radius: 4px;
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: 700;
            min-width: 80px;
            outline: 0;
            padding: 6px 20px;
            position: relative;
            text-align: center;
            text-decoration: none
        }

        .dg-btn,
        .dg-btn:active,
        .dg-btn:focus,
        .dg-btn:link {
            outline: none
        }

        .dg-btn::-moz-focus-inner {
            border: 0
        }

        .dg-btn--cancel {
            background-color: #0096d9;
            color: #fefefe
        }

        .dg-btn--ok {
            background-color: #fefefe;
            border-color: #0096d9;
            color: #0096d9
        }

        .dg-pull-right {
            float: right
        }

        .dg-btn.dg-btn--loading .dg-btn-content {
            visibility: hidden
        }

        .dg-clear:before {
            clear: both;
            content: " ";
            display: block
        }

        .dg-content-body--has-title .dg-content {
            font-size: 14px
        }

        .dg-container--has-input .dg-main-content {
            max-width: 450px
        }

        .dg-container--has-input .dg-content {
            margin-bottom: 15px
        }

        .dg-container--has-input .dg-content-body {
            border-bottom: none
        }

        .dg-container--has-input .dg-form {
            border: 1px solid #e1e6ea;
            border-bottom: none;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }

        .dg-container--has-input .dg-content-footer {
            background-color: #f8f8ff;
            border: 1px solid #e1e6ea;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            border-top: none;
            padding: 0 10px 10px
        }

        .dg-container .dg-highlight-1 {
            border-bottom: 1px solid #2ba5ff;
            color: #ff8c00;
            font-weight: 700
        }

        .dg-container .dg-highlight-2 {
            border-bottom: 1px solid #ff8c00;
            color: #2ba5ff;
            font-weight: 700
        }
        .toasted {
            padding: 0 20px
        }

        .toasted.rounded {
            border-radius: 24px
        }

        .toasted .primary,
        .toasted.toasted-primary {
            border-radius: 2px;
            min-height: 38px;
            line-height: 1.1em;
            background-color: #353535;
            padding: 6px 20px;
            font-size: 15px;
            font-weight: 300;
            color: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
        }

        .toasted .primary.success,
        .toasted.toasted-primary.success {
            background: #4caf50
        }

        .toasted .primary.error,
        .toasted.toasted-primary.error {
            background: #f44336
        }

        .toasted .primary.info,
        .toasted.toasted-primary.info {
            background: #3f51b5
        }

        .toasted .primary .action,
        .toasted.toasted-primary .action {
            color: #a1c2fa
        }

        .toasted.bubble {
            border-radius: 30px;
            min-height: 38px;
            line-height: 1.1em;
            background-color: #ff7043;
            padding: 0 20px;
            font-size: 15px;
            font-weight: 300;
            color: #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
        }

        .toasted.bubble.success {
            background: #4caf50
        }

        .toasted.bubble.error {
            background: #f44336
        }

        .toasted.bubble.info {
            background: #3f51b5
        }

        .toasted.bubble .action {
            color: #8e2b0c
        }

        .toasted.outline {
            border-radius: 30px;
            min-height: 38px;
            line-height: 1.1em;
            background-color: #fff;
            border: 1px solid #676767;
            padding: 0 20px;
            font-size: 15px;
            color: #676767;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
            font-weight: 700
        }

        .toasted.outline.success {
            color: #4caf50;
            border-color: #4caf50
        }

        .toasted.outline.error {
            color: #f44336;
            border-color: #f44336
        }

        .toasted.outline.info {
            color: #3f51b5;
            border-color: #3f51b5
        }

        .toasted.outline .action {
            color: #607d8b
        }

        .toasted-container {
            position: fixed;
            z-index: 10000
        }

        .toasted-container,
        .toasted-container.full-width {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .toasted-container.full-width {
            max-width: 86%;
            width: 100%
        }

        .toasted-container.full-width.fit-to-screen {
            min-width: 100%
        }

        .toasted-container.full-width.fit-to-screen .toasted:first-child {
            margin-top: 0
        }

        .toasted-container.full-width.fit-to-screen.top-right {
            top: 0;
            right: 0
        }

        .toasted-container.full-width.fit-to-screen.top-left {
            top: 0;
            left: 0
        }

        .toasted-container.full-width.fit-to-screen.top-center {
            top: 0;
            left: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        .toasted-container.full-width.fit-to-screen.bottom-right {
            right: 0;
            bottom: 0
        }

        .toasted-container.full-width.fit-to-screen.bottom-left {
            left: 0;
            bottom: 0
        }

        .toasted-container.full-width.fit-to-screen.bottom-center {
            left: 0;
            bottom: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        .toasted-container.top-right {
            top: 10%;
            right: 7%
        }

        .toasted-container.top-left {
            top: 10%;
            left: 7%
        }

        .toasted-container.top-center {
            top: 10%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .toasted-container.bottom-right {
            right: 5%;
            bottom: 7%
        }

        .toasted-container.bottom-left {
            left: 5%;
            bottom: 7%
        }

        .toasted-container.bottom-center {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 7%
        }

        .toasted-container.bottom-left .toasted,
        .toasted-container.top-left .toasted {
            float: left
        }

        .toasted-container.bottom-right .toasted,
        .toasted-container.top-right .toasted {
            float: right
        }

        .toasted-container .toasted {
            top: 35px;
            width: auto;
            clear: both;
            margin-top: 10px;
            position: relative;
            max-width: 100%;
            height: auto;
            word-break: normal;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            box-sizing: inherit
        }

        .toasted-container .toasted .fa,
        .toasted-container .toasted .fab,
        .toasted-container .toasted .far,
        .toasted-container .toasted .fas,
        .toasted-container .toasted .material-icons,
        .toasted-container .toasted .mdi {
            margin-right: .5rem;
            margin-left: -.4rem
        }

        .toasted-container .toasted .fa.after,
        .toasted-container .toasted .fab.after,
        .toasted-container .toasted .far.after,
        .toasted-container .toasted .fas.after,
        .toasted-container .toasted .material-icons.after,
        .toasted-container .toasted .mdi.after {
            margin-left: .5rem;
            margin-right: -.4rem
        }

        .toasted-container .toasted .action {
            text-decoration: none;
            font-size: .8rem;
            padding: 8px;
            margin: 5px -7px 5px 7px;
            border-radius: 3px;
            text-transform: uppercase;
            letter-spacing: .03em;
            font-weight: 600;
            cursor: pointer
        }

        .toasted-container .toasted .action.icon {
            padding: 4px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .toasted-container .toasted .action.icon .fa,
        .toasted-container .toasted .action.icon .material-icons,
        .toasted-container .toasted .action.icon .mdi {
            margin-right: 0;
            margin-left: 4px
        }

        .toasted-container .toasted .action.icon:hover {
            text-decoration: none
        }

        .toasted-container .toasted .action:hover {
            text-decoration: underline
        }

        @media only screen and (max-width:600px) {
            .toasted-container {
                min-width: 100%
            }

            .toasted-container .toasted:first-child {
                margin-top: 0
            }

            .toasted-container.top-right {
                top: 0;
                right: 0
            }

            .toasted-container.top-left {
                top: 0;
                left: 0
            }

            .toasted-container.top-center {
                top: 0;
                left: 0;
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .toasted-container.bottom-right {
                right: 0;
                bottom: 0
            }

            .toasted-container.bottom-left {
                left: 0;
                bottom: 0
            }

            .toasted-container.bottom-center {
                left: 0;
                bottom: 0;
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .toasted-container.bottom-center,
            .toasted-container.top-center {
                -ms-flex-align: stretch !important;
                align-items: stretch !important
            }

            .toasted-container.bottom-left .toasted,
            .toasted-container.bottom-right .toasted,
            .toasted-container.top-left .toasted,
            .toasted-container.top-right .toasted {
                float: none
            }

            .toasted-container .toasted {
                border-radius: 0
            }
        }