body {
            --main-color:#069504;
            --font-color: #202124;
            --font-fu-color: #5F6369;
            --font-fu-color-hover: #000;
            --input-line: #444;
            --input-bg: #fff;
            --left-bg: #d4dfee;
            --left-hover: #222;
            --svg-fill: #222;
            --head-bg: linear-gradient(180.61deg, #fff, #fffffff5);
            --item-bg: #F4F7FC;
            --other-font-color: #333;
            --share-bg: #ff2e39;
            --all-bg: #F4F7FC;
            --showb: #f5f7fdc9;
            --bcolor: #fff;
            --link-color-hover: #ff0000;
            --convert-window: #3c3c3c;
            --ling-banner: #afafaf;
            --gf-current-background-color: #fff;
            background-color: #fff;
            color: #222;
        }

        *,
        *::before,
        *::after {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        body {
            margin: 0;
            font-family: "Roboto", Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff;
        }

        h3 {
            margin-top: 0;
            margin-bottom: 0.5rem;
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
        }

        a {
            color: #007bff;
            text-decoration: none;
            background-color: transparent;
        }

        a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

        label {
            display: inline-block;
            margin-bottom: 0.5rem;
        }

        input {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
        }

        input {
            overflow: visible;
        }

        [type="submit"] {
            -webkit-appearance: button;
        }

        [type="submit"]:not(:disabled) {
            cursor: pointer;
        }

        input[type="checkbox"] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
        }

        h3 {
            margin-bottom: 0.5rem;
            font-weight: 300;
            line-height: 1.2;
        }

        h1 {
            font-weight: 300;
        }

        h3 {
            font-size: 18px;
        }

        .container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        @media (min-width: 576px) {
            .container {
                max-width: 520px;
            }
            .NZ-TipsBar-Container.bottom {
                left: calc(35% - 260px) !important;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 100%;
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        }

        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }

        .col-md-7 {
            position: relative;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
        }

        .order-1 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .order-2 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }
        .container{position: relative;}
        .half .contents::after{
            content: '';
    width: 100%;
    display: block;
    height: 100%;
    margin-right: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: auto;
    background-image: url(../img/666.svg);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: center;
    z-index: -1;
    opacity: 0.9;
}
        .col-md-7{
            background-color: #ffffff75;
            padding: 30px;
            border-radius: 30px;
        }
        .half .contents::after{
            opacity: 0.3;
        }
        @media (min-width: 768px) {
            .col-md-7 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 520px;
                flex: 0 0 520px;
                max-width: 520px;
                border: 1px solid #62a64a36;
                -webkit-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
                -moz-box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
                box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
            }

            .order-md-1 {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }

            .order-md-2 {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }
        }

        .form-control {
            display: block;
            width: 100%;
            height: 42px;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.5;
            color: var(--font-color);
            background-color: var(--input-bg);
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 30px;
            -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        }

        @media (prefers-reduced-motion: reduce) {
            .form-control {
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
            }
        }

        .form-control:focus {
            color: var(--font-color);
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .form-control::placeholder {
            color: #6c757d;
            opacity: 1;
        }

        .form-control:disabled {
            background-color: #e9ecef;
            opacity: 1;
        }

        .form-group {
            margin-bottom: 1rem;
        }

        .btn {
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 0px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 30px;
            -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
            -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
        }

        @media (prefers-reduced-motion: reduce) {
            .btn {
                -webkit-transition: none;
                -o-transition: none;
                transition: none;
            }
        }

        .btn:hover {
            color: #212529;
            text-decoration: none;
        }

        .btn:focus {
            outline: 0;
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .btn:disabled {
            opacity: 0.65;
        }

        .btn-primary {
            color: #fff;
            background-color: #ef2211;
            transition: all 0.35s ease-in-out;
        }

        .btn-primary:hover {
            color: #fff;
            background-color: #d01d10;
        }

        .btn-primary:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

        .btn-primary:disabled {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff;
        }

        .btn-primary:not(:disabled):not(.disabled):active {
            color: #fff;
            background-color: #0062cc;
            border-color: #005cbf;
        }

        .btn-primary:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

        .btn-block {
            display: block;
            width: 100%;
        }

        input[type="submit"].btn-block {
            width: 100%;
            margin-bottom: 20px;
        }

        .d-block {
            display: block !important;
        }

        .d-flex {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
        }

        @media (min-width: 992px) {
            .d-lg-flex {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
            }
        }

        .justify-content-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }

        .align-items-center {
            -webkit-box-align: center !important;
            -ms-flex-align: center !important;
            align-items: center !important;
        }

        .mb-0 {
            margin-bottom: 0 !important;
        }

        .mr-3 {
            margin-right: 1rem !important;
        }

        .mb-3 {
            margin-bottom: 1.4rem !important;
        }

        .my-4 {
            margin-top: 1.5rem !important;
        }

        .mb-4,
        .my-4 {
            margin-bottom: 2rem !important;
        }

        .mb-5 {
            margin-bottom: 3rem !important;
        }

        .ml-auto {
            margin-left: auto !important;
        }

        .text-center {
            text-align: center !important;
        }

        .text-muted {
            color: #6c757d !important;
        }

        @media print {

            *,
            *::before,
            *::after {
                text-shadow: none !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }

            a:not(.btn) {
                text-decoration: underline;
            }

            p,
            h3 {
                orphans: 3;
                widows: 3;
            }

            h3 {
                page-break-after: avoid;
            }

            body {
                min-width: 992px !important;
            }

            .container {
                min-width: 992px !important;
            }
        }

        body {
            font-family: "Roboto", sans-serif;
            background-color: #fff;
        }

        p {
            color: #818181;
            font-weight: 300;
            font-size: 13px;
        }

        h3 {
            font-family: "Roboto", sans-serif;
        }

        a {
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
        }

        a:hover {
            text-decoration: none !important;
        }

        .half,
        .half .container>.row {
            height: 100vh;
        }

        @media (max-width: 991.98px) {
            .half .bg {
                height: 500px;
            }
        }

        .half .contents {
            width: 70%;
            position: relative;
        }

        .half .bg p {
            max-width: 350px;
            font-size: 14px;
            color: var(--font-fu-color);
        }

        .half .bg {
            width: 30%;
            display: flex;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: left;
            background: var(--item-bg);
            background: linear-gradient(66deg, var(--item-bg) 0%, var(--left-bg) 100%);
        }

        @media (max-width: 1199.98px) {
            .half .contents {
                width: 100%;
            }

            .half .bg {
                display: none;
            }
            .NZ-TipsBar-Container.bottom {
                bottom: 20px;
                top: auto;
                left: 25% !important;
            }
            .NZ-TipsBar-Container.top {
                top: 0px;
                bottom: auto;
                left: calc(50% - 260px) !important;
            }
        }

        .emailE,.passwordE{
            display: none;
        }

        .half .contents .form-group label.username,
        .half .bg .form-group label.username,
        .half .contents .form-group label.password,
        .half .bg .form-group label.password {
            margin-top: -28px;
            color: var(--font-color);
        }

        .half .contents .form-group a.forgot,
        .half .bg .form-group a.forgot {
            margin-top: -22px;
            position: absolute;
            text-decoration: underline;
            text-underline-offset: 4px;
            right: 20px;
            font-size: 12px;
            color: var(--main-color);
        }

        .half .contents .form-group {
            overflow: hidden;
            margin-bottom: 0;
            padding: 20px 4px;
            border-bottom: none;
            position: relative;
        }

        .half .contents .form-group label {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
        }

        .half .contents .form-group.first {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            padding-bottom: 6px;
        }

        .half .contents .form-group.last {
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            margin-top: 20px;
            padding: 20px 4px;
        }

        .half .contents .form-group label {
            font-size: 13px;
            display: block;
            margin-bottom: 0;
            color: #b3b3b3;
            margin-left: 20px;
        }

        .half .contents .form-control {
            padding: 0 20px 0px 40px;
            font-size: 14px;
            border:2px solid #62a64a36;
        }

        .half .contents .form-control:active,
        .half .contents .form-control:focus {
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #f02211;
            background-color: #fff;
            -webkit-box-shadow: 0 0 0 4px #f0221117;
            box-shadow: 0 0 0 4px #f0221117;
        }



        .onlineco {
            fill: var(--font-color);
        }

        .username,
        .password {
            color: var(--font-color);
        }

        .half .bg {
            background-size: cover;
            background-position: center;
        }

        .half a {
            color: #888;
            text-decoration: underline;
        }
        .half a.playstore-button{
            text-decoration:none;
        }

        .half .btn {
            height: 54px;
            padding-left: 30px;
            padding-right: 30px;
        }

        .half .forgot-pass {
            position: relative;
            top: 2px;
            font-size: 14px;
        }
.line{height: 1px;
    background-color: #9999992b;
    width: 320px;
    margin: 20px auto;}
        .social-login a {
            text-decoration: none;
            display:inline-block;
            position: relative;
            text-align: center;
            color: var(--main-color);
            text-decoration: underline;
            text-underline-offset: 4px;
            margin-left: 6px;
            font-weight: 400;
            cursor: pointer;
        }

        .social-login {
            font-weight: 300;
            font-size: 13px;
        }

        .social-login a:hover {
            color: var(--font-color);
            text-decoration: underline;
        }

        .control {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 15px;
            cursor: pointer;
            font-size: 14px;
        }

        .control .caption {
            position: relative;
            top: .2rem;
            color: #888;
        }

        .control input {
            position: absolute;
            z-index: -1;
            opacity: 0;
        }

        .control__indicator {
            position: absolute;
            top: 2px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #e6e6e6;
            border-radius: 4px;
        }

        .control:hover input~.control__indicator,
        .control input:focus~.control__indicator {
            background: #ccc;
        }

        .control input:checked~.control__indicator {
            background: #007bff;
        }

        .control:hover input:not([disabled]):checked~.control__indicator,
        .control input:checked:focus~.control__indicator {
            background: #1a88ff;
        }

        .control input:disabled~.control__indicator {
            background: #e6e6e6;
            opacity: 0.9;
            pointer-events: none;
        }

        .control__indicator:after {
            font-family: 'icomoon';
            content: '\e5ca';
            position: absolute;
            display: none;
            font-size: 16px;
            -webkit-transition: .3s all ease;
            -o-transition: .3s all ease;
            transition: .3s all ease;
        }

        .control input:checked~.control__indicator:after {
            display: block;
            color: #fff;
        }

        .control--checkbox .control__indicator:after {
            top: 50%;
            left: 50%;
            margin-top: -1px;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .control--checkbox input:disabled~.control__indicator:after {
            border-color: #7b7b7b;
        }

        .control--checkbox input:disabled:checked~.control__indicator {
            background-color: #7e0cf5;
            opacity: .2;
        }



.card {
  width: 330px;
  height: 80px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 10px 15px;
  background-color: #ffffff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 15px;
  bottom: 50px;
  left: 10px;
}
.wave {
  position: absolute;
  transform: rotate(90deg);
  left: -31px;
  top: 32px;
  width: 80px;
  fill: #ffa30d3a;
}
.icon-container {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffa30d48;
  border-radius: 50%;
  margin-left: 8px;
}
.icon {
  width: 17px;
  height: 17px;
  color: #db970e;
}
.message-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-grow: 1;
}
.message-text,
.sub-text {
  margin: 0;
  cursor: default;
}
.message-text {
  color: #db970e;
  font-size: 17px;
  font-weight: 700;
}
.sub-text {
  font-size: 14px;
  color: #555;
}
.cross-icon {
  width: 18px;
  height: 18px;
  color: #555;
  cursor: pointer;
}


.card .icon{display: none;}

.card.infor .wave{fill: #4777ff3a;}
.card.infor .icon-container{background-color:#4777ff3a}
.card.infor .svg-infor{color:#4777ff;display: block;}
.card.infor .message-text{color: #4777ff;}

.card.hint .wave{fill: #ffa30d3a;}
.card.hint .icon-container{background-color:#ffa30d3a}
.card.hint .svg-hint{color:#ffa30d;display: block;}
.card.hint .message-text{color: #ffa30d;}


.card.error .wave{fill: #fc0c0c3a;}
.card.error .icon-container{background-color:#fc0c0c3a}
.card.error .svg-error{color:#fc0c0c;display: block;}
.card.error .message-text{color: #fc0c0c;}


.NZ-MsgBox-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99998;
	background-color: #a6a6a647;
}

.NZ-MsgBox-bg.aero {
	backdrop-filter: saturate(.5) blur(3px) !important;
}

.NZ-MsgBox-bg--aero {
	filter: url(blur.svg#blur);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=false);
}

.NZ-MsgBox-alert {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	min-width: 350px;
	max-width: 500px;
	border-radius: 15px;
	background-color: #3c3c3c;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
	box-sizing: initial;
    border: 1px solid #ffffff3d;
}

.NZ-MsgBox-alert .distop {
	height: 30px;
	border-radius: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background: #3c3c3c;
}

.NZ-MsgBox-alert .msgcontainer {
	position: relative;
	padding: 13px 30px 30px 105px;
	color: #fff;
}

.NZ-MsgBox-alert .msgcontainer.typenone {
	padding-left: 30px;
}

.NZ-MsgBox-alert .msgcontainer .msgtitle {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
}

.NZ-MsgBox-alert .msgcontainer .msgcon {
	overflow-y: auto;
	word-break: break-all;
	max-height: 400px;
	margin-top: 10px;
	line-height: normal;
	font-size: 14px;
	font-weight: 100;
	text-align: left;
}

.NZ-MsgBox-alert .msgcontainer input.keycon {
	margin-top: 10px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	outline: none;
	border: 0;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	text-indent: 2px;
	color: #6c6c6c;
	transition: all .3s;
}

.NZ-MsgBox-alert .msgcontainer input.keycon:focus {
	border-bottom: 1px solid #0c99eb;
	transition: all .3s;
}

.NZ-MsgBox-alert .msgcontainer .icon {
	position: absolute;
	left: 20px;
	top: 8px;
	z-index: 1000;
	width: 64px;
	height: 64px;
	opacity: 0;
	background-repeat: no-repeat;
}

.NZ-MsgBox-alert .msgcontainer .icon.success {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk1NC45IDIwNC4yYy02LjgtNi44LTE3LjgtNi44LTI0LjYgMGwtNTc4LjIgNTc4LjItMjU4LjQtMjU4LjNjLTYuOC02LjgtMTcuOC02LjgtMjQuNiAwcy02LjggMTcuOCAwIDI0LjZsMjcwLjcgMjcwLjdjNi44IDYuOCAxNy44IDYuOCAyNC42IDBsNTkwLjYtNTkwLjZjNi43LTYuOCA2LjctMTcuOS0uMS0yNC42eiIgZmlsbD0iIzVmYmY4MCIvPjwvc3ZnPg==");
    opacity: 1;
    background-color: #444;
    padding: 4px;
    border-radius: 6px;
    background-size: 44px;
    background-position: center;
}

.NZ-MsgBox-alert .msgcontainer .icon.question {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik01MDkuNDQgNDIuNjY3YzE5My4xNTIgMCAzMjAuNzI1IDEzMC4yMTggMjg4LjIxMyAzMjUuMzc2LTEyLjA3NCA3Mi40MDUtNDEuNiAxMTMuOTItMTA5LjczOCAxNzIuMjAybC0yOS4xODQgMjQuNDQ4QzU2Ni4xNDQgNjQyLjM0NyA1MzAuODE2IDcwMi45MzMgNTMwLjgxNiA4MzJhMjEuMzMzIDIxLjMzMyAwIDAgMS00Mi42NjcgMGMwLTEzOC41ODEgMzkuMDQtMjEwLjEzMyAxMzMuMjA2LTI5MS41NDFsMjguNzU3LTI0LjEwN2M2OC40OC01Ny4xMyA5NC44NDgtOTEuODE5IDEwNS40NzItMTU1LjMwN0M3ODMuNDg4IDE5My40MDggNjc3LjU0NyA4NS4zMzMgNTA5LjQ0IDg1LjMzM2MtMTU4Ljg5IDAtMjQ1Ljc2IDk0Ljc2My0yNDUuNzYgMjc5LjE2OGEyMS4zMzMgMjEuMzMzIDAgMSAxLTQyLjY2NyAwYzAtMjA3LjE0NiAxMDUuMTMxLTMyMS44MzQgMjg4LjQyNy0zMjEuODM0ek01MTIgOTgxLjMzM0E0Mi42NjcgNDIuNjY3IDAgMSAwIDUxMiA4OTZhNDIuNjY3IDQyLjY2NyAwIDAgMCAwIDg1LjMzM3oiIGZpbGw9IiNmZmZmZmYiIGRhdGEtc3BtLWFuY2hvci1pZD0iYTMxM3guc2VhcmNoX2luZGV4LjAuaTAuNmU0MTNhODE4a0tjMDgiIGNsYXNzPSJzZWxlY3RlZCIvPjwvc3ZnPg==");
    opacity: 1;
    background-color: #444;
    padding: 4px;
    border-radius: 6px;
    background-size: 44px;
    background-position: center;
}

.NZ-MsgBox-alert .msgcontainer .icon.warning {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiPjxwYXRoIGQ9Ik05MTUuODgxIDg5MC4xMDFMODA2LjAwNSA3ODAuMjI1VjMyNC45MmMwLTEyNS4xNjMtOTUuNTQ1LTIyOS44MTktMjI0LjIyMy0yNTguMzEyQzU3OS40OTUgMjkuNDQ4IDU0OC45NTUgMCA1MTEuMjQ5IDBzLTY4LjM0OCAyOS41ODUtNzAuNTY2IDY2Ljc3OUMzMTIuNDE0IDk1LjU0NSAyMTcuMjQ1IDIwMC4wMjkgMjE3LjI0NSAzMjQuOTJ2NDU2LjA5TDEwOC4xNTMgODkwLjFoLTEuMjYydjM1LjQ4OGgyOTguNzgxYzQuNjc1IDU0LjQ5NSA0OS44MiA5Ny4zODcgMTA1LjU3NyA5Ny4zODcgNTUuNjkgMCAxMDAuODY4LTQyLjg5MiAxMDUuNTc3LTk3LjM4N2gzMDAuMzUydi0zNS40ODhoLTEuMjk3ek01MTEuMjQ5IDM1LjQ1NGMxNS45MDIgMCAyOC44MzQgMTAuNjQ2IDMzLjM3MyAyNC45NDQtMTAuODE3LTEuMDkyLTIxLjgwNS0xLjgwOS0zMi45NjMtMS44MDktMTEuNDY2IDAtMjIuNjkyLjcxNy0zMy43ODIgMS45MTEgNC41MDQtMTQuMzY2IDE3LjU0LTI1LjA0NiAzMy4zNzItMjUuMDQ2em0wIDk1Mi4wMzRjLTM2LjEzNiAwLTY1LjU1LTI3LjAyNS03MC4wODktNjEuODY1aDE0MC4xNDRjLTQuNTM4IDM0Ljg0LTM0LjAyIDYxLjg2NS03MC4wNTUgNjEuODY1em0tMzUyLjktOTcuMzg3bDk5LjE2LTk5LjE2Mi0uOTg5LS45OVYzMjQuOTJjMC0xMjcuNDE2IDExNC4yNDUtMjMwLjc3NCAyNTUuMTM5LTIzMC43NzRTNzY2Ljc5NyAxOTcuNDcgNzY2Ljc5NyAzMjQuOTJ2NDY1LjcxMmguMDY4bC0uMzA3LjMwNyA5OS4xNjIgOTkuMTYySDE1OC4zNDh6IiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4LnNlYXJjaF9pbmRleC4wLmk5LjZlNDEzYTgxOGtLYzA4IiBjbGFzcz0ic2VsZWN0ZWQiIGZpbGw9IiNmMjlmNDUiLz48L3N2Zz4=");
    opacity: 1;
    background-color: #444;
    padding: 4px;
    border-radius: 6px;
    background-size: 44px;
    background-position: center;
}

.NZ-MsgBox-alert .msgcontainer .icon.error {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTU0Ny4yIDUxMiA0MTYtNDE2YzkuNi05LjYgOS42LTI1LjYgMC0zNS4ycy0yNS42LTkuNi0zNS4yIDBsLTQxNiA0MTYtNDE2LTQxNmMtOS42LTkuNi0yNS42LTkuNi0zNS4yIDBzLTkuNiAyNS42IDAgMzUuMmw0MTYgNDE2LTQxNiA0MTZjLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4yczI1LjYgOS42IDM1LjIgMGw0MTYtNDE2IDQxNiA0MTZjOS42IDkuNiAyNS42IDkuNiAzNS4yIDBzOS42LTI1LjYgMC0zNS4yeiIgZmlsbD0iI2VlNTM1YSIvPjwvc3ZnPg==");
    opacity: 1;
    background-color: #444;
    padding: 4px;
    border-radius: 6px;
    background-size: 44px;
    background-position: center;
}

.NZ-MsgBox-alert .msgcontainer .icon.input {
	background-position: 0 -256px;
}

.NZ-MsgBox-alert .operatebar {
    text-align: right;
    margin-right: 20px;
}

.NZ-MsgBox-alert .operatebar button {
    padding: 8px 20px;
	border: 0;
    border-radius: 30px;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	transition: all .5s ease-in;
	outline: none;
	-webkit-user-select: none;
	user-select: none;
    cursor: pointer;
    min-width: 120px;
    margin: 0px 6px 24px;
}

.NZ-MsgBox-alert .operatebar button:hover {
	transition: all .5s ease-out;
}

.NZ-MsgBox-alert .operatebar button.success {
	background: rgba(96, 191, 128, 1);
}

.NZ-MsgBox-alert .operatebar button.success:hover {
	background: rgba(96, 191, 128, 0.8);
}

.NZ-MsgBox-alert .operatebar button.warning {
	background: rgba(242, 159, 69, 1);
}

.NZ-MsgBox-alert .operatebar button.warning:hover {
	background: rgba(242, 159, 69, 0.8);
}

.NZ-MsgBox-alert .operatebar button.error {
	background: rgba(239, 83, 80, 1);
}

.NZ-MsgBox-alert .operatebar button.error:hover {
	background: rgba(239, 83, 80, 0.8);
}

.NZ-MsgBox-alert .operatebar button.cancel {
    color: #fff;
    background: rgb(82 82 82);
    font-weight: 300;
}

.NZ-MsgBox-alert .operatebar button.cancel:hover {
	background: #f88800;
    color:#fff;
}

.NZ-MsgBox-alert .operatebar button.normal {
	background: #ff2e39;
}

.NZ-MsgBox-alert .operatebar button.normal:hover {
	background: #bd060a;
}


.NZ-TipsBar-Container {
	position: fixed;
	display: flex;
	height: auto;
	padding: 10px;
	background-color: transparent;
	pointer-events: none;
	flex-direction: column;
	transition: all .5s;
}

.NZ-TipsBar-Container.locationR {
	right: 0;
}

.NZ-TipsBar-Container.locationT {
	top: 0;
	left: 25%;
	right: 25%;
	width: 520px;
}

.NZ-TipsBar-Container.top {
	top: 0px;
	bottom: auto;
    left: calc(35% - 260px);
}

.NZ-TipsBar-Container.bottom {
	bottom: 20px;
	top: auto;
    left: calc(35% - 260px);
}

.NZ-TipsBar-Container .tipbar-capsule {
	height: auto;
	max-height: 1000px;
	width: 100%;
	font-size: 0;
	transform: translateZ(0);
	backface-visibility: hidden;
	transition: all .5s cubic-bezier(.25, .8, .25, 1);
}

.NZ-TipsBar-Container .tipbar {
	position: relative;
	overflow: hidden;
	width: auto;
	min-width: 280px;
	padding: 15px;
	margin: 5px 0;
	border-radius: 12px;
	font-size: 14px;
	color: rgba(117, 117, 117, 1);
	background-color: rgba(238, 238, 238, .95);
	box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
	pointer-events: all;
	backface-visibility: hidden;
}

.NZ-TipsBar-Container.locationT .tipbar {
	flex: 1;
	min-width: auto !important;
	-webkit-flex: 1;
}

.NZ-TipsBar-Container .tipbar.carrystate {
	padding-left: 60px;
	border: 0;
}

.NZ-TipsBar-Container .tipbar.success {
	background-color: rgba(180, 241, 196, .95);
	color: rgba(124, 179, 66, 1);
}

.NZ-TipsBar-Container .tipbar.success .icon-state {
	width: 24px;
	height: 24px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAItAAACLQHlZp/kAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAD9QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxQXeHgAAABR0Uk5TAAMGCCAhIiNVV1lboaTb4OHi4/zOYgETAAAAuklEQVRYhe2VyxbCIAxEg+K7FZX8/7e6EFqPp6VhZuEms793EZJBxOP5d3YkH+9njk+aLxyvmq8crzqQ/Bicd975OXuSv6UTx2d9GQwtXg2G9fkNqgZDY/5hNBia71cMzyPIGwyb+7NhMOxf02Da34bBuP/F8DiA/Kqh4/4WDV33u2DovP9qiCA/GVIE+R8D1F9fBrD/JgPcn9WA928xEP09G9D+rwb4/ygGnP8YGF4kjBwvEkje4+nMG2DWH9EwoSnuAAAAAElFTkSuQmCC) no-repeat 50% 50%;
	background-size: 85%;
}

.NZ-TipsBar-Container .tipbar.warning {
    color: rgb(255 255 255);
    background-color: rgb(214 120 0 / 95%);
}

.NZ-TipsBar-Container .tipbar.warning .icon-state {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMzQ3Q0M5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMzQ3Q0I5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDFkYzY3NDUtMmQ0Zi1kMjQ3LTg3M2UtNmI5ODY4MzU1NDViIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pK1ECgAABPFJREFUeNrsW0lrFEEUrqqeRB0j0QQiRiJojDsYXIIbLnhQEBdQBC9uFw+JeBAUQfSiqH/C5SfoVVRQXPAgKCoal6BoXNBoMIjo2OX3pkudJD2dmpmq7p6e+aBmmunprldfffXq1etqLqVkUYPz1B76ljJzLnJboiaEcz6aM9GdJYS5M2DPjyjtEZHLg4lOfLR4JXtcuQqBOuqhjpc4bFA/9UEl02BTf0UqRDBxOIcMQoP6rfIUAnU0Qx3PcJgecuo7VNIGu3orSiFQwnEfMghpda5yFAJ1zIA6HuEwlecvGahkLmzrTjwhIEOAjAc4nDvCX8nBtsK+rwkfMs4uDTL+OthDiVZIThDWonkJOdjpsPFdQhXyLwjTBTnYY4lUiE8QpgtysLNh5/NEKcQnCNNFCteeSJRCAoIwXcBKdxFsvZcIhQQEYfqcMn4qEQrRCML0ZcLEWil/XS1rhaBnT5ogw7uXPF3WQwbq6MDnNnN3lIs5T20t2yEjuIC8+Zr/kneLVMagfnuq1jm/y0ohnNesyyXDIGYi/N9TVgrhBCZoimwf7BSNKITwVoX0P8pEIc6OoWT8bVgxxQeTYfp+K6aTQkwWoAaNeIEiNQoWbc5OXDMRZQKOt9DiT/PaPqrLuP3mCRH7NRv0AX9u8iE0jXMPde5BdcWaEKCOGqrZmH3575NaXQCpdSbbYNiHiIPU63r/da8ELHBv4+OXxk2aVJ3xm2UwrzSR76Ae0wvD3TFBs4TgznvlW0bCgEo1fozVLIMF3FFdMgyjTtUdH4VAHVOhjic4rNVfqBlTCOEn7jcL9+uJhUJUAqeWRYdaU0kkYUAd7dDYDhYxyAayJXpCvMQNZ9HDSBJJlGZBDRZvfD2LDfh6z6aoCAkhYRO2TaJ4dVCiRnaw2EF2lJJEEsWRwVPoiZMspiDbyMYQFeLs9RI1scVMZaP9wAzMp9UzlubSpkmjgZkfetXGm++WFSIOlEpGSGhWttpTCNTRoJ7P1pceSFlXCKFfbeLrs6IQhMdHTJChMDHIaeNrvIE66pXN5ocMjGyBlrrMKdpZGXByIcooQyF9F9muf4F2Jkmc1cxi6ZZXqH6cT9bN4cy5Y7Iust1oChGYgxtnDBNC5THuvYp5jzpJrQtAxk0L9WSoDTpt1XKqgouLGDSbLM4I5FzpSdxYixHsJVe6m0ueZTD+loHhmywBwIyzHO29VZJThYTPsIRApy1ihAXcRvC6giUGcoXXpiKGjNpgex+H8yxa+A21n2DMpU0wP9E/yzljxw0EZEF4iKEzH+12C5p2aYOtBW+fW76gklafGa0R53ps1k1tK2japaCI4gS7RonOgM7YYLkzKAYaVcCTu+wG2yl2x7N7Of+539fUNGwLU/K9vTXMh6gNtvQErtHyFNiCut/kT0CJAVPhex58Vk/8+gNnGbXhvtG+x3eWBJxst0xG1lf5vVwwSCHomUnoGdpCnbZPCHupvP3AEHXQWuYGNLQ0BBuGvVwghqjjWEhkEKaB/LsgYFV2iNA0zzmtZa6HRAZh2MsF/xQCY9rUYivFwkcIa5m8oJcLaOH3bJBChJdui4IMwuiIyCCkRE6qMasQKBZBmDzPKhhgYbeUmQtcBWHd9uOO2OM1vWrvUGYarGxnVdRjwHyhDbafwok7ygKfubeuqEI7Y1ZpEFUKqoRUCSkEfwQYALtKyHv0Xn99AAAAAElFTkSuQmCC) no-repeat 50% 50%;
    background-size: 65%;
    border-radius: 30px;
    background-color: #fff;
}

.NZ-TipsBar-Container .tipbar.error {
    color: rgb(255 255 255);
    background-color: rgb(192 0 149 / 95%);
}

.NZ-TipsBar-Container .tipbar.error .icon-state {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAORQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEmT/QAAAEt0Uk5TAAEDBQYLEBUYGxwyNTZAQkVGTVRVVldYWVpiY2Rpa3BydX+Bh4qPmZuio6SoqbCys7a6u76/wsPExcrNztLY293e4+bx8vX3+/3+EVs5KAAAAsdJREFUWMOtl2l76UAUgE8oUarUVlpqqa3XUtSulBRF/v//qZs5kwySmPPcO1+SzJk3yZx9AByGL5avNPqLzWbRb1TyMR+Qhvr0/qOfjJ/3J1WWvsmN9rrN2A9zNxK4klnpjmOVUa7xD5+66/h8cMVvP/Sr4+PWmb/7FlfuVuNWtVgo19vzgzj/fefEPwqaXzfTfsEqyZomWOTRXnuv1pJu1Hsu9iQmlvzVRpfKH1M8i9j/YbhnLnm7fIP5fc3FVNk1X1W62D+XDF0dLjjAZYf4mf65/mpeVzsHv/iHtqET+6P9di8gyR+3GhAE3H8IvK53BP/l/0/hdf3etCD6/1By/1+oySk3VwY3pUrywSBaM4Xxj/GbkeWP/sBulyw/5ND/FGkeAH0yZ8hG7CFC4CHMnkZGpLH81aXwACyy9n/V9sxEURIPCTbxfLztsPj3knjwaNyZfCwKmjQeoMZyiw9iTJgm8pBkkzHIsyjyE3lQWZ7MQ4UlfCoPMDemK9AwrmMyD21jvgF949oi81A3BH1YGNcqmYeyIVnAxrgWyTwUDNEGX1Ag81DEF7AtlMk8VHELTIl1Mg8tVCIzY5vMwxjNyBxpTuZhhY7EXPmgUnn/Dl0ZgylJ5CHNgwnDuUbkocnDGROK5qHx3rVZnTClJUg8RK2Uhkl1QuKhayVVntbDFD4ipHVeWHoEXpmJhYWXtqw0z6spljb+uA7K8qp2UlzN8j6Q5L3Ds/JuNhhyPJYEocGwWhwp/uWyxTGbLCl+Z9NkWW3e1f3XbNs8odEcuL5AHTo0mkKru866nGY0x1YXlDdTC72wg//O3JptUErWsWKS8FxsPto1xYeSfT8V3wqNbC0pZDl/urm2ZNu40x5DmugPh3m7Xi4Uq63xaifOayFnJQc61w9dnYCrne+n7vj0/urBM7V0xpepqwfPfz/6/ofDN+34/wtfWqtteombTwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    background-size: 65%;
    border-radius: 30px;
    background-color: #fff;
}

.NZ-TipsBar-Container .tipbar.info {
	color: #fff;
	background-color: #007700;
    font-weight: 300;
    border: 1px solid #ffffff3d;
}

.NZ-TipsBar-Container .tipbar.info .icon-state {
	width: 28px;
	height: 28px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAL1QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAguN3MAAAAD50Uk5TAAECAwQJChATFBsiJigpKiswMTY5SExdYmZocHF3gIWLkZSdn6Gpqqyws7y9wMrNz9DU5OXm7O/09/r7/P576NJaAAABQUlEQVRYw+3X507DQBBGUadAeu+k917s9GQz7/9YoASDQzy7swMSCPn+zncU70qWbBiysuPNZpw12JVO8NapxN3HDnDtEGMCTXivyQRmNjBjAqYNmL8CRCpTYQNiWolozhODM9x1HiQ05tGegIdEL0rdF3fg2q5ImvtbF0C6tPzqva8Lkro+JdAGaW3VvgaKavJ98qgCjknZPrAAZYuABCgDobLkBiwKYOE3UQBSBRQY0YAReoR7GrDHjjEHxHIIUKcCdQToUIEOAgypwBAB5lRgjgArKrBSvYVVmR7gAR7w3wGLClju+waQa3xz7ypo7V0Ezf2DoL3/IjD2d0IaWKU/gAwPyPwcEH5hFTb+eHHnv40zgLzzvPIM4Nnx1SKeOM/Q/wT6rEMIre39OsQ7xtTytl+muBcRrE6220k1KPvNK+p25cd3vT+OAAAAAElFTkSuQmCC) no-repeat 50% 50%;
	background-size: 65%;
    border-radius: 30px;
    background-color: #fff;
}

.NZ-TipsBar-Container .tipbar .tipsbar-icon {
	position: absolute;
	display: inline-block;
	left: 16px;
	top: 50%;
	line-height: 24px;
	margin-top: -12px;
	font-size: 35px;
	color: #000;
	opacity: 0;
}

.NZ-TipsBar-Container .tipbar .title {
	font-weight: 600;
	color: #fff;
	text-align: left !important;
	opacity: 0;
}

.NZ-TipsBar-Container .tipbar .con {
	overflow: hidden;
	max-height: 80px;
	max-width: 300px;
	font-weight: 300;
	text-overflow: ellipsis;
	text-align: left !important;
	opacity: 0;
}

.NZ-TipsBar-Container.locationT .tipbar .con {
	max-height: 100px;
	max-width: 550px;
}

.NZ-TipsBar-Container.locationT .tipbar .con a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.readonly{
    border: 1.5px solid #797979 !important;
    background-color: #6d6d6d47 !important;
    box-shadow: 0 0 0 4px #6d6d6d47 !important;
}
.readonly:focus{
    border: 1.5px solid #797979 !important;
    background-color: #6d6d6d47 !important;
    box-shadow: 0 0 0 4px #6d6d6d47 !important;
}
.msg-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #069504;
    border-radius: 50%;
    font-size: 0.7em;
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
}

.playstore-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: rgb(0 0 0 / 15%);
    padding: 0.625rem 1.5rem;
    text-align: center;
    color: rgba(255, 255, 255, 1) !important;
    outline: 0;
    transition: all  .2s ease;
    text-decoration: none;
    margin-top: 30px;
  }
  
  .playstore-button:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, 1);
  }

.playstore-button{
    background: #fff;
    color: #333 !important;
  }

.playstore-button:hover{
    background: #F44336;
    color: #fff !important;
  }
  .playstore-button:hover svg.iconhome path{
    fill:#fff !important;
  }

  .iconhome {
    height: 1.5rem;
    width: 1.5rem;
  }
  
  .texts {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
  }
  
  .text-1 {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  
  .text-2 {
    font-weight: 600;
  }

.set_successful{
    padding: 14px 18px;
    background-color: #07b704;
    border-radius: 12px;
    color: #fff;
    position: relative;
}
.NZ-TipsBar-Container .tipbar .close {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 25px;
	height: 25px;
	padding: 0;
	border: 0;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI5MjM2NTE3NDk3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQxMDkiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik05ODguNjI1NDU0NjUgMTAwNS4xNzQ5NDg5OGEzMi45NjY1OTM0MiAzMi45NjY1OTM0MiAwIDAgMS0yMy4wMzY4OTcyOC05LjQwMDExMjkzbC05NTMuMjUwOTA5My05MjYuNzcxNzE2NTVBMzMuMDk4OTg5NzkgMzMuMDk4OTg5NzkgMCAwIDEgNTguNDExNDQyNjMgMjIuMTM0OTQ4OThsOTUzLjI1MDkwOTMgOTI2Ljc3MTcxNzY5QTMzLjA5ODk4OTc5IDMzLjA5ODk4OTc5IDAgMCAxIDk4OC42MjU0NTQ2NSAxMDA1LjE3NDk0ODk4eiIgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iNDExMCIgZGF0YS1zcG0tYW5jaG9yLWlkPSJhMzEzeC5tYW5hZ2VfdHlwZV9teXByb2plY3RzLjAuaTEuM2QxZTNhODFPTzd5dFoiIGNsYXNzPSJzZWxlY3RlZCI+PC9wYXRoPjxwYXRoIGQ9Ik0zNS4zNzQ1NDUzNSAxMDA1LjE3NDk0ODk4QTMzLjA5ODk4OTc5IDMzLjA5ODk4OTc5IDAgMCAxIDEyLjMzNzY0ODA3IDk0OC45MDY2NjY2N2w5NTMuMjUwOTA5My05MjYuNzcxNzE3NjlhMzMuMDk4OTg5NzkgMzMuMDk4OTg5NzkgMCAxIDEgNDYuMjA2MTg5OCA0Ny4zOTc3NTM3NGwtOTUzLjI1MDkwOTMgOTI2Ljc3MTcxNzY5YTMyLjk2NjU5MzQyIDMyLjk2NjU5MzQyIDAgMCAxLTIzLjE2OTI5MjUyIDguODcwNTI4NTd6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSI0MTExIiBkYXRhLXNwbS1hbmNob3ItaWQ9ImEzMTN4Lm1hbmFnZV90eXBlX215cHJvamVjdHMuMC5pMi4zZDFlM2E4MU9PN3l0WiIgY2xhc3M9InNlbGVjdGVkIj48L3BhdGg+PC9zdmc+");
	background-size: 16px;
	cursor: pointer;
	outline: none;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}
.NZ-TipsBar-Container .tipbar .close:hover{
    background-color: #ffffff33;
    border-radius: 30px;
}

.NZ-TipsBar-Container .processbar {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background: rgba(255, 255, 255, 0);
}

.NZ-TipsBar-Container .processbar > div {
	height: 2px;
	width: 100%;
	background: rgba(0, 0, 0, 0);
	border-radius: 0 0 3px 3px;
}

.NZ-Toast-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99998;
}

.NZ-Toast {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 99999;
	padding: 22px 32px 19px 32px;
	border-radius: .5em;
	text-align: center;
	font-size: 1em;
	color: #efefef;
	background-color: rgba(10, 10, 10, .7);
	user-select: none;
}

.NZ-Toast.top {
	top: 20px;
}

.NZ-Tooltips {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 320px;
	max-height: 300px;
	padding: 4px 13px;
    border-radius: 8px;
	font-size: 13px;
	color: #fff;
	background-color: #069504;
    box-shadow: -1px 1px 6px #06950482;
}

.NZ-Tooltips .tip-arrow {
	position: absolute;
	top: 100%;
	left: 25%;
	width: 50px;
	height: 12.5px;
	transform: translateX(-50%);
	overflow: hidden;
    margin-top: 0px;
}

.NZ-Tooltips .tip-arrow::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 12px;
	height: 12px;
	background: #069504;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.24), 0 1px 7px rgba(0, 0, 0, 0.12);
}

.NZ-Tooltips .tip-arrow.left {
	top: 50%;
	left: -12.5px;
	width: 12.5px;
	height: 50px;
	transform: translateY(-50%);
}

.NZ-Tooltips .tip-arrow.left::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
}

.NZ-Tooltips .tip-arrow.right {
	top: 50%;
	left: auto;
	right: -12.5px;
	width: 12.5px;
	height: 50px;
	transform: translateY(-50%);
}

.NZ-Tooltips .tip-arrow.right::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
}

.NZ-Tooltips .tip-arrow.top {
	top: -12.5px;
	left: 25%;
	transform: translateX(-50%);
}

.NZ-Tooltips .tip-arrow.top::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
}

.NZ-Tooltips.lightyellow {
	border: 2px solid rgb(241, 208, 49);
	background-color: rgb(255, 255, 163);
	box-shadow: none;
}

.NZ-Tooltips.lightyellow .tip-arrow::after {
	border: 2px solid rgb(241, 208, 49);
	background: rgb(255, 255, 163);
	box-shadow: none;
}

.NZ-Tooltips.green {
	border: 2px solid rgb(144, 217, 63);
	background-color: rgb(202, 237, 158);
	box-shadow: none;
}

.NZ-Tooltips.green .tip-arrow::after {
	border: 2px solid rgb(144, 217, 63);
	background: rgb(202, 237, 158);
	box-shadow: none;
}

.NZ-Tooltips.blue {
	border: 2px solid rgb(173, 217, 237);
	background-color: rgb(229, 246, 254);
	box-shadow: none;
}

.NZ-Tooltips.blue .tip-arrow::after {
	border: 2px solid rgb(173, 217, 237);
	background: rgb(229, 246, 254);
	box-shadow: none;
}

.NZ-Tooltips.red {
	border: 2px solid rgb(217, 82, 82);
	background-color: rgb(247, 139, 131);
	box-shadow: none;
}

.NZ-Tooltips.red .tip-arrow::after {
	border: 2px solid rgb(217, 82, 82);
	background: rgb(247, 139, 131);
	box-shadow: none;
}

.NZ-Tooltips.dark {
	border: 2px solid rgb(48, 48, 48);
	background-color: rgb(80, 80, 80);
	color: #efeeee;
	box-shadow: none;
}

.NZ-Tooltips.dark .tip-arrow::after {
	border: 2px solid rgb(48, 48, 48);
	background: rgb(80, 80, 80);
	box-shadow: none;
}

.NZ-MsgBox--motion {
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.NZ-MsgBox-alert--open {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	animation-timing-function: cubic-bezier(.49, .49, .13, 1.3);
}

.NZ-MsgBox-alert--close {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
	animation-timing-function: cubic-bezier(.32, .37, .06, .87);
}

.NZ-MsgBox-bg--show {
	-webkit-animation-name: MsgBox-Bg-show;
	animation-name: MsgBox-Bg-show;
	animation-timing-function: linear;
}

.NZ-MsgBox-bg--hide {
	-webkit-animation-name: MsgBox-Bg-hide;
	animation-name: MsgBox-Bg-hide;
	animation-timing-function: linear;
}

.NZ-MsgBox--leap {
	animation: MsgBox-leap;
	animation-duration: .15s;
	animation-timing-function: linear;
	-webkit-animation: MsgBox-leap;
	-webkit-animation-duration: .15s;
	-webkit-animation-timing-function: linear;
}

.NZ-MsgBox--showicon {
	animation-name: MsgBox-showicon;
	animation-duration: .2s;
	animation-delay: .2s;
	animation-timing-function: cubic-bezier(1, .08, .59, 1.76);
}

.NZ-TipsBar--motion {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.NZ-TipsBar-show--right {
	animation-name: TipsBar-show--right;
	animation-timing-function: cubic-bezier(.17, .67, .19, 1.06);
}

.NZ-TipsBar-hide--right {
	animation-name: TipsBar-hide--right;
	animation-timing-function: cubic-bezier(.05, .01, 0, 1);
}

.NZ-TipsBar-show--top {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: TipsBar-show--top;
	animation-name: TipsBar-show--top;
	animation-duration: .9s;
	animation-timing-function: cubic-bezier(.35, 0, .25, 1);
}

.NZ-TipsBar-hide--top {
	-webkit-animation-name: TipsBar-hide--top;
	animation-name: TipsBar-hide--top;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-duration: .7s;
	animation-timing-function: cubic-bezier(.4, .45, .15, .91);
}

.NZ-TipsBar--process {
	animation-name: TipsBar-Process;
	animation-timing-function: linear;
}

.NZ-Motion--inlinecon {
	animation-name: NZ-Motion--inlinecon;
	animation-delay: .2s;
}

@-webkit-keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
	}

}

@keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.7, 0.7, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

}

@-webkit-keyframes anim-close {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.25, 1.25, 1);
	}

}

