body{
margin-top:75px;
/*background: #4CCEB2; 
background: -webkit-radial-gradient(#4CCEB2, #2F8FD8); 
background: -o-radial-gradient(#4CCEB2, #2F8FD8); 
background: -moz-radial-gradient(#4CCEB2, #2F8FD8); 
background: radial-gradient(#4CCEB2, #2F8FD8); */
background:url(../img/bg.png);
height:100vh;
background-attachment: fixed;
background-size: cover;
}
.departments-page .col-8 img{
height: 42px;
margin-top: -8px;
}
.search-content ol{
margin:0px;	
padding:0px;
}
.urist-finish,.mark-back,.mark-finish{
display:none;
}
#task_count{
margin-left: 20px;
max-width: 45px;
height:30px;
text-align: center;
}
#task_percent{
background: green;
color: #fff;
margin-left: 10px;
height:30px;
line-height:30px;
padding: 0px 5px;
}
#task_complete:after{
content:"/";
position:absolute;
left:35px;

}
#task_complete{
background: #08d7bf;
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
position: relative;
}
.ended-task{
right:10px;
text-indent: -9999px;
height: 43px;
width: 43px;
top:9px;
line-height: 34px;
color: rgb(255, 255, 255);
position: absolute;
cursor: pointer;
padding: 0px;
background: url(../img/icon-border2.png) 1px 0px / contain no-repeat;
border-radius: 50%;
background-position: 1px 0px;
}
.ended-task::before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 8px;
left: 10px;
background: url(../img/trashred.svg) 0% 0% / contain no-repeat;
}
.row.line_task.show-comments .urist-finish{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top: 13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) 1px 0px / contain no-repeat;
color: #fff;
position: relative;
border-radius: 50%;
background-size: contain;
background-position: 1px 0px;
cursor: pointer;	
font-size:0px;
}
.row.line_task.show-comments .urist-finish:before{
content: "";
display: block;
width: 27px;
height: 26px;
position: absolute;
top: 8px;
left: 9px;
background: url(../img/trash.svg) 0% 0% / contain no-repeat;
}
.row.line_task.show-comments .mark-finish{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top: 13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) 1px 0px / contain no-repeat;
color: #fff;
position: relative;
border-radius: 50%;
background-size: contain;
background-position: 1px 0px;
cursor: pointer;	
font-size:0px;
}
.row.line_task.show-comments .mark-finish:before{
content: "";
display: block;
width: 27px;
height: 26px;
position: absolute;
top: 8px;
left: 9px;
background: url(../img/trash.svg) 0% 0% / contain no-repeat;
}

