accelo_ui_styleguide
Version:
Generator for accelo ui styleguide
1 lines • 1.12 MB
CSS
.gmail_scrollbar::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.gmail_scrollbar::-webkit-scrollbar:hover{background-color:#eee}.gmail_scrollbar::-webkit-resizer{-webkit-border-radius:4px;background-color:#666}.gmail_scrollbar::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.gmail_scrollbar::-webkit-scrollbar-thumb:hover{background-color:#bbb}.gmail_scrollbar::-webkit-scrollbar-thumb:active{background-color:#888}.gmail_scrollbar_narrow::-webkit-scrollbar{width:6px;height:6px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.gmail_scrollbar_narrow::-webkit-scrollbar:hover{background-color:#eee}.gmail_scrollbar_narrow::-webkit-resizer{-webkit-border-radius:4px;background-color:#666}.gmail_scrollbar_narrow::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.gmail_scrollbar_narrow::-webkit-scrollbar-thumb:hover{background-color:#bbb}.gmail_scrollbar_narrow::-webkit-scrollbar-thumb:active{background-color:#888}.objectbubble::before,.taskbubble::before,.more_worklog_details_ico::before,.more_worklog_details_ico::after{display:block;content:'';position:absolute}.customerPDF__editorHeaders:after,.graphkeys:after,.activity_view_full .activity_toolbar:after,.af_col_head:after{content:"";display:table;clear:both}.color-white{color:#fff}.color-fruit-salad{color:#589a5a}.color-blue-dingo{color:#2a9ae6}.color-orange-kanga{color:#e75a4d}.color-purple-rabbit{color:#4e7bf8}.color-foggy-grey{color:#fafafa}.color-kylo-ren{color:#858585}.color-emperor{color:#555}.color-accelo-purple{color:#6554c4}.color-accelo-blue{color:#2c96ca}.color-accelo-green{color:#45ad3c}.color-accelo-yellow{color:#ffa015}.color-accelo-orange{color:#f74e09}.color-tuna{color:#323540}.color-the-original-grey{color:#E2E6E9}.color-dash-grey{color:#d9d9d9}.color-ruffled-grey{color:#848484}.color-schist{color:#f9f9f9}.color-pelorous{color:#469bc5}.color-greyxo{color:#E9E9E9}.color-cardo-greyo{color:#8A9296}.color-erroreno{color:#e70303}.color-too-much-grey{color:#f5f5f5}.color-warning-yellow{color:#9C9B82}.color-link-blue{color:#427E9D}.color-pharlap{color:#a5a5a5}.color-sunset{color:#888c8e}.color-ebb{color:#fcfcfc}.color-curious-blue{color:#209bd1}.color-tan-hide{color:#f68e56}.color-bazaar{color:#a9a9a9}.color-purple-pool{color:#6054a4}.color-nobel{color:#b7b7b7}.color-mantis{color:#ddd}.color-red-rock{color:#c02d08}.color-green-butterfly{color:#2b732d}.color-alias-value-pair-label{color:#8A8A8A}.color-alias-required-field{color:#E24C4C}.border-color-white{border-color:#fff !important}.border-color-fruit-salad{border-color:#589a5a !important}.border-color-blue-dingo{border-color:#2a9ae6 !important}.border-color-orange-kanga{border-color:#e75a4d !important}.border-color-purple-rabbit{border-color:#4e7bf8 !important}.border-color-foggy-grey{border-color:#fafafa !important}.border-color-kylo-ren{border-color:#858585 !important}.border-color-emperor{border-color:#555 !important}.border-color-accelo-purple{border-color:#6554c4 !important}.border-color-accelo-blue{border-color:#2c96ca !important}.border-color-accelo-green{border-color:#45ad3c !important}.border-color-accelo-yellow{border-color:#ffa015 !important}.border-color-accelo-orange{border-color:#f74e09 !important}.border-color-tuna{border-color:#323540 !important}.border-color-the-original-grey{border-color:#E2E6E9 !important}.border-color-dash-grey{border-color:#d9d9d9 !important}.border-color-ruffled-grey{border-color:#848484 !important}.border-color-schist{border-color:#f9f9f9 !important}.border-color-pelorous{border-color:#469bc5 !important}.border-color-greyxo{border-color:#E9E9E9 !important}.border-color-cardo-greyo{border-color:#8A9296 !important}.border-color-erroreno{border-color:#e70303 !important}.border-color-too-much-grey{border-color:#f5f5f5 !important}.border-color-warning-yellow{border-color:#9C9B82 !important}.border-color-link-blue{border-color:#427E9D !important}.border-color-pharlap{border-color:#a5a5a5 !important}.border-color-sunset{border-color:#888c8e !important}.border-color-ebb{border-color:#fcfcfc !important}.border-color-curious-blue{border-color:#209bd1 !important}.border-color-tan-hide{border-color:#f68e56 !important}.border-color-bazaar{border-color:#a9a9a9 !important}.border-color-purple-pool{border-color:#6054a4 !important}.border-color-nobel{border-color:#b7b7b7 !important}.border-color-mantis{border-color:#ddd !important}.border-color-red-rock{border-color:#c02d08 !important}.border-color-green-butterfly{border-color:#2b732d !important}.border-color-alias-value-pair-label{border-color:#8A8A8A !important}.border-color-alias-required-field{border-color:#E24C4C !important}.background-color-white{background-color:#fff !important}.background-color-fruit-salad{background-color:#589a5a !important}.background-color-blue-dingo{background-color:#2a9ae6 !important}.background-color-orange-kanga{background-color:#e75a4d !important}.background-color-purple-rabbit{background-color:#4e7bf8 !important}.background-color-foggy-grey{background-color:#fafafa !important}.background-color-kylo-ren{background-color:#858585 !important}.background-color-emperor{background-color:#555 !important}.background-color-accelo-purple{background-color:#6554c4 !important}.background-color-accelo-blue{background-color:#2c96ca !important}.background-color-accelo-green{background-color:#45ad3c !important}.background-color-accelo-yellow{background-color:#ffa015 !important}.background-color-accelo-orange{background-color:#f74e09 !important}.background-color-tuna{background-color:#323540 !important}.background-color-the-original-grey{background-color:#E2E6E9 !important}.background-color-dash-grey{background-color:#d9d9d9 !important}.background-color-ruffled-grey{background-color:#848484 !important}.background-color-schist{background-color:#f9f9f9 !important}.background-color-pelorous{background-color:#469bc5 !important}.background-color-greyxo{background-color:#E9E9E9 !important}.background-color-cardo-greyo{background-color:#8A9296 !important}.background-color-erroreno{background-color:#e70303 !important}.background-color-too-much-grey{background-color:#f5f5f5 !important}.background-color-warning-yellow{background-color:#9C9B82 !important}.background-color-link-blue{background-color:#427E9D !important}.background-color-pharlap{background-color:#a5a5a5 !important}.background-color-sunset{background-color:#888c8e !important}.background-color-ebb{background-color:#fcfcfc !important}.background-color-curious-blue{background-color:#209bd1 !important}.background-color-tan-hide{background-color:#f68e56 !important}.background-color-bazaar{background-color:#a9a9a9 !important}.background-color-purple-pool{background-color:#6054a4 !important}.background-color-nobel{background-color:#b7b7b7 !important}.background-color-mantis{background-color:#ddd !important}.background-color-red-rock{background-color:#c02d08 !important}.background-color-green-butterfly{background-color:#2b732d !important}.background-color-alias-value-pair-label{background-color:#8A8A8A !important}.background-color-alias-required-field{background-color:#E24C4C !important}@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spinPulse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}20%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}30%{-webkit-transform:rotate(108deg);transform:rotate(108deg)}40%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}60%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}70%{-webkit-transform:rotate(252deg);transform:rotate(252deg)}80%{-webkit-transform:rotate(288deg);transform:rotate(288deg)}90%{-webkit-transform:rotate(324deg);transform:rotate(324deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tooltip-inner{max-width:none !important}.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer{min-width:7px;width:7px !important}.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer{height:7px !important;min-height:7px}.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div .scrollbar-chrome>.scroll-element,.scrollbar-chrome>.scroll-element div,.scrollbar-outer>.scroll-element,.scrollbar-outer>.scroll-element div,.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div,.scrollbar-light>.scroll-element,.scrollbar-light>.scroll-element div,.scrollbar-rail>.scroll-element,.scrollbar-rail>.scroll-element div,.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div{z-index:6}html,body,p,div,h1,h2,h3,h4,h5,h6,img,ul,ol,li,dl,dt,dd,pre,form,fieldset,textarea,input,select,option,button{padding:0;margin:0;font-weight:normal}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;height:100%}body,html body{font-size:13px;background-color:#ededed;margin:0;height:100%}body,button,input,select,textarea{font-family:"Roboto",Arial,san-serif;color:#222}::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}.page_body{font-size:13px}a,.content_link,span.hover_link{text-decoration:none}a:focus,a:hover,a:active,.content_link:focus,.content_link:hover,.content_link:active,span.hover_link:focus,span.hover_link:hover,span.hover_link:active{outline:0}a,a:hover,.content_link,.content_link:hover,span.hover_link,span.hover_link:hover{color:#427E9D}.link--black,.link--black:hover{font-weight:500;color:#212121;cursor:pointer}.link--blue,.link--blue:hover{color:#427E9D;cursor:pointer}.emphasized{color:#212121}.unemphasized{color:#8A9296}.capitialized{text-transform:capitalize}.outer-container{display:-webkit-flex;display:-ms-flexbox;display:flex}.outer-container>[class*='span']:not(:last-child){margin-right:10px}.outer-container>[class*='span']{box-sizing:border-box}.outer-container>.span12{margin-right:0 !important;margin-left:0 !important}.outer-container>.span12:not(:last-child){margin-bottom:10px}@media screen and (max-width: 700px){.outer-container--autobreak{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.outer-container--autobreak>[class*='span']{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0px;margin-right:0 !important;margin-left:0 !important}.outer-container--autobreak>[class*='span']:not(:last-child){margin-bottom:10px}}.outer-container--row{margin-bottom:10px}.outer-container--wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.padding-container{display:-webkit-flex;display:-ms-flexbox;display:flex}.padding-container>[class*='span']:not(:first-child):not(:last-child){padding:0 20px 0}.padding-container>[class*='span']:first-child{padding-right:20px}.padding-container>[class*='span']:last-child{padding-left:20px}.padding-container>.span12{padding-right:0 !important;padding-left:0 !important}.padding-container>.span12:not(:last-child):not(:first-child){padding-top:20px;padding-bottom:20px}.padding-container>.span12:first-child{padding-bottom:20px}.padding-container>.span12:last-child{padding-top:20px}.padding-container>.span12:not(:first-child){border-left:0;border-top:1px solid #e9e9e9}@media screen and (max-width: 700px){.padding-container--autobreak{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.padding-container--autobreak>[class*='span']{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0px;padding-right:0 !important;padding-left:0 !important}.padding-container--autobreak>[class*='span']:not(:last-child):not(:first-child){padding-top:20px;padding-bottom:20px}.padding-container--autobreak>[class*='span']:first-child{padding-bottom:20px}.padding-container--autobreak>[class*='span']:last-child{padding-top:20px}}@media screen and (min-width: 700px){.padding-container--autobreak>*:not(:first-child){border-left:1px solid #e9e9e9}}.padding-container--wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.span1{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:8.3333333333%;min-width:0px}.span2{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:16.6666666667%;min-width:0px}.span3{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:25%;min-width:0px}.span4{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:33.3333333333%;min-width:0px}.span5{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:41.6666666667%;min-width:0px}.span6{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:50%;min-width:0px}.span7{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:58.3333333333%;min-width:0px}.span8{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:66.6666666667%;min-width:0px}.span9{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:75%;min-width:0px}.span10{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:83.3333333333%;min-width:0px}.span11{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:91.6666666667%;min-width:0px}.span12{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0px}.statuscode--alred.statuscode--bg{background-color:#c30827}.statuscode--alred.statuscode--bg>.downpointer::after{border-top-color:#c30827}.statuscode--alred.statuscode--colour{color:#c30827}.statuscode--alred.statuscode--border:hover{border-color:#c30827}.show-border .statuscode--alred.statuscode--border{border-color:#c30827}.statuscode--alred.statuscode__before::before{background-color:#c30827}.statuscode--alred.statuscode__after::after{background-color:#c30827}.statuscode--alred.tbar{border:1px solid #f40a31 !important}.statuscode--alred.tbar:hover{border:1px solid #92061d !important;background-color:#ab0722}.statuscode--alyellow.statuscode--bg{background-color:#ffc000}.statuscode--alyellow.statuscode--bg>.downpointer::after{border-top-color:#ffc000}.statuscode--alyellow.statuscode--colour{color:#ffc000}.statuscode--alyellow.statuscode--border:hover{border-color:#ffc000}.show-border .statuscode--alyellow.statuscode--border{border-color:#ffc000}.statuscode--alyellow.statuscode__before::before{background-color:#ffc000}.statuscode--alyellow.statuscode__after::after{background-color:#ffc000}.statuscode--alyellow.tbar{border:1px solid #ffcd33 !important}.statuscode--alyellow.tbar:hover{border:1px solid #cc9a00 !important;background-color:#e6ad00}.statuscode--alyellow-text.statuscode--bg{background-color:#d7a200}.statuscode--alyellow-text.statuscode--bg>.downpointer::after{border-top-color:#d7a200}.statuscode--alyellow-text.statuscode--colour{color:#d7a200}.statuscode--alyellow-text.statuscode--border:hover{border-color:#d7a200}.show-border .statuscode--alyellow-text.statuscode--border{border-color:#d7a200}.statuscode--alyellow-text.statuscode__before::before{background-color:#d7a200}.statuscode--alyellow-text.statuscode__after::after{background-color:#d7a200}.statuscode--alyellow-text.tbar{border:1px solid #ffc30b !important}.statuscode--alyellow-text.tbar:hover{border:1px solid #a47c00 !important;background-color:#be8f00}.statuscode--algreen.statuscode--bg{background-color:#00a51b}.statuscode--algreen.statuscode--bg>.downpointer::after{border-top-color:#00a51b}.statuscode--algreen.statuscode--colour{color:#00a51b}.statuscode--algreen.statuscode--border:hover{border-color:#00a51b}.show-border .statuscode--algreen.statuscode--border{border-color:#00a51b}.statuscode--algreen.statuscode__before::before{background-color:#00a51b}.statuscode--algreen.statuscode__after::after{background-color:#00a51b}.statuscode--algreen.tbar{border:1px solid #00d823 !important}.statuscode--algreen.tbar:hover{border:1px solid #007213 !important;background-color:#008c17}.statuscode--alblue.statuscode--bg{background-color:#009bdc}.statuscode--alblue.statuscode--bg>.downpointer::after{border-top-color:#009bdc}.statuscode--alblue.statuscode--colour{color:#009bdc}.statuscode--alblue.statuscode--border:hover{border-color:#009bdc}.show-border .statuscode--alblue.statuscode--border{border-color:#009bdc}.statuscode--alblue.statuscode__before::before{background-color:#009bdc}.statuscode--alblue.statuscode__after::after{background-color:#009bdc}.statuscode--alblue.tbar{border:1px solid #10b8ff !important}.statuscode--alblue.tbar:hover{border:1px solid #0077a9 !important;background-color:#0089c3}.statuscode--aldarkblue.statuscode--bg{background-color:#003bdc}.statuscode--aldarkblue.statuscode--bg>.downpointer::after{border-top-color:#003bdc}.statuscode--aldarkblue.statuscode--colour{color:#003bdc}.statuscode--aldarkblue.statuscode--border:hover{border-color:#003bdc}.show-border .statuscode--aldarkblue.statuscode--border{border-color:#003bdc}.statuscode--aldarkblue.statuscode__before::before{background-color:#003bdc}.statuscode--aldarkblue.statuscode__after::after{background-color:#003bdc}.statuscode--aldarkblue.tbar{border:1px solid #1050ff !important}.statuscode--aldarkblue.tbar:hover{border:1px solid #002da9 !important;background-color:#0034c3}.statuscode--algrey.statuscode--bg{background-color:#9d9d9d}.statuscode--algrey.statuscode--bg>.downpointer::after{border-top-color:#9d9d9d}.statuscode--algrey.statuscode--colour{color:#9d9d9d}.statuscode--algrey.statuscode--border:hover{border-color:#9d9d9d}.show-border .statuscode--algrey.statuscode--border{border-color:#9d9d9d}.statuscode--algrey.statuscode__before::before{background-color:#9d9d9d}.statuscode--algrey.statuscode__after::after{background-color:#9d9d9d}.statuscode--algrey.tbar{border:1px solid #b7b7b7 !important}.statuscode--algrey.tbar:hover{border:1px solid #848484 !important;background-color:#909090}.statuscode--alpink.statuscode--bg{background-color:#c623ea}.statuscode--alpink.statuscode--bg>.downpointer::after{border-top-color:#c623ea}.statuscode--alpink.statuscode--colour{color:#c623ea}.statuscode--alpink.statuscode--border:hover{border-color:#c623ea}.show-border .statuscode--alpink.statuscode--border{border-color:#c623ea}.statuscode--alpink.statuscode__before::before{background-color:#c623ea}.statuscode--alpink.statuscode__after::after{background-color:#c623ea}.statuscode--alpink.tbar{border:1px solid #d252ee !important}.statuscode--alpink.tbar:hover{border:1px solid #a613c7 !important;background-color:#ba15de}.statuscode--alpurple.statuscode--bg{background-color:#6f06db}.statuscode--alpurple.statuscode--bg>.downpointer::after{border-top-color:#6f06db}.statuscode--alpurple.statuscode--colour{color:#6f06db}.statuscode--alpurple.statuscode--border:hover{border-color:#6f06db}.show-border .statuscode--alpurple.statuscode--border{border-color:#6f06db}.statuscode--alpurple.statuscode__before::before{background-color:#6f06db}.statuscode--alpurple.statuscode__after::after{background-color:#6f06db}.statuscode--alpurple.tbar{border:1px solid #881bf9 !important}.statuscode--alpurple.tbar:hover{border:1px solid #5605a9 !important;background-color:#6205c2}.statuscode--alteal.statuscode--bg{background-color:#02bec0}.statuscode--alteal.statuscode--bg>.downpointer::after{border-top-color:#02bec0}.statuscode--alteal.statuscode--colour{color:#02bec0}.statuscode--alteal.statuscode--border:hover{border-color:#02bec0}.show-border .statuscode--alteal.statuscode--border{border-color:#02bec0}.statuscode--alteal.statuscode__before::before{background-color:#02bec0}.statuscode--alteal.statuscode__after::after{background-color:#02bec0}.statuscode--alteal.tbar{border:1px solid #03f0f2 !important}.statuscode--alteal.tbar:hover{border:1px solid #018c8e !important;background-color:#02a5a7}.statuscode--alorange.statuscode--bg{background-color:#d97000}.statuscode--alorange.statuscode--bg>.downpointer::after{border-top-color:#d97000}.statuscode--alorange.statuscode--colour{color:#d97000}.statuscode--alorange.statuscode--border:hover{border-color:#d97000}.show-border .statuscode--alorange.statuscode--border{border-color:#d97000}.statuscode--alorange.statuscode__before::before{background-color:#d97000}.statuscode--alorange.statuscode__after::after{background-color:#d97000}.statuscode--alorange.tbar{border:1px solid #ff8a0d !important}.statuscode--alorange.tbar:hover{border:1px solid #a65600 !important;background-color:#c06300}.statuscode--allinkblue.statuscode--bg{background-color:#427E9D}.statuscode--allinkblue.statuscode--bg>.downpointer::after{border-top-color:#427E9D}.statuscode--allinkblue.statuscode--colour{color:#427E9D}.statuscode--allinkblue.statuscode--border:hover{border-color:#427E9D}.show-border .statuscode--allinkblue.statuscode--border{border-color:#427E9D}.statuscode--allinkblue.statuscode__before::before{background-color:#427E9D}.statuscode--allinkblue.statuscode__after::after{background-color:#427E9D}.statuscode--allinkblue.tbar{border:1px solid #5998b9 !important}.statuscode--allinkblue.tbar:hover{border:1px solid #336179 !important;background-color:#3a708b}.prioritystatus--pri_extreme .prioritystatus__bg,.prioritystatus--pri_extreme.prioritystatus--bg{background-color:#ff3903;color:#fff}.prioritystatus--pri_extreme .prioritystatus__color,.prioritystatus--pri_extreme.prioritystatus--color{color:#ff3903}.prioritystatus--pri_high .prioritystatus__bg,.prioritystatus--pri_high.prioritystatus--bg{background-color:#e5b133;color:#fff}.prioritystatus--pri_high .prioritystatus__color,.prioritystatus--pri_high.prioritystatus--color{color:#e5b133}.prioritystatus--pri_med .prioritystatus__bg,.prioritystatus--pri_med.prioritystatus--bg{background-color:#71d53c;color:#fff}.prioritystatus--pri_med .prioritystatus__color,.prioritystatus--pri_med.prioritystatus--color{color:#71d53c}.prioritystatus--pri_low .prioritystatus__bg,.prioritystatus--pri_low.prioritystatus--bg{background-color:#3d97f4;color:#fff}.prioritystatus--pri_low .prioritystatus__color,.prioritystatus--pri_low.prioritystatus--color{color:#3d97f4}.prioritystatus--pri_none .prioritystatus__bg,.prioritystatus--pri_none.prioritystatus--bg{background-color:gray;color:#fff}.prioritystatus--pri_none .prioritystatus__color,.prioritystatus--pri_none.prioritystatus--color{color:gray}.taskstatus--due_in24h .taskstatus__bg,.taskstatus--due_in24h.taskstatus--bg{background-color:#ec9669;color:#fff}.taskstatus--due_in24h .taskstatus__colour,.taskstatus--due_in24h.taskstatus--colour{color:#ec9669}.taskstatus--due_over24h .taskstatus__bg,.taskstatus--due_over24h.taskstatus--bg{background-color:#a5a5a5;color:#fff}.taskstatus--due_over24h .taskstatus__colour,.taskstatus--due_over24h.taskstatus--colour{color:#a5a5a5}.taskstatus--overdue .taskstatus__bg,.taskstatus--overdue.taskstatus--bg{background-color:#de5959;color:#fff}.taskstatus--overdue .taskstatus__colour,.taskstatus--overdue.taskstatus--colour{color:#de5959}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.inline_flex{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.flex-grow{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.flex-no-shrink{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.space-between{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.space-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.justify-content-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.justify-content-start{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-end{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.align-items-start{-webkit-align-items:start;-ms-flex-align:start;align-items:start}.align-items-center{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.align-items-end{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.align-items-stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flex-direction-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-direction-column{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-float-right{margin-left:auto}.flexsplit{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.flexsplit__flex{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.flexsplit__noflex{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.flexsplit__uniform{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.flexsplit__uniform--children>*{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.flex-all-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.min-width-0{min-width:0px}.flex-select2-autosize{width:0;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0}.pushdowner{height:51px}.navtop__replacementSpacer{height:51px}.navtop__replacementSpacer--fullPageFlex{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.navtop{display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;top:0;border-bottom:1px solid;width:100%;height:50px;z-index:7}.navtop__hamburger{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;transition:background-color .08s linear;cursor:pointer;font-size:0;position:relative;width:50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.navtop__hamburger>span{transition:-webkit-transform .08s linear;transition:transform .08s linear;transition:transform .08s linear, -webkit-transform .08s linear;display:block;position:relative;width:20px;height:2px}.navtop__hamburger>span::before,.navtop__hamburger>span::after{content:"";position:absolute;display:block;width:100%;height:2px;left:0}.navtop__hamburger>span::before{top:-5px}.navtop__hamburger>span::after{bottom:-5px}.navtop__hamburger--rot span{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.navtop__logo{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100px;margin-left:25px}.navtop__logo>img{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.navtop__links{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;margin-right:10px;height:50px}.navtop__link__a{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px}@media screen and (max-width: 1920px){.navtop__link__a{padding:0 15px}}@media screen and (max-width: 1600px){.navtop__link__a{padding:0 10px}}@media screen and (max-width: 1300px){.navtop__link__a{padding:0 6px}}.navtop__link{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative}.navtop__link:focus .dropbubble,.navtop__link:hover .dropbubble{transition:all 0.25s;visibility:visible;opacity:1}.navtop__link--create{margin-right:10px}.navtop__link__icon{margin-top:auto}@media screen and (max-width: 1200px){.navtop__link__icon.ico{height:auto}}.navtop__link__dropbubble{top:61px;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.navtop__link__dropbubble:before,.navtop__link__dropbubble:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-top:0;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.navtop__link__dropbubble:before{top:-10px;border-bottom-color:#dfdfdf;border-width:10px;border-right-width:6.5px;border-left-width:6.5px}.navtop__link__dropbubble:after{top:-8px;border-bottom-color:#fefefe;border-width:8px;border-right-width:4.5px;border-left-width:4.5px}.navtop__link__dropbubble--inbox{box-sizing:border-box;width:200px;padding:6px 15px 12px}@media screen and (max-width: 1200px){.navtop__link__dropbubble--inbox{left:auto;right:0;-webkit-transform:none;transform:none}.navtop__link__dropbubble--inbox:before{transition:none;left:auto;right:1px}.navtop__link__dropbubble--inbox:after{transition:none;left:auto;right:5px}}.inboxitem{display:inline-block;width:100%;font-size:13px;line-height:1em;padding:3px 0}.inboxitem.inboxitem--title{margin-top:5px;margin-bottom:8px}.navtop__link__dropbubble--create{width:147px}.navtop__link__dropbubble--schedule{width:180px}.navtop__link__dropbubble--saved{box-sizing:border-box;width:530px;max-height:calc(100vh - 80px);padding:10px 10px 15px}.navtop__link__dropbubble--saved__wrapper{overflow-y:auto;overflow-x:hidden;padding-left:5px;padding-right:5px}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar:hover{background-color:#eee}.navtop__link__dropbubble--saved__wrapper::-webkit-resizer{-webkit-border-radius:4px;background-color:#666}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb:hover{background-color:#bbb}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb:active{background-color:#888}.navtop__link__dropbubble__togglebar{margin-bottom:20px}.navtop__link__label{margin:3px 0 auto;font-size:13px}@media screen and (max-width: 1200px){.navtop__link__label{display:none}}.user{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.user:focus .dropbubble,.user:hover .dropbubble{transition:all 0.25s;visibility:visible;opacity:1}.user .user__dropbubble li{z-index:6}.user__profile{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:50px;width:65px}@media screen and (max-width: 1200px){.user__profile{width:45px}}.user__picture{position:relative;overflow:hidden;width:30px;height:30px;border-radius:100%;z-index:3}.user__picture .avatar_initial{font-size:20px}.user__dropbubble{width:175px;top:60px;right:10px}.user__dropbubble:before,.user__dropbubble:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-top:0}.user__dropbubble:before{top:-10px;right:16px;border-bottom-color:#dfdfdf;border-width:10px;border-right-width:6.5px;border-left-width:6.5px}.user__dropbubble:after{top:-9px;right:18px;border-bottom-color:#fefefe;border-width:9px;border-right-width:4.5px;border-left-width:4.5px}@media screen and (max-width: 1200px){.user__dropbubble{right:5px}.user__dropbubble:before{right:11px}.user__dropbubble:after{right:13px}}.user__dropbubble .dropbubble__mousepath{height:100px;right:-20px}.user__dropbubble>.avatar_initial{font-size:20px}.sticky_sidebar.fixed{position:fixed;top:calc(50px + 10px);max-height:calc(100vh - 50px - 33px - 10px)}.trialbar--active .sticky_sidebar.fixed{top:calc(50px + 10px + 36px) !important;max-height:calc(100vh - 50px - 33px - 36px - 10px)}.sticky_sidebar.fixed.above_save_bar{max-height:calc(100vh - 50px - 10px - 65px)}.trialbar--active .sticky_sidebar.fixed.above_save_bar{max-height:calc(100vh - 50px - 36px - 10px - 65px)}.sticky_sidebar .sidebar_inner{overflow-y:auto}.sticky_sidebar .sidebar_inner::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.sticky_sidebar .sidebar_inner::-webkit-scrollbar:hover{background-color:#eee}.sticky_sidebar .sidebar_inner::-webkit-resizer{-webkit-border-radius:4px;background-color:#666}.sticky_sidebar .sidebar_inner::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.sticky_sidebar .sidebar_inner::-webkit-scrollbar-thumb:hover{background-color:#bbb}.sticky_sidebar .sidebar_inner::-webkit-scrollbar-thumb:active{background-color:#888}.single_line_horizontal{border-bottom:1px solid currentColor}.single_line_vertical{border-right:1px solid currentColor}.border1px{border:1px solid currentColor}.border_transparent{border:1px solid transparent}.single_line_horizontal{border-bottom:1px solid currentColor}.single_line_vertical{border-right:1px solid currentColor}.square22{width:22px;height:22px}#ajax_status_area_load,.updating_load_area,.angular_loading,.content_load_msg{position:fixed;top:50px;width:80px;height:4px;background-color:#209bd1;-webkit-animation:ajaxLoader 1.8s infinite cubic-bezier(0.27, 0.55, 0.08, 0.09);animation:ajaxLoader 1.8s infinite cubic-bezier(0.27, 0.55, 0.08, 0.09)}#ajax_status_area_load.ng-hide,.updating_load_area.ng-hide,.angular_loading.ng-hide,.content_load_msg.ng-hide{display:none}@-webkit-keyframes ajaxLoader{0%{left:0}30%{opacity:.5}55%{width:150px}100%{left:100%;width:120px}}@keyframes ajaxLoader{0%{left:0}30%{opacity:.5}55%{width:150px}100%{left:100%;width:120px}}.icospinner.ng-hide{display:none}.icospinner:not(.icospinner--nospin){-webkit-animation:1.3s icospinner infinite ease-in-out;animation:1.3s icospinner infinite ease-in-out}.icospinner:not(.icospinner--nocolor){color:#427E9D}.icospinner--delay{visibility:hidden;transition:all 2s;transition-delay:0.2s;opacity:0}.icospinner--delay:not(.ng-hide-add){visibility:visible;opacity:1}@-webkit-keyframes icospinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icospinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.page-percentage-load-container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:15px 0}.page-percentage-load{width:184px;height:15px;margin:150px auto;overflow:hidden;background-color:#C9E3FF;border-radius:8px}.page-percentage-load--with-label{margin:6px auto}.page-percentage-load__label{font-size:17px;color:#2298E2;font-weight:300}.page-percentage-load__fill{background-color:#2298E2;margin-top:0;height:15px;width:0px}.pushdowner{height:51px}.navtop__replacementSpacer{height:51px}.navtop__replacementSpacer--fullPageFlex{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.navtop{display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;top:0;border-bottom:1px solid;width:100%;height:50px;z-index:7}.navtop__hamburger{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;transition:background-color .08s linear;cursor:pointer;font-size:0;position:relative;width:50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.navtop__hamburger>span{transition:-webkit-transform .08s linear;transition:transform .08s linear;transition:transform .08s linear, -webkit-transform .08s linear;display:block;position:relative;width:20px;height:2px}.navtop__hamburger>span::before,.navtop__hamburger>span::after{content:"";position:absolute;display:block;width:100%;height:2px;left:0}.navtop__hamburger>span::before{top:-5px}.navtop__hamburger>span::after{bottom:-5px}.navtop__hamburger--rot span{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.navtop__logo{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100px;margin-left:25px}.navtop__logo>img{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.navtop__links{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;margin-right:10px;height:50px}.navtop__link__a{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 20px}@media screen and (max-width: 1920px){.navtop__link__a{padding:0 15px}}@media screen and (max-width: 1600px){.navtop__link__a{padding:0 10px}}@media screen and (max-width: 1300px){.navtop__link__a{padding:0 6px}}.navtop__link{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative}.navtop__link:focus .dropbubble,.navtop__link:hover .dropbubble{transition:all 0.25s;visibility:visible;opacity:1}.navtop__link--create{margin-right:10px}.navtop__link__icon{margin-top:auto}@media screen and (max-width: 1200px){.navtop__link__icon.ico{height:auto}}.navtop__link__dropbubble{top:61px;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.navtop__link__dropbubble:before,.navtop__link__dropbubble:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-top:0;left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.navtop__link__dropbubble:before{top:-10px;border-bottom-color:#dfdfdf;border-width:10px;border-right-width:6.5px;border-left-width:6.5px}.navtop__link__dropbubble:after{top:-8px;border-bottom-color:#fefefe;border-width:8px;border-right-width:4.5px;border-left-width:4.5px}.navtop__link__dropbubble--inbox{box-sizing:border-box;width:200px;padding:6px 15px 12px}@media screen and (max-width: 1200px){.navtop__link__dropbubble--inbox{left:auto;right:0;-webkit-transform:none;transform:none}.navtop__link__dropbubble--inbox:before{transition:none;left:auto;right:1px}.navtop__link__dropbubble--inbox:after{transition:none;left:auto;right:5px}}.inboxitem{display:inline-block;width:100%;font-size:13px;line-height:1em;padding:3px 0}.inboxitem.inboxitem--title{margin-top:5px;margin-bottom:8px}.navtop__link__dropbubble--create{width:147px}.navtop__link__dropbubble--schedule{width:180px}.navtop__link__dropbubble--saved{box-sizing:border-box;width:530px;max-height:calc(100vh - 80px);padding:10px 10px 15px}.navtop__link__dropbubble--saved__wrapper{overflow-y:auto;overflow-x:hidden;padding-left:5px;padding-right:5px}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar{width:10px;height:10px;background-color:#fff;box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar:hover{background-color:#eee}.navtop__link__dropbubble--saved__wrapper::-webkit-resizer{-webkit-border-radius:4px;background-color:#666}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb{min-height:0.8em;min-width:0.8em;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1),inset -1px -1px 0 rgba(0,0,0,0.07)}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb:hover{background-color:#bbb}.navtop__link__dropbubble--saved__wrapper::-webkit-scrollbar-thumb:active{background-color:#888}.navtop__link__dropbubble__togglebar{margin-bottom:20px}.navtop__link__label{margin:3px 0 auto;font-size:13px}@media screen and (max-width: 1200px){.navtop__link__label{display:none}}.user{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.user:focus .dropbubble,.user:hover .dropbubble{transition:all 0.25s;visibility:visible;opacity:1}.user .user__dropbubble li{z-index:6}.user__profile{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:50px;width:65px}@media screen and (max-width: 1200px){.user__profile{width:45px}}.user__picture{position:relative;overflow:hidden;width:30px;height:30px;border-radius:100%;z-index:3}.user__picture .avatar_initial{font-size:20px}.user__dropbubble{width:175px;top:60px;right:10px}.user__dropbubble:before,.user__dropbubble:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent;border-top:0}.user__dropbubble:before{top:-10px;right:16px;border-bottom-color:#dfdfdf;border-width:10px;border-right-width:6.5px;border-left-width:6.5px}.user__dropbubble:after{top:-9px;right:18px;border-bottom-color:#fefefe;border-width:9px;border-right-width:4.5px;border-left-width:4.5px}@media screen and (max-width: 1200px){.user__dropbubble{right:5px}.user__dropbubble:before{right:11px}.user__dropbubble:after{right:13px}}.user__dropbubble .dropbubble__mousepath{height:100px;right:-20px}.user__dropbubble>.avatar_initial{font-size:20px}.navside{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;position:fixed;z-index:2;left:0;top:50px;height:calc(100vh - 50px);width:250px;overflow:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.navside.navside--expanded-add,.navside.navside--expanded-remove{transition:width ease-in-out 0.2s, -webkit-transform ease-in-out 0.3s;transition:transform ease-in-out 0.3s, width ease-in-out 0.2s;transition:transform ease-in-out 0.3s, width ease-in-out 0.2s, -webkit-transform ease-in-out 0.3s}.navside.navside--expanded-add-active,.navside.navside--expanded{-webkit-transform:translateX(0%);transform:translateX(0%)}.navside.navside--expanded-remove-active{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.navside.navside--pinned:not(.navside--expanded){-webkit-transform:translateX(0%);transform:translateX(0%);width:50px}.navside__link{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:44px;width:250px;overflow:hidden;cursor:pointer}.navside--pinned:not(.navside--expanded) .navside__link{width:50px}.navside__link>span{font-size:13px;margin-right:auto}.navside__link:hover .navside__arrow{visibility:visible}.navside__pinwrapper{width:250px;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:10px 10px 10px 10px}.navside__pinwrapper__pin{padding:2px;border-radius:2px;cursor:pointer;color:#fff}.navside__pinwrapper__pin:hover,.navside__pinwrapper__pin.navside__pinwrapper__pin--pinned{color:blue;background-color:#fff}.navside__divider{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:30px}.navside__divider::after{content:'';display:block;width:100%;height:3px;background-color:currentColor}.navside__icon{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 19px 0 15px}.navside__arrow{visibility:hidden;margin-right:15px}.navside__config{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:auto 0 18px 10px;border-radius:3px;overflow:none;height:48px;width:220px}.navside__config span{margin-right:auto;font-size:14px}.navside__config--compressed{margin:auto 0 18px 0px}.navtop--light{background-color:#fff;border-color:#e3ecf7}.navtop--light .navtop__hamburger{background-color:#209bd1}.navtop--light .navtop__hamburger:hover{background-color:#2ca8df}.navtop--light .navtop__hamburger span,.navtop--light .navtop__hamburger span::after,.navtop--light .navtop__hamburger span::before{background-color:#fff}.navtop--light .navtop__hamburger.navtop__hamburger--rot{background-color:#196485}.navtop--light .navtop__hamburger.navtop__hamburger--rot span,.navtop--light .navtop__hamburger.navtop__hamburger--rot span::after,.navtop--light .navtop__hamburger.navtop__hamburger--rot span::before{border-color:transparent}.navtop--light .navtop__link:not(.navtop__link--create) .navtop__link__a{color:#777}.navtop--light .navtop__link:not(.navtop__link--create):hover .navtop__link__a{color:#fff}.navtop--light .navtop__link--create .navtop__link__a{color:#fff}.navtop--light .navtop__link:hover,.navtop--light .navtop__link:focus,.navtop--light .navtop__link:active{background-color:#196485;color:#fff}.navtop--light .navtop__link--create{background-color:#209bd1;color:#fff}.navtop--light .navtop__link--create:focus{background-color:#196485}.navtop--light .user:active,.navtop--light .user:focus,.navtop--light .user:hover{background-color:#209bd1}.navtop--light .navside{background-color:#196485}.navtop--light .navside__link{color:#fff}.navtop--light .navside__link:hover{background-color:#fff;color:#196485}.navtop--light .navside__divider{color:#165a77}.navtop--light .navside__pinwrapper__pin{color:#fff}.navtop--light .navside__pinwrapper__pin:hover:not(.navside__pinwrapper__pin--pinned){background-color:#209bd1}.navtop--light .navside__pinwrapper__pin.navside__pinwrapper__pin--pinned{background-color:#fff;color:#196485}.navtop--light .navside__config{background-color:#209bd1;color:#fff}.navtop--light .navside__config:hover{background-color:#1e91c4}.select2-container .select2-choice .select2-arrow{background:#f9f9f9;border-left:1px solid #d8d8d8;width:22px}.select2-container .select2-choice .select2-arrow:hover{background:#f0f0f0}.select2-container .select2-choice .select2-arrow b{background:none !important}.select2-container .select2-choice .select2-arrow b:before{border-color:#9c9c9c transparent transparent transparent;border-width:5px 4px 0px 4px;width:0;height:0;border-style:solid;content:"";display:block;top:50%;left:50%;margin-top:-3px;margin-left:-4px;position:relative}.select2-dropdown-open .select2-choice .select2-arrow{background:none;border-left:none}.select2-dropdown-open .select2-choice .select2-arrow b{height:100%}.select2-dropdown-open .select2-choice .select2-arrow b:before{border-color:transparent transparent #9c9c9c transparent;border-width:0 4px 5px 4px;width:0;height:0;border-style:solid}.activity_select2.full_width,.full_width.big_activity_select2{width:100%}.activity_select2.task_width,.task_width.big_activity_select2{width:250px}.activity_select2.status_width,.status_width.big_activity_select2{width:100px}.activity_select2.against_width,.against_width.big_activity_select2{width:280px}.activity_select2.activity_slim_select2 .select2-choice,.activity_slim_select2.big_activity_select2 .select2-choice{height:23px;line-height:23px;padding-right:8px;padding-left:6px;border-radius:2px}.activity_select2.select2-dropdown-open .select2-choice,.select2-dropdown-open.big_activity_select2 .select2-choice{border:1px solid #5897fb}.activity_select2.select2-dropdown-open .select2-choice div,.select2-dropdown-open.big_activity_select2 .select2-choice div{background:#fff;border-left:none}.activity_select2.select2-dropdown-open .select2-choice div:hover,.select2-dropdown-open.big_activity_select2 .select2-choice div:hover{background:#fff;border-left:none}.activity_select2 .select2-choice,.big_activity_select2 .select2-choice{background:#fff;border:1px solid #d8d8d8;box-shadow:1px 1px 1px rgba(0,0,0,0.05) inset}.activity_select2 .select2-choice div,.big_activity_select2 .select2-choice div{background:#f9f9f9;background:linear-gradient(to bottom, #fff, #f9f9f9);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fff', EndColorStr='#f9f9f9');border-left:1px solid #d8d8d8;width:22px}.activity_select2 .select2-choice div b,.big_activity_select2 .select2-choice div b{width:7px;height:4px;background:url(../images/bg/sprites/af_util_sprite.png) no-repeat -14px -26px;float:right;margin:11px 8px 0 5px;opacity:0.8}.activity_select2 .select2-choice div:hover,.big_activity_select2 .select2-choice div:hover{background:#f0f0f0;background:linear-gradient(to bottom, #fff, #f0f0f0);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fff', EndColorStr='#f0f0f0')}.activity_select2 .select2-choice div:hover b,.big_activity_select2 .select2-choice div:hover b{opacity:1}.activity_select2 .select-blue,.big_activity_select2 .select-blue{background-color:#cae9f1}.activity_select2 .select-green,.big_activity_select2 .select-green{background-color:#caf1d2