@keyframes anim-close {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.25, 1.25, 1);
		transform: scale3d(1.25, 1.25, 1);
	}

}

@keyframes MsgBox-Bg-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

}

@keyframes MsgBox-Bg-hide {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}

}

@keyframes MsgBox-leap {
	0% {
		transform: scale3d(1, 1, 1);
	}

	100% {
		transform: scale3d(1.03, 1.03, 1);
	}

}

@-webkit-keyframes MsgBox-leap {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	100% {
		-webkit-transform: scale3d(1.03, 1.03, 1);
		transform: scale3d(1.03, 1.03, 1);
	}

}

@keyframes MsgBox-showicon {
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 1);
	}

	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}

}

@-webkit-keyframes MsgBox-showicon {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 1);
		transform: scale3d(0.3, 0.3, 1);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

}

@keyframes TipsBar-show--right {
	0% {
		opacity: 0;
		transform: translateX(300px);
	}

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

}

@-webkit-keyframes TipsBar-show--right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

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

}

@keyframes TipsBar-hide--right {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(300px);
	}

}

@-webkit-keyframes TipsBar-hide--right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

}

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

	0%, 40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	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 TipsBar-show--top {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	0%, 40% {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	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 TipsBar-hide--top {
	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 TipsBar-hide--top {
	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 TipsBar-Process {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}

}

@-webkit-keyframes TipsBar-Process {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}

}

@-webkit-keyframes NZ-Motion--inlinecon {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

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

}

@keyframes NZ-Motion--inlinecon {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

}

@-webkit-keyframes NZ-Motion--fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

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

}

@keyframes NZ-Motion--fadeInTop {
	0% {
		opacity: 0;
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

}

.NZ-Motion--fadeInTop {
	-webkit-animation-name: NZ-Motion--fadeInTop;
	animation-name: NZ-Motion--fadeInTop;
	animation-timing-function: cubic-bezier(.49, .49, .13, 1.3);
}

@-webkit-keyframes NZ-Motion--fadeOutTop {
	0% {
		opacity: 10;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

}

@keyframes NZ-Motion--fadeOutTop {
	0% {
		opacity: 1;
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

}

.NZ-Motion--fadeOutTop {
	-webkit-animation-name: NZ-Motion--fadeOutTop;
	animation-name: NZ-Motion--fadeOutTop;
	animation-timing-function: cubic-bezier(.32, .37, .06, .87);
}

@-webkit-keyframes NZ-Motion--fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

}

@keyframes NZ-Motion--fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

}

.NZ-Motion--fadeInDown {
	-webkit-animation-name: NZ-Motion--fadeInDown;
	animation-name: NZ-Motion--fadeInDown;
}

@-webkit-keyframes NZ-Motion--fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

}

@keyframes NZ-Motion--fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

}