.row.line_task.show-comments .mark-back{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top: 13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) 1px 0px / contain no-repeat;
color: #fff;
position: relative;
border-radius: 50%;
background-size: contain;
background-position: 1px 0px;
cursor: pointer;	
font-size:0px;
}
.row.line_task.show-comments .mark-back:before{
content: "";
display: block;
width: 27px;
height: 26px;
position: absolute;
top: 8px;
left: 9px;
background: url(../img/transfer.svg) 0% 0% / contain no-repeat;
}
.search-content form{
display:flex;
margin-bottom:10px;
}
.search-content ol li b{
color: #007bff;
}
.search-content form button{
color: #fff;
background: #007bff;
border: none;
cursor: pointer;
}
.search-content form input[type="text"]{
flex-grow:1;
}
.search-content ol li{
display:flex;
margin-bottom:10px;
background:#fff;
padding:10px;
flex-direction:column;
border: 1px solid rgb(177, 174, 174);
}
.urist-finish{
cursor: pointer;
color: red;
font-weight: bold;

}
.box_comments{
clear:both;
}
.row.line_task.show-comments .urist-finish,
.row.line_task.show-comments .mark-finish,
.row.line_task.show-comments .mark-back{
display:block!important;
}
.row.line_task.show-comments .mark-back{
color: #2290c3;
font-size: 14px;
float: left;
cursor: pointer;
}
.row.line_task.show-comments .mark-finish{
color: #ff0000;
font-size: 14px;
cursor: pointer;
float: right;
}
.disp-mob{
display:none;
}
.otdel-company-tr{
border-top:5px solid #6facc8;
}
.buh-table tbody .otdel-company-tr:first-child{
border-top:none;
}
#ignored{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
flex-direction: column;
background: #fff;
padding: 15px;
color: #ff0000;
border:1px solid rgb(177, 174, 174);
border-top:none;
}
.delete-tr{
content: "";
display: block;
width: 35px;
height: 36px;
position: relative;
cursor: pointer;
background: url(../img/bin.svg) 0% 0% / contain no-repeat;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
margin: 0px auto;	
}
.full-summ .add-subm_report{
width: 100%;
cursor: pointer;
background: #08ad99;
border: none;
color: #fff;
font-weight: bold;
font-size: 20px;	
}
.tg{
width:100%;
}
.main_date_2 .btn.btn-outline-info{
margin-left: 8%;
}
.col-8.text-center .btn.btn-outline-info{
margin-top: 0px; 
}
.row.add-report_line{
margin:0px;
}
.show-comments .task_transfer{
display:none;
}
.buh-table{
border:1px solid;
width:100%;
}
.buh-table tr td textarea{
display:block;
width:100%;
font-size:12px;
border:none;
}
.buh-table tr td input{
border:none;
}
.buh-table tr td{
padding:0px;
}
.buh-table tbody tr td table tr{
border-bottom:1px solid;
}
.buh-table tbody tr td table tr:last-child{
border-bottom:0px solid;
}
.buh-table tbody tr td table tr td{
border-right:1px solid;
}
.buh-table tbody tr td:nth-child(1){
width:130px;
padding-top: 15px;
padding-bottom: 15px;	
}
.buh-table tbody tr td table tr td:nth-child(1){
width:85px;	
}
.buh-table tbody tr td table tr td:nth-child(2){
width:85px;	
}
.buh-table tbody tr td table tr td:nth-child(3){
width:145px;
border-right:0px;	
}
.buh-table tbody tr td:nth-child(2){
width:100px;	
}
.buh-table tbody tr td:nth-child(3){
width:100px;
}
.buh-table tbody tr td:nth-child(4){
width:100px;
}
.buh-table tbody tr td:nth-child(5){
width:100px;	
}
.buh-table tbody tr td:nth-child(6){
width:100px;
}
.buh-table tbody tr td:nth-child(7){
width:90px;
}
.buh-table tbody tr td:nth-child(8){
width:90px;
}
.buh-table tbody tr td:nth-child(9){
width:90px;
}
.buh-table tbody tr td:nth-child(10){
width:90px;
}
.buh-table tbody tr td:nth-child(11){
width:90px;	
}
.buh-table tbody tr td:nth-child(12){
width:90px;
}
.buh-table tbody tr td:nth-child(13){
width:100px;
}
.buh-table thead{
background: #a6a8a9;
}
.head-buh-table{
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #dadada;
background: rgb(111, 172, 200);
text-align: center;
font-weight: bold;
}
.bold{
font-weight:bold;
}
.buh-width1{
width:85px;
}
.buh-width2{
width:85px;
}
.buh-input{
width:100%;
height:100%;
}
.buh-width3{
width:145px;
}
.buh-table th , .buh-table thead td,.buh-table tfoot td{
border:1px solid;
font-weight:bold;
text-align:center;
}
.buh-table tfoot td{
background: #a6a8a9;
}
.buh-table tbody td{
border:1px solid;
background:#fff;
}
.buh-table tbody td.center{
text-align:center;
}
.sum-tr-buh{
text-align:center;
font-weight:bold;
background: #a6a8a9;
}
.buh-table tbody .sum-tr-buh td{
background: #a6a8a9;
}
.edit-tr{
content: "";
display: block;
width: 35px;
height: 36px;
background: url(../img/edit.svg) no-repeat;
background-size: contain;
border: none;
top: -50px;
position: relative;
cursor: pointer;    margin: 0 auto;
}
.full-height{
height:100%;
*overflow:auto;
display: flex;
flex-wrap: wrap;

}
.save-tr{
content: "";
display: block;
width: 35px;
height: 36px;
background: url(../img/folder.svg) no-repeat;
background-size: contain;
border: none;

position: relative;
cursor: pointer;    margin: 0 auto;
}
.tg-0pky.wdth3,.tg-0pky.wdth4{
width:90px;
}
.tg-0pky.wdth5{
width: 178px;	
}
.tg-0lax.va-top table{
width:100%;
}
.tg tr table tr{
border-bottom: 1px solid;
}
.tg tr table tr:last-child{
border-bottom: 0px solid;  
}
.tg tr table tr td{
border: 0px solid;
}
#mark_sum{
margin-left: auto;
display: flex;
order: 3;	
}
.sum-vitrat-line{
display:flex;
width: 100%;
position: relative;
border-bottom: 1px solid;
}
.function-save-del{
position:absolute;
bottom: 0px;
width: 100%;
opacity:0;
transition:1.2s ease-in;
z-index: 1;
}
.zp-input{
width:115px;
}
.add-report_line{
background: #6facc8;
padding: 15px;
}
.calendar-date-input{
width:122px;
}
.sum-vitrat-line:hover,.sum-vitrat-line:hover input[type="text"]{
background:#dadada;
}
/*.sum-vitrat-line:hover .function-save-del,.sum-vitrat-line input:focus .function-save-del{
opacity:1;

}*/
.del-sum-vitrat-line{
background:red;
color:#fff;
width:24px;
height:24px;
line-height:24px;
cursor:pointer;
text-align:center;
border-radius:50%;

}
.subm-sum-vitrat{
background: green;
color: #fff;
cursor: pointer;
height: 24px;
border: none;
width: 40px;
padding: 0px;

}
.sum-vitrat-line-left{
border-right:1px solid;	

width: 33.43%;
}
.sum-vitrat-line-right{
width: 33.13%;
overflow-wrap: normal;
word-wrap: break-word;
}
.sum-vitrat-line-center{
border-right:1px solid;	
width: 33.43%;
}
.wdth69{
width: 69px;
}
.wdth60{
width: 60px;
}
.ugoda-td .ugoda-line:last-child .ugoda-line-left,.ugoda-td .ugoda-line:last-child .ugoda-line-right{
border-bottom:none;
}
.tg tr.bgdadada:nth-child(1),.tg tr.bgdadada:nth-child(2){
background: #dadada;
}
.tg textarea{
display: block;
resize:none;
width: 100%;
background: inherit;
border: none;
margin: 0px;
padding: 0px;
height: 100%;
line-height: 122%;	   
}
.inp-in-report{
width:100%;
border:none;
height: 100%;
}
.tg tr{
border-bottom: 2px solid;
}
.sum-vitrat-line-left,.sum-vitrat-line-center,.zp-line-flex ,.center,.allsums{
text-align:center;
justify-content: center;
}
.wdth71{
width: 71px;
}
.wdth7 input,.wdth9 input{
width:100%;
border: none;
background: #dadada;
}
.sum-vitrat-td table{
width:100%;
}
.date_comment{
order:1;   
flex-basis: 133px;
flex-grow: 0;
flex-shrink: 0;
width: 143px;
}
.personal-comment{
max-height: 33px;
overflow: hidden;
order:2;   
width: 100%;
word-break: break-all;,
}
.show-comments .personal-comment{
max-height: inherit;
}
.ugoda-line{
display:flex;
width: 100%;
}
.zp-line-flex-left textarea,.zp-line-flex-right textarea{
height:40%;
}
.add_sum_vitrat,.del_sum_vitrat{
width:100%;
display:inline-block;
color:#fff;
font-size:22px;	
font-weight:bold;
cursor:pointer;
text-align:center;
float:left;
}
.add_sum_vitrat{
background:#dadada;
color:green;

}
.tg-0lax.va-top table tr:last-child td{
text-align:center;
font-weight:bold;
}
.del_sum_vitrat{
background:#dadada;
color:red;
}
.full-summ tr , .full-summ td{
padding:0px;
}
.top-name-table{
padding-top: 5px;
padding-bottom: 5px;
border-top:1px solid #dadada;
background:rgb(111, 172, 200);
text-align: center;
font-weight: bold;
}
.tg td.sum-vitrat-td{
width: 23%;
padding:0px;
vertical-align: top;
height:100%;
}
.tg td.sum-vitrat-td table,.tg-0lax.va-top,.tg-0lax.va-top table{
height:100%;
}
.tg-0lax.va-top table tr td:first-child{
border-right:1px solid;

}

