.dotsIfTextTooLong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes enterIn{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.topBarWrapper{position:absolute;width:calc(100% - 180px);height:40px;background-color:#fff;top:0px;margin-bottom:20px;left:180px;transition:left .5s,width .5s;z-index:1;display:flex;box-shadow:0 0 50px -19px #000000}@media only screen and (max-width: 719px),only screen and (min-width: 720px) and (max-width: 959px){.topBarWrapper{left:40px;width:calc(100% - 40px)}}.topBarWrapper .topBarButtonWrapper{float:left;background:linear-gradient(130deg, #e6007e 0%, #18568d 100%)}.topBarWrapper .topBarButtonWrapper .topBarButton{width:40px;height:40px;float:left;text-align:center;line-height:40px;font-size:15px;color:#FFFFFF;font-weight:800;transition:background-color .3s;cursor:pointer}.topBarWrapper .topBarButtonWrapper .topBarButton[active],.topBarWrapper .topBarButtonWrapper .topBarButton:hover{background-color:rgba(255,255,255,0.2)}.topBarWrapper .topBarButtonWrapper .topBarButton[active]::before,.topBarWrapper .topBarButtonWrapper .topBarButton:hover::before{content:'';width:0;height:0;border:7px solid transparent;position:absolute;left:50%;bottom:0px;transform:translateX(-50%);border-bottom-color:#fafbfd}.topBarWrapper .topBarButtonWrapper .topBarButton:hover::after{content:attr(data-title);color:#333;font-size:9px;display:block;white-space:nowrap;text-align:center;left:50%;position:absolute;transform:translateX(-50%);line-height:25px;text-transform:uppercase;background-color:rgba(250,251,253,0.5);padding:0 10px;border-radius:25px;-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="tv"] i::before{opacity:.4;opacity:var(--fa-primary-opacity, .4)}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="tv"] i::after{opacity:1;opacity:var(--fa-primary-opacity, 1)}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox{max-height:0px;width:calc(100vw - 180px);background-color:rgba(255,255,255,0.7);background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);position:absolute;-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px -50px #000000;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out;transition-delay:.5s;color:#000000;display:flex;overflow:hidden;justify-content:space-evenly}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox::after{content:'';width:100%;height:3px;position:absolute;right:0px;bottom:0px;background:-moz-linear-gradient(left, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);background:-webkit-linear-gradient(left, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);background:linear-gradient(to right, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);transition:width .5s}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column{width:300px;text-align:left;text-transform:uppercase;font-size:12px}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column input[type="checkbox"]{margin-bottom:5px}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column input[type="checkbox"]:not(:checked){color:#000000}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column input[type="checkbox"]::after{font-weight:800;font-size:11px;text-transform:uppercase}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column::before{content:attr(data-title)}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column[data-type="groups"]{color:#e6007e}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column[data-type="companies"]{color:#2071b8}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column[data-type="statuses"]{color:#086735}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"] .filterBox .column .scrollable{margin-bottom:20px;display:grid;max-height:200px;overflow:auto}.topBarWrapper .topBarButtonWrapper .topBarButton[data-type="filter"]:hover .filterBox{opacity:1;max-height:300px;transition-delay:0s}.topBarWrapper .topBarSearchWrapper{float:left;flex:1}.topBarWrapper .topBarSearchWrapper input{padding:13px !important;border:unset !important}.topBarWrapper .topBarMenuWrapper{float:left;width:40px;height:40px;background:linear-gradient(130deg, #95c11f 0%, #04381d 100%);text-align:center;line-height:40px;font-size:15px;color:#fff;font-weight:800;transition:background-color .5s;cursor:pointer}.topBarWrapper .topBarMenuWrapper::before{content:'';width:0;height:0;border:7px solid transparent;position:absolute;left:50%;bottom:0px;transform:translateX(-50%);border-bottom-color:#fafbfd;transition:opacity .3s;transition-delay:.5s;opacity:0}.topBarWrapper .topBarMenuWrapper::after{content:'';background-color:rgba(255,255,255,0.2);width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0;transition:opacity .3s}.topBarWrapper .topBarMenuWrapper[active]::after,.topBarWrapper .topBarMenuWrapper:hover::after{opacity:1}.topBarWrapper .topBarMenuWrapper[active]::before,.topBarWrapper .topBarMenuWrapper:hover::before{opacity:1;transition-delay:0s}.topBarWrapper .topBarMenuWrapper[active] .menuBox,.topBarWrapper .topBarMenuWrapper:hover .menuBox{width:250px;transition-delay:0s;opacity:1}.topBarWrapper .topBarMenuWrapper .menuBox{position:absolute;right:0px;height:calc(100vh - 40px);width:0px;background-color:rgba(255,255,255,0.7);background:linear-gradient(27deg, #fff 0%, rgba(255,255,255,0.9) 100%);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:-20px 0 50px -50px #000;transition:width .3s ease-out,opacity .5s ease-out;transition-delay:.5s;color:#000000;overflow:hidden;opacity:0;cursor:default;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0)}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation{overflow:hidden;white-space:nowrap;width:250px;padding:20px}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .accountPictureWrapper{height:100px;width:100px;background-image:var(--image-url);background-position:center center;background-size:100%;border-radius:50%;margin:auto;box-shadow:inset 0 0 0 2px #ffffff;border:3px solid #e6007e}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .accountName{text-align:center;text-transform:uppercase;font-size:13px}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .actions{font-size:11px;text-transform:uppercase;font-weight:100;border-bottom:1px solid #f3f3f3;padding-bottom:20px}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .actions a{text-decoration:none;color:#000000}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .actions a .action{line-height:20px}.topBarWrapper .topBarMenuWrapper .menuBox .accountInformation .actions a .action:hover{font-weight:800}.topBarWrapper .topBarMenuWrapper .menuBox .menuContent{overflow:auto;max-height:calc(100% - 241px);width:250px}.topBarWrapper .topBarMenuWrapper .menuBox .menuContent button{white-space:nowrap;width:calc(100% - 50px);margin-right:0px !important;cursor:pointer}.topBarWrapper .topBarMenuWrapper .menuBox .menuContent button span{padding:5px;font-size:11px}.topBarWrapper .topBarMenuWrapper .menuBox .menuContent hr{margin:15px 25px;border:unset;border-top:1px solid #EAEAEA}.topBarWrapper .topBarMenuWrapper .menuBox::after{content:'';height:100%;width:3px;position:absolute;left:0px;bottom:0px;background:-moz-linear-gradient(bottom, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);background:-webkit-linear-gradient(bottom, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);background:linear-gradient(to bottom, #e6007e 0%, #2071b8 20%, #037c84 40%, #086735 60%, #95c11f 80%, #fbea24 100%);transition:width .5s}