Proyectos de Subversion LeadersLinked - Antes de SPA

#react-chat{bottom:0;margin:0;padding:0;right:5%;position:fixed;z-index:1000;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:1rem;font-family:Arial,sans-serif}#react-chat button{background:rgba(0,0,0,0);border:none;margin:0;padding:0;outline:none}.chat-helper{background-color:var(--bg-color);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2);display:grid;gap:.5rem;max-height:25rem;height:fit-content;width:235px}.chat-helper .chat_options{border-bottom:1px solid var(--border-primary);overflow:hidden;position:relative}.chat-helper .chat_options a{border-left:1px solid var(--border-primary);color:var(--font-color);padding:3px 8px 3px 3px;border:0;font-size:.9rem;cursor:pointer;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:0 1rem}.action-btn{position:relative;font-weight:700;color:var(--font-color);display:inline-flex;align-items:center}.action-btn.active{padding-bottom:5px !important}.action-btn.active::before{content:"";position:absolute;top:100%;width:100%;height:3px;background:var(--border-primary)}.search-input{display:flex;align-items:center;border-radius:5px;height:34px;color:gray;cursor:pointer;width:-webkit-fill-available;padding:.5rem;background-color:#eef3f0}.search-input>input{border:none;outline:none;background:none;width:100%}.contacts-list{width:100%;overflow-y:auto;max-height:250px}.contacts-list .contacts-list__item{align-items:center;display:flex;height:auto;padding:.2rem 1rem;gap:.5rem}.contacts-list .contacts-list__item img{height:36px;width:36px;border-radius:50%}.contacts-list .contacts-list__item .contacts-list__item-content{display:flex;flex-direction:column;gap:.5rem}.contacts-list .contacts-list__item span{font-size:.9rem;cursor:pointer;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20ch}.emojione-container{background-color:var(--bg-color);bottom:100%;left:0;position:absolute;width:100%}.smiley-panel{transform-origin:bottom;overflow:hidden}.smiley-panel-body{height:160px;padding:10px 0;border-top:1px solid var(--border-primary);overflow:auto}.smiley-panel-body .e1{cursor:pointer}.message{box-shadow:var(--light-shadow);display:inline-flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;max-width:70%;min-width:4rem;padding:.5rem;position:relative}.message>p{color:var(--chat-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.message>img{max-width:250px;max-height:250px;object-fit:contain}.message:first-child{margin-top:.5rem}.message.sent{background-color:var(--chat-send);border-radius:10px 0 10px 10px}.message.received{background-color:var(--chat-received);border-radius:0 10px 10px 10px}.message_time{color:var(--subtitle-color);font-size:.8rem}.message .emojione{width:1rem;height:1rem}.download_btn{display:inline-flex;gap:.5rem;padding:2px 10px;margin-left:.2rem;color:#000}.user_name{font-size:.7rem;color:var(--font-color);align-self:flex-start;margin-bottom:.2rem}.display-reactions{align-items:center;background:var(--bg-color);border-radius:10px;box-shadow:var(--shadow);color:var(--icons-color);display:flex;gap:.5rem;padding:1rem}.display-reactions button{color:var(--icons-color)}.message_container{display:flex;gap:.5rem;width:100%;align-items:center}.message_container.sent{flex-direction:row-reverse}.message_container.received{flex-direction:row}.active_chats-list{display:flex;align-items:flex-end;gap:10px;width:fit-content;z-index:100}.personal-chat{background:var(--bg-color);border:1px solid var(--border-primary);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:0 0 6px rgba(0,0,0,.1);width:260px;position:relative;z-index:10}.personal-chat .chat-header{background-color:var(--bg-color-secondary);border-bottom:1px solid var(--border-primary);display:flex;font-weight:bold;gap:.5rem;padding:.5rem}.personal-chat .chat-header a{color:var(--subtitle-color)}.personal-chat .chat-header small{color:var(--subtitle-color);font-size:12px}.personal-chat .chat-header small::after{content:"";position:absolute;height:10px;width:10px;left:30px;top:35px;border-radius:50%}.personal-chat .chat-header small::after.online:after{background-color:var(--online-green)}.personal-chat .chat-header small::after.offline:after{background-color:#bdbdbd}.personal-chat .chat-header>img{width:36px;height:36px;border-radius:50%}.personal-chat .chat-header.notify{animation:notify 2s infinite}.personal-chat .chat-header .info-content{display:flex;flex-direction:column}.personal-chat .chat-header .btn-group,.personal-chat .chat-header .btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.chatbox-icon{right:230px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:998;cursor:pointer;display:none;position:fixed}.options{display:flex;gap:5px;color:var(--subtitle-color)}.chat-conversation{background-color:var(--bg-color);display:flex;flex-flow:column-reverse;overflow:auto;padding:1rem;height:275px}.conversation-list{display:flex;flex-direction:column;gap:.5rem}.conversation-list .conversation-text{align-items:center;display:flex;flex-direction:row;gap:.5rem;width:100%}.conversation-list .conversation-text .ctext-wrap{background:var(--chat-received);border-radius:0 10px 10px 10px;display:inline-block;padding:5px;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.1);max-width:65%}.conversation-list .conversation-text .ctext-wrap p{color:var(--chat-color);word-break:break-word}.conversation-list .conversation-text .ctext-wrap img,.conversation-list .conversation-text .ctext-wrap video{border-radius:10px;max-height:200px;outline:none;width:100%}.conversation-list .conversation-text .ctext-wrap label{align-items:center;color:var(--chat-color);font-size:.8rem;gap:.5rem;display:inline-flex}.conversation-list .conversation-text .ctext-wrap .emojione{height:1rem;width:1rem}.conversation-list .conversation-text .ctext-wrap .pdf{width:40px}.conversation-list .conversation-text .icon{border-radius:50px;color:var(--chat-color);cursor:pointer;display:grid;height:1.5rem;padding:0;place-items:center;transition:all .2s;width:1.5rem}.conversation-list .conversation-text .icon:hover{background:var(--chat-send)}.conversation-list .conversation-text .display-reactions{align-items:center;background:var(--bg-color);border-radius:10px;box-shadow:var(--shadow);color:var(--icons-color);display:flex;gap:.5rem;padding:1rem}.conversation-list .conversation-text .display-reactions button{color:var(--icons-color)}.conversation-list .conversation-text.odd{flex-direction:row-reverse}.conversation-list .conversation-text.odd .ctext-wrap{background:var(--chat-send);border-radius:10px 0 10px 10px}.chat-text_box{align-items:center;background-color:var(--bg-color-secondary);display:flex;gap:.5rem;padding:.5rem;position:relative;border:1px solid var(--border-primary)}.chat-text_box .btn-emoji{margin:0;padding:0}.chat-text_box textarea{background-color:var(--bg-color-secondary);border:none;height:1.8rem;padding:5px;outline:none;resize:none}.subpanel_title{background:var(--bg-color-secondary);color:var(--subtitle-color);cursor:pointer;font-weight:bold;padding:.5rem 1rem;font-size:1.1rem;display:flex;justify-content:space-between;height:30px}.subpanel_title .subpanel_title-icons{display:flex;align-items:center;gap:.5rem;color:var(--subtitle-color)}*::-webkit-scrollbar{width:6px !important;height:6px !important}*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}*::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}*::-webkit-input-placeholder{color:#ccc;font-size:15px}*::-moz-placeholder{color:#ccc;font-size:15px}.customtab2{border-bottom:1px solid #f7fafc;border-top:1px solid #f7fafc;background:#f9f9f9}.customtab2 li a{color:#333}.customtab2 li:hover a{color:#333;border-bottom:1px solid #333}.customtab2 li.active a,.customtab2 li.active a:hover,.customtab2 li.active a:focus{background:#333;border:1px solid #333;color:#fff}.menu-tabs{display:flex;align-items:center}.menu-item{cursor:pointer;flex:1;text-align:center}@keyframes notify{0%{background-color:unset}50%{background-color:#00b0ff}100%{background-color:unset}}