@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-bar-container{background-color:var(--secondary-color);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;padding:1.5rem;width:25vw}.nav-bar-form{height:2rem}.nav-bar-form,.search-icon-container{align-items:center;display:flex;justify-content:center}.search-icon-container{background-color:#fff;border-bottom-left-radius:1rem;border-top-left-radius:1rem;height:100%;padding-left:1rem}.fa-search{color:gray}.search-input{border:none;border-bottom-right-radius:1rem;border-top-right-radius:1rem;font-size:1em;outline:none;padding:.5rem 1rem;width:80%}.nav-bar-title{margin:2rem 1rem 1.5rem;text-transform:uppercase}.tasks-types-list{color:var(--primary-text-color);display:flex;flex-direction:column;list-style:none;margin-left:1.5rem;padding:0}.tasks-types-list-item-container{align-items:center;border-radius:.2rem;cursor:pointer;display:flex;margin-bottom:.8rem;padding:.5rem 1rem}.tasks-types-list-item-container.selected,.tasks-types-list-item-container:hover{background-color:#ccc}.nav-bar-list-icons{font-size:1.5em;margin-right:1rem}.main-section{background-color:#f7f7f7;height:90vh;width:80vw}.main-section-header-container{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;height:80px;justify-content:space-between}.main-section-header-title-container{padding:0 2rem}.main-section-header-title{font-size:1.5em;font-weight:500}.main-section-header-sort-date-container{align-items:center;display:flex;margin-left:27rem}.sort-date-select{border-radius:.2rem;margin-left:1rem;outline:none;padding:.2rem .5rem}.main-section-header-add-task-container{padding:0 2rem}.add-task-btn{background-color:var(--main-color);border:none;border-radius:.2rem;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:.5rem 1.2rem}.add-task-btn:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}.main-section-tasks-container{margin:2rem 3rem;max-height:100%;position:relative}.tasks-list{height:70vh;list-style:none;overflow-y:auto;padding:0}.task-container{align-items:center;background-color:#eee;display:flex;justify-content:space-between;margin-bottom:1rem;margin-right:3rem;padding:1rem}.task-container:hover{box-shadow:3px 3px 5px 2px rgba(0,0,0,.2);transition:all .2s ease-out}.high-priority{border-left:3px solid red}.mid-priority{border-left:3px solid orange}.low-priority{border-left:3px solid green}.task-message-text{color:var(--primary-text-color);width:53%}.task-assigned-text{color:#501f3a;font-size:.9em;width:12%}.due-date-text{color:#501f3a;font-size:.8em;font-weight:500;width:12%}.action-icons{cursor:pointer;font-size:1.2em}.action-icons :hover{color:#3ba395}.tail-spin-loader-container{left:50%;margin-top:100px;position:absolute;top:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.modal-section{background:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:20}.modal-container{background:#fff;left:50%;max-height:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.modal-header{align-items:center;background-color:var(--main-color);color:#fff;display:flex;height:50px;justify-content:space-between}.modal-header-title{margin-left:1rem}.close-icon{cursor:pointer;font-size:1.4em;margin-right:1rem}.form-container{background-color:#f7f7f7;height:200%;padding:1rem}.task-message-container{display:flex;flex-direction:column}.message-input{font-size:1em;margin-top:.5rem;outline:none;padding:.3rem;width:70%}.task-assign-container{display:flex;flex-direction:column;margin-top:1rem}.assign-select{font-size:1em;margin-top:.5rem;outline:none;padding:.3rem;width:30%}.task-priority-container{display:flex;flex-direction:column;margin-top:1rem}.priority-select{font-size:1em;margin-top:.5rem;outline:none;padding:.3rem;width:30%}.task-due-date-time-container{align-items:center;display:flex;width:80%}.task-due-date-container{display:flex;flex-direction:column;margin-top:1rem;width:37%}.date-input{font-size:1em;margin-top:.5rem;outline:none;padding:.3rem;width:100%}.task-due-time-container{display:flex;flex-direction:column;margin-left:4rem;margin-top:1rem;width:20%}.time-input{font-size:1em;margin-top:.5rem;outline:none;padding:.3rem;width:100%}.add-btn{background-color:var(--main-color);border:none;border-radius:.2rem;color:#fff;cursor:pointer;float:right;font-size:1em;font-weight:600;margin:0 .2rem 1rem 0;padding:.5rem 1.2rem}.add-btn:hover{-webkit-filter:brightness(95%);filter:brightness(95%)}:root{--main-color:#680960;--secondary-color:#eee;--primary-text-color:#141213}*,:after,:before{box-sizing:border-box;margin:0}body{font-family:Open Sans,sans-serif}.app-container{height:100vh}.header-container{background-color:#680960;background-color:var(--main-color);color:#fff;height:75px;padding:1.2rem}.header-title{font-size:1.8em;margin-left:1rem}.section-container{display:flex;height:90vh}
/*# sourceMappingURL=main.30635557.css.map*/