.NZ-Motion--fadeOutDown {
	-webkit-animation-name: NZ-Motion--fadeOutDown;
	animation-name: NZ-Motion--fadeOutDown;
}

@-webkit-keyframes NZ-Motion--fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

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

}

@keyframes NZ-Motion--fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

}

.NZ-Motion--fadeInLeft {
	-webkit-animation-name: NZ-Motion--fadeInLeft;
	animation-name: NZ-Motion--fadeInLeft;
}

@-webkit-keyframes NZ-Motion--fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}

}

@keyframes NZ-Motion--fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

}

.NZ-Motion--fadeOutLeft {
	-webkit-animation-name: NZ-Motion--fadeOutLeft;
	animation-name: NZ-Motion--fadeOutLeft;
}

@-webkit-keyframes NZ-Motion--fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

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

}

@keyframes NZ-Motion--fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

}

.NZ-Motion--fadeInRight {
	-webkit-animation-name: NZ-Motion--fadeInRight;
	animation-name: NZ-Motion--fadeInRight;
}

@-webkit-keyframes NZ-Motion--fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

}

@keyframes NZ-Motion--fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

}

.NZ-Motion--fadeOutRight {
	-webkit-animation-name: NZ-Motion--fadeOutRight;
	animation-name: NZ-Motion--fadeOutRight;
}
.onlineicon-dark{
    display: none;
    margin-bottom: 20px;
}
.onlineicon-day{
    display: none;
    margin-bottom: 20px;
}
.error{
    display: block;
    font-size: 12px;
    margin: 4px 20px;
    padding: 4px 12px;
    border-radius: 30px;
    background-color: #ff0000;
    margin-bottom: 20px;
    color: #fff;
}
.mb-4 img{width: 64px; height: 64px;}
@media (max-width: 576px) {
.onlineicon{ display: none;}

.onlineicon-day{
    display: block;
}
.NZ-TipsBar-Container.locationT{
    width: 100%;
}
.col-md-7 {
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow:none;
}
            .NZ-TipsBar-Container.bottom {
                left: 0px !important;
                bottom: 40px;
            }
            .NZ-TipsBar-Container.top{
                left: 0px !important;
                top: auto;
                bottom: 40px;
            }
        }