a,button,img,p{padding:0;border:0}.display-block,img{display:block}.col,.task .row-two button{vertical-align:text-bottom}.drawer-fade,.project-selector-row,.segmented div,a,button{cursor:pointer}html{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;min-width:320px;font-family:'Open Sans',Tahoma,sans-serif;font-weight:400;color:#322B1A;background-color:#DED29E}a,pre{margin:0;font-family:'Open Sans',sans-serif;font-weight:400}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}p{margin:0}img{background-image:'';-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0}button{background-color:transparent;margin:0}.logo{background-image:url(libs/allinson-styleguide/global/images/logo/logo_mobile.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.logo{background-image:url(libs/allinson-styleguide/global/images/logo/logo_mobile@2x.png)}}@media (min-width:768px){.logo{background-image:url(libs/allinson-styleguide/global/images/logo/logo.png)}}@media (min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (-o-min-device-pixel-ratio:2/1),(min-width:768px) and (min-resolution:192dpi){.logo{background-image:url(libs/allinson-styleguide/global/images/logo/logo@2x.png)}}@font-face{font-family:ChalkDust;src:url(libs/allinson-styleguide/global/fonts/chalkdust/ChalkDust.ttf)}@font-face{font-family:'Open Sans';font-weight:100;src:url(libs/allinson-styleguide/global/fonts/open-sans/OpenSans-Light.ttf)}@font-face{font-family:'Open Sans';font-weight:400;src:url(libs/allinson-styleguide/global/fonts/open-sans/OpenSans-Regular.ttf)}@font-face{font-family:'Open Sans';font-weight:500;src:url(libs/allinson-styleguide/global/fonts/open-sans/OpenSans-Semibold.ttf)}@font-face{font-family:'Open Sans';font-weight:700;src:url(libs/allinson-styleguide/global/fonts/open-sans/OpenSans-Bold.ttf)}a{text-decoration:none;color:#00F}a.highlighted,a:hover{color:#E18D09}pre{font-size:12px;color:rgba(255,255,255,.8);background-color:#322B1A;padding:0 10px;overflow-x:auto}.chapter,.header{background-color:#D6CA95}em{font-style:normal;font-weight:500}.chapter .title,strong{font-weight:700}.display-none{display:none}.m-0{margin:0!important}.m-5{margin:5px!important}.m-10{margin:10px!important}.m-15{margin:15px!important}.m-20{margin:20px!important}.m-25{margin:25px!important}.m-30{margin:30px!important}.m-35{margin:35px!important}.m-40{margin:40px!important}.m-45{margin:45px!important}.m-50{margin:50px!important}.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}.mt-25{margin-top:25px!important}.mt-30{margin-top:30px!important}.mt-35{margin-top:35px!important}.mt-40{margin-top:40px!important}.mt-45{margin-top:45px!important}.mt-50{margin-top:50px!important}.mr-0{margin-right:0!important}.mr-5{margin-right:5px!important}.mr-10{margin-right:10px!important}.mr-15{margin-right:15px!important}.mr-20{margin-right:20px!important}.mr-25{margin-right:25px!important}.mr-30{margin-right:30px!important}.mr-35{margin-right:35px!important}.mr-40{margin-right:40px!important}.mr-45{margin-right:45px!important}.mr-50{margin-right:50px!important}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mb-25{margin-bottom:25px!important}.mb-30{margin-bottom:30px!important}.mb-35{margin-bottom:35px!important}.mb-40{margin-bottom:40px!important}.mb-45{margin-bottom:45px!important}.mb-50{margin-bottom:50px!important}.ml-0{margin-left:0!important}.ml-5{margin-left:5px!important}.ml-10{margin-left:10px!important}.ml-15{margin-left:15px!important}.ml-20{margin-left:20px!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.ml-35{margin-left:35px!important}.ml-40{margin-left:40px!important}.ml-45{margin-left:45px!important}.ml-50{margin-left:50px!important}.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-45{padding:45px!important}.p-50{padding:50px!important}.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-15{padding-top:15px!important}.pt-20{padding-top:20px!important}.pt-25{padding-top:25px!important}.pt-30{padding-top:30px!important}.pt-35{padding-top:35px!important}.pt-40{padding-top:40px!important}.pt-45{padding-top:45px!important}.pt-50{padding-top:50px!important}.pr-0{padding-right:0!important}.pr-5{padding-right:5px!important}.pr-10{padding-right:10px!important}.pr-15{padding-right:15px!important}.pr-20{padding-right:20px!important}.pr-25{padding-right:25px!important}.pr-30{padding-right:30px!important}.pr-35{padding-right:35px!important}.pr-40{padding-right:40px!important}.pr-45{padding-right:45px!important}.pr-50{padding-right:50px!important}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-15{padding-bottom:15px!important}.pb-20{padding-bottom:20px!important}.pb-25{padding-bottom:25px!important}.pb-30{padding-bottom:30px!important}.pb-35{padding-bottom:35px!important}.pb-40{padding-bottom:40px!important}.pb-45{padding-bottom:45px!important}.pb-50{padding-bottom:50px!important}.pl-0{padding-left:0!important}.pl-5{padding-left:5px!important}.pl-10{padding-left:10px!important}.pl-15{padding-left:15px!important}.pl-20{padding-left:20px!important}.pl-25{padding-left:25px!important}.pl-30{padding-left:30px!important}.pl-35{padding-left:35px!important}.pl-40{padding-left:40px!important}.pl-45{padding-left:45px!important}.pl-50{padding-left:50px!important}.content{position:relative;height:-webkit-calc(100% - 63px - 26px);height:-moz-calc(100% - 63px - 26px);height:calc(100% - 63px - 26px);overflow:auto;z-index:1}.chapter{position:absolute;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);min-height:-webkit-calc(100% - 23px);min-height:-moz-calc(100% - 23px);min-height:calc(100% - 23px);margin:13px 10px 10px}.chapter .page,.chapter .title{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);color:#322B1A}.chapter .title{font-size:14px;text-align:center;padding:10px 0;margin:0 auto;border-bottom:1px solid #DED29E}.chapter .page{font-size:12px;line-height:16px;margin:20px}.chapter .page span{display:block}.chapter .page ul{margin-top:10px;margin-left:-10px}.chapter .page li{margin-bottom:10px}@media (min-width:480px){.chapter{width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);min-height:-webkit-calc(100% - 50px);min-height:-moz-calc(100% - 50px);min-height:calc(100% - 50px);margin:25px}.chapter .title{font-size:18px;font-weight:500;padding:20px 0;margin:0 auto 20px}.chapter .page{font-size:14px;line-height:20px;margin:40px 20px 20px}}@media (min-width:768px){.content{height:-webkit-calc(100% - 105px - 31px);height:-moz-calc(100% - 105px - 31px);height:calc(100% - 105px - 31px)}.chapter .title{font-size:20px;padding:20px 0}}.header{height:63px;overflow:visible;z-index:9}.header .hamburger{position:absolute;top:16px;left:10px;width:30px;height:30px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-image:url(libs/allinson-styleguide/components/header/images/hamburger/hamburger_mobile.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.header .hamburger{background-image:url(libs/allinson-styleguide/components/header/images/hamburger/hamburger_mobile@2x.png)}}.header .hamburger.on{opacity:.3}.header .hamburger.off{opacity:1}.header .logo-container{position:relative;width:165px;height:22px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0 auto}.header .tagline{position:relative;width:316px;font-size:8px;text-align:center;color:#322B1A}.header .shadow{position:absolute;top:63px;width:100%;height:5px;-webkit-background-size:1px 5px;-moz-background-size:1px 5px;background-size:1px 5px;background-image:url(libs/allinson-styleguide/components/header/images/shadow/shadow.png);background-repeat:repeat-x;opacity:.4;z-index:8}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.header .shadow{background-image:url(libs/allinson-styleguide/components/header/images/shadow/shadow@2x.png)}}@media (min-width:768px){.header{height:105px}.header .hamburger{top:30px;left:19px;width:44px;height:44px;background-image:url(libs/allinson-styleguide/components/header/images/hamburger/hamburger.png)}.header .logo-container{top:16px;width:345px;height:46px}.header .tagline{font-size:16px;margin:19px auto 0}.header .shadow{top:105px}}@media (min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (-o-min-device-pixel-ratio:2/1),(min-width:768px) and (min-resolution:192dpi){.header .hamburger{background-image:url(libs/allinson-styleguide/components/header/images/hamburger/hamburger@2x.png)}}.footer{width:100%;height:25px;font-size:8px;line-height:25px;font-weight:100;text-align:center;color:rgba(255,255,255,.2);background-color:#B7C68B;border-top:1px solid rgba(50,43,26,.2);z-index:9}.footer.highlighted{color:rgba(255,255,255,.8)}@media (min-width:768px){.footer{height:30px;font-size:10px;line-height:30px;border-top:1px solid rgba(50,43,26,.3)}}.drawer-fade{position:absolute;top:63px;left:0;width:100%;height:-webkit-calc(100% - 63px - 26px);height:-moz-calc(100% - 63px - 26px);height:calc(100% - 63px - 26px);background-color:rgba(0,0,0,.6);z-index:6;opacity:0;visibility:hidden}.drawer,.drawer .scrollview{width:280px;overflow-x:hidden}.drawer-fade.embedded{top:0;height:100%}.drawer-fade.fading-in{opacity:0;visibility:visible;-webkit-animation:fadeInDrawerFade linear .3s forwards;-moz-animation:fadeInDrawerFade linear .3s forwards;-o-animation:fadeInDrawerFade linear .3s forwards;animation:fadeInDrawerFade linear .3s forwards}.drawer-fade.fading-out{opacity:1;visibility:hidden;-webkit-transition:visibility 0ms .3s;-o-transition:visibility 0ms .3s;-moz-transition:visibility 0ms .3s;transition:visibility 0ms .3s;-webkit-animation:fadeOutDrawerFade linear .3s forwards;-moz-animation:fadeOutDrawerFade linear .3s forwards;-o-animation:fadeOutDrawerFade linear .3s forwards;animation:fadeOutDrawerFade linear .3s forwards}@-webkit-keyframes fadeInDrawerFade{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeInDrawerFade{from{opacity:0}to{opacity:1}}@-o-keyframes fadeInDrawerFade{from{opacity:0}to{opacity:1}}@keyframes fadeInDrawerFade{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutDrawerFade{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeOutDrawerFade{from{opacity:1}to{opacity:0}}@-o-keyframes fadeOutDrawerFade{from{opacity:1}to{opacity:0}}@keyframes fadeOutDrawerFade{from{opacity:1}to{opacity:0}}.drawer{position:absolute;top:63px;left:-281px;height:-webkit-calc(100% - 63px - 26px);height:-moz-calc(100% - 63px - 26px);height:calc(100% - 63px - 26px);background-color:#555;border-right:1px solid #444;z-index:7}.drawer.embedded{top:0;height:100%}.drawer.opening{left:-281px;-webkit-animation:openDrawer linear .3s;-moz-animation:openDrawer linear .3s;-o-animation:openDrawer linear .3s;animation:openDrawer linear .3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s}.drawer.opened{left:0}.drawer.closing{left:0;-webkit-animation:closeDrawer linear .3s;-moz-animation:closeDrawer linear .3s;-o-animation:closeDrawer linear .3s;animation:closeDrawer linear .3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s}.drawer.closed{left:-281px}@-webkit-keyframes openDrawer{from{left:-281px}to{left:0}}@-moz-keyframes openDrawer{from{left:-281px}to{left:0}}@-o-keyframes openDrawer{from{left:-281px}to{left:0}}@keyframes openDrawer{from{left:-281px}to{left:0}}@-webkit-keyframes closeDrawer{from{left:0}to{left:-281px}}@-moz-keyframes closeDrawer{from{left:0}to{left:-281px}}@-o-keyframes closeDrawer{from{left:0}to{left:-281px}}@keyframes closeDrawer{from{left:0}to{left:-281px}}.drawer .scrollview{float:left;position:relative;height:100%;padding-right:20px;overflow-y:auto}.drawer .scrollview .container{float:left;position:relative;width:250px;margin:20px 15px}.drawer .scrollview .container .heading{float:left;width:100%;font-size:16px;font-weight:500;color:#fff;padding:0 0 6px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.3)}.drawer .scrollview .container .description{float:left;width:100%;font-size:12px;color:rgba(255,255,255,.8);margin:0 0 10px}.drawer .scrollview .container a{float:left;width:100%;font-size:12px;line-height:28px;color:#E18D09}.drawer .scrollview .container a.highlighted,.drawer .scrollview .container a:hover{color:#777}.drawer .scrollview .container .separator{float:left;width:100%}.drawer .scrollview .container .form-label{float:left;width:100%;font-size:12px;color:rgba(255,255,255,.8);padding:0 0 4px}.drawer .scrollview .container input{float:left;width:100%;height:27px;color:rgba(255,255,255,.8);background-color:#777;padding:0 5px;margin:0 0 10px;border:1px solid #444}.drawer .scrollview .container textarea{float:left;width:100%;height:80px;color:rgba(255,255,255,.8);background-color:#777;padding:5px;margin:0 0 10px;border:1px solid #444}.drawer .scrollview .container button{float:left;width:100%;height:40px;font-size:12px;font-weight:500;text-align:center;color:#fff;margin:5px 0;border:1px solid #444}.segmented div,.step .circle{text-align:center;color:#322B1A}.drawer .scrollview .container button:active,.drawer .scrollview .container button:hover{background-color:transparent}@media (min-width:768px){.drawer,.drawer-fade{top:105px;height:-webkit-calc(100% - 105px - 31px);height:-moz-calc(100% - 105px - 31px);height:calc(100% - 105px - 31px)}.drawer .scrollview .container button:active,.drawer .scrollview .container button:hover{background-color:#777}}.step,.step .circle{background-color:#D6CA95;-webkit-box-shadow:0 1px 5px 0 rgba(50,43,26,.2);-moz-box-shadow:0 1px 5px 0 rgba(50,43,26,.2);box-shadow:0 1px 5px 0 rgba(50,43,26,.2)}.step{position:relative;padding:40px 20px 20px;margin:50px auto;z-index:2}.step .circle{position:absolute;top:-20px;left:-20px;width:50px;height:50px;font-family:Chalkdust;font-size:30px;line-height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}button,input,textarea{font-family:'Open Sans'}.segmented{height:30px}.segmented div{float:left;width:100px;height:30px;font-size:14px;line-height:30px;border:1px solid #322B1A}.segmented div.selected{background-color:#322B1A;color:#fff}.circle-button,button:hover{background-color:rgba(1,1,1,.1)}.circle-button,.project-name{text-align:center;color:#322B1A}.segmented div.left{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px}.segmented div.right{-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px}body{width:100%;height:100%}button.disabled{opacity:.3;pointer-events:none}.circle-button{width:36px;height:36px;font-size:8px;line-height:34px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;border:1px solid #554530}@media (min-width:768px){.circle-button{width:54px;height:54px;font-size:10px;line-height:52px;-webkit-border-radius:27px;-moz-border-radius:27px;border-radius:27px}}.circle-button.has-icon{line-height:8px}.circle-button:hover{background-color:rgba(1,1,1,.2)}.circle-button span{font-size:15px}.icon{background-position:center;background-repeat:no-repeat}.garbage-can-icon{background-image:url(images/delete/delete-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.garbage-can-icon{background-image:url(images/delete/delete-50@2x.png)}}.garbage-can-icon-light{background-image:url(images/delete/delete-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.garbage-can-icon-light{background-image:url(images/delete/delete-white-50@2x.png)}}.edit-icon{background-image:url(images/edit/edit-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.edit-icon{background-image:url(images/edit/edit-50@2x.png)}}.edit-icon-light{background-image:url(images/edit/edit-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.edit-icon-light{background-image:url(images/edit/edit-white-50@2x.png)}}.left-icon{background-image:url(images/arrows/left-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.left-icon{background-image:url(images/arrows/left-50@2x.png)}}.left-icon-light{background-image:url(images/arrows/left-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.left-icon-light{background-image:url(images/arrows/left-white-50@2x.png)}}.up-icon{background-image:url(images/arrows/up-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.up-icon{background-image:url(images/arrows/up-50@2x.png)}}.up-icon-light{background-image:url(images/arrows/up-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.up-icon-light{background-image:url(images/arrows/up-white-50@2x.png)}}.right-icon{background-image:url(images/arrows/right-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.right-icon{background-image:url(images/arrows/right-50@2x.png)}}.right-icon-light{background-image:url(images/arrows/right-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.right-icon-light{background-image:url(images/arrows/right-white-50@2x.png)}}.down-icon{background-image:url(images/arrows/down-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.down-icon{background-image:url(images/arrows/down-50@2x.png)}}.down-icon-light{background-image:url(images/arrows/down-white-50.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.down-icon-light{background-image:url(images/arrows/down-white-50@2x.png)}}.splash-image{position:absolute;top:50%;left:50%;width:2px;height:2px;margin-top:-1px;margin-left:-1px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}.header{position:relative}.header .project-selector{position:absolute;top:-webkit-calc((105px / 2) - 22px);top:-moz-calc((105px / 2) - 22px);top:calc((105px / 2) - 22px);left:10px;width:100px;height:44px;border:1px solid #322B1A}.header button{position:absolute;top:50%;margin-top:-18px}.header button.project-button{left:12px}.header button.task-button{right:-webkit-calc(12px + 36px + 12px);right:-moz-calc(12px + 36px + 12px);right:calc(12px + 36px + 12px)}.header button.col-button{right:12px}.header .logo-container{top:18px}.header .logo{width:104px;height:21px;background-image:url(images/logo/logo_mobile.png)}@media (-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi){.header .logo{background-image:url(images/logo/logo_mobile@2x.png)}}.header .tagline{margin:14px auto 0}@media (min-width:768px){.circle-button.has-icon{line-height:11px}.circle-button span{font-size:22px}.header button{margin-top:-27px}.header button.project-button{left:16px}.header button.task-button{right:-webkit-calc(16px + 54px + 16px);right:-moz-calc(16px + 54px + 16px);right:calc(16px + 54px + 16px)}.header button.col-button{right:16px}.header .logo-container{top:26px}.header .logo{width:217px;height:44px;background-image:url(images/logo/logo.png)}.header .tagline{margin:16px auto 0}}@media (min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (-o-min-device-pixel-ratio:2/1),(min-width:768px) and (min-resolution:192dpi){.header .logo{background-image:url(images/logo/logo@2x.png)}}.board{position:relative;width:100%;height:100%;font-size:0;padding:10px 0 10px 10px;white-space:nowrap;overflow:auto}.project-name{position:fixed;top:63px;left:0;width:100%;height:22px;font-size:12px;line-height:12px;background-color:rgba(50,43,26,.2);padding:6px 12px 4px;border-bottom:1px solid rgba(50,43,26,.3)}@media (min-width:768px){.project-name{top:105px;text-align:left;padding:6px 14px 4px}}.col{display:inline-block;position:relative;min-width:200px;width:-webkit-calc(25% - 10px);width:-moz-calc(25% - 10px);width:calc(25% - 10px);max-width:350px;height:-webkit-calc(100% - 20px);height:-moz-calc(100% - 20px);height:calc(100% - 20px);background-color:#D6CA95;border:1px solid #444;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;margin-top:20px;margin-right:10px;overflow:hidden}.col .btn{position:absolute;top:8px;width:17px;height:34px;color:rgba(255,255,255,.8);-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-size:12px 12px}.col .btn.left{left:8px}.col .btn.right{left:-webkit-calc(17px + 8px);left:-moz-calc(17px + 8px);left:calc(17px + 8px)}.col .btn.delete{right:8px;-webkit-background-size:14px 14px;-moz-background-size:14px 14px;background-size:14px 14px}.col .title{display:block;width:100%;height:50px;font-size:18px;font-weight:500;line-height:50px;text-align:center;color:#fff;background-color:rgba(0,0,0,.6)}.col .tasksContainer{position:relative;height:-webkit-calc(100% - 50px);height:-moz-calc(100% - 50px);height:calc(100% - 50px);border-top:1px solid #322B1A;overflow:auto}.task{position:relative;background-color:#B7C68B;border:1px solid #554530;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin:10px}.task button{width:34px;height:34px;font-size:10px;text-align:center;color:#322B1A;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-size:12px 12px}.task .row-one{position:relative;text-align:center}.task .row-one button{width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);width:calc(100% - 68px)}.task .row-one .delete{position:absolute;top:0;right:0;width:34px;height:34px;-webkit-background-size:14px 14px;-moz-background-size:14px 14px;background-size:14px 14px}.task .row-two{font-size:0}.task .row-two textarea{display:inline-block;width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);width:calc(100% - 68px);height:100px;font-size:16px;background-color:transparent;resize:none}.task .row-two button{display:inline-block;height:100px}.task .row-three{position:relative;text-align:center}.task .row-three input{width:30px;height:30px;text-align:center;color:#322B1A;background-color:rgba(255,255,255,.1);border:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}.task .row-three button{width:-webkit-calc(100% - 68px);width:-moz-calc(100% - 68px);width:calc(100% - 68px)}.task .row-three .assignee{position:absolute;top:0;left:0;margin:0 0 4px 4px}.task .row-three .story-points{position:absolute;top:0;right:0;margin:0 4px 4px 0}.close-button{position:absolute;top:8px;right:8px;font-family:Arial;font-size:32px;line-height:32px;font-weight:400;color:#fff}@media (min-width:768px){.close-button{top:16px;right:16px;font-size:48px;line-height:48px}}.project-selector{position:relative;width:80%;max-width:800px;background-color:#DED29E;border:1px solid #322B1A;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;margin:50px auto;overflow:hidden}.project-selector .new-project-row{text-align:center;background-color:#B7C68B;border-top:1px solid rgba(50,43,26,.2)}.project-selector .new-project-row:hover{background-color:#B7C68B}.project-selector .header-container{position:relative;background-color:#D6CA95}.project-selector .header-container .select-project{display:block;font-size:20px;font-weight:500;text-align:center;padding:14px 0;border-bottom:1px solid #322B1A}.project-selector .header-container .circle-button{position:absolute;top:50%;margin-top:-17px}.project-selector .header-container .circle-button.new-project-button{left:8px}.project-selector .header-container .circle-button.import-button{right:-webkit-calc(8px + 36px + 8px);right:-moz-calc(8px + 36px + 8px);right:calc(8px + 36px + 8px);cursor:pointer}@media (min-width:768px){.project-selector .header-container .select-project{font-size:28px;padding:24px 0}.project-selector .header-container .circle-button{margin-top:-28px}.project-selector .header-container .circle-button.new-project-button{left:16px}.project-selector .header-container .circle-button.import-button{right:86px}}.project-selector .header-container .circle-button.export-button{right:8px}.project-selector-row{position:relative;display:block;height:50px;line-height:50px;font-size:16px;color:#322B1A;padding:0}.project-selector-row:hover{font-weight:500;background-color:rgba(255,255,255,.2)}.project-selector-row .bold{font-weight:700}.project-selector-row .arrows-container{float:left;width:50px;height:50px}.project-selector-row .arrows-container button{position:absolute;height:20px;width:40px;-webkit-background-size:12px 12px;-moz-background-size:12px 12px;background-size:12px 12px}.project-selector-row .arrows-container button.up-icon{top:5px;left:5px;background-position:14px 8px}.project-selector-row .arrows-container button.down-icon{top:25px;left:5px;background-position:14px 0}.project-selector-row .project-title,.project-selector-row .textfield-container{float:left;width:175px}@media (min-width:768px){.project-selector .header-container .circle-button.export-button{right:16px}.project-selector-row .project-title,.project-selector-row .textfield-container{width:350px}}.project-selector-row .project-title input,.project-selector-row .textfield-container input{width:100%}.project-selector-row button{position:absolute;top:0;width:50px;height:50px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px}.project-selector-row button:hover{background-color:rgba(50,43,26,.2)}.project-selector-row button.delete-button{right:0}.project-selector-row button.edit-button{right:50px;-webkit-background-size:23px 23px;-moz-background-size:23px 23px;background-size:23px 23px;background-position:center 14px}