.BoxShadow{-webkit-box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);-moz-box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);}.white-bg{background-color:rgba(255,255,255,.9) !important;}.t{border:1px solid #f00 !important;}.b{border:1px solid #00f !important;}.text-overflow-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.disable-select{user-select:none;-moz-user-select:none;-webkit-user-select:none;}.skeleton{background:linear-gradient(-45deg,rgba(147,18,18,.33),#d3d3d3,#fff,#fff);-moz-animation:gradientBG infinite ease-out;-o-animation:gradientBG infinite ease-out;-webkit-animation:gradientBG infinite ease-out;animation:gradientBG 3s infinite;background-size:200% 200%;}.skeleton-animated{background:linear-gradient(45deg,rgba(147,18,18,.33),#d3d3d3,#fff,#fff);-moz-animation:skell-loading infinite ease-out;-o-animation:skell-loading infinite ease-out;-webkit-animation:skell-loading infinite ease-out;animation:skell-loading 3s infinite;background-size:100% 100%;}@keyframes skell-loading{from{background-size:100% 100%;}to{background-size:200% 100%;}}#ChatBox{position:fixed;bottom:65px;right:1em;width:400px;background-color:var(--gray-xlight);border-top-left-radius:5px;border-top-right-radius:5px;z-index:99999;-webkit-box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);-moz-box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);box-shadow:-2px 3px 20px -10px rgba(0,0,0,.75);}#ChatBox[v-cloak]{display:none;}#ChatBox .chatbox-head{position:relative;font-family:'Frutiger-Normal';-webkit-box-shadow:-2px 6px 8px -5px rgba(0,0,0,.45);-moz-box-shadow:-2px 6px 8px -5px rgba(0,0,0,.45);box-shadow:-2px 6px 8px -5px rgba(0,0,0,.45);z-index:99;}#ChatBox .chatbox-head img.chatbox-icon{width:70px;position:absolute;left:1em;bottom:.5em;}#ChatBox .chatbox-head img.chatbox-close{width:15px;position:absolute;top:.2em;right:1em;opacity:.8;cursor:pointer;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;-webkit-transition:all 100ms ease-out;transition:all 100ms ease-out;}#ChatBox .chatbox-head img.chatbox-close:hover{opacity:1;}#ChatBox .chatbox-head__title{border-top-left-radius:5px;border-top-right-radius:5px;background-color:var(--main-color);direction:rtl;text-align:right;color:rgba(255,255,255,.95);padding:2em 1em .5em 1em;letter-spacing:.5px;min-height:130px;}#ChatBox .chatbox-head__title p{font-size:.8em;margin:2px 0;}#ChatBox .chatbox-head__name{padding:.5em 1em;text-align:right;}#ChatBox .chatbox-content{position:relative;background-color:#fff;flex:1;padding-bottom:2.2em;height:280px;display:flex;flex-direction:column;overflow:auto;}#ChatBox .chatbox-content .chat-messages{flex:1;height:100%;background-color:var(--gray-xlight);}#ChatBox .chatbox-content .chat-messages-send{left:0;right:0;}#ChatBox .chatbox-content .chat-messages-send__control{flex:1;}#ChatBox .chatbox-content .chat-messages-send__control input{width:100%;border:none;padding:.2em .5em;}#ChatBox .chatbox-content .chat-messages-send__actions{padding:0;width:30px;}#Chat[v-cloak]{display:none;}#Chat .chat-container{display:flex;height:76vh;}#Chat .chat-container .chat-messages-container{position:relative;flex:1;padding-bottom:2.5em;}#Chat .chat-container .chat-messages-container .chat-messages-close{position:absolute;display:none;top:.5em;left:.5em;width:15px;height:15px;cursor:pointer;opacity:.5;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;}#Chat .chat-container .chat-messages-container .chat-messages-close:hover{opacity:1;}#Chat .chat-container .chat-users{width:300px;border-left:3px solid var(--main-color-transp);}#Chat .chat-container .chat-users .chat-user-container{display:flex;padding:.4em .5em;overflow-y:auto;cursor:pointer;-moz-transition:all 50ms ease-out;-o-transition:all 50ms ease-out;-webkit-transition:all 50ms ease-out;transition:all 50ms ease-out;}#Chat .chat-container .chat-users .chat-user-container .chat-user-picture{width:2.7em;position:relative;}#Chat .chat-container .chat-users .chat-user-container .chat-user-picture .new-message-alert{width:20px;height:20px;animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;position:absolute;left:26px;bottom:-5px;}#Chat .chat-container .chat-users .chat-user-container .chat-user-picture .new-message-alert *{fill:#ffd800;}#Chat .chat-container .chat-users .chat-user-container .chat-user-picture img{border-radius:50%;width:100%;}#Chat .chat-container .chat-users .chat-user-container .chat-user-details{flex:1;padding-left:.2em;}#Chat .chat-container .chat-users .chat-user-container .chat-user-details .chat-user-username{display:block;}#Chat .chat-container .chat-users .chat-user-container .chat-user-details small{display:block;color:var(--gray-dark);}#Chat .chat-container .chat-users .chat-user-container.is-online small{color:#00b417;}#Chat .chat-container .chat-users .chat-user-container.is-active{background-color:rgba(235,234,234,.86);}#Chat .chat-container .chat-users .chat-user-container:hover{background-color:rgba(235,234,234,.7);}.chat-messages{-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out;overflow-y:auto;overflow-x:hidden;height:100%;}.chat-messages.faded-out{opacity:0;}.chat-messages .chat-message{padding:.5em;margin-bottom:.3em;display:block;}.chat-messages .chat-message__box{min-width:200px;width:auto;display:inline-block;background-color:var(--gray-xlight);padding:.5em 1em;}.chat-messages .chat-message__box .chat-message-text{display:block;}.chat-messages .chat-message__box .chat-message-date{display:block;font-size:10px;color:var(--gray-dark);}.chat-messages .chat-message.is-left{text-align:left;}.chat-messages .chat-message.is-left .chat-message__box{background-color:var(--main-color-xtransp);border-radius:0 15px 15px 15px;}.chat-messages .chat-message.is-right{text-align:right;}.chat-messages .chat-message.is-right .chat-message__box{background-color:#d5d5d5;border-radius:15px 0 15px 15px;}.chat-messages .chat-messages-send{position:absolute;display:flex;width:100%;bottom:0;left:.5em;right:.5em;}.chat-messages .chat-messages-send__control{flex:1;}.chat-messages .chat-messages-send__actions{width:50px;padding:5px;}.chat-messages .chat-messages-send__actions svg{cursor:pointer;width:20px;height:20px;}.chat-messages .chat-messages-send__actions svg *{fill:var(--gray-light);}@keyframes blink-animation{to{visibility:hidden;}}@-webkit-keyframes blink-animation{to{visibility:hidden;}}@media(max-width:768px){#Chat{overflow-x:hidden;}#Chat .chat-container{flex-direction:column;}#Chat .chat-container .chat-messages-container{width:100%;order:2;}#Chat .chat-container .chat-users{width:100%;border-left:none;border-bottom:3px solid var(--main-color-transp);max-height:150px;order:1;}}