.chat-sidebar{background-color:lightgrey;width:100vw;height:100vh;position:fixed;bottom:0px;left:-100vw;transition-duration:1s;z-index:9}.chat-sidebar.active{left:0px}.card-header{padding:0}.card-body{padding:0.25rem}.chat-header-name{font-size:0.7em;color:grey;font-style:italic}.btn-link:hover{text-decoration:none;color:inherit}.new-message{display:none}.new-message.active{display:block}.speech{font-size:1.1em;color:#fff;background:grey;position:relative;padding:5px;border-radius:10px;margin-bottom:5px;max-width:95vw}.speech::after{content:"";border:12px solid transparent;position:absolute}.bottom.speech::after{border-top-color:#a53d38;border-bottom:0;bottom:-20px;left:50%;margin-left:-20px}.top.speech::after{border-bottom-color:#a53d38;border-top:0;top:-20px;left:50%;margin-left:-20px}.left.speech::after{border-right-color:#808080;border-left:0;left:-6px;top:50%;margin-top:-12px}.right.speech{background-color:#051e47}.right.speech::after{border-left-color:#051e47;border-right:0;right:-6px;top:4%}.speech-header{font-size:0.8em}.speech-timestamp{font-size:0.6em}.chat-space-area{background-color:white;height:87vh;overflow:scroll}.new-chat-message{position:absolute;bottom:0px;height:10vh;width:100vw}.row-here{margin-right:0px;margin-left:0px}.new-message-container{position:absolute;bottom:3vh}.chatbar-close-btn{width:100vw;background-color:darkgrey;padding:5px;text-align:center;position:absolute;margin:0px;bottom:0px}.close-text{text-align:center;margin:0 auto}.card p{font-size:17px;font-weight:400;line-height:20px;color:#666}.card p.small{font-size:14px}.go-corner{display:flex;align-items:center;justify-content:center;position:absolute;width:32px;height:32px;overflow:hidden;top:0;right:0;background-color:#266b99;border-radius:0 4px 0 32px}.go-arrow{margin-top:-4px;margin-right:-4px;color:white;font-family:courier, sans}.card1{display:block;position:relative;max-width:262px;background-color:#f2f8f9;border-radius:4px;padding:32px 24px;margin:12px;text-decoration:none;z-index:0;overflow:hidden}.card1:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;background:#266b99;height:32px;width:32px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform 0.25s ease-out}.card1:hover:before{transform:scale(21)}.card1:hover p{transition:all 0.3s ease-out;color:rgba(255,255,255,0.8)}.card1:hover h3{transition:all 0.3s ease-out;color:#fff}.card2{display:block;top:0px;position:relative;max-width:262px;background-color:#f2f8f9;border-radius:4px;padding:32px 24px;margin:12px;text-decoration:none;z-index:0;overflow:hidden;border:1px solid #f2f8f9}.card2:hover{transition:all 0.2s ease-out;box-shadow:0px 4px 8px rgba(38,38,38,0.2);top:-4px;border:1px solid #ccc;background-color:white}.card2:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;background:#00838d;height:32px;width:32px;border-radius:32px;transform:scale(2);transform-origin:50% 50%;transition:transform 0.15s ease-out}.card2:hover:before{transform:scale(2.15)}.card3{display:block;top:0px;position:relative;max-width:262px;background-color:#f2f8f9;border-radius:4px;padding:32px 24px;margin:12px;text-decoration:none;overflow:hidden;border:1px solid #f2f8f9}.card3 .go-corner{opacity:0.7}.card3:hover{border:1px solid #00838d;box-shadow:0px 0px 999px 999px rgba(255,255,255,0.5);z-index:500}.card3:hover p{color:#00838d}.card3:hover .go-corner{transition:opactiy 0.3s linear;opacity:1}.card4{display:block;top:0px;position:relative;max-width:262px;background-color:#fff;border-radius:4px;padding:32px 24px;margin:12px;text-decoration:none;overflow:hidden;border:1px solid #ccc}.card4 .go-corner{background-color:#00838d;height:100%;width:16px;padding-right:9px;border-radius:0;transform:skew(6deg);margin-right:-36px;align-items:start;background-image:linear-gradient(-45deg, #8f479a 1%, #dc2a74 100%)}.card4 .go-arrow{transform:skew(-6deg);margin-left:-2px;margin-top:9px;opacity:0}.card4:hover{border:1px solid #cd3d73}.card4 h3{margin-top:8px}.card4:hover .go-corner{margin-right:-12px}.card4:hover .go-arrow{opacity:1}img{width:100%}.full-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:black}.mobile-add-comment{position:fixed;bottom:0}.mobile-add-comment .input-message input[type="text"]{width:100%;position:fixed;left:0;bottom:0;height:36px}.mobile-add-comment .input-message .submit-message{color:white;position:relative;background:none;background-color:green}#projects-show * .asset{position:relative;margin:10px 0px;text-align:center;padding:5px 5px;overflow:hidden}#projects-show * .asset img{width:100%;height:100%;object-fit:contain}#projects-show * #project_team{max-height:250px;overflow:scroll;position:absolute;top:168px;background:white;padding-top:12px}#projects-show * .upload-files{bottom:0;left:0;text-align:center;padding:10px;color:white;border:1px solid #051e47;width:100%;position:fixed}#projects-show * .activity-ribbon{position:fixed !important;bottom:0;width:100%}#projects-show * #show-team{background-color:green;color:white;text-decoration:none;padding:5px}#projects-show * a.invite-user{background-color:green;color:white;text-decoration:none;padding:5px}#projects-show * .profile-user-img{width:125px;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.12);object-fit:cover}#projects-show * .date{max-width:1200px;margin:0 auto;width:100%;clear:both;background-color:lightgray;padding:5px}#projects-show * .assets{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(1, 1fr)}@media (min-width: 600px){#projects-show * .assets{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 900px){#projects-show * .assets{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 599px){#projects-show * .asset-icons{font-size:1.7em}}#projects-show * .asset-options{right:0;bottom:0;display:inline-flex}#projects-show * .icon{padding:0px 5px}#projects-show * .asset-options i{font-size:2em}#projects-show * .comment-section{padding:10px 20px;background:#e9e9e9;height:0px;transition-duration:1s;min-height:200px}#projects-show * .comment-section.active{height:auto}#projects-show * .comments-count{position:relative;color:red;top:-27px;left:-10px;height:0px;font-weight:bolder;font-size:1.2em;background:white}@media (max-width: 599px){#projects-show * .comments-count{top:-45px;left:-17px}}#projects-show * .new-comment{border:1px solid;border-top-right-radius:10px;border-bottom-right-radius:10px;margin-bottom:5px}#projects-show * .comment{display:inline-flex}#projects-show * .comment-right{text-align:right}#projects-show * .comment-author{font-size:12px;color:grey;font-style:italic}#projects-show * .comment-content{width:90%;padding-right:10px}#projects-show * .submit-comment{border-left:1px solid black;padding:5px 10px;font-size:1.5em}#projects-show * .camera-icon{background-color:#051e47;padding:10px;border-radius:100px;cursor:pointer;transition-duration:1s;border:1px solid black;width:100px}#projects-show * .camera-icon:hover{transform:scale(1.1);box-shadow:5px 5px 5px grey}#projects-show * .waiting-offscreen{overflow:hidden;position:relative}#projects-show * #toggle-sidebar{width:60px;background-color:#051e47;text-align:center;position:fixed;bottom:30px;right:10px;font-size:2em;border-radius:20px;transition-duration:1s;color:white}#projects-show * #toggle-chat-sidebar{width:60px;background-color:#051e47;text-align:center;position:fixed;bottom:30px;right:77px;font-size:2em;border-radius:20px;transition-duration:1s;color:white}#projects-show * .task-alert{color:red;position:fixed;bottom:28px;left:78px;font-size:1.5em}#projects-show * .project-message-alert{color:red;position:fixed;bottom:28px;right:128px;font-size:1.5em}#projects-show * #toggle-task-sidebar{width:60px;background-color:#051e47;text-align:center;position:fixed;bottom:30px;left:25px;font-size:2em;border-radius:20px;transition-duration:1s;color:white}#projects-show * #toggle-sidebar.hide{bottom:-30px}#projects-show * .sidebar{background-color:lightgrey;width:240px;height:100vh;position:fixed;bottom:0px;right:-240px;transition-duration:1s;z-index:9}#projects-show * .sidebar.active{right:0px}#projects-show * .sidebar-item{font-size:1.3em;padding:10px 10px}#projects-show * .sidebar-item.delete-project{color:red;border:1px solid red;border-radius:10px;margin:10px;position:absolute;bottom:10px;font-size:1.2rem}#projects-show * .sidebar-item.delete-project:hover{cursor:pointer;transform:scale(1.1)}#projects-show * .popup-container{position:absolute;z-index:999;width:100%;height:100%;background-color:#00000080;transition-duration:1s;display:none}#projects-show * .popup{opacity:0;background-color:white;width:400px;margin-left:calc(50% - 200px);transition-duration:2s;position:absolute;top:-500px;padding:20px}#projects-show * .popup.active{opacity:1;top:50px;z-index:9;border:1px solid grey}#projects-show * .active-popup{display:block}#projects-show * #upload-div{position:fixed;background-color:#00000050;top:0;left:0;width:100vw;height:100vh;z-index:9999999}#projects-show * #upload-div h1{text-align:center;color:white;text-shadow:2px 2px 2px black}#projects-show * #upload-div p{text-align:center;font-size:2rem;color:white;text-shadow:2px 2px 2px black}#projects-show * img#img_prev{width:75vw;margin:0 auto;position:relative;left:calc(25vw/2)}#projects-show * #precomment{padding-bottom:5px}#projects-show * .center-items{text-align:center;margin:0 auto}#projects-show * a{color:white !important}ul{list-style-type:none}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:5px;background-color:#8e8e8e}.online{background-color:green}.offline{background-color:#8e8e8e}html{height:100%}body{min-height:100vh;display:flex;flex-direction:column;background-color:#f0f2f4}.main-content{flex:1 0 auto}footer{flex-shrink:0}@media (min-width: 0px) and (max-width: 576px){.mobile-only{display:block}}@media (min-width: 577px) and (max-width: 9999px){.mobile-only{display:none}}@media (min-width: 0px) and (max-width: 576px){.non-mobile-only{display:none}}@media (min-width: 577px) and (max-width: 9999px){.non-mobile-only{display:block}}.avatar-upload{position:relative;max-width:205px;margin:auto;margin-bottom:20px}.avatar-upload .avatar-edit{position:absolute;right:40px;z-index:1;top:90px}.avatar-upload .avatar-edit input{display:none}.avatar-upload .avatar-edit input+label{display:inline-block;width:34px;height:34px;margin-bottom:0;border-radius:100%;background:#FFFFFF;border:1px solid #d2d6de;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.12);cursor:pointer;font-weight:normal;transition:all .2s ease-in-out}.avatar-upload .avatar-edit input+label:hover{background:#f1f1f1;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label:after{content:"+";color:#337AB7;position:absolute;left:0;right:0;text-align:center;line-height:34px;margin:auto}.text-align-left{text-align:left}.text-align-right{text-align:right}.fade-out{animation:fadeOut 0.8s forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0}}