@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font-inter: "Inter", serif;
    --transition:all .5s ease 0s;
    --border-radius:8px;
    --border-radius-input:5px;
    --color-purple:rgba(48, 39, 175, 1);
    --color-purple-90:rgba(48, 39, 175, .9);
    --color-purple-80:rgba(48, 39, 175, .8);
    --color-purple-70:rgba(48, 39, 175, .7);
    --color-purple-60:rgba(48, 39, 175, .6);
    --color-purple-50:rgba(48, 39, 175, .5);
    --color-purple-40:rgba(48, 39, 175, .4);
    --color-purple-30:rgba(48, 39, 175, .3);
    --color-purple-20:rgba(48, 39, 175, .2);
    --color-blue:rgba(0, 108, 162, 1);
    --color-blue-90:rgba(0, 108, 162, .9);
    --color-blue-80:rgba(0, 108, 162, .8);
    --color-blue-70:rgba(0, 108, 162, .7);
    --color-blue-60:rgba(0, 108, 162, .6);
    --color-blue-50:rgba(0, 108, 162, .5);
    --color-blue-40:rgba(0, 108, 162, .4);
    --color-blue-30:rgba(0, 108, 162, .3);
    --color-blue-20:rgba(0, 108, 162, .2);
    --color-sky:rgba(195, 233, 252, 1);
    --color-sky-90:rgba(195, 233, 252, .9);
    --color-sky-80:rgba(195, 233, 252, .8);
    --color-sky-70:rgba(195, 233, 252, .7);
    --color-sky-60:rgba(195, 233, 252, .6);
    --color-sky-50:rgba(195, 233, 252, .5);
    --color-sky-40:rgba(195, 233, 252, .4);
    --color-sky-30:rgba(195, 233, 252, .3);
    --color-gray:rgba(147, 147, 147, 1);
    --color-gray-90:rgba(147, 147, 147, .9);
    --color-gray-80:rgba(147, 147, 147, .8);
    --color-gray-70:rgba(147, 147, 147, .7);
    --color-gray-60:rgba(147, 147, 147, .6);
    --color-gray-50:rgba(147, 147, 147, .5);
    --color-gray-40:rgba(147, 147, 147, .4);
    --color-gray-30:rgba(147, 147, 147, .3);
    --color-gray-20:rgba(147, 147, 147, .2);
    --color-dark:rgba(87, 87, 87, 1);
    --color-dark-90:rgba(87, 87, 87, .9);
    --color-dark-80:rgba(87, 87, 87, .8);
    --color-dark-70:rgba(87, 87, 87, .7);
    --color-dark-60:rgba(87, 87, 87, .6);
    --color-dark-50:rgba(87, 87, 87, .5);
    --color-dark-40:rgba(87, 87, 87, .4);
    --color-dark-30:rgba(87, 87, 87, .3);
    --color-dark-20:rgba(87, 87, 87, .2);
    --color-green:rgba(7, 100, 22, 1);
    --color-green-90:rgba(7, 100, 22, .9);
    --color-green-80:rgba(7, 100, 22, .8);
    --color-green-70:rgba(7, 100, 22, .7);
    --color-green-60:rgba(7, 100, 22, .6);
    --color-green-50:rgba(7, 100, 22, .5);
    --color-green-40:rgba(7, 100, 22, .4);
    --color-green-30:rgba(7, 100, 22, .3);
    --color-red:rgba(170, 16, 16, 1);
    --color-red-90:rgba(170, 16, 16, .9);
    --color-red-80:rgba(170, 16, 16, .8);
    --color-red-70:rgba(170, 16, 16, .7);
    --color-red-60:rgba(170, 16, 16, .6);
    --color-red-50:rgba(170, 16, 16, .5);
    --color-red-40:rgba(170, 16, 16, .4);
    --color-red-30:rgba(170, 16, 16, .3);
    --color-disabled: #c7c7c7;
}

::-webkit-scrollbar {width:5px;height:5px;opacity:1;}
::-webkit-scrollbar-track {background-color:var(--color-gray-20);}
::-webkit-scrollbar-thumb {background:var(--color-dark-30);border-radius:3px;border:none;}

::marker {transform:scale(1.5);}

