.task-right{width:100%;transition:left .5s ease-in;display:flex;position:relative}.review{width:100%;margin-bottom:20px}.review .title{margin-bottom:5px}.review .review-content{width:320px;width:calc(100% - 85px);margin-left:85px}.follow-button,.unfollow-button{padding:2px 10px}.follow-button svg,.unfollow-button svg{padding-right:6px;position:relative;top:2px}.unfollow-button{color:#fff;background-color:#0a65fc}.unfollow-button svg{fill:#fff;stroke:#fff}.follow-button:hover{background-color:#0a65fc}.follow-button:hover svg{fill:#fff}.task-details-container{z-index:2;-webkit-overflow-scrolling:touch;background-color:#fff;width:100%;transition:left .5s ease-out;position:absolute;top:0;bottom:0;left:0;overflow-y:scroll}.task-details-container.empty{left:100vw}.task-details{background-color:#fff;overflow:hidden}.task-details .task-header{margin:10px 20px}.task-details .task-header .airtasker-alert{margin-top:20px;margin-bottom:10px}.task-details .task-header .task-notification-cancellation .date{text-transform:uppercase;color:#384179;margin-bottom:5px;font-weight:700}.task-details .task-header .task-notification-cancellation .date+.small{margin:5px 0 0}.task-details .splitter-section-container .description-section{width:100%;margin-top:15px}.task-details .splitter-section-container .description-section .attachments{margin-bottom:10px}.task-details .task-options{margin-top:10px}.task-details .task-options .dropdown-holder .button-open{letter-spacing:normal}.task-details .task-title{text-overflow:ellipsis;color:#061257;height:auto;font-weight:300;overflow:hidden}.task-details .read-more-toggle svg{vertical-align:middle;fill:#0a65fc}.task-details .read-more-toggle.active svg{transform:rotate(180deg)}.task-details .splitter-section-name{margin:0;padding:20px 16px 0}.task-details .details-panel{float:left;width:370px;margin-top:20px;position:relative}.task-details .details-panel .posted-details-holder{margin-top:20px}.task-details .details-panel .posted-details-holder .posted-details-item{position:relative}.task-details .details-panel .posted-details-holder .posted-details-item:before,.task-details .details-panel .posted-details-holder .posted-details-item:after{content:" ";display:table}.task-details .details-panel .posted-details-holder .posted-details-item:after{clear:both}.task-details .details-panel .posted-details-holder .posted-details-item .user-name-holder{display:block}.task-details .details-panel .posted-details-holder .posted-details-item time{position:absolute;bottom:15px;right:5px}.task-details .details-panel .posted-details-holder .location-item{margin-top:15px;padding-bottom:15px}.task-details .details-panel .posted-details-holder .location-item .icon{float:left;fill:#9ba0bc;margin:4px 20px 8px 4px}.task-details .details-panel .posted-details-holder .location-item .task-header-info-section{float:left;width:calc(100% - 50px)}.task-details .details-panel .posted-details-holder .location-item .task-header-info-section .small-title{margin:0}.task-details .details-panel .posted-details-holder .location-item .task-header-info-section .text{color:#061257;float:left;max-width:calc(100% - 75px);margin:0;display:inline-block}.task-details .details-panel .posted-details-holder .location-item .task-header-info-section .view-map{float:right;width:65px;margin:0}.task-details .details-panel .posted-details-holder .propose-time-holder{margin-top:14px;padding-bottom:15px;position:relative}.task-details .details-panel .posted-details-holder .posted-detail-item{overflow:auto}.task-details .details-panel .posted-details-holder .posted-detail-item .avatar-img{float:left;margin:12px 15px 0 0}.task-details .details-panel .posted-details-holder .posted-detail-item .posted-details{float:left;margin-top:13px;margin-bottom:15px}.task-details .details-panel .step-bar-holder{height:20px;margin-bottom:20px}.task-details .details-panel .step-bar-holder .step-bar{margin-top:36px}.task-details .sidebar{float:right;background-color:#fff;border-radius:4px;width:225px;margin-top:10px;margin-bottom:10px}.task-details .sidebar .flag-content{color:#9ba0bc;cursor:pointer;margin-top:10px;font-size:12px}.task-details .sidebar .flag-content svg{fill:#9ba0bc;margin-right:10px;position:relative;top:2px}.task-details .sidebar .flag-content:hover{color:#384179}.task-details .sidebar .flag-content:hover svg{fill:#384179}.task-details .reviews-section .review .avatar-img{margin-right:15px}.task-details .reviews-section .review .review-body{font-style:italic}.task-details .assignees-section.highlight{animation:1s linear .2s highlightFlash}.task-details .offers-section .task-assignee,.task-details .assignees-section .task-assignee{white-space:nowrap;vertical-align:middle;min-height:50px;margin-bottom:5px}.task-details .offers-section .task-assignee .col,.task-details .assignees-section .task-assignee .col,.task-details .offers-section .task-assignee .col-group,.task-details .assignees-section .task-assignee .col-group{text-overflow:ellipsis;vertical-align:middle;margin-right:15px;display:inline-block}.task-details .offers-section .task-assignee .avatar-img,.task-details .assignees-section .task-assignee .avatar-img{margin-right:4px}.task-details .offers-section .task-assignee .name,.task-details .assignees-section .task-assignee .name{white-space:normal;width:80px;overflow:hidden}.task-details .offers-section .task-assignee .bid,.task-details .assignees-section .task-assignee .bid{text-align:center;width:80px;font-size:20px;font-weight:500}.task-details .offers-section .task-assignee .offer,.task-details .assignees-section .task-assignee .offer{width:130px}.task-details .offers-section .task-assignee .offer .delete-button,.task-details .assignees-section .task-assignee .offer .delete-button{cursor:pointer;margin-left:5px}.task-details .offers-section .task-assignee .offer .delete-button:hover,.task-details .assignees-section .task-assignee .offer .delete-button:hover{color:#ff4401}.task-details .assignees-section .task-assignee .col,.task-details .assignees-section .task-assignee .col-group{margin-right:5px}.task-details .assignees-section .task-assignee .view-task{line-height:13px}.task-details .assignees-section .task-assignee .state{min-width:80px}.task-details .assignees-section .task-assignee .state .task-state{min-width:78px;height:24px;padding:0 5px}.task-details .assignees-section .task-assignee .state .task-state .text{color:#384179;line-height:26px}.task-details .assignees-section .task-assignee .state .task-state.alert .text{color:#fff}.task-activity-section{min-height:80px}.task-activity-section .header{text-align:center;margin:14px 0 4px}.task-activity-section .header .line{background:#f3f3f7;width:100%;height:1px;display:block;position:relative;top:16px}.task-activity-section .header .title{color:#9ba0bc;text-transform:uppercase;background:#fff;margin:8px 0;padding:0 15px;font-size:17px;font-weight:700;display:inline-block;position:relative}.task-activity-section .header .title.interactive{cursor:pointer;transition:color .1s ease-in-out}.task-activity-section .header .title.interactive:hover{color:#384179}@media screen and (max-width:1023px){.share-container{max-width:270px;margin:20px auto 0}.share-container #core-button{max-width:100%}.task-details .details-panel{width:100%}.task-details .details-panel .posted-details-holder,.task-details .details-panel .step-bar-holder{width:100%;margin-left:0}.task-details .assignees-section .task-assignee{border:1px solid #9ba0bc;border-radius:4px;margin:30px auto 5px;padding:13px 17px}.task-details .sidebar{width:100%;position:static}}@media screen and (max-width:767px){.task-right{position:absolute;top:0;bottom:0;left:0;right:0}.task-right.search-alert-visible{top:50px}.task-details{z-index:2;width:100%;position:absolute;top:0;overflow-x:hidden;overflow-y:visible}.task-details-container.empty{left:100vw}.posted-details-holder{font-size:14px}.task-header-info-section{max-width:80%}.task-details .splitter-section-container{position:static}.task-details .assignees-section .task-assignee{white-space:normal}.task-details .assignees-section .task-assignee .runner-details{width:140px}.task-details .assignees-section .task-assignee .state{margin:10px 0 0}.task-details .details-panel{float:none;width:auto;margin-top:0;position:static}.task-details .details-panel .posted-details-holder,.task-details .details-panel .step-bar-holder,.task-details .details-panel .propose-time-holder{border:none;margin:20px 0}.task-details .details-panel h4.task-title{font-size:20px;font-weight:300;line-height:35px}.task-details .details-panel .posted-details-holder{margin:15px 0}.task-details .details-panel .posted-details-holder .posted-detail-item .avatar-img{float:left;margin:10px 13px 0 0}.task-details .details-panel .posted-details-holder .posted-detail-item .posted-details{float:left;margin-top:12px;margin-bottom:15px}.task-details .details-panel .posted-details-holder .propose-time-holder .proposed-time-item{margin:0}.task-details .sidebar{margin-top:10px;position:static}.task-details .sidebar .flag-content{font-size:13px}.task-details .splitter-section{margin-top:20px}}@media screen and (min-width:768px) and (max-width:910px),screen and (max-width:500px){.task-details .assignees-section .task-assignee .name{display:block}}@media screen and (max-width:320px){.task-header-info-section{max-width:70%}}.task-list{border-right:1px solid #384179;width:364px;min-width:364px;transition:left .5s ease-in}.task-list .origin-task .task-state.open{border:1px solid #0a65fc}.task-list .origin-task .task-state.open .text{width:90px}.task-list .list{height:calc(100vh - 106px);transition:height .3s ease-in-out;overflow-y:auto}.task-list .list .see-more-tasks{position:relative}.task-list .list .see-more-tasks h5{margin-bottom:15px}.task-list .list .see-more-tasks .button-cta{margin-right:0}.task-list .list .see-more-tasks .button-min{width:114px}.task-list .list .list-item{cursor:pointer;background-color:#fff;padding-top:8px;padding-left:4px;position:relative}.task-list .list .list-item.new-item{animation-name:newTaskAnimation;animation-duration:1s;animation-delay:.5s}.task-list .list .list-item.selected{background-color:#0a65fc}.task-list .list .list-item.selected .open-sub-tasks{opacity:0}.task-list .list .list-item.selected .sub-tasks>div{background-color:#fff;height:46px}.task-list .list .list-item.selected .sub-tasks .task-list-item{border-top:1px solid #9ba0bc;height:46px}.task-list .list .list-item.selected .sub-tasks .task-list-item:hover,.task-list .list .list-item.selected .sub-tasks .selected,.task-list .list .list-item.selected .sub-tasks .selected .task-list-item:hover{background-color:#0a65fc;border-radius:8px}.task-list .list .list-item.selected:hover,.task-list .list .list-item:hover{background-color:#f3f3f7;border-radius:8px}.task-list .list .list-item .task-list-item{white-space:nowrap;box-sizing:border-box;color:#061257;width:100%;height:76px;margin-bottom:12px;display:block;position:relative}.task-list .list .list-item .task-list-item .avatar-img{border:none;margin:5px}.task-list .list .list-item .task-list-item .details{vertical-align:top;width:170px;height:60px;display:inline-block}.task-list .list .list-item .task-list-item .details>div,.task-list .list .list-item .task-list-item .details a{white-space:nowrap;text-overflow:ellipsis;color:#061257;display:block;overflow:hidden}.task-list .list .list-item .task-list-item .details a:hover{text-decoration:none}.task-list .list .list-item .task-list-item .details .task-title{height:18px;margin-bottom:5px;line-height:18px}.task-list .list .list-item .task-list-item .details .location{height:14px;font-size:12px;line-height:14px}.task-list .list .list-item .task-list-item .details .single-task{height:auto;margin-top:7px;font-size:10px;line-height:14px}.task-list .list .list-item .task-list-item .details .single-task .deadline.alert{color:#ff7f00}.task-list .list .list-item .task-list-item .details .single-task .comment-count,.task-list .list .list-item .task-list-item .details .single-task .bid-count{padding:0 0 0 5px;display:inline-block}.task-list .list .list-item .task-list-item .details .single-task .retailer-logo{margin-right:10px;position:relative;top:1px}.task-list .list .list-item .task-list-item .details .single-task .badges{display:inline-block}.task-list .list .list-item .task-list-item .payment{text-align:center;width:100px;margin-top:5px;font-size:26px;line-height:36px;position:absolute;top:0;right:5px}.task-list .list .list-item .task-list-item .task-state{width:90px;height:20px;position:absolute;bottom:5px;right:5px}.task-list .list-splitter{color:#061257;background-color:#9ba0bc;border-bottom:1px solid #384179;padding:1px 5px}.task-list .list-splitter h6{font-size:14px}.task-list .list-splitter h6 a{color:#0a65fc;font-style:italic}.task-list .list-splitter .empty-message{color:#384179;text-align:center;width:100%;margin-top:50%;font-size:30px}@media screen and (max-width:767px){.task-list{width:100%;min-width:auto;height:100%;overflow:auto}.task-list .search-alert{display:none}.task-list .list{height:100%}.task-list .list .list-item .task-list-item{width:100%}.task-list .list .list-item .task-list-item .details{width:40%;width:calc(100% - 170px)}}.task-menu{text-transform:none;margin:0;padding:0;position:relative;overflow:visible}.task-menu .search-input{margin-right:8px}.task-menu__scrollable{flex-flow:row;align-items:center;width:100%;height:48px;padding-left:4px;display:flex;overflow-x:auto;overflow-y:hidden}.task-menu__flyout-anchor{margin-right:8px;position:static}.task-menu__spacer{flex-grow:2;flex-shrink:2}.task-menu__search-button{cursor:pointer;background:0 0;width:25px;height:32px;margin-left:8px;padding:0;display:none;position:absolute;top:8px;right:0}.task-menu__search-icon{fill:#000}@media screen and (max-width:767px){.task-menu{overflow:visible}.task-menu__scrollable{width:calc(100% - 32px);overflow-x:scroll;overflow-y:hidden;transform:translate(0)}.task-menu__scrollable--overflow{overflow:visible}.task-menu__flyout-anchor:first-child{margin-left:8px}.task-menu.pill{opacity:1;pointer-events:all;visibility:visible;flex-grow:0;flex-shrink:0;margin-left:8px;transition:opacity .1s ease-out}.task-menu.pill--hidden{opacity:0;pointer-events:none;visibility:hidden}.task-menu .search-input{pointer-events:none;visibility:hidden;opacity:0;z-index:2;flex-grow:0;flex-shrink:0;width:calc(100% - 48px);margin-left:8px;transition:opacity .1s;position:absolute;top:8px;left:8px}.task-menu .search-input__input{text-indent:8px}.task-menu .search-input--focused{visibility:visible;pointer-events:all;opacity:1}.task-menu__search-button{background-color:#fff;outline:none;flex-grow:0;flex-shrink:0;width:32px;margin-left:8px;display:inline-block}.task-menu__search-button:before{content:" ";background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 100%);width:16px;display:block;position:absolute;top:0;bottom:0;right:100%}.task-menu__search-icon{fill:#384179}}.propose-time .air-date-picker{width:250px;margin-bottom:20px}.propose-time textarea{height:100px}.propose-time .custom-dropdown{width:100%}.propose-time .proposal-sent,.propose-time .proposal-submission{text-align:center;white-space:pre-wrap}.propose-time .proposal-sent{line-height:30px}.propose-time .proposal-submission{margin-bottom:50px}.propose-time .date-changer{margin:40px auto;display:inline-block}.propose-time .date-changer .calendar-date{float:left}.propose-time .date-changer .arrow-holder{float:left;align-items:center;width:30px;height:100px;display:flex}.propose-time .date-changer .arrow-holder .icon.arrow{fill:#9ba0bc;margin-top:40px}.propose-time .message-container{text-align:left;width:80%;margin:0 auto;padding-top:20px}.propose-time .message-container .avatar-img{vertical-align:middle}.propose-time .message-container .user-name-holder{margin-left:10px}.propose-time .message-container .proposal-message{background-color:#f3f3f7;border:1px solid #f3f3f7;border-radius:5px;margin-top:10px;padding:15px;position:relative}.propose-time .message-container .proposal-message:before{content:"";border-bottom:10px solid #f3f3f7;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-9px}.propose-time .icon-document{max-width:120px;margin:0 auto}.propose-time .icon-document img{width:100%}.proposed-time-item{padding:5px}.proposed-time-item .reschedule-button{margin-top:13px}.proposed-time-item.pending{color:#061257;background-color:#fbedd5}.proposed-time-item.pending .message{float:left;width:70%;padding-left:10px}.proposed-time-item .calendar{float:left;fill:#9ba0bc;margin:5px 20px 0 -2px}.proposed-time-item .time-slot-information{float:left}.proposed-time-item .time-slot-information .time-date{color:#061257;vertical-align:middle;margin-right:8px;display:inline-block}.proposed-time-item button{float:right;margin-top:4px}.no-deadline-container .deadline-text{line-height:30px}.no-deadline-container button{float:right}@media screen and (max-width:767px){.no-deadline-container{text-align:center}.no-deadline-container button{float:none;margin:0 auto;display:block}}.new-task-search{z-index:2;border-top:1px solid #9ba0bc;border-bottom-color:#9ba0bc}.new-task-search .tasks-menu{background-color:#9ba0bc}.new-task-search .tasks-menu .button-mode{background-color:#9ba0bc;transition:background-color .2s}.new-task-search .tasks-menu .button-mode:hover{background-color:#384179}.new-task-search .search-input{box-shadow:none}.new-task-list .vertical-scroll,.new-task-list .group{transition:padding-top .6s cubic-bezier(.68,-.55,.265,1.55)}.new-list-loadmore-frame{z-index:1;position:relative}.new-list-loadmore{-webkit-font-smoothing:antialiased;opacity:0;pointer-events:none;text-align:center;color:#fff;text-transform:uppercase;background:#0a65fc;border-radius:4px;width:222px;height:34px;margin:10px auto;font-size:11px;font-weight:700;line-height:34px;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55),opacity .6s;position:absolute;top:0;left:50%;transform:translate(-50%,-100%);box-shadow:4px 6px 8px rgba(155,160,188,.6)}.new-list-loadmore:active{opacity:.95}.new-list-loadmore:hover{background:#0a65fc}.new-list-loadmore__count{font-weight:900}.new-task-list.show-more-tasks .new-list-loadmore{z-index:1;opacity:1;pointer-events:all;cursor:pointer;transform:translate(-50%)}.new-task-list.show-more-tasks .list{padding-top:50px}.new-task-list-loading{text-align:center;height:30px;position:relative;overflow:hidden}.group:first-of-type .new-list-splitter{margin:10px 0}.new-task-list{border-right:0}.new-task-list .new-list-splitter{-webkit-font-smoothing:antialiased;text-transform:uppercase;background-color:transparent;border:0;margin:25px 0 10px;padding:0;font-size:11px;font-weight:700}.new-task-list .list{padding-left:8px}@media screen and (max-width:767px){.new-task-list .new-list-splitter{margin-left:10px!important}}@media screen and (min-width:520px) and (max-width:767px){.new-task-list .new-list-splitter{max-width:500px;margin:10px auto!important}}@keyframes bouncy{15%{transform:scale(.98)}40%{transform:scale(.99)}45%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=tasks_screen.cf87c0e477769d2a.css.map*/