.tg td.ugoda-td{
padding:0px;
width:22%;
vertical-align: top;
height: 100%;
}
.tg td.ugoda-td tr td:first-child{
border-right:1px solid;
}
.tg td.ugoda-td tr:first-child{
height:50px;
}
.sum-vitrat-td tr td:first-child,.sum-vitrat-td tr td:nth-child(2){
border-right:1px solid;
}
.ugoda-line-left{
border-right:1px solid;	
border-bottom:1px solid;
order:1;
width: 38%;
}
.ugoda-line-right{
order:2;
border-bottom:1px solid;
width: 62%;
}
.table {

width:100%;
}
.table .head-table{
width:100%;
display:flex;
}
.table .head-table {
border:1px solid;
}
.num{
border:1px solid;
}
.ugoda{
border:1px solid;
}
.sum-koshtiv{
border:1px solid;
}
.sum-vitrat{
border:1px solid;
}
.dohid{
border:1px solid;
}
.zarplata{
border:1px solid;
}
.prybutok{
border:1px solid;
}
.tg .tg-0lax {

vertical-align: middle;
}
.sum-vitrat-line.allsums input{
width: 100%;
background: inherit;
border: none;
text-align: center;
}
.zp-line-flex{
display: flex;
height: 100%;
overflow: auto;
flex-flow: row wrap;
}
.zp-line-flex-left{
border-right: 1px solid;
border-bottom: 1px solid;
width:50%;
}
.zp-line-flex-right{
border-bottom: 1px solid;
width:50%;	
}
.zp-line-flex-bottom{
width: 100%;
}
.tg, .tg tr , .tg tr td{
height:100%;
padding-top: 0px;
padding-bottom: 0px;	
}
/*.wdth1{
width:8%;
}
.wdth2{
width:8%;
}
.wdth3{
width:8%;
}
.wdth4{
width:8%;
}

.wdth5{
width:8%;
}
.wdth6{
width:4%;
}
.wdth7{
width:3%;
}
.wdth8{
width:4%;
}
.wdth9{
width:3%;
}
*/
.sum-vitrat-td tr td:nth-child(1),.sum-vitrat-td tr td:nth-child(2){

}
.sum-vitrat-td tr:last-child td:nth-child(1){
width:100%;
font-weight:bold;
}
.sum-vitrat-td tr td:nth-child(3){
width:50%;
}
.wdth6 , .wdth8{
width:58px;
}
.wdth70{
width:70px;
}
.center input{
text-align:center;
}
.wdth2 ,.wdth1{
width:60px;
}
.zp-line-flex-left input , .zp-line-flex-right input{
height:80%;
}
.tg .tg-0lax.va-top{
vertical-align:top;
}
.ugoda-td table{
width:100%;
border:none;
height: 100%;
}
.add-sum-vitrat-line{
cursor: pointer;
width: 100%;
text-align: center;
vertical-align: middle;
justify-content: center;
height: 26px;
line-height: 26px;
color: #fff;
margin-top: 10px;
font-size: 26px;
background: #85c2de;
}
.tg  {border-collapse:collapse;border-spacing:0;background: #fff;
border: 2px solid;}
.tg td{font-family:Arial, sans-serif;font-size:14px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;vertical-align:middle;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top;text-align: center;}
.tg .tg-0lax{    padding: 0px;}

.line_task.show-comments .task_start{
min-height: 54px;
height: auto;	
}



