@font-face{font-family:Roboto;font-style:italic;font-weight:100;font-display:swap;src:local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrIzc.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:local("Roboto Light Italic"),local("Roboto-LightItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:local("Roboto Italic"),local("Roboto-Italic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu52xP.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:500;font-display:swap;src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-display:swap;src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:italic;font-weight:900;font-display:swap;src:local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-display:swap;src:local("Roboto Thin"),local("Roboto-Thin"),url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgWxP.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:local("Roboto Light"),local("Roboto-Light"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5vAw.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Me5Q.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9vAw.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:local("Roboto Bold"),local("Roboto-Bold"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlvAw.ttf) format("truetype")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:local("Roboto Black"),local("Roboto-Black"),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtvAw.ttf) format("truetype")}body,html{width:100%;height:100%}body{background-color:#0079bf;font-family:Roboto,sans-serif;overflow:hidden}.full-height{height:100%;min-height:0}.c-flex{display:flex;min-width:0}.c-flex-column{flex-direction:column}.scroll-x{overflow:auto}.scroll-x::-webkit-scrollbar{width:2px;height:5px}.scroll-x::-webkit-scrollbar-thumb{background:rgba(82,80,80,.5);border-radius:5px}.scroll-x::-webkit-scrollbar-track{background:transparent}.create-board-page{padding-top:16px;padding-bottom:16px}.single-board{text-decoration:none;color:#333;text-align:center;display:block;min-height:40px;margin-bottom:16px;background-color:#fff;font-size:18px;line-height:4;border-radius:5px}.single-board:hover{opacity:.8;color:#333;text-decoration:none}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:600px;margin:0 auto;background-color:#e2e4e6;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-container button{text-transform:uppercase;font-size:11px;font-weight:400;margin-right:8px}.modal-container .modal-footer .btn-link{color:#4d4d4d;text-decoration:none}.modal-footer{position:relative}.modal-footer .delete-btn{position:absolute;left:0;margin:0}.modal-header h3{margin-top:0;color:#42b983}.modal-default-button{float:right}.modal-body{max-height:500px;overflow-y:auto}.modal-body .mdl-form-input{margin-bottom:10px}.modal-body .mdl-form-input input[type=text],.modal-body .mdl-form-input textarea{font-size:14px;font-weight:400;line-height:1.3;background-color:#fff;padding:8px;color:#4d4d4d;border:0;border-bottom:1px solid #ccc;border-radius:3px;outline:0!important;resize:none;width:100%}.modal-body .card-comments-container{width:70%}.modal-body .single-comment{padding:8px;margin-top:8px;background-color:#ccc;border-radius:5px;padding-bottom:16px;font-size:14px;position:relative}.modal-body .single-comment .commented-time{position:absolute;bottom:0;font-size:10px;right:8px;padding:4px}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}.card{font-size:14px;font-weight:400;line-height:1.3;background-color:#fff;padding:8px;color:#4d4d4d;border-bottom:1px solid #ccc;border-radius:5px;margin-bottom:8px;position:relative;cursor:pointer;padding-right:35px}.card span{position:absolute;top:4px;right:4px;padding:4px;cursor:pointer;border-radius:50%;width:28px;text-align:center}.card span:hover{background-color:#ececec;opacity:.6}.list-cards-container{padding:8px}.list-cards-container .single-card:last-child .card{margin-bottom:0}.single-list-container{background-color:#e2e4e6;white-space:normal;border-radius:3px;overflow:hidden;margin:8px 0 8px 8px;width:300px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.single-list-container h6{padding:8px;margin:0;position:relative;padding-right:32px;border-bottom:1px solid #d0d1d2}.single-list-container h6 textarea{width:100%;border:0;resize:none;background-color:transparent}.single-list-container h6 span{position:absolute;top:4px;right:4px;padding:4px;cursor:pointer}.single-list-container h6 span:hover{opacity:.6}.add-card-input-area{padding:0 8px 8px 8px}.add-card-input-area textarea{font-size:14px;font-weight:400;line-height:1.3;background-color:#fff;padding:8px;color:#4d4d4d;border:0;border-bottom:1px solid #ccc;border-radius:3px;outline:0!important;resize:none;width:100%}.add-card-input-area .add-card-actions button{text-transform:uppercase;font-size:14px;font-weight:400;margin-right:8px}.add-card-input-area .add-card-actions button.btn-link{color:#4d4d4d;text-decoration:none}.add-new-card-btn{border:0;background-color:transparent;cursor:pointer;padding:8px;display:block;width:100%;text-align:left;color:#838c91;font-size:16px;outline:0!important}.add-new-card-btn:hover{background-color:#cdd2d4;color:#4d4d4d;text-decoration:underline}.board-list-container{display:inline-block;vertical-align:top}.board-list-container .list-wrapper{min-width:300px}.board-details{height:56px;background-color:#0067a3;position:relative}.board-details .delete-board-icon{position:absolute;top:0;right:0;padding:8px;background-color:#a0443a;color:#fff;margin:9px;border-radius:5px;cursor:pointer}.board-details .delete-board-icon .delete-icon{display:inline-block;vertical-align:top}.board-details .delete-board-icon .text-del{display:inline-block;vertical-align:top;padding-top:5px;padding-left:4px;font-size:12px;text-transform:uppercase}.board-details .board-lists button{background-color:#4c94be;border-radius:.3rem;transition:background-color .15s}.board-details .board-lists .home-icon-link{margin:8px}.board-details .board-lists .board-title,.board-details .board-lists .home-icon-link{display:inline-block;vertical-align:top;padding:8px}.board-details .board-lists .board-title input{border:0;background-color:transparent;color:#fff;text-transform:capitalize;font-size:18px;padding:5px;min-width:300px}.board-details .board-lists .board-title input::-moz-placeholder{color:#a5cae0;opacity:1}.board-details .board-lists .board-title input:-ms-input-placeholder{opacity:1}.board-details .board-lists .board-title input::-ms-input-placeholder{opacity:1}.board-details .board-lists .board-title input::placeholder{color:#a5cae0;opacity:1}.board-details .board-lists .board-title input:-ms-input-placeholder{color:#a5cae0}.board-details .board-lists .board-title input::-ms-input-placeholder{color:#a5cae0}.board-container{display:block;white-space:nowrap}.add-list-input-wrapper{width:300px;display:inline-block;vertical-align:top}.add-list-input-wrapper .add-list-input{background-color:#006aa7;border-radius:5px;transition:background-color .15s;margin:8px}.add-list-input-wrapper .add-list-input input{border:0;width:100%;background-color:transparent;padding:8px;font-size:16px;font-weight:400;color:#a5cae0}.add-list-input-wrapper .add-list-input input::-moz-placeholder{color:#a5cae0;opacity:1}.add-list-input-wrapper .add-list-input input:-ms-input-placeholder{opacity:1}.add-list-input-wrapper .add-list-input input::-ms-input-placeholder{opacity:1}.add-list-input-wrapper .add-list-input input::placeholder{color:#a5cae0;opacity:1}.add-list-input-wrapper .add-list-input input:-ms-input-placeholder{color:#a5cae0}.add-list-input-wrapper .add-list-input input::-ms-input-placeholder{color:#a5cae0}