.clear{clear:both}.show-on-mobile{display:none!important}.inside-app-container{max-width:600px;margin:0 auto}body{background-color:#fff}#app,body,html{height:100%}#app{display:flex;flex-direction:column}header{margin-bottom:30px;background-color:#343a40}.main-container{max-width:1100px;width:100%;margin:0 auto;flex:1 0 auto}.top-nav-block{margin:5px}.left-top-nav-block{float:left}.right-top-nav-block{float:right}footer{width:100%;flex:0 0 auto}.footer-inside{position:relative;padding:.5rem 1rem;background-color:#343a40!important;text-align:center}.footer-inside *{font-family:Arial,sans-serif}.footer-inside .footer-copyright,.footer-inside a,.footer-inside span{color:#fff}.footer-inside>div.row:last-child{padding-top:30px}.footer-logo{height:90px;line-height:90px;font-size:1rem;text-align:left}.footer-logo>a{height:-moz-min-content;height:min-content;width:-moz-min-content;width:min-content}.footer-logo>a:hover{color:#fff}.footer-lang{position:absolute;right:5px}.footer-lang>span{margin:5px 5px 0;cursor:pointer}.footer-lang>span.active,.footer-lang>span:hover{opacity:.3}.footer-links{height:90px;line-height:90px;font-size:1rem}.footer-links>ul{float:right;margin:0}.footer-links>ul>li{list-style:none;display:inline-block;margin:5px 10px 0}.footer-outside{background-color:#343a40;padding-bottom:30px}.footer-blur{height:50px;width:100%;display:block}.background-app{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:url(/images/background/kevin-mueller.jpg);background-repeat:no-repeat;background-size:cover}.change_bg_block{text-align:left}.main-page{width:60%;margin-left:auto;margin-right:auto;background:hsla(0,0%,100%,.9);color:#001f3f;padding:30px 0}.main-page.main-component-styles{margin-top:70px}.main-page.main-component-styles>h3,.main-page.main-component-styles p{color:#001f3f}.main-page.main-component-styles a{color:#0074d9}.main-component-styles{text-align:center;margin-top:100px}.main-component-styles>div>a,.main-component-styles>div>p,.main-component-styles>h3{color:#f8fafc}.main-component-styles>div>a{text-decoration:underline}.main-component-styles>div>a:hover{text-decoration:none}.tasks-component-styles{padding:30px 0;background:hsla(0,0%,100%,.95);margin:70px auto 20px;width:75%}.title-tasks-block{text-align:center;color:#001f3f}.title-tasks-block>h4{display:flex;justify-content:center;align-items:center}.title-tasks-block>h4>*{padding:0 5px}.title-tasks-block>h4>.title-specific-element{padding:0 5px 0 0}.notes,.task-add-block,.tasks-block{max-width:600px;width:100%;margin:0 auto}.add-task-block{border:1px solid #ccc;margin-bottom:10px;background-color:hsla(0,0%,100%,.5)}.add-task-block>.task-buttons-block>span{cursor:pointer}.add-task-title-block{margin:0;padding:0;flex:1}.add-task-title-block>input{border-width:0;background-color:#f8fafc;width:100%;display:block;padding:14px 8px;font:16px arial;outline:none}.task-item{margin-top:5px;margin-bottom:5px;position:relative}.task-item .container-tasks-actions{display:flex}.task-item .movingTaskBlock,.task-item .task-value{color:#001f3f;font:700 13px arial}.task-item .task-value{text-align:left;flex:1}.task-item .task-value>span{position:relative;top:-2px}.task-item .movingTaskBlock{text-align:right;flex:1}.task-item .task-title-text-block{display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;flex:1}.task-item .task-buttons-block{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.task-item .task-buttons-block span:hover svg{transition-duration:.2s;transition-timing-function:linear;color:#01ff70}.task-item .task-buttons-block span:hover svg.active{color:#ff4136}.task-item .task-buttons-block.left__task-buttons-block{border-right-width:0;background-color:#aaa7a7}.task-item .task-buttons-block.left__task-buttons-block>span{color:#f8fafc}.task-item .task-loading{width:75%;padding-top:10px}.task-item>.toggle-showing-single-subtasks{cursor:pointer;position:absolute;top:18px;right:-45px;font-size:16px;background-color:#f3f3f3;border-radius:50%;border:1px solid #fff;color:#aaa7a7;height:30px;width:30px;text-align:center;display:flex;justify-content:space-around;align-items:center}.task-item>.toggle-showing-single-subtasks:hover{background:#fff;transition-duration:.2s;transition-timing-function:linear;color:#aaa7a7}.task-buttons-block,.task-title-text-block{background-color:#f8fafc}.task-title-text-block{padding:0;margin:0}.task-title-text-block>span{width:40px;height:100%;display:block;float:left;border-right:1px solid #ccc;cursor:pointer;margin-right:15px;text-align:center;position:relative}.task-title-text-block>span svg{font-size:23px;color:#aaa7a7;position:absolute;top:25%;left:25%;width:18px!important}.task-title-text-block>.task-title-text-item{width:100%;display:block;padding:14px 8px 14px 0;font:16px arial;color:#3490dc;cursor:pointer;position:relative}.task-bookmark{position:absolute;top:-2px;right:5px;font-size:20px}.task-bookmark>*{float:right}.folder-bookmark{right:25px}.note-bookmark{right:30px}.task-bookmark__blue{color:#0074d9;margin:0 5px}.task-bookmark__red{color:#ff4136;margin:0 5px}.draft-tasks-block .task-title-text-block>.task-title-text-item{padding:14px 8px}.task-title-text-item:hover{text-decoration:underline}.handle{background-color:#f3f3f3;border-radius:50%;border:1px solid #ccc;color:#aaa7a7;position:absolute;left:-35px;top:16px;font-size:13px;height:30px;width:30px;text-align:center;display:flex;justify-content:space-around;align-items:center;cursor:pointer}.handle:focus,.handle:hover{background-color:#fff;transition-duration:.2s;transition-timing-function:linear;color:#aaa7a7}.task-buttons-block{padding-right:0}.task-buttons-block.add-button-block>span{padding:10px 8px}.task-buttons-block>span{display:block;height:100%;float:right;border-left:1px solid #ccc}.task-buttons-block>span>label{padding:10px 8px;cursor:pointer;margin:0;display:block}.task-buttons-block>span>label>svg,.task-buttons-block>span>svg{font-size:23px;color:#aaa7a7}.task-buttons-block>span:hover>svg{transition-duration:.2s;transition-timing-function:linear;color:#0d88ff}.task-buttons-block>span>span>.vdpComponent{display:block}.task-buttons-block>span>span>.vdpComponent>input,.vdpComponent>button{display:none}.tasks-empty-block{padding:14px 8px;border:1px solid #3e3e3e;margin-bottom:0;margin-top:0;text-align:right;display:block;background-color:#bbb}.tasks-empty-block>h4{margin:0;font:16px arial;color:#3e3e3e}.tasks-counter{color:#001f3f;font:16px arial;margin-left:10px}.date-arrows__left,.date-arrows__right{position:fixed;top:40%;width:50px;height:50px;border-radius:50%;background-color:#343a40;cursor:pointer;display:flex;outline:0}.date-arrows__left:hover,.date-arrows__right:hover{background-color:#eee}.date-arrows__left img,.date-arrows__right img{filter:invert(100%) sepia(82%) saturate(39%) hue-rotate(215deg) brightness(115%) contrast(87%);width:50%}.date-arrows__left:hover img,.date-arrows__right:hover img{filter:invert(9%) sepia(15%) saturate(642%) hue-rotate(168deg) brightness(98%) contrast(87%)}.date-arrows__left{left:15px}.date-arrows__left img{margin:0 30% 0 auto}.date-arrows__right{right:15px}.date-arrows__right img{margin:0 auto 0 30%}.iSelected-task-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.5);z-index:1}.selected-modal-background{position:fixed;height:100%;width:100%;z-index:2}.selected-task-modal{position:fixed;width:100%;max-width:50%;top:15%;left:45%;margin-left:-20%;background-color:#fff;z-index:3;padding:35px 20px 20px;overflow-y:scroll;max-height:80vh}.selected-task-modal img{width:100%}.close-modal{position:absolute;right:10px;top:5px;cursor:pointer;font-size:18px}.selected-modal-back,.selected-modal-duplicate{position:absolute;top:10px;color:#3490dc;font:14px arial;cursor:pointer}.selected-modal-back:hover,.selected-modal-duplicate:hover{text-decoration:underline}.selected-modal-back{left:15px}.selected-modal-duplicate{right:15px}.selected-modal-title{width:100%;font:200% arial;border-width:0;resize:none;overflow:hidden;background-color:#eee;padding:5px 10px;margin-bottom:15px}.selected-modal-title:focus{background-color:#ccc}.selected-modal-description{min-height:150px;margin-top:5px;width:100%;font:110% arial;border-width:0;resize:none;overflow:hidden;background-color:#eee;padding:5px 10px;cursor:text}.selected-modal-description:focus{background-color:#ccc}.selected-modal-description img{max-width:40%}.selected-modal-bottom{padding-top:10px;border-top:1px solid #ddd;margin-top:20px;margin-bottom:15px;font:14px arial}.selected-modal-bottom>.row{margin-bottom:5px}.selected-modal-bottom>.row>div:last-child{text-align:right}.selected-modal__subtask{margin:30px 0;padding:10px 0;border-top:1px solid #ddd}.selected-modal__header-actions h5{padding:0 5px;width:-moz-max-content;width:max-content;border-bottom:1px solid #ddd;float:left;margin-top:10px}.selected-modal__header-actions button{float:right;border-radius:50%;font-weight:700;font-size:16px;font-family:tahoma}.selected-modal__header-actions:after{clear:both;width:100%;content:"";display:block}.selected-modal__subtask .alert{margin-top:10px;border-radius:0}.selected-modal__insert-subtask{display:flex;flex-wrap:wrap;margin-top:10px;margin-bottom:1px}.selected-modal__insert-subtask>*{flex:1;border-radius:0}.selected-modal__insert-subtask>:first-child{flex:5;width:100%;border:1px solid #eee;padding:.1rem 1.25rem}.selected-modal__middle-actions{padding:0 20px}.selected-modal__subtasks-item{display:flex;border:1px solid #ddd;margin:15px 0;background-color:#eee}.selected-modal__subtasks-item>*{padding:7px 0}.selected-modal__subtasks-item>.selected-modal__subtasks-action{flex:1;text-align:center;border-right:1px solid #ddd;color:#aaa7a7}.selected-modal__subtasks-item>input.selected-modal__subtasks-title{width:100%}.selected-modal__subtasks-item>.selected-modal__subtasks-title{flex:24;padding:7px 10px}.selected-modal__preolader{text-align:center}.selected-modal__preolader img{width:5%}.selected-modal__checklist>.selected-modal__header-actions>.btn{font-weight:700;font-size:16px;font-family:tahoma;border-radius:50%}.selected-modal__checklist .selected-modal__subtasks-item{border:none;border-bottom:1px solid #ddd;background-color:inherit;margin:0;padding:0 5px}.selected-modal__checklist .selected-modal__subtasks-item input[type=checkbox]{margin-top:.3rem}.selected-modal__checklist .selected-modal__subtasks-item>:first-child{border:none}.selected-modal__checklist .selected-modal__subtasks-remove{flex:1}.selected-modal__checklist .selected-modal__subtasks-remove>button{padding:3px 8px 2px;border-radius:50%;font-weight:700;font-size:12px}.selected-modal__checklist .selected-modal__subtasks-title{border:0;outline:0}.vdpComponent.vdpWithInput.date-pick-tasks-component>input{padding:0!important;background-color:transparent;border:none;outline:none;font:18px arial;width:90px;cursor:pointer;color:#0074d9;text-decoration:underline}.vdpComponent.vdpWithInput.date-pick-tasks-component>input:hover{text-decoration:none}.link-to-remove{cursor:pointer;color:#3490dc}.link-to-remove:hover{text-decoration:underline}.about-component-styles{margin-top:100px}.about-component-styles>h3{text-align:center;font:30px arial}.about-component-styles>p{text-indent:20px;font:16px arial}.paragraph-alignment-left{text-indent:20px;text-align:left;color:#001f3f}.app-container{padding:30px 10px;background:hsla(0,0%,100%,.9);margin:70px auto 20px}.app-container>h3{text-align:center;font:1.35rem arial;color:#001f3f}.app-container>p,.app-container a,.app-container ul{color:#001f3f}.app-container a{text-decoration:underline}.app-container a:hover{text-decoration:none}.history-component-container{max-width:100%;text-align:center;font:16px arial;margin:0 auto}.history-component-container .history-alone-date{font:700 20px arial;margin:20px 0 10px}.calendar-controls{margin-right:1rem;min-width:14rem;max-width:14rem}.calendar-parent{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;overflow-y:hidden;max-height:80vh;background-color:#fff}.cv-wrapper .cv-week{min-height:8em;background-color:#f8fafc}.theme-default .cv-event.birthday{background-color:#e0f0e0;border-color:#d7e7d7}.theme-default .cv-event.birthday:before{content:"\1F382";margin-right:.5em}.history-component-container .theme-default .cv-day,.history-component-container .theme-default .cv-event{cursor:pointer;transition-duration:.2s;transition-timing-function:linear}.history-component-container .theme-default .cv-day{background-color:transparent!important;opacity:.5}.history-component-container .theme-default .cv-day:hover{background-color:rgba(0,116,217,.3)!important}.history-component-container .theme-default .cv-event:hover{border:1px solid #0074d9;background-color:#f9f9f9!important;box-shadow:inset 0 0 3px rgba(0,116,217,.5)}.cv-header button{transition-duration:.2s;transition-timing-function:linear}.cv-header button:hover{background-color:#ccc;outline:none}.cv-event.span1{width:calc(14.28571% - .3em)!important;margin-left:.2%}.preloader-block{text-align:center;padding:50px 0;width:100px;margin:0 auto}.ghost{opacity:1;background:#c8ebfb}.search-input-container{margin-bottom:10px;border:1px solid #ccc}.search-input{background-color:#f8fafc;width:100%;display:block;padding:14px 8px;border-width:0}.search-input,.search-result-container{font:16px arial}.search-result-container>div{color:#001f3f}.search-result{background-color:initial;padding:14px 8px;font:16px arial;border:1px solid #ccc;margin:0 0 10px}.search-result .nav-link{padding:0}.search-result-container .task-title-text-block{border-right:1px solid #ccc}.task-title-text-block .label{background-color:#ff0;color:#000}.search-pagination{margin-top:30px}.search-result-container .task-item{margin-bottom:20px}.search-result-container .task-item .task-item{margin-bottom:5px}.flag-CN,.flag-RU,.flag-US{background:url(/images/flags.png) no-repeat 0 9px;display:-moz-inline-box;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;position:relative;overflow:hidden;width:16px;height:9px;font-size:0;line-height:0;margin:0;padding:0}.flag-RU{background-position:0 -1764px}.flag-US{background-position:0 -2142px}.flag-CN{background-position:0 -432px}.container .navbar{margin-bottom:0}.children-count-in-task{font-size:23px;font-weight:700;padding:5px 8px!important;color:#aaa7a7}.open-close-subtasks-link{color:#3490dc;font:14px arial;cursor:pointer}.open-close-subtasks-link:hover{text-decoration:underline}.title-tasks-btn{cursor:pointer;font-size:16px;margin:0 5px;background-color:#f3f3f3;border-radius:50%;border:1px solid #ccc;color:#aaa7a7;height:30px;line-height:30px;width:30px;text-align:center}.title-tasks-btn:hover{background:#fff;transition-duration:.2s;transition-timing-function:linear;color:#aaa7a7}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.auth-container{margin-bottom:150px}.dragArea{min-height:10px}.add-subtask-block{border:1px solid #ccc;margin-bottom:0;margin-top:5px;background-color:hsla(0,0%,100%,.5)}.add-subtask-block>.task-buttons-block>span{cursor:pointer}.subtask-buttons-block>span{padding:10px 8px;display:block;height:100%;float:right;border-left:1px solid #ccc;cursor:pointer;background-color:#f8fafc}.subtask-buttons-block>span>label{cursor:pointer;margin:0}.subtask-buttons-block>span>label>svg,.subtask-buttons-block>span>svg{font-size:23px;color:#aaa7a7}.subtask-buttons-block>span:hover>svg{transition-duration:.2s;transition-timing-function:linear;color:#0d88ff}.subtask-buttons-block>span>span>.vdpComponent{display:block}.subtask-buttons-block>span>span>.vdpComponent>input{display:none}.row{margin-left:0;margin-right:0}.row>div{padding-left:0;padding-right:0}.duplicate-block{position:fixed;top:0;left:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.7);z-index:3}.duplicate-modal{position:fixed;width:100%;max-width:35%;top:10%;left:52.5%;margin-left:-20%;background-color:#fff;z-index:4;padding:20px;max-height:70%;overflow-y:scroll}.duplicate-modal>div{position:relative}.duplicate-modal .duplicate-head-line{margin-bottom:15px}.duplicate-modal .duplicate-subtask-title,.duplicate-modal .duplicate-title{width:100%;padding:5px 10px;border:1px solid #ddd}.duplicate-modal .duplicate-title{margin-bottom:15px}.duplicate-modal .duplicate-subtasks{padding-left:15px}.duplicate-modal .duplicate-subtasks label{padding-left:0;padding-right:0}.duplicate-modal .duplicate-subtasks label>*{margin:0 3px}.duplicate-modal .duplicate-subtask-head-line{margin:7px 0}.duplicate-modal .duplicate-action-block>div:first-child input{margin-top:5px}.duplicate-modal .duplicate-action-block>div:last-child{text-align:center}.duplicate-modal .duplicate-action-block>div:last-child button{margin:5px 10px}.duplicate-modal .duplicate-datepicker{width:100%}.duplicate-modal .duplicate-datepicker input{border:1px solid #ddd!important;width:100%!important;padding:6px 10px!important;outline:none;font:18px arial}.duplicate-modal .vdpInnerWrap{margin:0 auto}.duplicate-modal .vdpOuterWrap.vdpFloating{position:relative;width:100%}.duplicate-modal .datepicker_above .vdpFloating.vdpOuterWrap{position:absolute;top:-295px}.duplicate-action-head-line,.quill-editor{margin-bottom:5px}.ql-editor{min-height:200px}.notes__add,.notes__empty{margin-left:5px;margin-right:5px}.notes__add .task-buttons-block.add-button-block>span.inactive>svg{color:#ccc}.notes__add .task-buttons-block.add-button-block>span.active>svg{color:#aaa7a7}.notes__add .task-buttons-block.add-button-block>span.active>svg:hover{color:#0d88ff}.notes__empty{font:16px arial}.notes__list.row>*{padding:0 5px}.notes__item{margin:5px 0;position:relative}.notes__item>*{display:block;padding:16px 16px 14px 8px;border:1px solid #ccc;font:16px arial;color:#3490dc;cursor:pointer}.notes__item>:hover{text-decoration:underline}.notes__item .notes__badge{position:absolute;color:#919191;z-index:0;font-size:18px;top:4px;right:8px}.notes-in__back h4 a{font-size:16px;margin:0 5px}.notes__parent-title{font-size:1.35rem;color:#3490dc;cursor:pointer;margin:10px 0 5px 25px}.notes__parent-title>*{line-height:1.35em}.notes__parent-title:hover>*{text-decoration:underline}.notes-modal__show{display:block;background-color:rgba(0,0,0,.5)}.notes-update{color:#3490dc;cursor:pointer}.notes-update:hover{text-decoration:underline}.checklist-above-task{display:grid;grid-auto-flow:column}.checklist-above-task__item{height:5px;border-top:1px solid #ccc;border-right:1px solid #ccc;width:100%;background-color:#fff;order:2}.checklist-above-task__item:first-child{border-left:1px solid #ccc}.checklist-above-task__item__done{background-color:#ccc;border-right-width:0;border-left-width:0;order:1}