.task_start{
overflow: hidden;	
word-break: break-all;
}


















#mark_sum{
margin-left: auto;
display: flex;
order: 3;	
align-items: center;
}
#mark_sum input{
margin-left: 20px;
}
#mark_sum input[type="submit"]{
background: #08d7bf;
color: #fff;
border: none;
height: 30px;
padding: 0px 20px;
}
::-webkit-scrollbar-button { 
background-image:url(''); 
background-repeat:no-repeat; 
width:7px; 
height:0px 
} 
.end-day{
margin-top: 18px;
}
.dflex{
padding-top:5px;
padding-bottom:5px;
display:flex;
background: #2290c38c;
}
.dflex .border-ico{
height:43px;
width:43px;
order: 1;
margin-right: 10px;
}
.row.line_task .col-9 .box_comments:last-child{
padding-top:0px;
}
.departments:before{
content:"";
display: block;
width: 28px;
height: 29px;
background: url(../img/department.svg) no-repeat;
background-size: contain;
position: absolute;
top: 9px;
left: 11px;
}
.departments{
margin-top: 8px;
margin-left: 26%;
font-size:0px;
height: 53px;
width: 54px;
line-height: 34px;
color: rgb(255, 255, 255);
position: relative;
padding: 0px;
background: url(../img/icon-border2.png) 0% 0% / contain no-repeat;
border-radius: 50%;
}
.ico-marketolog{
display: block;
width: 28px;
height: 29px;
background: url(../img/marketolog.svg) no-repeat;
background-size: contain;
position: absolute;
top: 5px;
left: 8px;
}
.ico-now-task{
display: block;
width: 26px;
height: 26px;
background: url(../img/mytask.svg) no-repeat;
background-size: contain;
position: absolute;
top: 9px;
left: 9px;
}
.ico-ignor-task{
display: block;
width: 26px;
height: 26px;
background: url(../img/important-delivery.svg) no-repeat;
background-size: contain;
position: absolute;
top: 9px;
left: 9px;
}

.head-name-task{
align-items: center;
display: flex;
margin-right: 20px;
font-weight: bold;
font-size: 20px;
order: 2;
}
::-webkit-scrollbar-track { 
background-color:#999; 
} 
.user_comment{
position:relative;
}
::-webkit-scrollbar-thumb { 
-webkit-border-radius: 5px; 
border-radius: 5px; 
background-color:#dadada; 

background-position:center; 
background-repeat:no-repeat; 
} 

::-webkit-resizer{ 
background-image:url(''); 
background-repeat:no-repeat; 
width:3px; 
height:0px 
} 
.report-week, .my-tasks{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top:13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) no-repeat;
color: #fff;
position: relative;
border-radius:50%;
background-size: contain;
background-position: 1px 0px;
}
.my-tasks:before{
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background: url(../img/my-tasks.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 7px;
    left: 8px;	
}
.back-to-main{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top:13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) no-repeat;
color: #fff;
position: relative;
border-radius:50%;
background-size: contain;
background-position: 1px 0px;	
cursor:pointer;	
margin-left: 25%;
}
.report-month{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top:13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) no-repeat;
color: #fff;
position: relative;
border-radius:50%;
background-size: contain;
background-position: 1px 0px;	
cursor:pointer;		
}
.txt{
word-break: break-all;
}
.mobile{
display:none;
}
.btn.search::before {
content: "";
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 7px;
left: 9px;
background: url(../img/search.svg) 0% 0% / contain no-repeat;
}
.search-form.active{
left:178px;
width:320px;
display: flex;
transition:0.7s ease;
}

.search-form{
left:83px;
height:43px;
width:43px;
display:none;
z-index: 9;
top: 12px;
position: absolute;
}
.search-form input{
width:80%;
outline:none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.search-form button{
border: 1px solid #48e9f5;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border:none;
width:43px;
height:43px;
background-size: contain;
background-position: 1px 0px;	
cursor:pointer;	
background:#2f2f30 ;
}
.search-form button:after{
content: "";
display: block;
background: url(../img/search2.svg) 0% 0% / contain no-repeat;	
width:32px;
height:32px;
background-position: 1px 0px;	
}
.search{
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top:13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) 1px 0px / contain no-repeat;
color: #fff;
position: relative;
border-radius:50%;
background-size: contain;
background-position: 1px 0px;	
cursor:pointer;		
}
.task_start .border-ico{
top:-2px;
}
#reason{
width: 100%;
height: 177px;
}
.buh-table tbody td table td {
border: none;

}
.buh-table tbody td table{
border-spacing: 0px;
width: 100%;
padding:0px;	
}
.report-week:before{
content: "";
display: block;
width: 27px;
height: 27px;
background: url(../img/rep.svg) no-repeat;
background-size: contain;
position: absolute;
top: 4px;
left: 8px;
}
.back-to-main:before{
content: "";
display: block;
width: 27px;
height: 27px;
background: url(../img/undo.svg) no-repeat;
background-size: contain;
position: absolute;
top: 4px;
left: 8px;	
}
.report-month:before{
content: "";
display: block;
width: 27px;
height: 27px;
background: url(../img/table.svg) no-repeat;
background-size: contain;
position: absolute;
top: 7px;
left: 8px;	
}
.btn.btn-outline-info{
background: rgba(34, 144, 195, 0.55);	
margin-top: 17px;
color:#fff;
}
.change-work-date{
height: 34px;
line-height: 34px;
padding: 0px 10px;
background:rgba(34, 144, 195, 0.55);
color: #fff;
font-weight: bold;
margin-right: 30px;
margin-top:17px;
}
.ur-name-head{
border-bottom: 1px solid #b1aeae;
margin-bottom: 10px;
padding-bottom: 5px;	
}
.main-spot-light {
margin: -57px 0 0 -35px;
}

