﻿div { font-family: 'Montserrat', sans-serif !important; line-height: 100%; }
input { font-family: 'Montserrat', sans-serif !important; }
textarea { font-family: 'Montserrat', sans-serif !important; }
*:not(input):not(textarea) { /*-khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; cursor: default; user-select: none*/ }
.secimAc { -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.secimAc * { -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }

.messageBackPanel { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(3.5px); display: none; align-items: center; justify-content: center; z-index: 99999; }
.messageBackPanel[status="active"] { display: flex; }
.messageBackPanel[status="passive"] { display: none; }
.messageBackPanel .messagePanel { padding: 25px 20px 20px; background: url(../System/message/pop-body.png); background-size: cover; background-position: top; filter: drop-shadow(0px 0px 10px rgba(198, 209, 218, 0.5)); border-radius: 20px; grid-gap: 25px; display: flex; flex-direction: column; max-width: 300px; }
.messageBackPanel .messagePanel .headerIconPanel { display: flex; align-items: center; }
.messageBackPanel .messagePanel .headerIconPanel img { max-height: 70px; max-width: 100px; }
.messageBackPanel .messagePanel .messageMiddlePanel { display: flex; flex-direction: column; grid-gap: 15px; }
.messageBackPanel .messagePanel .messageMiddlePanel .messagetitle { font-size: 15pt; font-weight: 600; line-height: 16px; color: #1E3C72; }
.messageBackPanel .messagePanel .messageMiddlePanel .messageExp { font-size: 15px; font-weight: 400; line-height: 20px; color: rgba(51, 51, 51, 0.75); color: #1E3C72; overflow-wrap: break-word; }
.messageBackPanel .messagePanel .messageMiddlePanel .messageExp a { font-weight: 500; }
.messageBackPanel .messagePanel .messageFooterPanel { display: flex; flex-direction: row; grid-gap: 30px; }
.messageBackPanel .messagePanel .messageFooterPanel .messageFooterBlok { display: flex; flex-direction: column; grid-gap: 5px; flex: 1; }
.messageBackPanel .messagePanel .messageFooterPanel .messageFooterBlok .mFooterBlokTitle { font-size: 15px; font-weight: 500; line-height: 16px; color: rgba(30, 60, 114, 1); flex: 1; }
.messageBackPanel .messagePanel .messageFooterPanel .messageFooterBlok .mFooterBlokExp { font-size: 14px; font-weight: 400; line-height: 16px; color: rgba(30, 60, 114, 0.7); flex: 1; }
.messageBackPanel .messagePanel .messageButtonPanel { display: flex; flex-direction: row; justify-content: flex-end; grid-gap: 10px; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton { padding: 10px 15px; background: #E31352; border-radius: 10px; display: flex; grid-gap: 15px; align-items: center; transition: all 300ms; }

.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton:hover { box-shadow: 4px 4px 25px rgba(2, 2, 2, 0.45); }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton .mText { font-size: 15px; font-weight: 400; line-height: 100%; color: #fff; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton .mIcon { height: 14px; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Error"] { background: #E31352; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Error"] .mText { color: #fff; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Alert"] { background: #EB6F0A; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Alert"] .mText { color: #fff; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Close"] { background: #ECE8E8; }
.messageBackPanel .messagePanel .messageButtonPanel .mButtonPanelButton[type="Close"] .mText { color: #333333; }

.miniMessageBackPanel { position: fixed; right: 10px; top: calc( 10px); display: flex; flex-direction: column; align-items: flex-start; transition: all 1s; z-index: 99999; }
.miniMessageBackPanel .miniMessage { filter: drop-shadow(0px 0px 10px rgba(51, 51, 51, 0.2)); border-radius: 15px; padding: 15px 12px; background: url(../System/message/pop-body.png); display: flex; grid-gap: 12px; transition: all 1s; max-width: 350px; }
.miniMessageBackPanel .miniMessage[visible="wait"] { display: none; }
.miniMessageBackPanel .miniMessage[visible="open"] { display: flex; animation: messageAnimationOpen 1s; transition: all 1s; margin-top: 10px; }
.miniMessageBackPanel .miniMessage[visible="close"] { animation: messageAnimationClose 1s; opacity: 0; transition: all 1s; }
.miniMessageBackPanel .miniMessage .miniIcon { display: flex; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: contain; min-width: 36px; }
.miniMessageBackPanel .miniMessage .miniIcon[type="lock"] { background-image: url(../System/message/lock.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="send"] { background-image: url(../System/message/send.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="tick"] { background-image: url(../System/message/tick.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="setting"] { background-image: url(../System/message/setting.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="alert"] { background-image: url(../System/message/alert.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="error"] { background-image: url(../System/message/error.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="notification"] { background-image: url(../System/message/notification.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="chat"] { background-image: url(../System/message/chat.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="microphone"] { background-image: url(../System/message/microphone.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="data"] { background-image: url(../System/message/data.png); }
.miniMessageBackPanel .miniMessage .miniIcon[type="missed-call"] { background-image: url(../System/message/missed-call.png); }
.miniMessageBackPanel .miniMessage .miniBlok { display: flex; flex-direction: column; grid-gap: 5px; }
.miniMessageBackPanel .miniMessage .miniMessageHeaderPanel { display: flex; flex-direction: row; flex: 1; grid-gap: 5px; }
.miniMessageBackPanel .miniMessage .miniMessageHeaderPanel .mTitle { font-size: 16px; font-weight: 600; line-height: 16px; color: #1E3C72; flex: 1; }
.miniMessageBackPanel .miniMessage .miniMessageHeaderPanel .mTime { font-size: 10pt; font-weight: 400; line-height: 12px; color: #1E3C72; opacity: 0.5; }
.miniMessageBackPanel .miniMessage .miniBExp { font-size: 14px; font-weight: 400; line-height: 17px; color: #1E3C72; overflow-wrap: break-word; word-wrap: hyphenate; }
.miniMessageBackPanel .miniMessage .miniBExp p { margin: 0; }
.miniMessageBackPanel .miniMessage .miniBExp a { font-weight: 600; }

.loadingBackPanel { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.80); backdrop-filter: blur(3.5px); display: flex; align-items: center; justify-content: center; z-index: 99999; flex-direction: column; }
.loadingBackPanel .loadingBackPanelMessage { color: #fff; font-size: 13pt; font-weight: 400; text-align: center; padding: 0 15px; line-height: 24px; }
.loadingBackPanel .loadingBackPanelClose { position: fixed; right: 20px; top: 20px; height: 28px; width: 28px; background-image: url(../System/message/exitWhite.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }

@keyframes messageAnimationOpen {
    0% { margin-top: 1200px; }
    15% { margin-top: 110px; }
    100% { margin-top: 10px; }
}

@keyframes messageAnimationClose {
    0% { opacity: 1; }
    90% { opacity: 0; }
    100% { display: none; }
}



@media only screen and (max-width: 410px) {
    .miniMessageBackPanel { left: 10px; }
    .miniMessageBackPanel .miniMessage { max-width: initial; width: auto; }
}
