/* input(94,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */
/* message */

.ui-message { background-color: rgba(255,255,255,0.9); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 1010; width: 100%; display: table; height: 100%; transition: 0.3s all; opacity: 0; }
.ui-message > div { display: table-cell; vertical-align: middle; text-align: center; padding: 15px; }
.ui-message-body { padding: 30px 25px 20px; position: relative; display: inline-block; color: #000000; border-radius: var(--radius); max-width: 500px; text-align: left; transform: scale(1.5); transition: 0.2s all; box-shadow: 0 5px 20px rgba(0,0,0,0.1); background-color: #FFF; border-width: 3px; border-style: solid; }
.ui-message-warning .ui-message-body { border-color: #DA4453; min-width: 300px; }
.ui-message-success .ui-message-body { border-color: #8CC152; min-width: 300px; }
.ui-message-info .ui-message-body { border-color: var(--color); min-width: 300px; }
.ui-message button { display: block; min-width: 100px; margin: 20px auto 0; cursor: pointer; outline: 0; background-color: #FFF; border: 1px solid #E0E0E0; border-radius: var(--radius); color: #000000; padding: 0 20px; height: 34px; font-weight: bold; }
.ui-message button:hover { background-color: #F0F0F0; }
.ui-message button:active { border-color: #D0D0D0; }
.ui-message-icon { border-radius: 100px; width: 60px; height: 60px; padding: 0; line-height: 54px; font-size: 30px; text-align: center; position: absolute; left: 50%; border: 4px solid #3BAFDA; margin-left: -30px; z-index: 5; background-color: #FFF; color: #3BAFDA; margin-top: -40px; transform: scale(2); transition: all 0.3s; }
.ui-message-icon-animate { transform: scale(1); }
.ui-message-success .ui-message-icon { border-color: #8CC152; color: #8CC152; }
.ui-message-warning .ui-message-icon { border-color: #DA4453; color: #DA4453; }
.ui-message-info .ui-message-icon { border-color: var(--color); color: var(--color); }
.ui-message-error i { margin-right: 5px; color: red; }
.ui-message-visible { opacity: 1; }
.ui-message-visible .ui-message-body { transform: scale(1); }
.ui-message2 { background-color: rgba(220,220,220,0.9); }
.ui-message2 .ui-message-body { padding: 110px 0 0; border-width: 0; border-radius: var(--radius); max-width: 400px; }
.ui-message2 .ui-message-text { padding: 0 20px 30px; text-align: center; }
.ui-message2 hr { display: none; }
.ui-message2 button { width: 100%; border: 0 !important; color: #FFF; border-radius: 0 0 var(--radius) var(--radius); height: 40px; margin: 0; }
.ui-message2 button:hover { opacity: 0.9; }
.ui-message2.ui-message-success button { background-color: #8CC152; }
.ui-message2.ui-message-warning button { background-color: #DA4453; }
.ui-message2.ui-message-info button { background-color: var(--color); }
.ui-message2 .ui-message-icon { margin-top: 30px; border-radius: 0; border: 0; background: transparent !important; font-size: 50px; }

.ui-dark .ui-message2, .ui-dark .ui-message { background-color: rgba(50,50,50,0.9); }
.ui-dark .ui-message-body { background-color: #202020; color: #FFF; }
.ui-dark .ui-message button { background-color: #404040; border-color: #404040; color: #FFF; }
.ui-dark .ui-message button:hover { background-color: #444; }
.ui-dark .ui-message button:active { border-color: #505050; }
.ui-dark .ui-message2.ui-message-success button { background-color: #8CC152; }
.ui-dark .ui-message2.ui-message-warning button { background-color: #DA4453; }
.ui-dark .ui-message2.ui-message-info button { background-color: var(--color); }
.ui-dark .ui-message-icon { background-color: #202020; }
.ui-dark .ui-message hr { border-color: #404040; }

/* info */

.ui-info { position: absolute; opacity: 0; transition: 0.25s transform cubic-bezier(0.23, 1, 0.32, 1); left: -100; top: -100; z-index: 20; box-shadow: 0 2px 10px rgba(0,0,0,0.07); transform: translate(0px,20px); background-color: #FFF; border-radius: var(--radius); border: 1px solid #E0E0E0; padding: 15px; }
.ui-info-visible { opacity: 1; transform: translate(0px,0px); }
.ui-dark .ui-info { background-color: #303030; border-color: #404040; box-shadow: 1px 5px 10px rgba(0,0,0,0.1); }

/* loading */

.ui-loading { position: fixed; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); left: 0; top: 0; z-index: 1000; }
.ui-loading-1 > div { background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOC4wNDIlIiB5MT0iMCUiIHgyPSI2NS42ODIlIiB5Mj0iMjMuODY1JSI+CiAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyRTlBQjIiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwJSIvPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMkU5QUIyIiBzdG9wLW9wYWNpdHk9Ii42MzEiIG9mZnNldD0iNjMuMTQ2JSIvPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMkU5QUIyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxOCAxOCIgdG89IjM2MCAxOCAxOCIgZHVyPSIwLjlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgPC9wYXRoPgogICAgPGNpcmNsZSBmaWxsPSIjMkU5QUIyIiBjeD0iMzYiIGN5PSIxOCIgcj0iMSI+CiAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE4IDE4IiB0bz0iMzYwIDE4IDE4IiBkdXI9IjAuOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgICA8L2NpcmNsZT4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 50% 50%; background-size: 80px 80px; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; }
.ui-loading-2 > div { min-height: 5px; background-color: var(--color); width: 0; position: absolute; z-index: 1; animation: loadinganimation 5s infinite; }
.ui-loading-1 .ui-loading-text { position: absolute; width: 250px; text-align: center; margin: 90px 0 0 -125px; left: 50%; font-size: 14px; color: var(--color); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-loading-2 .ui-loading-text { font-size: 11px; padding: 0 5px; }
.ui-loading-text i { margin-right: 5px; }

.ui-dark .ui-loading { background-color: rgba(0,0,0,0.8); }
.ui-dark .ui-loading > div { color: #FFF; }

@keyframes loadinganimation {
	0% { left: 0; }
	60% { left: 0; width: 100%; }
	70% { left: 70%; width: 30%; }
	90% { left: 100%; width: 30%; }
	100% { left: 0; width: 0; }
}

/* approve */

.ui-approve-noscroll, .ui-approve-noscroll body { overflow: hidden; }
.ui-approve { background-color: rgba(255,255,255,0.9); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 100; width: 100%; display: table; height: 100%; transition: 0.5s all; opacity: 0; }
.ui-approve > div { display: table-cell; vertical-align: middle; text-align: center; color: #FFF; padding: 15px; }
.ui-approve-body { color: #000; padding: 0; position: relative; display: inline-block; max-width: 300px; text-align: left; transform: scale(0.8); transition: 0.15s all; border: 0; background-color: #FFF; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.ui-approve-content { padding: 50px 30px; text-align: center; }
.ui-approve-content > i { font-size: 50px; display: block; margin-bottom: 10px; }
.ui-approve-buttons { height: 40px; }
.ui-approve button { font-size: 12px; float: left; cursor: pointer; outline: 0; background-color: #E0E0E0; border: 0; border-radius: 0; color: gray; padding: 0; width: 50%; height: 40px; font-weight: normal; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ui-approve button i { margin-right: 5px; }
.ui-approve button:hover { opacity: 0.9; }
.ui-approve button[data-index='0'] { color: #FFF; font-weight: bold; font-weight: bold; background-color: #EC2C28; }
.ui-approve-close { position: absolute; color: #C0C0C0; font-size: 11px; right: 8px; top: 5px; cursor: pointer; }
.ui-approve-close:hover { color: #A0A0A0; }
.ui-approve-visible { opacity: 1; }
.ui-approve-visible .ui-approve-body { -webkit-transform: scale(1); transform: scale(1); }
.ui-approve-click { transform: scale(1.07) !important; }

.ui-approve-style-2 { background-color: rgba(0,0,0,0.7); }
.ui-approve-style-2 .ui-approve-body { max-width: 500px; border-radius: var(--radius); }
.ui-approve-style-2 .ui-approve-content { padding: 28px 24px 24px; text-align: left; font-size: 15px; color: #797982; line-height: 1.25rem; }
.ui-approve-style-2 .ui-approve-content > i { margin-left: 38px; margin-bottom: 12px; }
.ui-approve-style-2 .ui-approve-buttons { display: flex; align-items: center; justify-content: end; height: auto; padding: 0 24px 24px;  }
.ui-approve-style-2 button { min-width: 92px; width: auto; border-radius: var(--radius); border: 1px solid #e4e4e7; height: 40px; line-height: 40px; font-size: 14px; }
.ui-approve-style-2 button[data-index='0'] { order: 2; margin-left: 12px; background-color: #18181b; border-color: #18181b; transition: opacity .2s; }
.ui-approve-style-2 button[data-index='1'] { color: color: #797982; background-color: #fff; transition: background-color .2s; }
.ui-approve-style-2 .ui-approve-close { display: none; }
.ui-approve-style-2 button[data-index='0']:hover { opacity: .9; }
.ui-approve-style-2 button[data-index='1']:hover { background-color: #f0f0f0; }

@media(max-width: 340px) {
	.ui-approve button { display: block; margin: 8px 0 0; display: block; width: 100%; height: 34px; font-size: 13px; }
}

.ui-dark .ui-approve { background-color: rgba(0,0,0,0.9) }
.ui-dark .ui-approve-body { background-color: #202020; }
.ui-dark .ui-approve-content { border-bottom-color: #303030; color: #FFF; }
.ui-dark .ui-approve button { background-color: #505050; color: #C0C0C0; }
.ui-dark .ui-approve-close { color: #505050; }
.ui-dark .ui-approve-close:hover { color: #888; }
.ui-dark .ui-approve button[data-index='0'] { background-color: #EC2C28; color: #fff; }

.ui-dark .ui-approve-style-2.ui-approve { background-color: rgba(0,0,0,0.7); }
.ui-dark .ui-approve-style-2 .ui-approve-body { background-color: #09090b; border: 1px solid #27272a; }
.ui-dark .ui-approve-style-2.ui-approve .ui-approve-content { color: #8f8f97; }
.ui-dark .ui-approve-style-2.ui-approve button[data-index='0'] { color: #09090b; background-color: #fff; }
.ui-dark .ui-approve-style-2.ui-approve button[data-index='1'] { color: #797982; background-color: #09090b; border-color: #27272a; }
.ui-dark .ui-approve-style-2.ui-approve button[data-index='1']:hover { background-color: #303030; }