.activity-log-wrapper{display:flex;flex-direction:column;padding:20px;background-color:var(--white-bg);border-radius:14.18px;.activity-container{display:flex;flex-direction:column;gap:20px;.label{font-size:1.2em;font-weight:500;@media screen and (max-width:900px){font-size:1em}}.action-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;@media screen and (max-width:900px){display:inline-flex!important}.left-content{display:flex;flex-direction:row;gap:10px;@media screen and (max-width:900px){display:none!important}}.right-content{position:relative;display:flex;flex-direction:row;gap:10px;.search-input{@media screen and (max-width:900px){padding-left:12px!important;padding-bottom:6px!important;padding-right:12px!important;padding-top:6px!important}}#open-filters-form-button{@media screen and (max-width:900px){padding-left:11px!important;padding-bottom:7px!important;padding-right:11px!important;padding-top:7px!important}}}}.text-area-wrapper{.text-area{position:relative;display:flex;flex-direction:row;gap:10px;width:40%;height:100px;border-radius:5px;border:1px solid var(--light-border);background-color:var(--text-area-bg);transition:border-color .2s ease;input{padding:10px;border:none;outline:none;background-color:transparent}.save-btn,input{position:absolute}.save-btn{right:10px;bottom:10px;padding:6px 10px;border-radius:5px;background-color:var(--font-blue-color);color:var(--white-bg);cursor:pointer;font-size:.7em}}&.active{.text-area{border:1px solid var(--grey)}}}.activity-wrapper{display:flex;flex-direction:column;gap:35px;.activity-details-wrapper{position:relative;display:flex;flex-direction:row;gap:15px;.point-icon{display:flex;justify-content:center;align-items:center;position:absolute;top:0;padding:3px;width:20px;height:20px;border-radius:50px;z-index:10}.vertical-line-wrapper{position:relative}.vertical-line{position:absolute;left:12px;height:70px;width:0;border:1px solid var(--light-border);z-index:0}.plus-icon-on-line{position:absolute;left:5px;top:38px;z-index:20;cursor:pointer;img{width:15px;height:15px}}.red{background-color:var(--red-bg)}.grey{background-color:var(--pending-bg)}.activity-details{display:flex;flex-direction:column;gap:5px;margin-left:20px;.sub-label{color:var(--font-sub-text);font-size:.8em}.activity{color:var(--font-dark);font-size:.85em;.activity-link{color:var(--font-blue-color);text-decoration:underline;cursor:pointer;&:hover{opacity:.8}}}}}}}}.disabled{opacity:.5;cursor:not-allowed}.activity-log{right:0}