.btn.start-day,.btn.btn-outline-danger.end-day{
margin-right: 0px;
text-indent: -9999px;
height: 43px;
width: 43px;
margin-top: 13px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) no-repeat;
color: #fff;
position: relative;
border-radius: 50%;
background-size: contain;
background-position: 1px 0px;	
border:none;
}
.header-department{
overflow:hidden;
}
.btn.btn-outline-danger.end-day:before{
content: "";
display: block;
width: 27px;
height: 27px;
position: absolute;
top: 7px;
left: 9px;
background:url(../img/finish-day.svg) no-repeat;
background-size: contain;		
}
.btn.start-day:before{
content: "";
display: block;
width: 27px;
height: 27px;
position: absolute;
top: 6px;
left: 8px;
background:url(../img/start-day.svg) no-repeat;
background-size: contain;	
}
.start-day{
height: 34px;
color: #fff;
margin-right: 15px;
display: block;
margin-top: 17px;
line-height: 34px;
padding: 0px 15px;
float: left;
background-size: contain;
}
.names-worker-ur .start-day{
width: 20px;
height: 20px;
background: url(../img/start-day.svg) no-repeat;
color: #fff;
padding:0px;
margin-right: 10px;
margin-top: 3px;
display: block;
float: left;
background-size: contain;	
}
.not-start-day{
width: 20px;
height: 20px;
background: url(../img/not-start-day.svg) no-repeat;
color: #fff;
margin-right: 10px;
margin-top: 3px;
display: block;
float: left;
background-size: contain;
}
.finish-day{
background:url(../img/finish-day.svg) no-repeat;
width: 20px;
height: 20px;
padding:0px;
color: #fff;
margin-right: 10px;
margin-top: 3px;
display: block;
float: left;
background-size: contain;	
}
.end-day{
height:34px;
line-height:34px;
padding:0px 10px;
background:#dadada;
color:#fff;
margin-right:30px;
transition: box-shadow .5s;
}
.report-week:hover,.change-work-date:hover,{
box-shadow:0 0 12px rgb(6, 111, 220); 
}
::-webkit-scrollbar{ 
width: 3px; 
}
/**ANIMATION FADE**/
@-webkit-keyframes fadein {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadein {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fadein {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadein {
0%   { opacity: 0; }
100% { opacity: 1; }
}
/**ANIMATION FADE**/
.task-screen-top .row{
border: 1px solid #999;
border-bottom:none;
height: 50px;

}
.line-btns{
display:flex;
}
.left{
float:left;
}
.del-task{
position: absolute;
right:-10px;
top:-10px;
width: 20px;
height: 20px;
line-height: 18px;
padding: 0px;
color: #fff;
background: red;
font-size: 11px;
font-weight: bold;
border-radius: 50px;
}
.description-task{
position: relative;
}
.bottom-task{
display: flex;
color: #a8a8a8;
margin-top: 15px;
}
.bottom-task div{
margin-right: 20px;
}
.right{
float:right;
}

.task-screen-top .row:last-child{
border-bottom: 1px solid #b1aeae;
}
.header-department{
background: #fff;
border-bottom:1px solid #b1aeae;
position: fixed;
width: 100%;
height: 70px;
top: 0px;
z-index:99;
color: #000;
}
.header .col-8{
font-weight: bold;
font-size: 26px;
line-height: 70px;
}
.line-btns{

margin-top: 2px;
}
.task_start{

cursor:pointer;
}
.line_task{
background:#fff;
border: 1px solid #b1aeae;
font-size: 12px;
line-height: 12px;
max-height:60px;
transition:1s ease-in;
overflow:hidden;
}
.line_task.show-comments{
max-height:3000px;
}

.box_comments{
*padding-top:10px;
}
.task_transfer{
background:#ff000059;
border-radius: 10px;
padding: 10px;
color:#fff;
}
.user_comment {
font-size: 12px;
}

.main-woker .container{
max-width: 1300px;
}
.textarea-write textarea{
height:30px;
width:100%;
margin-top:10px;
width: 100%;
}
.task_start{
*padding-top:10px;
display: flex;
align-items: center;
height: 54px;
width: 100%;
}
.task_start div:first-child{
/*color: #2290c3;
font-weight: bold;
font-size: 14px;
width: 90%;*/
color: #2290c3;
line-height: 16px;
font-size: 14px;
width: 90%;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: -webkit-box;
}
.show-comments .task_start div:first-child{
display:block;
}
.row.line_task .col-3{
border-right: 5px solid #2290c3;
padding-bottom: 5px;	
padding-top: 10px;
padding-bottom: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
}

/*checkboxes*/
.check {
position: relative;
background: linear-gradient(90deg, #8fff98, #67d628);
line-height: 0;
perspective: 400px;
}
.accordion .mb-0{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 32px;

}
.txtarea-marketolog,.textarea-write{
padding-bottom:20px;
padding-top:0px;
}
.box_comments.textarea_Comment textarea{
outline:none;
}
.card-header{
display: flex;
align-items: center;
justify-content: center;
}
.status_task.end{
background: red;
width: 10px;
height: 100%;
float: left;
margin-right: 5px;
}
.status_task.start{
background: green;
width: 10px;
height: 100%;
float: left;
margin-right: 5px;
}
.check input[type="checkbox"],
.check label,
.check label::before,
.check label::after,
.check {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
border-radius: 1rem;
border: 0;
transition: .35s ease-in-out;
box-sizing: border-box;
cursor: pointer;
}

.check label {
width: 2.2rem;
height: 1rem;
background: #d7d7d7;
overflow: hidden;
margin-bottom: 0px;
}

.check input[type="checkbox"] {
position: absolute;
z-index: 1;
width: .8rem;
height: .8rem;
top: .1rem;
left: .1rem;
background: linear-gradient(45deg, #dedede, #ffffff);
box-shadow: 0 6px 7px rgba(0,0,0,0.3);
outline: none;
}

.check input[type="checkbox"]:checked {
left: 1.3rem;
}

.check input[type="checkbox"]:checked + label {
background: transparent;
}

.check label::before,
.check label::after {
content: "· ·";
position: absolute;
overflow: hidden;
left: .15rem;
top: .5rem;
height: 1rem;
letter-spacing: -.04rem;
color: #9b9b9b;
font-family: "Times New Roman", serif;
z-index: 2;
font-size: .6rem;
border-radius: 0;
transform-origin: 0 0 -.5rem;
backface-visibility: hidden;
}

.check label::after {
content: "●";
top: .65rem;
left: .3rem;
height: .1rem;
width: .35rem;
font-size: .2rem;
transform-origin: 0 0 -.4rem;
}
.del-my-comment{
color: #fff;
background: red;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 26px;
font-size: 10px;
position: absolute;
left: -14px;
top: -9px;
opacity:0;
transition:1s ease;
cursor:pointer;  
}
.txt-comment:hover .del-my-comment{
opacity:1;
}
.del-my-comment:hover .txt-comment{
border:1px solid red;
}
.red-bord{
transition:1.3s ease;
text-decoration:line-through;
color:red;
opacity:0.6;
}
.txt-comment{
cursor:pointer; 
clear:both;
position:relative;
display:flex;
margin-bottom: 10px;
}

.namedate div{
float:left;
margin-right:20px;
}
.check input[type="checkbox"]:checked + label::before,
.check input[type="checkbox"]:checked + label::after {
left: 1.55rem;
top: .4rem;
line-height: .1rem;
transform: rotateY(360deg);
}

.check input[type="checkbox"]:checked + label::after {
height: .16rem;
top: .55rem;
left: 1.6rem;
font-size: .6rem;
line-height: 0;
}
/*checkboxes*/
/*button-add-task*/

/*button-add-task*/
.top-box-comment .btn, .top-box-comment div{
margin-right: 25px;
}
.clear{
clear: both;
}
.card-body{
padding-bottom: 40px;
}
.textarea-otvet textarea{
width: 100%;
display: block;
resize: none;
height:120px;
margin-bottom: 20px;
}
.textarea-otvet button{
float: right;
}
.del-otvet{
height: 28px;
line-height: 26px;
width: 28px;
border-radius: 50px;
font-weight: bold;
padding: 0px;
}
.top-box-comment{
display: flex;
}
.top-box-comment button:hover .otvet{
text-transform: uppercase;
}
.top-box-comment{
color: #9c9a9a;
font-size: 14px;
line-height: 26px;
}
.box-comment{
border-bottom: 1px solid #b1aeae;
border-top:1px solid #b1aeae;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 20px;
}
.description-task{
background: #f0eb0a4f;
padding:20px;
margin-bottom:50px;
border-radius: 10px;
}
.box-comment .otvet{
display:block;
width:100%;
padding-left:40px;
padding-left: 54px;
margin-top: 22px;
}
.row.name-table{
font-size: 24px;
}
.top-description-task{
margin-bottom: 15px;

}
.top-description-task::after{
clear:both;
}
.top-description-task span{
font-size: 18px;
font-weight: bold;
}
.names-worker-ur .time{
float:right;
}
.bgdadada th,.bgdadada td{
font-weight:bold;
}
.ugoda-td tr td:nth-child(1){
font-weight:bold;
}
.ugoda-td tr td:nth-child(2) input{
text-align:center;
}
.ugoda-td tr:last-child td:nth-child(2) textarea{
text-align:left;
}
.tg tr td:nth-child(3) input,.tg tr td:nth-child(4) input,.tg tr td:nth-child(6),.tg tr td:nth-child(8),.full-summ td{
font-weight:bold;
text-align:center;

}
/*.department-box {
border: 5px solid #b1aeae;
border-radius: 10px;
margin: 2% 2%;
padding: 15px;
background: #fff;
flex: 0 0 29.333333%;
}*/
.department-box {
border: 5px solid #b1aeae;
border-radius: 10px;
margin: 0.5% 1%;
padding: 10px 15px;
background: #fff;
flex: 0 0 31.333333%;
}
.department-box .name-worker{
border-bottom:1px solid #b1aeae;
border-top:1px solid #b1aeae;
line-height:100%;
padding-bottom: 10px;
padding-top: 10px;
}
.top-name-dep{
font-weight: bold;
font-size: 20px;
text-align: center;
}
.date_comment{
color: #8e8d8d;
margin-right: 10px;
}
.box_txt_comment{
padding-left: 20px;
line-height: 20px;
font-size: 14px;
margin-bottom: 15px;
}
.personal-comment{
font-size:16px;
line-height:100%;
}
.direktor{
background: #f900006e;
color: #fff;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
padding-left: 15px;
}
.dir-comments .box_txt_comment{
border-left: 5px solid #fc9191;
margin-right: 10px;
margin-left: 10px;
}
.urist{
background:#8e8d8d;
color:#fff;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
padding-left: 15px;
}
.urist-comments .box_txt_comment{
border-left: 5px solid #8e8d8d;
margin-right: 10px;
margin-left: 10px;
}
.box_txt_comment .txt-comment:last-child{
margin-bottom:0px;
}
.namedate span{
font-weight:normal;
font-size:13px;
margin-left:10px;
line-height: 36px;
}
.namedate{
position:relative;
}
.marketolog{
background:rgba(34,144,195,1);
color:#fff;
height: 34px;
font-size: 16px;
font-weight: bold;
line-height: 34px;
padding-left: 15px;
}
.marketolog-comments .box_txt_comment{
border-left: 5px solid #2290c3;
margin-right: 10px;
margin-left: 10px;

}
.textarea-write{
display:flex;
}
.txtarea-marketolog {
display:flex;
padding-top: 10px;
}
.textarea-write input , .txtarea-marketolog input{
order: 2;
background: url(../img/send.svg) no-repeat;
width: 32px;
height: 30px;
background-size: contain;
padding: 0px;
margin-left: 15px;
display: block;
margin-top: 15px;
border: none;
cursor:pointer;
}
.name-who-write{
display:none!important;
order:1;
margin-top:7px;
line-height:35px;
margin-right:10px;
}
.textarea-write textarea{
outline:none;
}
.textarea-input:focus > .name-who-write{
display:block!important;
}
.textarea-input:focus ~ .name-who-write {
display: block!important;
}
.line_task.add_new_task{
max-height:220px;
min-height:60px;
}
.border-ico{
height: 43px;
width: 43px;
line-height: 34px;
padding: 0px;
background: url(../img/icon-border2.png) no-repeat;
color: #fff;
position: relative;
border-radius: 50%;
background-size: contain;
}
.logout{
height: 29px;
width: 29px;
line-height: 34px;
padding: 0px;
background: url(../img/logout.svg) no-repeat;
color: #fff;
display: block;
position: relative;
left: 8px;
top: 6px;
border-radius: 50%;
background-size: contain;
}
.row.line_task .col-3{
height:60px;
flex-wrap: nowrap;
}
.row.line_task.show-comments .col-3{
height:auto;
flex-wrap: wrap;
}
.line-btns .border-ico{

margin: 0px 5px;

}
.textarea-write textarea ,.txtarea-marketolog textarea{
order:2;
height:30px;
resize: none;
font-size: 15px;
width: 100%;
border-left: none;
border-right: none;
border-top: none;
}
.calendar{
background: url(../img/calendar.svg) no-repeat;
width: 26px!important;
height: 26px;
background-size: contain;
margin-top: 5px;
position: absolute;
left: 10px;
top: 4px;
}
.user_comment{
margin-bottom:10px;
display:flex;
}
.name-worker{
font-size: 24px;
color: #000;
margin-left: auto;
line-height: 70px;
}
.header .col-4.text-center{
font-size: 24px;
color: #000;
line-height: 70px;
}
.row.line_task .col-9{
padding-top:10px;
}
#tasks-marketolog .row.line_task ,#tasks-today .row.line_task{
border-bottom:none;
}
#tasks-marketolog{
margin-bottom:5px;
}
/*,#tasks-marketolog .row.line_task:nth-last-child(2)*/
#tasks-marketolog .row.line_task:last-child , #tasks-today .row.line_task:last-child,#tasks-marketolog .row.line_task:nth-last-child(2){
border-bottom:1px solid #b1aeae;
}
.add_new_task{
margin-top:6px;
}
.txtarea-marketolog input{
margin-top: 0px;
margin-bottom: 8px;	
}
.txtarea-marketolog  textarea{
outline:none;
}
.task_transfer{
display:none;
}
/*.line_task:hover .task_transfer{
display:block;
margin-top:25px;
}*/
.box_comments .user_comment, .textarea_Comment{
display:none;
}
.box_comments .user_comment:last-child{
display:flex;
}
.line_task.show-comments .box_comments .user_comment {
display:flex;
}
.line_task.show-comments  .textarea_Comment{
display:block;
}
.right.border-ico{
margin-top:14px;
margin-right: 8%;
}
.line_task .box_txt_comment .txt-comment{
opacity:0;
visibility:hidden;
display:none;
transition: opacity 1s ease-out;
}
.line_task .box_txt_comment .txt-comment:last-child{
opacity:1;
visibility:visible;
display:flex;
}
.line_task.show-comments .box_txt_comment .txt-comment{
opacity:1;
visibility:visible;
display:flex;

}
@media (min-width: 1000px){
.container {
max-width: 92%;
}
}
@media print {
table tr td{
border:1px solid;
}
}
@media (max-width: 1200px) {
.header-department {
margin-top:-75px;
min-width: 1366px;
position:inherit;

}
.container-fluid{
min-width: 1366px;	
}
.container{
min-width: 1366px;
width:auto;
}
}

@media (max-width: 1025px) {
#task_count{
min-width:45px;
max-width: 64px;

}
.dflex .border-ico {
flex: auto;
flex-shrink: 0;
flex-grow: 0;
width: 42px;
height: 42px;
}
.line_task .ended-task {
right: 15px;
top: -53px;
visibility:hidden;
}
.line_task.show-comments .ended-task {
right: 60px;
top: -60px;
visibility:visible;
transition:0.5s ease;
}
.txt-comment{
flex-wrap:wrap;
}
.line_task.show-comments .box_txt_comment .txt-comment{
border-bottom: 1px solid #78b5d1;
padding-bottom: 5px;
}
.date_comment{
width: 100%;
justify-content: center;
text-align: center;
flex-basis: 100%;
}
.search-form.active{
left:59px;
}
.
.disp-mob.btn.btn-outline-info{
display:block;
max-width: 83%;
margin-top: 11px;
}
.col-2.main_date_2 .btn.btn-outline-info{
display:none;
}
.back-to-main{
margin-left: 0px;
}
.header-department{
height:auto;

}
.container {
min-width: 100%;
width: 100%;
}
.container-fluid {
min-width: 100%;
}

.row.line_task .col-3,.row.line_task .col-9{
flex: 0 0 100%;
max-width:100%;
}
.head-name-task{
font-size: 15px;
margin-right: 0px;
}
.row.line_task .col-9{
border-right: 5px solid rgb(34, 144, 195);
}
.line_task.show-comments .box_comments .user_comment,.user_comment{
flex-direction: column;
}
.marketolog-comments .box_txt_comment ,.user_comment,.urist-comments .box_txt_comment,.dir-comments .box_txt_comment {
margin:0px;
padding-left:0px;
border-left:0px;
}
.department{
flex-direction: column;
flex-wrap: nowrap;
}
.department-box {
-ms-flex: 0 0 96%;
flex: 0 0 96%;
max-width: 96%;
}
.date_comment {
align-self: center;
}
.desktask-page+.container-fluid{
padding-bottom:50px;
}
.menu-burger{
background:url(../img/menu.svg) no-repeat;
width:30px;
height:30px;
background-size:contain;
position: absolute;
top: 15px;
right: 17px;
}
.header-department{
min-height:60px;	
}
.header .row.align-middle{
display: flex;
flex-wrap:wrap;
display:none;
opacity:0;
clear:both;
}
.header .row.align-middle .col-2,
.header .row.align-middle .col-8,
.header .row.align-middle .col-4,
.header .row.align-middle .col-6{
flex: 0 0 100%;
max-width: 100%;
}

.header .row.align-middle .col-8 img{
max-width:75%;
}
.row.align-middle.hidden{
display:flex;
transition: 500ms ease-in-out;
opacity:1;
}
.line-btns .name-worker{
display:none;
}
.main_date_2 .btn.btn-outline-info {
margin-left: 3px;	
}
.line-btns .right.border-ico{
margin-right: 3px;	
}
.line-btns{
padding-bottom: 10px;
flex-wrap: wrap;
justify-content: center;
}
.departments {
margin-left: 0px;	
}
.name-worker{
flex-basis: 41%;	
font-size: 16px;
text-align: right;
}
.header .row.align-middle .col-4.text-center{
max-width: 70%;
display:none;
margin: 0 auto;
margin-top: -55px;
height: 50px;

justify-content: center;
font-size: 16px;
align-items: center;
line-height: 100%;
}
.container-fluid.reports-mob{
padding:0px;

}
.reports-mob .col-10{
max-width: 100%;
flex: 100%;
margin: 0px;
padding: 0px;
}
.reports-mob #add_period{
display: flex;
flex-direction: column;
}
.reports-mob #add_period input{
margin-bottom:10px;
width:100%;
border:none;
}
.col-2.disp-mob.bacck{
display:block;

}
.names-worker-ur{
margin-bottom:10px;
height:20px;
}
.col-2.disp-mob.bacck .back-to-main{
margin-top:10px;
}
.names-worker-ur .time{
margin-left:10px;
}
.row.align-middle .col-2 .back-to-main{
display:none;
}
.header .row.align-middle .col-8.text-center{
max-width: 70%;
margin: 0 auto;
margin-top: -47px;
height: 50px;
display: flex;
justify-content: center;
font-size: 16px;
align-items: center;
line-height: 100%;
}
.col-2 .departments.btn{
display:none;

}
.col-6.line-btns .btn.change-work-date{
display:none;
}


.btn.change-work-date.disp-mob{
display:block;
max-width: 65%;
width: 65%;
margin-top: 14px;
margin-left: 12px;
float:left;
}
.header{
*display:flex;
}

.header .row.align-middle .col-8.text-center img{
display:none;
}
.departments.btn.disp-mob{
display:block;
margin-top:4px;
float:left;
}
.name-task{
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: -webkit-box;
}
.row.line_task.show-comments .name-task{
display: block;	
}
.show-comments .task_transfer{
display:none;	
}
.mobile{
display:block;
}
.mobile.ddd{
margin-top:-4px;	
}
}