body,html{background:#fff;font-family:Roboto;font-size:14px;color:#000;width:100%;height:100%;margin:0;padding:15px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#root{height:inherit;display:flex}.button{background:green;color:#fff;padding:5px 20px;border-radius:5px}.button.type1{padding:unset;background:unset;color:unset;border-radius:unset}.input{font-family:Roboto;font-size:14px;color:#000}.input.error>input{border:1px solid red}.input>input{font-family:Roboto;font-size:14px;padding:7px 10px;border-radius:5px;border:1px solid #979797}.input>input.error{border:2px solid red}.input>input::-webkit-input-placeholder{font-family:Roboto;font-size:14px;color:#ccc}.input>input:-ms-input-placeholder{font-family:Roboto;font-size:14px;color:#ccc}.input>input::-ms-input-placeholder{font-family:Roboto;font-size:14px;color:#ccc}.input>input::placeholder{font-family:Roboto;font-size:14px;color:#ccc}.input>input.error{border:1px solid red}.label.error{color:red}.table .p-datatable-row{cursor:pointer}.table .p-datatable-row:hover{background:#92a7b8}.popup>.content{padding:15px;border-radius:10px;border:1px solid rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.disabled{pointer-events:none;opacity:.5}.button{cursor:pointer;display:flex;align-self:flex-start}.button.disabled,.button>span{pointer-events:none}.button.disabled{opacity:.5}.home{justify-content:center}.home,.home>.content{display:flex;flex:1 1}.home>.content{flex-direction:column}.home>.content>.title{margin-top:10px;font-size:16px}.home>.content>.table{margin-top:10px;margin-bottom:30px;border:1px solid #dfdfdf}.home>.content>.table .sent{color:red}.home>.content>.table .received{color:green}.home>.content>.table .status{font-weight:700}.home>.content>.table .status.status1{color:#109b10}.home>.content>.table .status.status2{color:red}.home>.content>.table .status.status3{color:#7587e0}.home>.content>.table .status.status4{color:#d60eb5}.table{font-size:14px}.table table{width:100%}.table .p-datatable-thead{text-align:left;font-size:15px;background:#e9e9e9;line-height:40px}.table .p-datatable-tbody tr{line-height:30px}.table .p-datatable-tbody tr:hover{background:#7f808f;color:#fff}.table .p-datatable-tbody tr:nth-child(2n){background:#e9e9e9}.table .p-datatable-tbody tr:nth-child(2n):hover{background:#7f808f;color:#fff}.table td,.table th{padding:0 10px}.viewPopup,.viewPopup>.content{display:flex;flex-direction:column}.viewPopup>.content{height:400px!important;box-sizing:content-box}.viewPopup>.content>.top>.title{font-size:24px!important}.viewPopup>.content .paragraphs{display:flex;flex-direction:column;flex:1 1;overflow-y:auto;margin-bottom:20px;padding-right:5px}.viewPopup>.content .actions{display:flex;justify-content:flex-end}.viewPopup>.content .actions>:first-child{margin-right:5px}.viewPopup>.content .actions>:last-child{margin-left:5px}.viewPopup>.content .actions>:not(:first-child):not(:last-child){margin-left:5px;margin-right:5px}.popup{position:absolute;width:100vw;height:100vh;z-index:9000;top:0;left:0;background:rgba(18,20,36,.5)}.popup>.content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:#fff;color:#000}.popup>.content>.top{display:flex;justify-content:space-between;padding:5px 0;position:relative;top:-5px}.popup>.content>.top>.title{font-size:16px}.popup>.content>.top>.btn-close{background:unset;padding:0;color:#000;font-weight:700}.label{display:flex;flex-direction:row;pointer-events:none}.label.error{font-size:12px}.paragraph{display:flex;flex:1 1;cursor:pointer;margin:10px 0;padding:10px;color:#333;pointer-events:none}.paragraph.interactive{pointer-events:auto}.paragraph.interactive:hover{border:1px solid #ebebeb}.paragraph.colored{border:1px solid #da7431}.paragraph>.button{background:unset;color:#000;padding:unset;border-radius:unset;pointer-events:unset}.context-menu{border-radius:10px;border:1px solid rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;min-width:100px}.context-menu>.button{width:100%;background:#fff;color:#000;padding:5px;box-sizing:border-box;border-radius:unset}.context-menu>.button:hover{background:#8a8991;color:#fff}.overlay{position:absolute;display:flex;flex-direction:column;background:#fff;color:#000;z-index:1}.editorPopup>.content{width:80%;max-width:800px;height:600px}.editorPopup>.content>.customEditor{flex:1 1;height:calc(100% - 70px)}.editorPopup>.content>.customEditor .note-editing-area{height:100%}.editorPopup .actions{display:flex;justify-content:flex-end;margin:10px 0 10px 10px}.editorPopup .actions>:first-child{margin-right:5px}.editorPopup .actions>:last-child{margin-left:5px}.editorPopup .actions>:not(:first-child):not(:last-child){margin-left:5px;margin-right:5px}.customEditor{display:flex}.customEditor .note-editor{width:100%}.customEditor .note-editor .note-editable{width:100%;height:100%}.customEditor .note-editor .note-resizebar,.customEditor .note-insert>.note-btn{display:none}.customEditor .note-insert>.note-btn:first-child{display:unset}.customEditor .note-view>.btn-fullscreen{display:none}.inputPopup>.content{width:300px;height:160px;display:flex;flex-direction:column}.inputPopup>.content>.middle{display:flex;flex-direction:column;flex:1 1}.inputPopup>.content>.middle>.input{margin:10px}.inputPopup>.content>.middle>.error{color:red;font-size:12px;padding-left:10px;margin-top:-5px}.inputPopup>.content>.actions{margin-bottom:10px;display:flex;justify-content:flex-end;margin-right:10px}.input{display:flex;align-items:center}.input>.label{margin-right:15px;white-space:nowrap}.input>input{box-sizing:border-box;width:100%}.input>input:focus{outline:none!important}.login,.login .content{display:flex;flex:1 1;flex-direction:column;align-self:center}.login .content{border-radius:10px;border:1px solid rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;width:250px;padding:30px}.login .content>:first-child{margin-bottom:10px}.login .content>:last-child{margin-top:10px}.login .content>:not(:first-child):not(:last-child){margin-top:10px;margin-bottom:10px}.login .content>.title{font-size:20px}.login .content>.actions{display:flex;margin-top:10px;justify-content:flex-end}.login .content>.actions>:first-child{margin-right:5px}.login .content>.actions>:last-child{margin-left:5px}.login .content>.actions>:not(:first-child):not(:last-child){margin-left:5px;margin-right:5px}.preloader{position:absolute;width:100vw;height:100vh;background:#fff;z-index:9999;left:0;top:0}.preloader>.loader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;left:calc(50% - 60px);top:calc(50% - 60px)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.newDoc{display:flex;flex:1 1;flex-direction:column}.newDoc>.top{display:flex;align-items:center}.newDoc>.top>:first-child{margin-right:15px}.newDoc>.top>:last-child{margin-left:15px}.newDoc>.top>:not(:first-child):not(:last-child){margin-left:15px;margin-right:15px}.newDoc>.top>.back{font-size:30px;margin-top:3px}.newDoc>.top>.title{width:500px;max-width:80%;font-size:16px}.newDoc>.customEditor{margin-top:15px}.newDoc>.customEditor .note-editable{height:calc(100vh - 195px)!important}.newDoc>.actions{align-self:flex-end;margin-top:10px}.register,.register .content{display:flex;flex:1 1;flex-direction:column;align-self:center}.register .content{border-radius:10px;border:1px solid rgba(0,0,0,.3);box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;width:250px;padding:30px}.register .content>:first-child{margin-bottom:10px}.register .content>:last-child{margin-top:10px}.register .content>:not(:first-child):not(:last-child){margin-top:10px;margin-bottom:10px}.register .content>.title{font-size:20px}.register .content>.actions{display:flex;margin-top:10px;justify-content:flex-end}.register .content>.actions>:first-child{margin-right:5px}.register .content>.actions>:last-child{margin-left:5px}.register .content>.actions>:not(:first-child):not(:last-child){margin-left:5px;margin-right:5px}