:root{--primaryColor:#3072dd;--primaryColorDark:#244453;--secondaryColor:#2d51e5;--textColor1:#2c3e50;--textColor:#2c3e50;--textColorLight:#c4d1dd;--textColorMuted:#4382a3;--bgColor:#2d6078;--navColor:rgba(0,0,0,0.43137254901960786);--borderColor:#2c576a;--transition:0.5s}body{margin:auto;background:#2d6078;background:var(--bgColor);color:#54b0de;font-family:"Roboto",sans-serif;font-size:14px;overflow:hidden}.a,a{color:#244453;color:var(--primaryColorDark)}.a{text-decoration:underline;cursor:pointer}input[type=submit],input[type=text]{padding:.381rem .618rem}.bg-basic{background:#244453}.cursor-pointer{cursor:pointer}.text-right{text-align:right!important}.nav{padding:.618rem 0;background:rgba(0,0,0,.43137254901960786);color:#fff;height:10vh;display:grid}.nav .container{display:grid;grid-template-columns:20% 20% auto;align-items:center;justify-content:space-between}.nav .task-switcher .switcher{color:#383838}.nav .task-switcher .switcher .css-1pndypt-Input{color:#fff!important}.nav .task-switcher .switcher .css-ervfor-MenuList>div{cursor:pointer}.nav .task-switcher .switcher .css-ervfor-MenuList .css-jbgqls-option{background-color:rgba(0,0,0,.25882352941176473)}.nav .user-info{display:flex}.nav .user-info .name-details{font-size:.8rem;text-align:right}.nav .user-info .name-details .name{font-weight:300}.container{padding:0 1.618vw}.user-dashboard{display:none;grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;height:90vh;width:calc(100vw - 150px);overflow-y:hidden}.user-dashboard.react-tabs__tab-panel--selected{display:grid!important}.user-dashboard .page-section{grid-column:1/8}.user-dashboard .right-section{background:rgba(0,0,0,.43137254901960786);background:var(--navColor);overflow-y:hidden;grid-column:8/11;height:100%}.user-dashboard .right-section .single-widget{overflow:hidden;max-height:100%}.user-dashboard .right-section .single-widget:hover{overflow:scroll}.coming-soon.react-tabs__tab-panel--selected{display:flex;width:calc(100vw - 150px);height:90vh;align-items:center;justify-content:center}.task-header{display:flex;padding-left:0}.task-header .header-item{display:flex;padding:1vw;cursor:pointer;color:#aae0fb}.task-header .header-item.active,.task-header .header-item:hover{color:#dff4ff;border-bottom:2px solid #15a800}.task-space{display:grid!important;grid-gap:1.618%;grid-template-columns:repeat(auto-fill,minmax(40%,1fr));grid-auto-flow:column;grid-auto-columns:minmax(33%,1fr);overflow-x:hidden;padding-bottom:1rem}.task-space:hover{overflow-x:scroll}.task-space .parent-task{background:rgba(0,0,0,.3803921568627451);border-right:2px solid rgba(0,0,0,.04);padding:0 0 4.236vw;position:relative}.task-space .parent-task .task-header{display:block;grid-template-columns:auto 92px;padding:.618rem;border-bottom:1px solid #2c576a;border-bottom:1px solid var(--borderColor);position:relative;background:rgba(0,0,0,.43137254901960786)}.task-space .parent-task .task-header .header-title{font-weight:700}.task-space .parent-task .task-header .header-summery{font-size:.618rem;color:#4382a3;color:var(--textColorMuted)}.task-space .parent-task .task-header .header-actions{display:none;cursor:pointer;position:relative;justify-content:flex-end;align-items:flex-start}.task-space .parent-task .task-header .header-actions .fas{margin-left:-1px;background:rgba(0,0,0,.43137254901960786);border:1px solid #54afdd;padding:3px 6px;cursor:pointer;font-size:.618rem}.task-space .parent-task .task-header .header-actions .fas:hover{background:rgba(0,0,0,.3803921568627451)}.task-space .parent-task .task-header .back{position:absolute;bottom:-28px;left:-18px;background:#f2f2f2;border:1px solid #d9d9d9;padding:3px 6px;cursor:pointer}.task-space .parent-task .task-header .back:hover{background:#fff}.task-space .parent-task:hover .task-header{display:grid}.task-space .parent-task:hover .task-header .header-actions{display:flex}.task-space .parent-task.type-preview{border-left:1px solid #dadce0}.task-space .parent-task .task-list{min-height:40vh;max-height:50vh;overflow-y:hidden;position:relative}.task-space .parent-task .task-list .add-new-task{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;cursor:pointer}.task-space .parent-task .task-list .add-new-task i{font-size:1.618rem;line-height:2.618rem}.task-space .parent-task .task-list .single-task{padding:1rem;display:flex;cursor:pointer;border-bottom:1px solid #2c576a;border-bottom:1px solid var(--borderColor);-webkit-transform:.5s;transform:.5s;-webkit-transform:var(--transition);transform:var(--transition);justify-content:space-between}.task-space .parent-task .task-list .single-task:last-child{border-bottom:none}.task-space .parent-task .task-list .single-task:hover{background-color:rgba(0,0,0,.04)}.task-space .parent-task .task-list .single-task .task-icon{margin-right:.618vw}.task-space .parent-task .task-list .single-task .task-info .task-title{font-weight:300}.task-space .parent-task .task-list .single-task .task-info .task-summery{font-size:.618rem;color:#4382a3;color:var(--textColorMuted)}.task-space .parent-task:hover .task-list{overflow-y:scroll}.task-space .parent-task .task-actions .single-action{padding:1vw .618rem;display:flex;cursor:pointer;border-bottom:1px solid #2c576a;border-bottom:1px solid var(--borderColor);-webkit-transform:.5s;transform:.5s;-webkit-transform:var(--transition);transform:var(--transition)}.task-space .parent-task .task-actions .single-action:last-child{border-bottom:none}.task-space .parent-task .task-actions .single-action:hover{background-color:rgba(0,0,0,.04)}.task-space .parent-task .task-actions .single-action .action-icon{margin-right:.618vw}.task-space .parent-task .task-footer{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.12156862745098039);font-size:.618rem;font-weight:300;color:rgba(81,171,215,.6)}.task-space .parent-task .task-footer .single-item{padding:1vw .618rem;display:flex;cursor:pointer;border-bottom:1px solid #2c576a;border-bottom:1px solid var(--borderColor);-webkit-transform:.5s;transform:.5s;-webkit-transform:var(--transition);transform:var(--transition)}.task-space .parent-task .task-footer .single-item:last-child{border-bottom:none}.task-space .parent-task .task-footer .single-item:hover{background-color:rgba(0,0,0,.04)}.task-space .parent-task .task-footer .single-item .action-icon{margin-right:.618vw}.task-space .task-create,.task-space .task-details{grid-column:2/span 5;padding:.618rem}.task-space .task-create .create-body form{display:inline-flex;flex-wrap:wrap;grid-gap:.618rem;gap:.618rem}.task-space .task-create .create-body form .task-title{width:320px}.task-space .header-actions .task-create{position:absolute;left:100%;background:rgba(0,0,0,.43137254901960786);border:1px solid #2c576a;border:1px solid var(--borderColor);z-index:1}.task-space .header-actions .task-create .details-header h3{font-size:1rem}.time-log-section{padding:6px;font-size:.618rem;color:#5fc7fb;font-weight:300}.time-log-section table{width:100%}.time-log-section table tr:hover td{background:#36647a}.time-log-section table td{border-bottom:1px solid #2c566a;padding:3px}.time-log-section table td .start-again{cursor:pointer;margin-right:3px;display:none}.time-log-section table td:hover .start-again{display:inline-block}.time-log-section table td.section-title{background:#285367}.time-log-section table th{text-align:left;padding:3px;border-bottom:1px solid #2c566a}.time-log-section table th.task-title{width:110px}.time-log-section table th.time-spent{text-align:right}.btn-primary{background:#244453;background:var(--primaryColorDark);border-color:#244453;border-color:var(--primaryColorDark)}.section-switcher{display:flex;justify-content:space-between;min-height:90vh}.section-switcher .section-header{padding-left:0;background:rgba(0,0,0,.43137254901960786);margin:0;width:150px}.section-switcher .section-header .header-item{padding:1.618vw 1vw;cursor:pointer;color:#aae0fb;transition:background-color .1s ease;display:flex;flex-direction:column;align-items:center}.section-switcher .section-header .header-item .icon{font-size:2.618rem;margin-bottom:.618rem}.section-switcher .section-header .header-item.active{color:#dff4ff;background:#2d6078;background:var(--bgColor)}.flatpickr-input{background:rgba(0,0,0,.07058823529411765);border:none;color:#4fafe0}.close-modal{color:#4dabdb}.close-modal:hover{color:#4dacdc}.page-auth .page-content{background-color:#f9f9f9;padding:10vh 12vh;min-height:100vh;box-shadow:3px 0 28px hsla(0,0%,45.5%,.5)}.page-auth .page-content .auth-brand{display:block;text-align:center;margin-bottom:6vh}.page-auth .page-content .auth-brand .logo{max-width:180px}.page-auth .page-content .login-preview{overflow:hidden;display:flex;align-items:center}.page-auth .page-content .login-preview img{max-width:100%}.page-auth .page-content .form-support{display:flex;justify-content:space-between}.page-auth .page-content .form-support a{font-style:italic;text-decoration:underline;color:inherit}.page-auth .page-content .area-support-links a{color:inherit;text-decoration:underline}.page-auth .preview-section{display:flex;align-items:center;justify-content:center;flex-direction:column}.page-auth .preview-section h1{font-size:92px;text-align:center;color:#fff;margin-bottom:0}.page-auth .preview-section p{letter-spacing:5px;font-size:2.618rem;color:hsla(0,0%,100%,.611764705882353);font-weight:100;margin-top:-15px}.page-auth-checking{min-height:100vh;background-color:#244453;background-color:var(--primaryColorDark);display:flex;justify-content:center;align-items:center}.page-auth-checking .checking-content{text-align:center}.page-auth-checking .footer,.page-auth-checking .title{color:#dadada}.page-auth-checking .area-logo{margin-bottom:5vh}.page-auth-checking .logo{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ReactModal__Overlay{background:inherit!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.custom-modal{margin:20vh auto auto;padding:1rem 1rem 2.216rem;background:rgba(0,0,0,.43137254901960786)}.custom-modal :focus-visible{outline:none}.custom-modal .modal-header{padding:0;border:none}.custom-modal .modal-content{border:none;background:rgba(0,0,0,.12156862745098039)}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1280px}}
/*# sourceMappingURL=main.1f4208d9.chunk.css.map */