@import url('https://fonts.googleapis.com/css?family=Saira+Condensed&display=swap');
* {border:0;padding:0;margin:0;list-style:none;font-size:13px;cursor:default;font-family: 'Saira Condensed', sans-serif;border-spacing:0;outline:0;border-radius:0;}
body.online {padding-left:181px;padding-right:10px;padding-bottom:30px;}
body.online.shop {padding:10px;}
body.hide {padding-left:51px;}
body.hide #side {width:40px;}
body.hide #side span.text, body.hide #side span.count {display:none;}
a {color:rgb(0,120,215);text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
#clear {clear:both;}
#right {float:right;}
div.answer {display:none;position:fixed;top:0;left:0;padding:20px;width:calc(100% - 40px);background:rgb(254,205,201);}
.pointer, .pointer span.fa, .pointer span.far {cursor:pointer;}
form.login {width:300px;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
form div,div.input {width:100%;position:relative;}
form input,form textarea,div.input input,div div#note {width:100%;margin-bottom:15px;cursor:text;}
div input,div textarea,div#note {height:30px;border-bottom:1px solid #999;padding:10px 0;background:none;}
div input:hover,div textarea:hover,div#note:hover {border-bottom:1px solid #000;}
div input:focus,div textarea:focus,div#note:focus {border-bottom:1px solid rgb(0,120,215);}
div input:hover ~ label,div textarea:hover ~ label {color:#000;}
div input:focus ~ label,div textarea:focus ~ label, input.not_empty ~ label, textarea.not_empty ~ label,input.valid:valid ~ label {color:#000;top:-7px;color:rgb(0,120,215);font-size:10px;}
textarea,div#note {min-height:60px;resize:vertical;}
input[type='checkbox'], select {cursor:pointer;}
input[type='checkbox'] {min-width:20px;}
div label {position:absolute;top:10px;left:0;color:#999;pointer-events:none;transition:.5s;}
select {display:block;width:100%;margin-bottom:10px;border-bottom:1px solid #000;}
select:hover {border-bottom:1px solid rgb(0,120,215);}
form input[type='submit'] {font-weight:bold;cursor:pointer;padding:10px;background:rgb(204,204,204);}
form input[type='submit']:hover {border:3px solid rgb(122,122,122);padding:7px;color:#000;}
form input[type='submit']:active {position:relative;top:2px;border:3px solid rgb(122,122,122);padding:7px;color:#000;}
div#top {margin:0 -10px;margin-bottom:10px;background:rgb(41,71,84);color:#fff;}
div#top ul li {float:right;padding:10px 15px;}
div#top ul li.pointer:hover {background:rgb(75,132,156);}
div#top ul li span.fa, div#top ul li span.far {font-size:16px;}
div#top ul li:first-child {float:left;}
div#top ul li div#img {height:30px;width:30px;overflow:hidden;border-radius:30px;margin:-5px 2px;margin-top:-1px;border:1px solid #fff;}
div#top ul li div#img img {width:100%;margin-top:-5px;}
div#top ul li.company, div#top ul li.img {padding:5px;}
div#top ul li #company {font-size:10px;text-align:right;margin-top:-3px;margin-bottom:-5px;}
div#side {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:fixed;top:0;left:0;height:100%;width:170px;border-right:1px solid rgb(204,204,204);background:rgb(243,242,241);will-change:transform;}
div#side::-webkit-scrollbar {width: 1px;background:transparent;}
div#side ul li {padding:10px;color:rgb(96,94,92);}
div#side ul li:hover {color:rgb(0,120,215);}
div#side ul li.active {border:1px solid rgb(204,204,204);border-left:5px solid rgb(0,120,215);padding-left:5px;color:rgb(0,120,215);background:#fff;margin-right:-2px;}
div#side ul li span.fa, div#side ul li span.far {width:28px;font-size:16px;margin-left:3px;}
div#side ul li span.count {float:right;font-size:10px;margin-top:3px;}
div#side ul li.jobs.red {color:red;}
table.workers_list {width:100%;}
table.workers_list tr td {padding:10px;}
table.workers_list tr:first-child td {border-bottom:1px solid #000;font-weight:bold;}
table.workers_list tr.first:hover td {background:none;}
table.workers_list tr:hover td a {font-weight:bold;color:#fff;}
table.workers_list tr:nth-child(even) td {background:#eee;}
table.workers_list tr:hover td {background:#666;color:#fff;}
table.workers_list tr:first-child td, table.workers_list tr.searching:hover td, table.workers_list tr.searching td,table.workers_list tr.loading td,table.workers_list tr.loading:hover td {background:none;color:#000;}
table.workers_list tr td span.right {float:right;}
table.workers_list tr.unapproved td {background:rgb(203,90,83);}
table.workers_list tr.unapproved td a {color:#fff;}
div#sub_menu ul li {color:rgb(96,94,92);padding:7px 14px;float:left;border-radius:5px;cursor:pointer;margin-right:10px;margin-bottom:10px;}
div#sub_menu ul li:hover {color:rgb(0,120,215);border-bottom:1px solid rgb(0,120,215);border-radius:0;padding-bottom:6px;transition:.5s;}
div#sub_menu ul li.active {border:1px solid rgb(204,204,204);background:rgb(243,242,241);padding:6px 13px;color:rgb(0,120,215);}
div#sub_menu ul li.right {float:right;}
div#sub_menu ul li span.count {font-size:10px;float:right;margin-top:3px;padding-left:8px;}
div#sub_menu ul li span.fa {padding-right:10px;}
div#sub_menu ul li span {cursor:pointer;}
table.calendar {margin-bottom:10px;border-spacing:10px;}
table.calendar tr td {text-align:center;padding:10px 15px;font-size:15px;margin:5px;color:#666;}
table.calendar tr.days td a:hover {text-decoration:none;}
table.calendar tr.days:first-child td {padding:0;}
table.calendar tr.days td.name {text-align:left;}
table.calendar tr.days td.name a {font-size:20px;}
table.calendar tr td.pointer {color:rgb(77,83,113);border:1px solid rgb(217,220,228);background:#fff;}
table.calendar tr td.vocations {background:yellow;}
table.calendar tr td.vocations.today_bday {border:1px solid yellow;color:yellow}
table.calendar tr td.vocations.today_bday.today {padding:7px;border:5px solid rgb(64,149,239);}
table.calendar tr td.vocations.today_bday.selected_day {padding:7px;border:5px solid red;}
table.calendar tr td.today_bday.note.vocations,table.calendar tr td.today_bday.note,table.calendar tr td.today_bday.vocations,table.calendar tr td.today_bday.note.vocations.today,table.calendar tr td.today_bday.note.vocations.selected_day {outline:3px solid rgb(240,136,107);}
table.calendar tr td.today_bday {background:rgb(240,136,107);border:1px solid rgb(240,136,107);color:#fff;}
table.calendar tr td.note {color:rgb(75,81,110);border:1px solid rgb(178,180,191);background:rgb(178,180,191);}
table.calendar tr td.today {padding:7px;border:5px solid rgb(64,149,239);}
table.calendar tr td.selected_day {padding:7px;border:5px solid red;}
table.calendar tr td.workers_hours {font-weight:bold;color:red;}
table.calendar tr td.unapproved {background:red;color:#fff;font-size:20px;padding:0;}
button {font-weight:bold;width:100%;cursor:pointer;padding:10px;background:rgb(0,120,215);color:#fff;}
button:hover {border:3px solid rgb(41,71,84);padding:7px;}
button:active {position:relative;top:2px;border:3px solid rgb(41,71,84);padding:7px;}
button.red {background:rgb(203,90,83);}
button.red:hover,button.red:active {border:3px solid rgb(159,52,44);}
button.green {background:rgb(115,182,102);}
button.green:hover,button.green:active {border:3px solid rgb(75,129,65);}
button.orange {background:rgb(226,173,92);}
button.orange:hover,button.orange:active {border:3px solid rgb(202,136,52);}
button:disabled,button:hover:disabled {background:rgb(204,204,204);padding:10px;border:none;cursor:default;color:#666;}
table.buttons {width:100%;margin:10px 0;}
table.buttons tr td {padding:0 5px;width:10%;}
table.buttons tr td:first-child {padding-left:0;}
table.buttons tr td:last-child {padding-right:0;}
table.notes {width:100%;}
table.notes tr td {padding:5px;}
table.notes tr.active td {background:yellow;}
table.worker_details tr td {padding:5px;}
table.worker_details tr td:first-child {text-align:right;font-weight:bold;}
table.example {width:100%;border-right:1px solid #666;border-top:1px solid #666;}
table.example td {padding:10px;border-left:1px solid #666;border-bottom:1px solid #666;}
table.workers_cat tr td {padding:5px;}
table.workers_cat tr:hover td {background:yellow;}
#confirm {width:210px;}
#confirm button {display:inline-block;width:100px;margin-top:10px;}
#confirm button:first-child {margin-right:5px;}
#confirm button:last-child {margin-left:5px;}
span.hint {color:rgb(0,120,215);cursor:pointer;padding-right:5px;}
span.hint:hover {border-bottom:1px solid rgb(0,120,215);}
span.count_chars {margin-left:10px;font-size:10px;}
#wroker_menu {margin-top:10px;}
#wroker_menu ul {color:#666;}
#wroker_menu ul li {float:left;padding:10px;cursor:pointer;}
#wroker_menu ul li:hover {color:#000;}
#wroker_menu ul li.active {color:rgb(0,120,215);}
#wroker_menu ul li span.fa,#wroker_menu ul li span.far {margin-right:10px;}
ul.mention_hints {margin-bottom:10px;}
span.tools_name {margin-top:-10px;margin-bottom:10px;}
#worker_hint ul {margin-bottom:10px;}
#worker_hint ul li {padding:10px;border:1px solid #999;color:#666;background:#fff;margin-bottom:-1px;cursor:pointer;}
#worker_hint ul li img {float:left;margin:-10px;margin-right:10px;height:41px;}
table.check_tools {width:100%;}
table.check_tools tr td {padding:5px;vertical-align:top;}
table.check_tools tr td input {margin-top:5px;margin-bottom:0;}
table.check_tools tr:nth-child(even) td {background:#eee;}
table.check_tools tr:hover td {background:#666;color:#fff;}
table.check_tools tr:hover td a {background:#666;color:#fff;}
#right button {margin-bottom:10px;}
#right.details {text-align:center;}
input[type='checkbox']#non_use {width:20px;}
hr {display:block;margin:10px 0;border-top:2px solid rgb(0,120,215);}
table.workers_list tr td a span.fa, table.workers_list tr td a span.far {cursor:pointer;}
table.words {width:100%;}
table.words tr td {padding:5px;}
table.words tr td:first-child {padding-left:0;}
table.words tr td:last-child {padding-right:0;}
canvas#canvas {border:1px solid #666;margin-bottom:15px;}
#warning {background:rgb(203,90,83);color:#fff;margin:-10px;margin-bottom:10px;padding:10px;}
#warning a {color:#fff;}
#warning.button_type {text-align:center;}
#warning.button_type:active {position:relative;top:2px;}
#info {background:rgb(226,173,92);margin:-10px;margin-bottom:10px;padding:10px;}
td.status .fa {margin-bottom:5px;}
input[type='date'].spacific {font-size:16px;font-weight:bold;}
table.invoice_info tr td:first-child {font-weight:bold;}
table.workers_list tr.red td {background:red;color:#fff;}
table.workers_list tr.red td a {font-weight:bold;color:#fff;}
table.workers_list tr.yellow td {background:yellow;}
table.workers_list tr.yellow:hover td {color:#000;}
table.workers_list tr.yellow:hover td a {color:rgb(0,120,215);}
ul.invoice_report {border-bottom:1px solid #000;}
ul.invoice_report li {border:1px solid #000;border-bottom:0;padding:10px;background:#fff;}
ul.invoice_report li.delay {background:rgb(224,99,59);color:#fff;}
ul.invoice_report li.paid {background:green;color:#fff;}
ul li .invoices div {margin:-10px;padding:10px;margin-top:10px;border-top:1px solid #000;}
#default {background:#ddd;}
#paid {background:green;color:#fff;}
#paid a {cursor:pointer;color:#fff;}
#delay {background:rgb(224,99,59);color:#fff;}
#delay a {cursor:pointer;color:#fff;}
table.finance tr td {border-top:1px solid #999;padding:5px;}
table.finance tr td.days {text-align:center;border-left:1px solid #999;}
table.finance tr td.days.red {color:red;}
table.finance tr:nth-child(even) td {background:#eee;}
table.finance tr:first-child td:first-child {text-align:right;}
table.finance tr:first-child td:first-child .fas {margin-right:5px;cursor:pointer;}
table.finance tr:first-child td:first-child .fas:active {position:relative;top:2px;}
table.finance tr:first-child td {border-top:0;vertical-align:bottom;}
span.parbaudes_laiks {display:block;font-size:10px;color:red;}

@media only screen and (max-width: 820px) {
.pc2nd {display:none;}
}

@media only screen and (min-width: 721px) {
.mobile {display:none;}
}

@media only screen and (max-width: 721px) {
body {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;will-change:transform;}
body.online {padding-left:51px;}
body.hide {padding-left:181px;}
body.hide #top ul li.name {display:none;}
body.hide #side {width:170px;}
body.hide #side span.text, body.hide #side span.count {display:inline-block;}
div#side {width:40px;}
body #side span.text, body #side span.count {display:none;}
.pc {display:none;}
#sub_menu span.text {display:none;}
div#sub_menu ul li span.fa, div#sub_menu ul li span.far {padding:0;}
table.calendar {}
table.calendar tr td {padding:5px 10px;font-size:13px;}
table.calendar tr td.vocations.today_bday.today {padding:0px 5px;}
table.calendar tr td.vocations.today_bday.selected_day {padding:0px 5px;}
table.calendar tr td.today {padding:0px 5px;}
table.calendar tr td.selected_day {border:5px solid rgb(64,149,239);}
table.workers_list tr td {padding:5px;}
table.workers_list tr td a, table.workers_list tr td {font-size:12px;}
table.workers_list tr td span.right button {float:right;margin:0;}
table.workers_list tr td span.right button:last-child {margin-right:5px;margin-top:10px;}
}