body {font-family:var(--font-inter);background:#F5F9FC;overflow:hidden;color:rgba(0,0,0,.75);}  
h2 {font-size:1.4em;font-weight:500;margin:0px;white-space:nowrap;}
h2 span {font-size:.8em;}
h4 {font-size:1.2em;font-weight:700;margin:0;}  
h4 span {color:#747373;}

a:link,
a:visited {color:var(--color-blue);}
a:hover {color:var(--color-blue-80);text-decoration:none;}
a.btn {width:40%;height:28px;padding-top:2px;text-align:center;padding:auto;border:0;box-shadow:0;border-radius:var(--border-radius-input);}
a.btn-gray {background:#ccc;color:rgba(0,0,0,.75);}
a.popup-close svg {width:20px;fill:var(--color-red-90);position:absolute;right:10px; top:10px;}

p.click {font-size:.8em;}

button {background:#4bb9c2;color:#fff;width:40%;height:28px;text-align:center;padding:auto;border:0;box-shadow:0px 1px 3px var(--color-dark-90);border-radius:var(--border-radius-input);}
button:hover {background:var(--color-blue-90);color:#fff;box-shadow:0px 1px 1px var(--color-dark-60);}
button[type=submit] {background:#4bb9c2;color:#fff;border-radius:var(--border-radius-input);box-shadow:none;}
button[type=submit]:hover {background:#4bb9c2;box-shadow:0px 1px 1px var(--color-dark-60);}
button[type=reset] {background:#F1F1F1;color:rgba(0,0,0,.75);border-radius:var(--border-radius-input);box-shadow:none;}
button[type=reset]:hover {background:#F1F1F1;}
button.disabled:hover {color:rgba(0,0,0,.7) !important;background:#f1f1f1;}
button.error {background:var(--color-red-80);color:#fff;}
.button-wrap {position:absolute;bottom:0;right:0;left:0;padding:5px 5px 10px;box-sizing:border-box;border-radius:var(--border-radius);display:flex;justify-content:space-between;}
input:not([type='checkbox'], [type='range'], [type='radio']), 
select {height:32px;border-radius:var(--border-radius-input);padding:1px 6px !important;box-sizing:border-box;font-size:.9em;background-color:#f5f9fc;color:#000;border:none;transition:all .5s ease 0s;}
select.disabled, input.disabled {background:#f1f1f1 !important;}
select.w80,
input.w80 {width:80px !important;margin:auto auto auto 0;}
input[type='checkbox'] {accent-color:#006ca2;}
textarea {resize:none;line-height:120%;padding:1px 6px !important;border-radius:var(--border-radius-input);box-sizing:border-box;font-size:.9em;background-color:#f5f9fc;color:#000;border:none;transition:all .5s ease 0s;}
textarea:focus,
select:focus,
input:focus {border:0;box-shadow:none;outline: none;box-shadow:none;}
input:disabled, select:disabled, textarea:disabled {color:rgba(0,0,0,.75);background:#f1f1f1;}
label {font-size:.8em;margin-top:3px;color:rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
label a {text-decoration:none;}
date {white-space:nowrap;}
svg.close {fill:var(--color-red-80);width:14px;position:absolute;right:10px;top:10px;cursor:pointer;}
img.loading {width:60%;max-width:80px;max-height:80px;margin:10% auto;opacity:.77;}
.btn-gray:link,
.btn-gray:visited {background:#ccc;color:rgba(0,0,0,.75);text-decoration:none;border-radius:var(--border-radius-input);box-shadow:0px 1px 1px var(--color-dark-60);}
.btn-sky:link,
.btn-sky:visited {background:var(--color-sky);padding:3px 6px;color:rgba(0,0,0,.75);box-sizing:border-box;text-decoration:none;border-radius:var(--border-radius-input);box-shadow:0px 1px 1px var(--color-dark-60);}
.btn-sky:hover{background:var(--color-sky-90);box-shadow:0px 1px 1px var(--color-dark-30);}
.border {border:none;border-radius:none;}
.noborder {border:none;box-shadow:none;}
.info {display:none;z-index:10;position:absolute;top:10px;left:10px;background:var(--color-sky);border-radius:var(--border-radius-input);padding:10px;max-width:280px;}
.disabled:not(svg) {color:rgba(0,0,0,.7) !important;background:#f1f1f1;}

.error {color:#fa6465;}
.primary {color:#006ca2;}
.success {color:#4BB9C2;}
.second {color:var(--color-gray);}
.align-center {text-align:center;}
.align-right {text-align:right;}
.hidden {display:none;}
.tooltip-inner {background:#4bb9c2;color:#fff;border-radius:var(--border-radius-input);font-size:1.1em;line-height:100%;padding:5px 10px 10px;}
.tooltip-red > .tooltip-inner {background:#4bb9c2 !important;}
.relative {position:relative;}
.label {position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5vh;}
.label a.popup {display:block;position:absolute;top:0;left:0;right:0;bottom:0;}
.label label {width:25%;min-width:110px;max-width:130px;}
.label input, .label select, .label textarea, .label aside  {width:75%;}
.label img.arrow {position:absolute;right:0px;top:6px;cursor:pointer;}
.label-checkbox {position:relative;display:flex;justify-content:flex-start;align-items:center;}
.label-plantime {display:flex;justify-content:space-between;align-items:center;margin-bottom:.5vh;}
.label-plantime label {width:25%;min-width:110px;max-width:130px;margin:-2px 0 0 0;}
.label-plantime div {width:75%;}
.label-plantime u {position:absolute;right:18px;top:5px;font-size:.85em;text-decoration:none;}
.label-plantime aside {position:relative;width:50%;min-width:100px;margin-right:5px;}
/*.label-plantime aside:first-child {width:65%;min-width:130px;max-width:170px;}*/
.label-plantime input {width:100%;min-width:100px;background:#f5f9fc;}
.label-progress {display:flex;justify-content:space-between;align-items:center;}
.label-hr {width:100% !important;border-bottom:solid 1px var(--color-gray-30);margin:3vh auto !important;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.label-hr:nth-child(2) {margin:0 auto 3vh !important;padding-bottom:2vh;}
.label-hr svg.plus {fill:var(--color-gray);width:15px;margin:0 10px -2px auto;}
.label-hr:hover svg.plus {fill:#4BB9C2;}
.label-hr date {width:90px; font-size:.8em;font-weight:600;}
.label-hr date svg {width:13px;fill:var(--color-dark-90);margin-right:10px;}
.label-sm {position:relative;display:flex;justify-content:flex-start;align-items:center;margin-bottom:.5vh;}
.label-sm label {width:25%;min-width:110px;max-width:130px;}
.label-sm aside {position:relative;width:32%;min-width:65px;max-width:80px;}
.label-sm input  {width:100%;}
.label-sm u {position:absolute;right:15px;top:5px;font-size:.85em;text-decoration:none;}
.tree-loading {display:none;width:20px;position:absolute;right:50px; top:5px;}
.time {display:flex;justify-content:space-between;}
.time .label {flex-wrap:wrap;justify-content:flex-start;width:auto;}
.time .label:nth-child(2) {justify-content:center;}
.time .label:nth-child(3) {justify-content:flex-end;}
.time .label label {min-width:80px;}
.time .label input {width:90%;max-width:90px;}
.m-0 {margin:1vh 0 0 !important;}
.hidden {display:none;}
.skelet {display:none;z-index:100;position:absolute;top:40px;left:0;right:0;bottom:0;background:#f5f9fc;border-radius:var(--border-radius-input);}
.active {display:block;}

nav {z-index:100;position:fixed;left:0px;top:0;bottom:0;height:100vh;padding-top:0;text-align:right;width:52px;background:#354052;transition:all .5s ease 0s;}
nav svg {width:28px;fill:#ffffff80;transition:all .2s ease 0s;cursor:pointer;margin:0 0 3vh;padding:6px 12px;box-sizing:content-box;transition:all .2s ease 0s;}
nav svg:hover {fill:#fff;}
nav svg.active {fill:#fff;background:#4bb9c2;border:none;outline:none;}
nav svg.disabled {fill:#ffffff20;}
nav aside {position:relative;}
nav svg#nav-messages.unread {fill:#fa6465;}
nav aside span#user-unread {position:absolute;top:-3px;right:150px;display:block;font-size:.8em;padding:0px;text-align:center;width:20px;height:20px;overflow:hidden;background:#fa6465;color:#fff;border-radius:50%;}
nav aside span#user-unread.active {right:2px;transition:all .6s ease 0s;}
nav div#total-users {position:absolute;bottom:20px;right:0px;left:0px;text-align:center;}
nav div#total-users span {margin:auto;font-size:1em;padding:1px 3px;display:inline-block;min-width:32px;overflow:hidden;color:#4BB9C2;border-radius:50%;border:solid 2px #4BB9C2;font-weight:700;}
nav img.logo {margin:0 auto 0px;width:90%;}
.nav {z-index:99;position:absolute;left:-500px;box-shadow:1px 1px 6px var(--color-dark-80);background:#e9f5fa;padding:30px 25px 20px 20px;border-radius:20px;box-sizing:border-box;transition:all .5s ease 0s;}
.nav-active {left:26px;}

#aside-settings {bottom:15vh;width:440px;padding:40px 0 40px 40px;}
#aside-settings button {margin:10px 0 0px auto;}
#aside-settings label {font-size:.9em;text-align:left;padding-left:40px;min-width:120px;}
#aside-settings div.button-wrap {background:transparent;position:relative;}
#aside-settings div.button-wrap button,
#aside-settings div.button-wrap a {width:45%;margin:0;}
#aside-settings div.result {text-align:center;height:30px;margin:2vh auto;overflow:hidden;overflow-y:auto;}
#aside-settings div.error {color:var(--color-red-90);}
#aside-settings form {max-width:400px;}

/*
#aside-templates {bottom:82vh;width:280px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
#aside-templates span {cursor:pointer;margin-right:20px;}
#aside-templates span:hover {text-decoration:underline;}
*/

div.body {position:relative;height:100vh;width:auto;margin:0 10px 0 53px;display:flex;justify-content:space-between;overflow:hidden;}
div.body div.cover {z-index:-1;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#ccc;transition:all .2s ease 0s;}
div.body div.result {z-index:200;opacity:0;transform:scale(.6);position:absolute;bottom:-15vh;left:auto;right:.5%;width:auto;max-width:400px;text-align:center;padding:10px;box-sizing:border-box;color:rgba(0,0,0,.75);font-weight:400;text-shadow:0px 0px 1px #fff;border-radius:var(--border-radius);box-shadow:1px 2px 6px var(--color-dark-90);transition:all .7s ease 0s;}
div.body div.success {opacity:1;bottom:1vh;background:#354052;color:#fff;}
div.body div.error {opacity:1;bottom:1vh;background:var(--color-red);color:#fff !important;}
div.body div.close {bottom:5vh;right:-500px;opacity:0;}
div.center-active div.cover, div.popup-form-active div.cover {z-index:3;opacity:.5;}

#analyze {display:block;z-index:20;position:absolute;left:60px;top:40px;bottom:0px;padding:0;width:calc(100vw - 60px);height:calc(100vh - 40px);}
div.comment-form-active, div.popup-form-active {background:var(--color-gray-90);}
div.comment-form-active div.cover, div.popup-form-active div.cover {z-index:3;opacity:.5;}
div.comment-form-active div.block-left {z-index:0;opacity:.5;}
div.comment-form-active div.block-center {z-index:0;opacity:.5;}
div.comment-form-active div.params {z-index:0;opacity:.5;}
div.comment-active {z-index:300;position:absolute;top:10vh;left:25vw;right:25vw;width:50vw;height:60vh;min-width:400px;max-width:600px;}
div.comment-active textarea {height:45vh;}
div.popup-form-active .popup-active {z-index:10;opacity:1;position:absolute;top:6vh;background:#fff;}
div.popup-form-active div.block-left,
div.popup-form-active div.block-right,
div.popup-form-active div.block-center {z-index:0;opacity:.1;}

div.form-popup {opacity:1;position:absolute;top:-110vh;width:40%;transition:all .7s ease 0s;}
div.form-popup h3 {font-size:1.3em;font-weight:500;color:var(--color-blue);}
div.form-popup h4 {font-size:1.2em;font-weight:500;color:var(--color-blue);margin:3vh 0;}
div.form-popup h5 {margin:20px 0 5px 0x;font-size:1.1em;font-weight:600;color:rgba(0,0,0,.75);}
div.form-popup label {font-size:1em;}
div.form-popup label b {color:rgba(0,0,0,.75);}
div.form-popup div.left {text-align:left;display:block;width:100%;font-size:1em;color:rgba(0,0,0,.75);}
div.form-popup div.button-wrap {background:transparent;position:relative;margin-top:4vh;}
div.form-popup textarea {height:15vh;margin:0 auto;}


div#block-messages {z-index:20;position:absolute;background:#F5F9FC;left:0;right:0;top:110%;bottom:-110%;padding:0;overflow:hidden;transition:all .5s ease 0s;}
div#block-messages.active {top:40px;bottom:0px;max-height:calc(100vh - 45px);overflow-y:auto;}
div#block-messages h2 {text-align:center;color:#fff;background:#354052;padding:1vh 0;font-size:1.2em;}
div#block-messages div#messages aside {opacity:.5;position:relative;border-bottom:solid 1px #35405250;padding:10px 20px;}
div#block-messages div#messages aside.unread {opacity:1;}
div#block-messages div#messages aside:hover {opacity:1;}
div#block-messages div#messages aside h4 {width:auto;font-size:.8em;margin:3px 0 2px;padding:0;overflow:hidden;}
div#block-messages div#messages aside h4 div {display:flex;}
div#block-messages div#messages aside h4 span {white-space:nowrap;color:#000000;}
div#block-messages div#messages aside h5 {font-size:.75em;margin:0;padding:0;font-weight:800;color:#4BB9C2;display:flex;justify-content:space-between;align-items:center;}
div#block-messages div#messages aside h5 span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div#block-messages div#messages aside h6 {font-size:.75em;margin:0;padding:0;font-weight:600;color:#000000BF;display:flex;justify-content:space-between;align-items:center;}
div#block-messages div#messages aside p {position:relative;font-size:.8em;margin:3px 0;padding:0 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div#block-messages div#messages aside p img {position:absolute;right:0;top:0;cursor:pointer;}
div#block-messages div#messages aside ul {position:absolute;top:80%;right:0px;background:#fff;border:solid 1px #35405250;padding:10px;}
div#block-messages div#messages aside ul li {display:flex;justify-content:flex-start;align-content:center;align-items:center;list-style-type:none;padding:0;margin:0;margin-bottom:1vh;}
div#block-messages div#messages aside ul li label {white-space:nowrap;margin:auto 10px;}



div#block-calendar {z-index:20;position:absolute;background:#F5F9FC;left:0;right:0;top:40px;bottom:0px;padding:0;overflow:hidden;transition:all .5s ease 0s;}
div#block-calendar div.date {display:flex;padding:10px 20px 0;box-sizing:border-box;}
div#block-calendar div.date fieldset {width:110px;}
div#block-calendar div.date label {margin:0;}
div#block-calendar div.date input {background:#35405210;width:100%;text-align:center;}
div#block-calendar div.date img.loading {max-width:200px;max-height:30px;}
div#block-calendar div.date div {display:flex;overflow-y:auto;}
div#block-calendar div.date div table {cursor:pointer;font-size:.85em;border-spacing:0;border:solid 1px #35405250;border-right:0;}
div#block-calendar div.date div table th {border-bottom:solid 1px #35405250;font-weight:400;padding:5px;text-align:center;}
div#block-calendar div.date div table td {font-weight:400;padding:5px;text-align:center;color:#4BB9C2;}
div#block-calendar div.date div table.active th,
div#block-calendar div.date div table.active td {background:#4BB9C2;color:#fff !important;}
div#block-calendar div.date div table.current th {color:#FA6464;}


div#block-calendar div#calendar {display:flex;height:92%;padding:10px 20px;box-sizing:border-box;}
div#block-calendar div#calendar div.table {min-width:13.7%;max-width:13.9%;height:99%;border:solid 1px #35405250;margin:0 .35% 30px;} 
div#block-calendar div#calendar div.table div.thead {height:50px;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;margin:0;background:#354052;}
div#block-calendar div#calendar div.table div.thead p {text-align:center;color:#fff;font-size:1.05em;font-weight:600;padding:0;line-height:105%;margin:0 auto 0 30px;}
div#block-calendar div#calendar div.table div.tfoot {height:40px;color:#354052;font-weight:600;font-size:1.1em;text-align:center;}
div#block-calendar div#calendar div.table div.tbody {height:calc(100% - 90px);overflow:visible;overflow-y:auto;}
div#block-calendar div#calendar div.table div.tbody aside {position:relative;border-bottom:solid 1px #35405250;padding:3px;}
div#block-calendar div#calendar div.table div.tbody aside h4 {width:auto;font-size:.8em;margin:3px 0 2px;padding:0;overflow:hidden;}
div#block-calendar div#calendar div.table div.tbody aside h4 div {display:flex;}
div#block-calendar div#calendar div.table div.tbody aside h4 span {white-space:nowrap;color:#000000;}
div#block-calendar div#calendar div.table div.tbody aside h5 {font-size:.75em;margin:0;padding:0;font-weight:800;color:#4BB9C2;display:flex;justify-content:space-between;align-items:center;}
div#block-calendar div#calendar div.table div.tbody aside h5 span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div#block-calendar div#calendar div.table div.tbody aside p {position:relative;font-size:.8em;margin:3px 0;padding:0 10px 0 0;line-height:105%;height:27px;overflow:hidden;}
div#block-calendar div#calendar div.table div.tbody aside p img {position:absolute;right:0;top:0;cursor:pointer;}
div#block-calendar div#calendar div.table div.tbody aside b {font-size:.8em;margin:0;padding:0;font-weight:600;color:#000000BF;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div#block-calendar div#calendar div.table div.tbody aside ul {position:absolute;top:80%;right:0px;background:#fff;border:solid 1px #35405250;padding:10px;}
div#block-calendar div#calendar div.table div.tbody aside ul li {display:flex;justify-content:flex-start;align-content:center;align-items:center;list-style-type:none;padding:0;margin:0;margin-bottom:1vh;}
div#block-calendar div#calendar div.table div.tbody aside ul li label {white-space:nowrap;margin:auto 10px;}
div#block-calendar div.context-menu-open {display:none;position:fixed;z-index:99999;top:0;left:0;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.54);background-color: white;border-radius:var(--border-radius);padding: 4px;}
div#block-calendar div.context-menu-open ul {padding: 0;margin: 0;}
div#block-calendar div.context-menu-open ul li {font-size:.8em;cursor: pointer;list-style: none;padding:10px 12px;margin:0;border-bottom:solid 1px #35405250;}
div#block-calendar div.context-menu-open ul li:last-child {border-bottom: 1px solid transparent;}
div#block-calendar div.context-menu-open ul li:hover {background-color: #f1f1f1;}
div#block-calendar div.context-menu-open aside {display:none;padding:10px;}
div#block-calendar div.context-menu-open button,
div#block-calendar div.context-menu-open p {width:100%;font-size:.8em;}
div#block-calendar div.context-menu-open p b:first-child {display:block;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;}


div.block-left svg.create {z-index:10;position:absolute;right:20px;top:53px;width:18px;fill:var(--color-dark-80);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;}
div.block-left svg.create:hover {fill:var(--color-dark-90);transform:scale(1.05);}
div.block-left svg#nav-template {fill:#ffffff80;}
div.block-left aside.filters {background:#fff;height:30px;border-radius:var(--border-radius-input);z-index:3;position:absolute;top:5px;left:0;right:0;padding:1px 6px;border:none;box-sizing:border-box;font-size:.9em;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
div.block-left aside.filters span {position:relative;display:none;margin:2px 5px 1px;padding:2px 50px 2px 15px;white-space:nowrap;background:#4BB9C2;color:#fff;cursor:pointer;}
div.block-left aside.filters span b {position:absolute;display:block;bottom:0px;top:0px;right:5px;font-size:1.3em;}
div.block-left div.filter {position:relative;}
div.block-left div.filter label {font-size:1em;color:rgba(0,0,0,.75);}
div.block-left div.filter img {position:absolute;top:34px;right:5px;width:25px;cursor:pointer;}
div.block-left div.filter img.active {transform:rotate(180deg);}
div.block-left div.field div {background:#ccc;z-index:10;position:absolute;bottom:0px;top:5px;right:0px;}
div.block-left div.field div svg {fill:#ccced2;width:30px;cursor:pointer;}
div.block-left div.field div svg:hover {fill:#4BB9C2;}
div.block-left div.filters {display:none;z-index:100;position:absolute;background:#fff;width:100%;top:40px;right:0px;height:auto;list-style-type:none;padding:10px;box-sizing:border-box;}
div.block-left div.filters div.buttons {width:100%;margin:2vh auto;position:relative;display:flex;justify-content:space-around;}
div.block-left aside.filter {padding:0px 10px;width:100%;background:#F5F9FC;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;}
div.block-left aside.filter span {position:relative;margin:2px 5px;padding:2px 20px 2px 5px;font-size:.85em;white-space:nowrap;color:#000;}
div.block-left aside.filter span b {position:absolute;display:block;bottom:3px;top:1px;right:3px;transform:scale(1.5);cursor:pointer;}
div.block-left ul.filter {display:none;z-index:3;position:absolute;background:#F5F9FC;width:100%;top:60px;right:0px;list-style-type:none;padding:10px;box-sizing:border-box;overflow:hidden;overflow-y:scroll;}
div.block-left ul.filter li {position:relative;width:98%;font-size:.9em;margin:0px auto 10px 20px;cursor:pointer;}
div.block-left ul.filter li input[type=checkbox] {position:absolute;top:5px;left:-30px;width:20px;transform:scale(.8);}
div.block-left ul.filter li span {width:100%;display:flex;justify-content:space-between;align-items:flex-end;white-space:nowrap;}
div.block-left select.filter {display:none;z-index:3;position:absolute;top:60px;right:0px;padding:10px 20px !important;width:100%;height:150px;background:#F5F9FC;}


div.left {position:relative;height:calc(100% - 32px);width:100% !important;margin-top:40px;padding:0;overflow:hidden;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;transition:all .5s ease 0s;}
div.left div.task-tab {position:relative;width:100%;background:#354052;order:3;border-bottom:solid 2px #D9D9D9;cursor:pointer;}
div.left div.task-tab.active {background:#4bb9c2;cursor:auto;order:1}
div.left div.task-tab p {display:flex;justify-content:flex-start;align-items:center;position:relative;color:#fff;width:80%;padding:10px 0;margin:auto;font-size:.9em;font-weight:400;}
div.left div.task-tab u {visibility:hidden;position:absolute;left:5%;top:5px;font-size:1.1em;transform:scale(.8);color:#FA6464;background:#D9D9D9;padding:3px 6px;display:block;text-align:center;border-radius:50%;width:30px;height:30px;text-decoration:none;}
div.left div.task-tab u.active {visibility:visible;}
div.left div.task-tab p i {transform:scale(.8);background:#D9D9D9;color:#fff;font-size:1.1em;font-weight:400;padding:3px 6px;margin:-5px 2px -3px 0;display:block;text-align:center;border-radius:50%;min-width:30px;height:30px;font-style:normal;cursor:pointer;}
div.left div.task-tab p i:nth-child(2) {color:#354052;margin-right:20px;text-shadow:none;}
div.left div#task-list {overflow:hidden;overflow-y:scroll;order:2;margin:0;width:100%;height:calc(100% - 180px);padding:0;}
/*div.left div#task-list > * {direction:rtl;direction: ltr;}*/
div.left div#task-list aside {display:flex;justify-content:space-between;width:100%;margin-bottom:5px;padding:0;opacity:1;}
div.left div#task-list aside:hover {opacity:1;}
div.left div#task-list div {position:relative;}
div.left div#task-list div.date {border-left:solid 8px #F5F9FC;width:90px;padding:5px 0 10px;text-align:center;font-weight:600;}
div.left div#task-list div.date img {width:40px;height:40px;margin:3px 0 0;border-radius:50%;}
div.left div#task-list div.mark {width:18px;text-align:center;align-content:flex-end;background:transparent;}
div.left div#task-list div.mark img {width:12px;margin-bottom:20px;visibility:hidden;}
div.left div#task-list div.mark img.active {visibility:visible;}
div.left div#task-list div.text {border-bottom:solid 1px rgba(0,0,0,.75);width:calc(100% - 215px);}
div.left div#task-list div.text img {width:18px;margin:-2px 10px 2px 0;}
div.left div#task-list div.text p {max-height:70px;line-height:130%;width:100%;overflow:hidden;margin-bottom:5px;}
div.left div#task-list div.text p i {font-style:normal;font-size:.85em;}
div.left div#task-list div.text b {position:relative;margin-top:6px;color:#000;font-size:.85em;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-start;white-space:nowrap;}
div.left div#task-list div.text b span.wrap {overflow:hidden;text-overflow:ellipsis;width:calc(100% - 32px);display:block;position:relative;text-align:left;}
div.left div#task-list div.role {border-bottom:solid 1px rgba(0,0,0,.75);width:110px;padding-right:10px;display:flex;align-content:space-between;flex-direction:column;justify-content:center;align-items:center;}
div.left div#task-list div.role b {font-weight:400;font-size:.8em;overflow:hidden;text-overflow:ellipsis;}
div.left div#task-list div.role aside {display:flex;align-content:center;justify-content:center;}
div.left div#task-list div.role u {visibility:hidden;transform:scale(.8);color:#fff;padding:3px 6px;margin:0 5px;display:block;text-align:center;border-radius:50%;width:30px;height:30px;text-decoration:none;}
div.left div#task-list div.role u.active {visibility:visible;background:#949eaa;}
div.left div#task-list div.role u.disabled {display:none;}
div.left div#task-list div.role u img {width:100%;}
div.left div#task-list div.role div {width:90px;height:8px;border:solid 1px #4bb9c2;margin:-2px auto 10px;}
div.left div#task-list div.role div span {display:block;width:5%;height:100%;background:#4bb9c2;transition:all 1s ease 0s;}
div.left div#task-list a.link-task:link,
div.left div#task-list a.link-task:visited {position:relative;text-decoration:none;color:rgba(0,0,0,.75);width:100%;height:auto;padding:5px 0;transition:var(--transition);}
div.left div#task-list a.link-task:first-child:link,
div.left div#task-list a.link-task:first-child:visited {padding-top:20px;}
div.left div#task-list a.link-task:last-child:link,
div.left div#task-list a.link-task:last-child:visited {border-bottom:none;}
div.left div#task-list a.link-task-active div.date {border-left:solid 8px #4bb9c2;}

div.left div.template-tab {z-index:2;position:absolute;top:0px;left:0;right:0;width:100%;background:#354052;}
div.left div.template-tab p {display:block;position:relative;color:#ffffff80;width:80%;text-align:left;padding:10px 0;margin:auto;font-size:.9em;font-weight:400;}
div.left div#template-list {z-index:1;position:absolute;top:40px;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;overflow-y:scroll;margin:0 0 0 auto;padding:0;}
div.left div#template-list aside {display:flex;justify-content:space-between;margin-bottom:5px;padding:0;opacity:1;}
div.left div#template-list aside:hover {opacity:1;}
div.left div#template-list div {position:relative;}
div.left div#template-list div.date {border-left:solid 8px #F5F9FC;width:90px;padding:5px 0 10px;text-align:center;font-weight:600;}
div.left div#template-list div.date date {color:#4bb9c2;}
div.left div#template-list div.date img {width:40px;height:40px;margin:3px 0 0;border-radius:50%;}
div.left div#template-list div.mark {width:20px;text-align:center;align-content:flex-end;background:transparent;}
div.left div#template-list div.mark img {width:80%;margin-bottom:20px;visibility:hidden;}
div.left div#template-list div.mark img.active {visibility:visible;}
div.left div#template-list div.text {border-bottom:solid 1px rgba(0,0,0,.75);width:calc(100% - 180px);}
div.left div#template-list div.text img {width:18px;margin:-2px 10px 2px 0;}
div.left div#template-list div.text p {max-height:70px;line-height:130%;width:100%;overflow:hidden;margin-bottom:5px;}
div.left div#template-list div.text p i {font-style:normal;font-size:.85em;}
div.left div#template-list div.text b {position:relative;margin-top:6px;color:#000;font-size:.85em;font-weight:600;display:flex;align-items:flex-end;justify-content:flex-start;white-space:nowrap;}
div.left div#template-list div.text b span.wrap {overflow:hidden;text-overflow:ellipsis;width:calc(100% - 32px);display:block;position:relative;text-align:left;}
div.left div#template-list div.plan {color:#4bb9c2;border-bottom:solid 1px rgba(0,0,0,.75);width:70px;padding:5px 10px 10px;text-align:center;white-space:nowrap;font-weight:600;line-height:90%;}
div.left div#template-list div.plan span {display:block;font-size:.6em;}
div.left div#template-list a.link-template:link,
div.left div#template-list a.link-template:visited {position:relative;text-decoration:none;color:rgba(0,0,0,.75);width:100%;height:auto;padding:5px 0;box-sizing:border-box;transition:var(--transition);}
div.left div#template-list a.link-template:first-child:link,
div.left div#template-list a.link-template:first-child:visited {padding-top:20px;}
div.left div#template-list a.link-template:last-child:link,
div.left div#template-list a.link-template:last-child:visited {border-bottom:none;}
div.left div#template-list a.link-template-active div.date {border-left:solid 8px #4bb9c2;}


div.attachs {position:relative;display:flex;overflow-x:auto;white-space:nowrap;min-height:55px;width:100%;transition:var(--transition);overflow-y:hidden;}
div.attachs svg {fill:#006ca2;}
div.attachs div.link-file {position:relative;white-space:nowrap;width:auto;font-size:.9em;color:var(--color-dark-80);margin:0 5px 5px 0;text-decoration:none;padding:8px 12px 0 5px;}
div.attachs div.link-file b {color:#68707d;}
div.attachs div.link-file i {font-size:.9em;}
div.attachs div.link-file span {position:relative;}
div.attachs div.link-file span a {display:block;margin-bottom:-5px;}
div.attachs div.link-file span a svg {display:none;width:16px;}
div.attachs div.link-file span a:link,
div.attachs div.link-file span a:visited {text-decoration:none;}
div.attachs div.link-file span a:hover {text-decoration:underline;color:#68707d;}
div.attachs div.link-file span span {padding-left:0px;}
div.attachs div.link-file span img {width:100px;height:60px;object-fit:cover;margin:5px 0;}
div.attachs div.link-file date {opacity:0;position:absolute;left:0px;bottom:0px;transition:all .3s ease 0s;white-space:nowrap;width:auto;margin:.8vh 0 -3vh;font-size:.85em;font-weight:600;color:rgba(0,0,0,.75);background:#fff;}
div.attachs div.link-file date svg {width:9px;margin:-2px 0 0 0;}
div.attachs div.link-file date span svg {width:8px;margin:-2px 4px 0px 0;}
div.attachs div.link-file:hover date {opacity:1;}
div.attachs a.link-delete {position:absolute;right:4px;top:-4px;}
div.attachs a.link-delete svg {fill:var(--color-red);width:8px;}

div.block-center select {background:#fff;width:99%;height:32px;margin:0 auto;max-width:800px;box-sizing:border-box;}
div.block-center #select-project {display:none;}
div.block-center h4 {font-weight:600;font-size:.9em;padding:8px 0 0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.center {position:absolute;left:0;top:40px;right:0;height:200px;width:100%;padding:0;overflow:hidden;}
div.center label#attachs-label {z-index:5;position:absolute;left:0px;bottom:0px;width:35px;height:80px;border-radius:var(--border-radius);}
div.center label#attachs-label svg {fill:#1e7dac;width:24px;margin:18px 2px 42px 7px;}
div.center a#level-str-center:link,
div.center a#level-str-center:visited {color:#354052;font-weight:800;display:block;min-height:25px;font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.center textarea {background:#fff;border:none;margin:0 auto;padding:10px !important;width:100%;height:65px !important;box-sizing:border-box;transition:none;}
/* div.center label#attachs-label svg:hover {transform:rotate(45deg);transition:all .2s ease 0s;}
div.center textarea:focus {height:20vh !important;border:solid 1px var(--color-gray-70) !important;margin:4vh auto 0;padding:10px 15px !important;transition:all .2s ease 0s;background:#f1f9fc;}
div.center textarea:focus + label {display:none;}
div.center textarea:disabled:hover {height:20vh !important;border:solid 1px var(--color-gray-70) !important;margin:4vh auto 0;padding:10px 15px !important;transition:all .2s ease 0s;background:#f1f9fc;} */
div.center div#attachs-wrap {min-height:55px;margin-bottom:2px;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;}
div.center div#attachs-wrap label {z-index:2;position:absolute;left:0;top:-4px;bottom:2px;width:30px;}
div.center div#attachs-wrap label svg {width:20px;margin:40% auto 30%;fill:#1e7dac;}
div.center div#attachs-wrap div.attachs {padding:3px 32px 5px;height:55px;}
div.center div#attachs-wrap div.attachs date {bottom:3px;}
div.center div.form-wrap {display:flex;justify-content:space-between;width:99%;margin:auto;}
div.center div.form-wrap div.label:nth-child(1) {width:22%;}
div.center div.form-wrap div.label:nth-child(2) {width:45%;}
div.center div.form-wrap div.label:nth-child(3) {width:27%;}
div.center div.form-wrap div.label label {width:auto;min-width:80px;}
div.center div.form-wrap div.label select {background-color:#4bb9c2;color:#fff;min-width:80px;}
div.center div.form-wrap div.label img {width:24px;}
div.center div.form-wrap div.label.status {display:flex;align-items:center;justify-content:space-evenly;}
div.center div.form-wrap div.label a.task-close {width:100%;height:32px;padding:3px;position:relative;background-color:#4bb9c2;color:#fff;border-radius:var(--border-radius-input);text-align:center;text-decoration:none;box-sizing:border-box;}


div.content {position:absolute;left:0px;top:245px;right:0px;bottom:0px;overflow:visible;height:calc(100vh - 235px);width:100%;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}
div.content.active {opacity:1;transition:all 1s ease 0s;}
div.content a.popup svg {fill:var(--color-dark-80);}
div.content div.comment-tab {width:100%;background:#f5f9fc;height:auto;z-index:2;position:absolute;left:0;top:0;right:0;overflow:hidden;}
div.content div.comment-tab a:link,
div.content div.comment-tab a:visited {position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:rgba(0,0,0,.75);padding:0px 0 2px 10px;text-align:left;border-bottom:solid 2px #f1f1f1;margin:0;width:33.3%;}
div.content div.comment-tab a:hover {border-bottom:solid 2px var(--color-gray-50);}
div.content div.comment-tab a.active {border-bottom:solid 2px #4bb9c2;color:#354052;font-weight:600;}
div.content div.comment-tab a span {position:absolute;left:80px;top:-2px;transform:scale(.8);padding:3px 6px;font-size:1em;text-align:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#35405280;color:#fff;}


div.content div.calendar-list table {margin:auto;}
div.content div.calendar-list table img {cursor:pointer;}
div.content div.calendar-list ul {width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:2vh;}
div.content div.calendar-list ul li {display:flex;justify-content:space-between;width:12.5%;margin:2px;padding:5px;height:50px;box-sizing:border-box;list-style-type:none;border:solid 1px rgba(0,0,0,.5);border-radius:var(--border-radius-input);white-space:nowrap;cursor:pointer;}
div.content div.calendar-list ul li:hover {background:rgba(0,0,0,.1);transition:all .3s ease 0s;}
div.content div.calendar-list ul li.active {background:#4bb9c2;color:#fff;}
div.content div.calendar-list ul li.disabled {opacity:0;cursor:auto;}

div.content .tbl-spare {width:100%;}
div.content .tbl-spare #spare-row input {display:none;}
div.content .tbl-spare th {text-align:center;white-space:nowrap;font-size:.9em;font-weight:400;}
div.content .tbl-spare td svg {width:16px;color:#00000070;margin:0 0 0 5px;cursor:pointer;}
div.content .tbl-spare td svg:hover {fill:#00000090;}
div.content .tbl-spare td svg#spare-post {display:none;width:20px;fill:#4bb9c2;margin:auto;}
div.content .tbl-spare td svg#spare-post:hover {fill:#4bb9c290;}
div.content .tbl-spare input,
div.content .tbl-spare select {background:#fff;min-width:auto;}
div.content .tbl-spare .xs {width:20px;text-align:center;}
div.content .tbl-spare .sm {width:65px;text-align:center;}
div.content .tbl-spare .md {width:160px;text-align:center;}
div.content .tbl-spare .xl {width:99%;min-width:none;}

/*
div.content div.comment-action {display:none;z-index:10;position:absolute;right:30px;bottom:10px;width:40px;}
div.content div.checklist-action {display:none;z-index:10;position:absolute;right:30px;bottom:10px;width:40px;}
*/
div.comment-action {display:none;z-index:2;position:fixed;right:25%;left:25%;bottom:0px;padding:0 0 10px;background:#fff;border-radius:var(--border-radius);}
div.comment-action h2 {color:#fff;background:#354052;padding:10px;margin:0 0 10px;font-weight:300;font-size:.9em;width:100%;}
div.comment-action form {display:flex;align-items:flex-start;justify-content:space-between;}
div.comment-action form div.inputs {width:98%;margin:auto;}
div.comment-action form div.inputs input[type=text] {padding-left:10px !important;}
div.comment-action form div.inputs input[type=file] {display:none;}
div.comment-action form div.fields {max-width:215px;display:flex;justify-content:space-between;}
div.comment-action form div.buttons {width:60px;display:flex;align-items:center;justify-content:space-around;}
div.comment-action form div.buttons button {background:none;border:none;box-shadow:none;padding:0;margin:0 10px;}
div.comment-action form div.buttons label {max-width:22px !important;min-width:22px !important;}
div.comment-action form div.buttons label svg {width:22px;fill:#1e7dac;}
div.comment-action form div.buttons svg {width:26px;fill:#000;}
div.comment-action form div.inputs div.label-plantime {margin-left:1vw;width:auto;align-items:center;}
div.comment-action form div.inputs div.label-plantime label {max-width:150px;}
div.comment-action form div.inputs div.label-plantime span {color:#000;}
div.comment-action form div.inputs aside {max-width:100px;margin-right:5px;}
div.comment-action form div.attachs {min-height:24px;width:100%;padding-top:6px;}
div.comment-action form div.attachs b {color:#354052;font-size:.75em;margin-left:20px;}
div.comment-action form div.attachs b a {color:#FA6464;text-decoration:none;margin-left:5px;}


div.checklist-action {display:none;z-index:2;position:fixed;right:25%;left:25%;bottom:0px;height:100px;padding:0 0 10px;background:#fff;border-radius:var(--border-radius);}
div.checklist-action h2 {color:#fff;background:#354052;padding:10px;margin:0 0 10px;font-weight:300;font-size:.9em;width:100%;}
div.checklist-action form {display:flex;align-items:flex-start;justify-content:space-between;}
div.checklist-action form div.inputs {width:calc(100% - 40px);margin-left:1vw;}
div.checklist-action form div.inputs input[type=file] {display:none;}
div.checklist-action form div.buttons {width:26px;}
div.checklist-action form div.buttons button {background:none;border:none;box-shadow:none;padding:0;}
div.checklist-action form div.buttons svg {width:26px;fill:#000;}
div.checklist-action form div.buttons label svg {fill:#1e7dac;}


div.checklist-close-action {display:none;position:relative;top:30px;padding:0 0 10px;background:#fff;border-radius:var(--border-radius);}
div.checklist-close-action h2 {color:#fff;background:#354052;padding:10px;margin:0 0 10px;font-weight:300;font-size:.9em;width:100%;}
div.checklist-close-action form {display:flex;align-items:flex-start;justify-content:space-between;}
div.checklist-close-action form div.inputs {width:98%;margin:auto;}
div.checklist-close-action form div.inputs input[type=text] {padding-left:10px !important;}
div.checklist-close-action form div.inputs input[type=file] {display:none;}
div.checklist-close-action form div.fields {max-width:215px;display:flex;justify-content:space-between;}
div.checklist-close-action form div.buttons {width:60px;display:flex;align-items:center;justify-content:space-around;}
div.checklist-close-action form div.buttons button {background:none;border:none;box-shadow:none;padding:0;margin:0 10px;}
div.checklist-close-action form div.buttons label {max-width:22px !important;min-width:22px !important;}
div.checklist-close-action form div.buttons label svg {width:22px;fill:#1e7dac;}
div.checklist-close-action form div.buttons svg {width:26px;fill:#000;}
div.checklist-close-action form div.inputs div.label-plantime {margin-left:1vw;width:auto;align-items:center;}
div.checklist-close-action form div.inputs div.label-plantime label {max-width:150px;}
div.checklist-close-action form div.inputs div.label-plantime span {color:#000;}
div.checklist-close-action form div.inputs aside {max-width:100px;margin-right:5px;}
div.checklist-close-action form div.attachs {min-height:24px;width:100%;padding-top:6px;}
div.checklist-close-action form div.attachs b {color:#354052;font-size:.75em;margin-left:20px;}
div.checklist-close-action form div.attachs b a {color:#FA6464;text-decoration:none;margin-left:5px;}




div.content div.comment-list {z-index:1;position:relative;top:40px;overflow-y:auto;padding:0 0 15px;box-sizing:border-box;width:99%;height:90.5%;}
div.content div.comment-list.with-form {max-height:calc(100% - 230px);}
div.content div.comment-list img.loading {position:absolute;top:20%; left:40%;}

div.content div.comment:hover {text-decoration:none;color:rgba(0,0,0,.75);}
div.content div.comment-active {opacity:1 !important;order:1;}
div.content div.comment-item {overflow:hidden;font-size:.9em;position:relative;order:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start;text-decoration:none;color:rgba(0,0,0,.75);background:#fff;padding:5px;border-radius:var(--border-radius-input);margin:0 6px 6px;}
div.content div.comment-item b,
div.content div.comment-item:last-child {border:none;}
div.content div.comment-item:first-child {margin-top:0;}
div.content div.comment-item p {width:68%;line-height:100%;margin:10px auto 15px;}
div.content div.comment-item p b {font-weight:600;letter-spacing:1px;}
div.content div.comment-item span {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.content div.comment-item div.toolbox {z-index:3;position:relative;width:80%;margin:0 0 0 auto;display:flex;justify-content:flex-end;}
div.content div.comment-item div.toolbox svg {width:14px;}
div.content div.comment-item div.toolbox svg.checklist-message {fill:#354052;cursor:pointer;transform:scale(1.4);margin-right:20px;margin-bottom:-5px;}
div.content div.comment-item div.toolbox svg.checklist-message:hover {fill:#4BB9C2;}
div.content div.comment-item div.toolbox svg.checklist-message.active {fill:#4BB9C2;}
div.content div.comment-item div.toolbox a.link-redact svg {fill:#354052;opacity:.8;margin-right:20px;}
div.content div.comment-item div.toolbox a.link-delete svg {fill:#354052;}
div.content div.comment-item div.toolbox a.link-ready svg {width:18px;margin-bottom:-2px;}
div.content div.comment-item div.toolbox a.link-ready svg:hover {fill:#4BB9C2;}
div.content div.comment-item div.toolbox svg.ready {display:none;fill:#4BB9C2;width:20px;margin-left:20px;}
div.content div.comment-item div.toolbox svg.inwork {fill:#354052;stroke:#354052;stroke-width:1;min-width:18px;width:18px;margin-left:20px;margin-bottom:-5px;box-sizing:border-box;}
div.content div.check-ready div.toolbox svg.ready {display:block;}
div.content a.check-hide, div.content div.check-ready div.toolbox svg.inwork,
div.content div.check-ready div.toolbox a.link-redact {display:none;}
div.content div.comment-item div.item {width:30%;display:flex;flex-wrap:wrap;justify-content:flex-end;}
div.content div.comment-item div.item date {width:100%;font-size:.9em;color:rgba(0,0,0,.75);text-align:right;}
div.content div.comment-item div.item date svg {fill:rgba(0,0,0,.75);width:11px;margin-top:-3px;margin-right:0;}
div.content div.comment-item div.item date.time {white-space:nowrap;display:flex;justify-content:flex-end;align-items:center;font-size:.85em;font-weight:600;}
div.content div.comment-item div.item date.time svg {fill:rgba(0,0,0,.7) !important;width:12px;margin:0 1px 0px 0;}
div.content div.comment-item div.item date.creator {white-space:nowrap;margin:0 0 0 auto;color:#354052;text-align:right;}
div.content div.history div.history-item {margin:0px auto 20px;font-size:.8em;}
div.content div.history div.history-item:hover {background:var(--color-sky-30);}
div.content div.history div.history-item div.date {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(0,0,0,.75);font-weight:600;}
div.content div.history div.history-item div.date svg {fill:rgba(0,0,0,.75);width:12px;margin-top:-3px;margin-right:0;}
div.content div.history div.history-item div.date span {color:rgba(0,0,0,.75);white-space:nowrap;}
div.content div.history div.history-item div.creator {color:#1e7dac;display:block;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.content div.history div.history-item div.field {display:flex;justify-content:space-between;border-bottom:dotted 1px #ccc;}
div.content div.history div.history-item div.field div {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div.content div.history div.history-item div.field div.field-name {width:35%;}
div.content div.history div.history-item div.field div.field-value {width:63%;display:flex;justify-content:space-between;}
div.content div.history div.history-item div.field div.field-w5 {width:5% !important;}
div.content div.history div.history-item div.field div.field-w10 {width:10% !important;}
div.content div.history div.history-item div.field div.field-w20 {width:20% !important;}
div.content div.history div.history-item div.field div.field-w35 {width:30% !important;}
div.content div.history div.history-item div.field div.field-w40 {width:40% !important;}
div.content div.history div.history-item div.field div.field-w45 {width:45% !important;}
div.content div.history div.history-item div.field div.field-w50 {width:50% !important;}
div.content div.history div.history-item div.field div.field-w55 {width:55% !important;}
div.content div.history div.history-item div.field div.field-w80 {width:80% !important;}


#userinfo {position:relative;width:100%;white-space:nowrap;margin-top:10px;}
#userinfo h4 {color:var(--color-dark-90);width:95%;min-width:280px;font-size:.8em;opacity:.8;display:flex;justify-content:space-between;align-items:center;line-height:100%;margin:0 auto;padding:0;}
#userinfo h4 span {color:var(--color-gray-90);font-size:.85em;margin:0 auto 0 10px;}

#nav-menu {display:none;z-index:100;position:absolute;top:30px;right:10px;width:200px;padding:10px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.54);border-radius:var(--border-radius);background-color: white;font-size:.9em;flex-direction:column;}
#nav-menu.open {display:flex;}
#nav-menu a:link,
#nav-menu a:visited {list-style:none;text-decoration:none;padding:10px 12px;margin:0;border-bottom:solid 1px #35405250;}
#nav-menu a:hover {background-color: #f1f1f1;}
#nav-menu a:last-child {border-bottom: 1px solid transparent;}

#nav-icon {width: 30px;height: 20px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height:4px;width: 100%;background:#354052;border-radius: 9px;opacity: 1;left: 0;transform: rotate(0deg);transition: .15s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 8px;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 16px;transform-origin: left center;}
#nav-icon.open span:nth-child(1) {transform: rotate(45deg);top: 0px;left:0px;}
#nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon.open span:nth-child(3) {transform: rotate(-45deg);top:22px;left:0px;}

div.params {z-index:2;background:#fff;position:absolute;left:0px;top:40px;right:0px;width:100%;height:calc(99vh - 40px);padding:20px 10px;overflow:hidden;}
div.params #level-str {text-align:left;z-index:0;width:75%;height:32px;border-radius:var(--border-radius-input);padding:6px 6px !important;background:#f5f9fc;border:none;color:#000;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
div.params #level-str.disabled {background:#f1f1f1;}
div.params #tree-level {display:none;position:absolute;width:100%;height:250px;z-index:10;background:#f5f9fc;right:0;top:30px;}
div.params div.form-wrap {position:relative;}
div.params textarea {height:6vh;cursor:pointer;}
div.params div.m-0 {margin:1vh 0 0;}
div.params div.wrap-coworker {display:block;}
div.params div.wrap-coworker select {position:absolute;width:68%;z-index:-1;bottom:0;right:0;background-color:#f5f9fc;}
div.params div.wrap-coworker div.label {width:100%;height:32px;}
div.params div.params-wrap {position:absolute;overflow:hidden;overflow-y:auto;top:10px;left:3%;right:3%;width:94%;opacity:0;transition:all .6s ease 0s;}
div.params div.params-load {position:absolute;left:200%;top:10px;right:-100%;opacity:.1;height:auto;overflow:hidden;}
div.params div.params-active {top:10px;bottom:60px;right:3%;left:3%;opacity:1;transition:all .4s ease 0s;}
div.params span#team_text {font-size:.9em;}
div.params select.active {height:150px;overflow:auto;}
div.params select:disabled {height:32px;}
div.params div.button-wrap {display:none;}
div.params div.button-active {display:flex;}
div.params div.label-progress span {width:40px;}
div.params input.white {border:solid 1px var(--color-gray) !important;}
div.params aside.coworker {position:absolute;z-index:1;bottom:0;right:20px;width:62%;height:32px;overflow:hidden;border-radius:var(--border-radius-input);padding:6px 6px 6px 10px !important;color:#000;background:none;font-size:.85em;display:flex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:none;}
div.params aside.coworker span {margin:0;padding:0;font-size:.85em;white-space:nowrap;}
div.params aside.coworker date,
div.params aside.coworker span b {display:none;}
div.params aside.coworker span.success {color:rgba(0,0,0,.75);}
div.params aside.coworker.disabled {background:#f1f1f1;}
div.params ul.coworker {list-style-type:none;display:none;z-index:2;position:absolute;width:80%;max-width:296px;min-width:220px;top:40px;right:0px;height:240px;padding:20px;box-sizing:border-box;overflow:hidden;overflow-y:scroll;background:#ffffff;border:solid 1px var(--color-gray);border-radius:var(--border-radius-input);}
div.params ul.coworker img {width:50px;margin:20px auto;}
div.params ul.coworker li {position:relative;width:98%;font-size:.9em;margin:0px auto 10px 20px;cursor:pointer;}
div.params ul.coworker li input[type=checkbox] {position:absolute;top:5px;left:-30px;width:20px;transform:scale(.8);}
div.params ul.coworker li date {width:100%;font-size:.72em;display:block;text-align:left !important;font-weight:700;margin-top:0px;color:var(--color-gray);}
div.params ul.coworker li span {width:100%;display:flex;justify-content:space-between;align-items:flex-end;white-space:nowrap;}
div.params ul.coworker li span i {font-style:normal;}
div.params ul.coworker li.success {color:var(--color-dark-90);}
div.params button#fill-calendar {width:100%;margin:2vh auto;}
div.params button#task-transfer {display:none;width:100%;margin:0 auto;}
div.params button#subtask {display:none;width:auto;width:100%;margin:2vh auto;}
div.params #subtask-worker {display:none;margin:2vh auto;width:100%;}
div.params #result-transfer {padding:1vh 0;text-align:center;font-weight:600;min-height:40px;}
div.params #loading-calendar {width:60%;margin:.5vh auto;display:none;}
div.params div#qr-code {text-align:center;}
div.params div#qr-code img {width:120px;}



/* --------- POPUP FORMS -------------- */

div.attachments {padding:20px;box-sizing:border-box;left:30%;}
div.popup-form-active div.attachments {z-index:10;left:30%;}

div.comment {padding:20px;box-sizing:border-box;left:30%;}
div.comment textarea {height:17vh;margin:1vh auto;transition:all .5s ease 0s;}
div.comment .label {display:flex;justify-content:space-between;font-size:.9em;margin-bottom:5px;}
div.comment label {width:200px;}
div.comment div.flex-between {width:300px;}
div.comment input {width:55%;}
div.comment input[type=number] {width:75px;}
div.comment:hover .info {display:block;}
div.comment-reload {position:absolute !important;bottom:-300px;}
div.comment-reload-top {position:absolute !important;bottom:300px;}
div.comment-reload-left {position:absolute !important;bottom:0px;right:-500px;}
div.comment-activate {background:var(--color-sky-80);opacity:.7;}
div.comment-activate textarea,
div.comment-activate textarea:focus {background:var(--color-sky-60);}
div.comment-activate div.button-wrap {background:var(--color-sky-60);}
div.comment-activate button {background:var(--color-sky-80);}
div.comment-activate div.form-wrap {background:var(--color-sky-80);}
div.popup-form-active div.comment {z-index:10;left:30%;}

div.checklist {padding:20px;box-sizing:border-box;left:30%;}
div.checklist label {width:100%;font-size:.9em;margin-bottom:0;}
div.popup-form-active div.checklist {z-index:10;left:30%;}


div.coworkers {padding:20px;box-sizing:border-box;left:30%;max-width:400px}
div.coworkers .label {display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;font-size:.9em;margin-bottom:5px;}
div.coworkers .label select {width:100%;}
div.popup-form-active div.coworkers {z-index:10;left:30%;}

div.observers {padding:20px;box-sizing:border-box;left:30%;max-width:400px;}
div.observers .label {display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;font-size:.9em;margin-bottom:5px;}
div.observers .label select {width:100%;}
div.popup-form-active div.observers {z-index:10;left:30%;top:8vh;}

div.resolution {padding:20px;box-sizing:border-box;left:30%;max-width:400px}
div.resolution .label {display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:5px;}
div.resolution .label textarea {padding:10px;box-sizing:border-box;}
div.resolution aside.stars {text-align:center;white-space:nowrap;}
div.resolution svg.star {fill:var(--color-gray-50);stroke:rgba(0,0,0,.75);stroke-width:3;height:30px;cursor:pointer;margin:10px;}
div.resolution svg.star:hover {fill:yellow;}
div.resolution svg.star-active {fill:yellow;}


div.popup-form-active div.resolution {z-index:10;left:30%;}


div.plan-wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;min-height:50vh;}

#canvas-form {width:500px;margin:0 auto 3vh;height:auto;width:100%;max-width:1200px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;}
#canvas-form label {width:50%;min-width:300px;text-align:center;}
#canvas-form select {width:50%;min-width:300px;}
#canvas-form input[type=file] {width:45%;min-width:300px;}
#canvas-form h4 {font-size:1.2em;font-weight:500;color:var(--color-blue);margin:3vh 0;text-align:center;}
#canvas-form div.label {display:block;text-align:center;;width:100%;margin-bottom:5px;}
#canvas-form div.buttons {width:80%;max-width:600px;min-width:300px;margin:auto;text-align:center;}
#canvas-form div.buttons button {margin:3vh auto;min-width:200px;}


div.canvas {position:relative;display:block;text-align:center;margin:-4vh auto 0;overflow:hidden;width:100%;min-width:800px;}
div.canvas img.preview {width:100%;height:100%;object-fit:contain;}
div.canvas img.marker {z-index:100;position:absolute;width:24px;transform:all .5s ease 2s;}



/* --------- END POPUP FORMS -------------- */


div.register {max-width:500px;margin-top:10vh;}
div.register h2 {border-bottom:solid 1px var(--color-gray);margin-bottom:30px;padding-bottom:20px;}
div.register div.links {border-top:solid 1px var(--color-gray);margin-top:30px;padding-top:20px;}

.flex-between {display:flex;justify-content:space-between;align-items:center;align-content:center;}
.flex-around {display:flex;justify-content:space-around;align-items:center;align-content:center;}

footer {z-index:10;position:fixed;bottom:0;left:1vw;right:1vw;width:98vw;background:#ddd;display:flex;justify-content:space-between;align-items:center;}
footer input {margin:0 5px;}
footer #width-left {width:24%;}
footer #width-center {width:47%;}
footer #width-right {width:27%;}