.content.content-permissions {
    overflow: auto;
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4EB5E6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4EB5E6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.remodal {
    padding: 25px;
}

.remodal .title {
    font-size: 30px;
}

.remodal.remodal-success .title {
    color: #82bf2b;
}

.remodal-alert p {
    max-width: 100%;
}

.remodal-alert p.message {
    margin: 10px auto;
    margin-bottom: 5px;
    font-size: 18px;
}

.remodal-delete a.btn {
    width: 135px;
}

.worker-info .client-info__row, .client-info .client-info__row {
    margin-bottom: 5px;
}

.worker-info-field, .client-info-field {
    display: inline-block;
    height: 30px;
}

.worker-info-field:hover, .client-info-field:hover {
    text-decoration: underline;
}

.worker-info-field.password {
    text-decoration: none;
}

.js-toggle-field {
    cursor: pointer;
}

.worker-info .task__executor_add__control, .client-info .task__executor_add__control {
    max-width: 260px;
}

.worker-info .task__executor_add__control .task__executor__cancel,
.client-info .task__executor_add__control .task__executor__cancel {
    margin-left: 0px;
}

.worker-info select {
    width: 191px;
}

.worker-info div.password {
    display: inline-block;
    color: #6091F8;
    border: none;
    padding: 0px;
    letter-spacing: 0.4px;
    font-size: 18px;
}

.remodal.remodal-client-contact {
    max-width: 375px;
}

.mb-5 {
    margin-bottom: 5px;
}

.contact-person__item {
    position: relative;
    padding-bottom: 25px;
}

.contact-person__row.contact-person__delete {
    padding-top: 0px;
    border-top: 0px;
    position: absolute;
    bottom: 0px;
. contact-person__item
}

.contact-person__row.contact-person__delete a {
    margin-left: 0px;
    color: #E92E5A;
}

.task-status[data-task_status=init]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #b14efd;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=submited]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #ff751a;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=inwork]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #ff441a;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=completed]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #DBB427;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=testing]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #e92f5b;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=agreement]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #2366f6;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=received]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #581dfc;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=aktsigned]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #ff1a88;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=approved]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center #28bd2d;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
}

.task-status[data-task_status=init] {
    background-color: #ca88fe;
}

.task-status[data-task_status=submited] {
    background-color: #ff9900;
}

.task-status[data-task_status=inwork] {
    background-color: #ff6d4d;
}

.task-status[data-task_status=completed] {
    background-color: #F1CD19;
}

.task-status[data-task_status=testing] {
    background-color: #ee5d7f;
}

.task-status[data-task_status=agreement] {
    background-color: #6091f8;
}

.task-status[data-task_status=received] {
    background-color: #9068fd;
}

.task-status[data-task_status=aktsigned] {
    background-color: #ff66b0;
}

.task-status[data-task_status=approved] {
    background-color: #56db5b;
}

.status__init span {
    background-color: #CA88FE;
}

.status__submited span {
    background-color: #FF9900;
}

.status__inwork span {
    background-color: #FF6240;
}

.status__completed span {
    background-color: #EEE624;
}

.status__testing span {
    background-color: #E92E5A;
}

.status__agreement span {
    background-color: #6091F8;
}

.status__received span {
    background-color: #5318FB;
}

.status__aktsigned span {
    background-color: #FF8EC4;
}

.status__approved span {
    background-color: #56DB5B;
}

.remodal-error .btn {
    background-color: #FF6240;
    width: 170px;
}

.remodal-error .btn:hover {
    background-color: #FF8166;
}

.input-rub {
    position: relative;
    margin-bottom: 7px;
}

.input-rub input {
    background: #FFFFFF;
    border: 1px solid #DEE4F2;
    border-radius: 3px;
    width: 200px;
    height: 30px;
    padding-left: 10px;
    padding-right: 50px;
}

.input-rub span {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    position: absolute;
    right: 10px;
    top: 7px;
}

a.skan-file__item {
    cursor: pointer;
}

a.act-delete {
    text-decoration-line: underline;
    cursor: pointer;
}

.clients-pays .input-rub, .acts-block .input-rub {
    width: 100%;
    margin-bottom: 0px;
}

.clients-pays .input-rub input, .acts-block .input-rub input {
    width: 100%;
}

.clients-pays .input-rub span {
    top: 22px;
}

.select-task-status {
    display: block;
    max-width: 215px;
    width: 100%;
    position: relative;
}

.new-select-task-status {
    position: relative;
    cursor: pointer;
    user-select: none;
    border-radius: 50px;
    width: 100%;
    color: white;
}

.new-select-task-status:hover {
    opacity: 0.8;
}

.new-select-task-status__list {
    position: absolute;
    left: 0;
    top: 32px;
    border-radius: 10px;
    border: 1px solid #ced4da;
    cursor: pointer;
    width: 100%;
    z-index: 3;
    background: #fff;
    user-select: none;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 22%);
}

.new-select-task-status__list.on {
    display: block;
}

.new-select-task-status__item span {
    display: block;
    padding: 8px 15px;
}

.new-select-task-status__item[data-task_status=init] span:hover {
    color: #ca88fe;
}

.new-select-task-status__item[data-task_status=submited] span:hover {
    color: #ff9900;
}

.new-select-task-status__item[data-task_status=inwork] span:hover {
    color: #ff6d4d;
}

.new-select-task-status__item[data-task_status=completed] span:hover {
    color: #F1CD19;
}

.new-select-task-status__item[data-task_status=testing] span:hover {
    color: #ee5d7f;
}

.new-select-task-status__item[data-task_status=agreement] span:hover {
    color: #6091f8;
}

.new-select-task-status__item[data-task_status=received] span:hover {
    color: #9068fd;
}

.new-select-task-status__item[data-task_status=aktsigned] span:hover {
    color: #ff66b0;
}

.new-select-task-status__item[data-task_status=approved] span:hover {
    color: #56db5b;
}

.new-select-task-status:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url('path-to-image') no-repeat right center / cover;
    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select-task-status.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.task-act .file-list .file-list__item .file-item {
    text-decoration-line: underline;
}

.task-act .file-list .file-list__item .file-item:hover {
    text-decoration-line: none;
}

.task-act .file-list {
    margin-bottom: 0px;
}

.task-act .file-list .file-list__item {
    margin-bottom: 0px;
}

.task-act .file-list .file-list__item .file-item {
    margin-right: 0px;
}

.task-act .act-delete:hover {
    text-decoration-line: none;
}

.act-edit {
    color: #706F6F;
}

.act-edit:hover {
    text-decoration: none;
}

.search_advice_wrapper {
    display: none;
    width: 300px;
    background-color: rgb(80, 80, 114);
    color: rgb(255, 227, 189);
    z-index: 999;
    position: absolute;
}

.search_advice_wrapper .advice_variant_name {
    cursor: pointer;
    padding: 5px;
    text-align: left;
}

.search_advice_wrapper .advice_variant_name:hover {
    color: #FEFFBD;
    background-color: #818187;
}

.search_advice_wrapper .advice_variant_inn {
    cursor: pointer;
    padding: 5px;
    text-align: left;
}

.search_advice_wrapper .advice_variant_inn:hover {
    color: #FEFFBD;
    background-color: #818187;
}

.search_advice_wrapper .active {
    cursor: pointer;
    padding: 5px;
    color: #FEFFBD;
    background-color: #818187;
}

input {
    font-size: 14px;
}

select {
    font-size: 14px;
}

/*.worker-info .task__executor_add__control, .client-info .task__executor_add__control{*/
/*    max-width: 290px;*/
/*}*/

.remodal .field-row {
    width: 250px;
}

.remodal .field-row input {
    width: 100%;
}

.remodal .field-row select {
    width: 100%;
}

.js-open-add-control:hover {
    text-decoration: none;
}

.file-attach span:hover {
    text-decoration: none;
}

.task-client__head a:hover {
    text-decoration: none;
}

.to-back {
    text-decoration: underline;
}

.to-back:hover {
    text-decoration: none;
}

.add-plus:hover {
    background: url(../img/plus.svg) no-repeat center #9dc25d;
}

.status_bar {
    display: none;
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 100px;
    height: 60px;
    background-color: #2aa198;
    align-items: center;
    justify-content: center;
    color: white;
    transition: 0.5s;
}

.task__executor__money:hover {
    text-decoration: underline;
}

.task__executor__assept_sum {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-top: 0px !important;
}

.task__executor__cancel_sum {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-top: 0px !important;
}

.task__executor_edit {
    height: 20px;
    width: 100px;
}

::-webkit-progress-bar {
    background: white;
}

::-webkit-progress-value {
    background: #3a9289;
}

::-moz-progress-bar {
    background: #3a9289;
}

progress {
    display: none;
    position: fixed;
    left: 15px;
    bottom: 15px;
    color: #3a9289;
    background: white;
    border: 2px solid #3a9289;
    border-radius: 5px;
    z-index: 9;
}

.task__content .c__row > div {
    margin-bottom: 20px;
}

.c__col-8 {
    width: calc(66.66% - 20px);
    margin: 0px 10px;
}

.c__col-4 {
    width: calc(33.33% - 20px);
    margin: 0px 10px;
}

.c__col-6 {
    width: calc(50% - 20px);
    margin: 0px 10px;
}

.remodal-overlay, .remodal-wrapper {
    z-index: 999;
}

#statusText {
    position: fixed;
    font-size: 12px;
    left: 75px;
    bottom: 14px;
    color: #2b2e38;
    z-index: 9;
}

.task-act .skan-file__item {
    font-size: 15px;
}

a.btn-green {
    background: #82bf2b;
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
}

.datepicker {
    z-index: 10000;
}

.diapozon-filter {
    width: 250px;
}

#container2, #container3 {
    display: none;
}

.status__submited span {
    background-color: #ff9900;
}

.status__inwork span {
    background-color: #ff6d4d;
}

.status__completed span {
    background-color: #F1CD19;
}

.status__testing span {
    background-color: #ee5d7f;
}

.status__agreement span {
    background-color: #6091f8;
}

.status__received span {
    background-color: #9068fd;
}

.status__aktsigned span {
    background-color: #ff66b0;
}

.status__approved span {
    background-color: #56db5b;
}

.client_task_filter_item:hover {
    cursor: pointer;
}

.open-scan {
    color: #6091F8;
}

.search-area, .location-search-area {
    position: relative;
}

.search-area .search_advice_wrapper, .location-search-area .search_advice_wrapper {
    display: block;
    width: 100%;
    border: 1px solid #DEE4F2;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0px 0px 3px 3px;
    position: absolute;
    background-color: white;
    top: -1px;
    color: #6091F8;
    font-weight: 500;
}

.search-area .search_advice_wrapper .advice-row, .location-search-area .search_advice_wrapper .location-advice-row {
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
}

.search-area .search_advice_wrapper .advice-row:hover, .location-search-area .search_advice_wrapper .location-advice-row:hover {
    background-color: rgba(233, 240, 255, 0.9) !important;
}

.search-area .search_advice_wrapper .advice-row:nth-child(1), .location-search-area .search_advice_wrapper .location-advice-row:nth-child(1) {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.search-area .search_advice_wrapper .advice-row:last-child, .location-search-area .search_advice_wrapper .location-advice-row:last-child {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px 0px 3px 3px
}

.search-area .search_advice_wrapper .advice-row:nth-child(1):last-child, .location-search-area .search_advice_wrapper .location-advice-row:nth-child(1):last-child {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px 0px 3px 3px
}

.search-area .search_advice_wrapper .advice-row:hover, .location-search-area .search_advice_wrapper .location-advice-row:hover {
    background-color: #ccc;
}

.search-area, .clients-search-area {
    position: relative;
}

.search-area .search_advice_wrapper, .clients-search-area .search_advice_wrapper {
    display: block;
    width: 100%;
    border: 1px solid #DEE4F2;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0px 0px 3px 3px;
    position: absolute;
    background-color: white;
    top: -1px;
    color: #6091F8;
    font-weight: 500;
}

.search-area .search_advice_wrapper .advice-row, .clients-search-area .search_advice_wrapper .client-advice-row {
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
}

.search-area .search_advice_wrapper .advice-row:hover, .clients-search-area .search_advice_wrapper .client-advice-row:hover {
    background-color: rgba(233, 240, 255, 0.9) !important;
}

.search-area .search_advice_wrapper .advice-row:nth-child(1), .clients-search-area .search_advice_wrapper .client-advice-row:nth-child(1) {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.search-area .search_advice_wrapper .advice-row:last-child, .clients-search-area .search_advice_wrapper .client-advice-row:last-child {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-radius: 0px 0px 3px 3px
}

.search-area .search_advice_wrapper .advice-row:nth-child(1):last-child, .clients-search-area .search_advice_wrapper .client-advice-row:nth-child(1):last-child {
    border: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px 0px 3px 3px
}

.search-area .search_advice_wrapper .advice-row:hover, .clients-search-area .search_advice_wrapper .client-advice-row:hover {
    background-color: #ccc;
}

.js-client-add .search-area {
    width: 250px
}

.js-client-add .search-area .advice_variant_name {
    font-size: 14px;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
}

.js-client-add .search-area .advice_variant_name:nth-child(1) {
    border-top: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.js-client-add .search-area .advice_variant_name:last-child {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #DEE4F2;
    border-radius: 0px 0px 3px 3px;
}

.js-client-add .search-area .advice_variant_name:nth-child(1):last-child {
    border-top: 1px solid #DEE4F2;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #DEE4F2;
    border-radius: 0px 0px 3px 3px;
}

.js-client-add .search-area .advice_variant_name:hover {
    background-color: rgba(233, 240, 255, 0.9) !important;
    color: #6091F8;
}

.debitorka__header .btn {
    margin-left: 15px;
    line-height: 10px;
    width: 105px;
}

.remodal .btn.btn-green:hover {
    background: #82bf2b;
    opacity: 0.7;
}

.btn.btn-fillblue#calculate-debs {
    width: 145px;
    text-align: center;
}

.btn-wait {
    background: #ccc !important;
}

.content-white.debet .c__table__row:not(:first-child):not(:last-child) {
    cursor: pointer;;
}

.content-white.debet .c__table__row:last-child:hover {
    background: #F4F7FC;
}

.content-white.debet .c__table__row:not(:first-child):not(:last-child):hover {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);
}

.c__table__row a:hover, .c__table__row__dop a:hover {
    text-decoration: none;
    border-bottom: 0;
}

.pays .c__table__row {
    flex-direction: row;
}

.pays .c__table__row .c__table__col:first-child {
    flex-shrink: 10;
}

.pays .c__table__row .c__table__col:last-child {
    flex-shrink: 10;
}

.pays .c__table__row {
    grid-template-columns: 1fr 2fr 2fr 2fr 4fr 2fr 3fr;
}

.pays-parishes {
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
}

.pays-parishes .c__table__row .c__table__col {
    cursor: default;
}

.pays-parishes span.pay-summ {
    font-size: 14px;
    line-height: 16px;
    color: #36B049;
}

.pays-parishes .c__table__row {
    flex-direction: row;
}

.pays-parishes .c__table__row .c__table__col:first-child {
    flex-shrink: 10;
}

.pays-parishes .c__table__row .c__table__col:last-child {
    flex-shrink: 10;
}

.pays-parishes .c__table__row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.pays-parishes .c__table__row .c__table__col:last-child {
    display: flex;
}

.pays-parishes .c__table__row .c__table__col:last-child .btn.btn-fillblue {
    padding: 10px 14px;
    height: 37px;
    width: 130px;
    text-align: center;
}

.pays-parishes .c__table__row .c__table__col:last-child .btn.btn-red {
    width: 130px;
    margin-left: 5px;
    padding: 10px 14px;
    height: 37px;
    color: white;
    text-align: center;
}

.remodal form.save-pay .btn.btn-fillblue {
    line-height: 10px;
}

.remodal form.save-pay label.file {
    display: inline-block;
}

.remodal form.save-pay input[type=file] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.remodal form.save-pay .field-row-scan {
    display: flex;
    flex-wrap: wrap;
}

.remodal form.save-pay .field-row-scan label:first-child {
    width: 100%;
}

.remodal form.save-pay .field-row-scan a.btn-delete {
    padding: 5px 0 0 15px;
}

.remodal form.save-pay .field-row-scan a.btn-delete:hover {
    text-decoration: none;
}

.remodal form.save-pay .field-row-scan a.btn.btn-fillblue {
    display: block;
    max-width: 130px;
}

.clip {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pays .c__table__row .c__table__col:last-child, .client-pays .c__table__row .c__table__col:last-child {
    display: flex;
}

.pays .c__table__row .c__table__col:last-child .btn.btn-fillblue, .client-pays .c__table__row .c__table__col:last-child .btn.btn-fillblue {
    padding: 10px 14px;
    height: 37px;
    width: 130px;
    text-align: center;
}

.pays .c__table__row .c__table__col:last-child .btn.btn-red,
.client-pays .c__table__row .c__table__col:last-child .btn.btn-red,
.akts .c__table__row .btn.btn-red {
    width: 130px;
    margin-left: 5px;
    padding: 10px 14px;
    height: 37px;
    color: white;
    text-align: center;
}

.btn[disabled=disabled] {
    background: #ccc !important;
}

.btn[disabled=disabled]:hover {
    background: #ccc !important;
    opacity: 0.8 !important;
}

.c__table__col-client_row {
    line-height: 1.5;
}

.task-money__row input {
    padding-right: unset;
}

.salaries-card__item {
    border-bottom: none;
}

.c__table__row {
    grid-template-columns: 1fr 1fr 3fr 3fr 2fr 1fr 1fr;
}

.c__table__row:hover {
    cursor: pointer;
}

.akts {
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
}

.akts a {
    text-decoration: none;
    border-bottom: 1px solid;
    color: #6091F8;
}

.akts a.black {
    color: #000;
}

.task__col__item span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.clients .c__table__row {
    grid-template-columns: repeat(5, 1fr);
}

.c__col-4.payment-block .delete-excutor {
    font-size: 12px;
    line-height: 14px;
    color: #6091F8;
    display: inline-block;
    padding: 0;
    box-shadow: none;
    margin: 0;
    border: none;
}

.client-must {
    font-size: 18px;
    color: #56DB5B;
}

.we-must {
    font-size: 18px;
    color: #E92E5A;
}

.task__executor__user a.task__executor__user__alias {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inherit;
    margin-top: inherit;
}

.task__executor__user a.task__executor__user__alias:hover {
    text-decoration: none;
}

.ts__salaries-card .user-name a {
    color: inherit;
    text-decoration: none;
}

.ts__salaries-card .user-name a:hover {
    text-decoration-line: underline;
}

.ts__list .ts__table .ts__table-row .ts__table-col [data-href] {
    text-decoration-line: underline;
    color: #6091F8;
    cursor: pointer;
}

.ts__list .ts__table .ts__table-row .ts__table-col [data-href]:hover {
    text-decoration-line: none;
}

.roles-card {
    background: #FFFFFF;
    border: 1px solid #DEE4F2;
    border-radius: 5px;
    margin-bottom: 20px;
}

.roles-card__item {
    border-bottom: 1px solid #DEE5F2;
    max-width: 500px;
    border-bottom: none;
}

.roles-card__item:last-child {
    border-bottom: none;
}

.roles-card__head {
    display: flex;
    padding: 8px 10px;
    justify-content: space-between;
    align-items: center;
    min-height: 46px;
}

.roles-card__body {
    background: #F3F6FC;
    border-radius: 0px;
    margin-left: 10px;
}

.roles-card__name {
    font-weight: 500;
    font-size: 16px;
    color: #6091F8;
}

.permissions .roles-card__name {
    text-decoration-line: underline;
}

.permissions .roles-card__head {
    cursor: pointer;
}

.roles-card .roles-card__head .roles-card__name:hover {
    text-decoration-line: none;
}

.roles-card .c__table .c__table__row {
    grid-template-columns: calc(100% - 200px) 200px;
}

.roles-card__item .c__table__row .c__table__col {
    padding: 3px 5px;
    display: flex;
    align-items: center;
}

.roles-card__item .c__table__row:first-child .c__table__col {
    color: #67779A;
    font-weight: 400;
    padding: 10px 5px;
}

.roles-card__item .c__table .c__table__row input {
    width: 100%;
}

.roles-card input {
    padding: 0px 5px;
}

.roles-card__item .c__table__row .c__table__col {
    padding: 3px 5px;
    display: flex;
    align-items: center;
}

.roles-card__item .roles__inline {
    padding-right: 15px;
}

.roles-card__item .roles__inline .btn {
    background: #6091F8;
    margin-right: 13px;
    padding: 7px 14px;
}

.roles-card__item .btn {
    min-width: 90px;
    text-align: center;
}

.roles-card .roles-card__item__permissions .c__table .c__table__row {
    grid-template-columns: 30% calc(70% - 200px) 200px;
    min-height: 30px;
}

.roles-card .roles-card__item__permissions .c__table .c__table__row .c__table__col .delete {
    border-bottom: 0px;
    text-decoration-line: underline;
}

.roles-card .roles-card__item__permissions .c__table .c__table__row .c__table__col .delete:hover {
    text-decoration-line: none;
}

.roles-card__item.roles-card__item__permissions {
    max-width: 1000px;
}

a.file-delete:hover {
    text-decoration-line: none;
}

.clients-pays .c__table__row {
    grid-template-columns: repeat(6, 1fr);
    grid-template-columns: 10% 18% 40% 16% 8% 8%;
}

.c__table__row.payment-item, .c__table__row.payment-row-start {
    grid-template-columns: 1fr 2fr 3fr 3fr 2fr 2fr;
}

.tabs.client__about__tabs a:hover, .tabs.settings-tabs a:hover {
    background: #6091F8;
    border-radius: 5px;
    color: #fff;
}

/* Notes start */

#notes {
    position: fixed;
    top: 1em;
    width: 100%;
    cursor: default;
    transition: height .45s ease-in-out;
    -webkit-transition: height .45s ease-in-out;
    pointer-events: none;
    z-index: 999999;
}

#notes .note-item {
    max-height: 12em;
    opacity: 0.75;
    will-change: opacity, transform;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 240px;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 9999999;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0 auto 1em auto;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: .75em 1em;
}

@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}

#notes .note-item[data-show="false"] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}

#notes .note-item[data-type="info"] {
    background-color: #375e97;
}

#notes .note-item[data-type="warn"] {
    background-color: #ebac00;
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type="error"] {
    background-color: #fb6542;
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type="success"] {
    background-color: #6091F8;
}

#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    padding-right: .5em;
    max-width: 100%;
    max-width: 100%;
    text-align: center;
}

#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
    transition: opacity .2s;
    -webkit-transition: opacity .2s;
}

#notes .note-item .note-item-btn:hover {
    opacity: .6;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0) t;
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}

#notes p.message {
    padding: 0px;
    margin: 0px;
}

/* Notes end */

.act-add-scan{
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.js-add-scan:hover{
    cursor: pointer;
}

.add-plus{
    width: 25px;
    height: 25px;
}

.task-client__row {
    display: inline-block;
    margin-left: 10px;
}

.task-client__row::before {
    display: inline-block;
}

.task__about__description, .task__about__result_description {
    min-height: 90px;
}

.task__about__description:not(.ck-focused),
.task__about__result_description:not(.ck-focused),
.remodal.remodal-add_lead .comment_editor_row:not(.ck-focused),
.remodal.remodal-edit_lead .comment_editor_row:not(.ck-focused)
{
    border: 1px solid hsla(0, 0%, 0%, 0.15);
}

#dop, #dop-update {
    width: 75px;
}

#contact-phone, #contact-phone-update{
    width: 147px;
}

.ts__horizontal{
    display: none;
}

.ts__filter__tasks {
    flex-flow: row wrap;
}

.ts__filter__tasks .ts__filter__title, .ts__filter__tasks .ts__filter__col {
    margin-bottom: 5px;
}

.ts__filter__tasks .ts__filter__title {
    margin-top: 20px;
}

.ts__filter__tasks .ts__filter__right {
    width: calc(100% - 60px);
    flex-flow: row wrap;
}

.task-money {
    flex-flow: row wrap;
}

.task-money .task-money__row {
    margin-bottom: 5px;
}

.roles-card__body {
    margin-bottom: 10px;
}

.js-get-all-salaries {
            margin-bottom: 10px;
}

.task__executor__add .task__executor__search__row {
    position: relative;
    width: 244px;
    margin-bottom: 7px;
}

.task__executor__add .task__executor__search__row input {
    width: 100%;
}

@media (max-width: 1200px) {
    .task__executor__add .task__executor__search__row {
        width: calc(65% - 35px);
    }
}

.task__executor .task__executor__add-plus {
    display: inline-block;
    position: relative;
}

.task__executor .task__executor__add-plus .add-plus {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    position: absolute;
    bottom: -4px;
    margin-left: 5px;
}

.file-extensions-card.roles-card .c__table .c__table__row {
    grid-template-columns: calc(50% - 100px) calc(50% - 100px) 200px;
}

.file-extensions-card .roles-card__item {
    max-width: 800px;
}

.ts__list .ts__table__item .ts__table-row:not(:first-child) .ts__table-col {
    background: none;
}

.ts__list .ts__table__item .ts__table-row:first-child .ts__table-col {
    border-bottom: 1px solid #DEE5F2;
}

.pays .c__table__row.itog .pay-itog {
    margin-right: 0;
}

.remodal.remodal__add-task {
    max-width: 680px
}

.remodal.remodal__add-task .grid-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 5px;
}

.remodal.remodal__add-task .field-row {
    width: 100%;
    margin-bottom: 0px;
}

.remodal.remodal__add-task .field-row textarea {
    min-height: 90px;
}

.ck.ck-balloon-panel {
    z-index: 1000;
}

.task__submitted .task__col__header {
    border-bottom: 3px solid #FF9900;
}

.task__approved .task__col__header {
    border-bottom: 3px solid #56DB5B;
}

.task__approved .task__col__item {
    border-left: 3px solid #56DB5B;
}

.task__submitted .task__col__item {
    border-left: 3px solid #FF9900;
}

.ts__plan-good{
    z-index: 100;
    color: black;
}

.ts__plan-middle{
    z-index: 100;
    color: black;
}

.ts__plan-summ{
    color: black;
}

.salaries-card__item .c__table .c__table__row {
    grid-template-columns: repeat(6, 1fr);
    grid-template-columns: calc(16%) calc(25% - 65px) calc(20% - 50px) calc(20% - 50px) calc(20% - 50px) 200px;
}

.company-otchet-table {
    font-size: 14px;
    border-collapse: collapse;
    text-align: center;
}
.company-otchet-table td:first-child {
    background: #AFCDE7;
    color: white;
    padding: 10px 20px;
}
.company-otchet-table, td {
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: white;
}
.company-otchet-table td {
    background: #D8E6F3;
    padding: 10px 20px;
}
.company-otchet-table td:first-child {
    text-align: left;
}

.task-client .client_title {
    display: flex;
}

.task-client .client_title a.client-edit {
    content: '';
    background: url(../img/edit.svg) no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 11px;
}

.big-table {
    overflow: auto;
    position: relative;
}
.big-table .company-otchet-table {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.big-table table::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.big-table table::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.header {
    z-index: 998;
}

.item-diff{
    font-size: 12px;
    padding: 2px;
}
.diff-plus{
    color: #25B934;
}
.diff-minus{
    color: #E92E5A;
}

.fact-now{
    font-size: 16px;
    color: #25B934;
}

td.today-item{
    background: #cbf2cf;

}

td.future-item{
    background: #ebf0f5;
}

.js-docs-modal, .js-payments-modal, .js-acts-modal, .fact-item{
    cursor: pointer;
}


.otchet-sum{
    font-size: 20px;
    color: black;
}

.ts__list .task-h2 a {
    color: #000;
    text-decoration-line: underline;
}

.ts__list .task-h2 a:hover {
    text-decoration-line: none;
}

.worker-info .client-info__row .field-edit {
    content: '';
    background: url(../img/edit.svg) no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.fact-now:hover{
    text-decoration: underline;
}

.potential_sum_row, .potential_sum{
    display: none;
}

.ts__plan-graph-content{
    cursor: pointer;
}

.ts__plan-min:after {
    z-index: 15;
}

.ts__plan-graph:hover ~ .ts__real-summ{
    background: #cdd3e1;
}

.otchet_menu_item:hover{
    background: #6091F8;
    border-radius: 5px;
    color: #fff;
}

.user_img{
    background: url(../img/user.svg) no-repeat center;
    background-size: cover;
    width: 250px;
    height: 250px;
    border: 2px solid #2b2e38;
    margin-bottom: 20px;
}

.user_img:hover{
    cursor: pointer;
    border: 4px solid #2b2e38;
}

#save-user-img{
    display: none;
}

.task-client__row::before {display: none;}
.task__executor__row .task__executor__user::before {display: none;}
.team table tr td:first-child {padding-left: 0;}
.team .c__table__row:not(:first-child) .c__table__col:first-child {padding-left: 0;}
.team .c__table__row:not(:first-child) .c__table__col:first-child::before {display: none;}
.task__executor__row .task__executor__user::before {display: none;}
.team .c__table__row:not(:first-child) .c__table__col:first-child {padding-left: 0;}
.team .c__table__row:not(:first-child) .c__table__col:first-child::before {display: none;}
.team table tr td:first-child {padding-left: 0;}

.ts__vertical__wrap {
    width: 100%;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: auto;
}

.team-avatar {
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    margin: 0 8px;
    overflow: hidden;
    position: relative;
}

.team-avatar-img {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team-person {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.task__executor__user_img {
    width: 11px;
    height: 11px;
    position: relative;
    margin-right: 10px;
    margin-bottom: -2px;
    background-position: center;
}

.task__executor__user_img img {
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.task__executor__user_wrap {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-left: 3px;
}
.slider {
    position: unset;
    cursor: pointer;
    background-color: unset;
}

.client-projects.ts__table{
    width: 100%;
}

.task_project{
    display: none;
}

.c__col-5 {
    width: calc(47%);
    margin: 0px 10px;
}

.base-dogovor{
    display: none;
}

#dogovor-edit-btn{
    max-width: 250px;
}

.project_title{
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    text-decoration-line: underline;
}

.project_title:hover{
    text-decoration-line: none;
    cursor: pointer;
}

.ts__table{
    margin-left: 10px;
}

.ts__table__item{
    margin-left: 10px;
}

#btn-project-delete{
    line-height: 10px;
    padding: 10px 24px;
}

#add-project{
    width: 20px;
    height: 20px;
    display: block;
}

.dogovor_rows{
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
}

.act_rows{
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

.dogovor_table_start_rows{
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
}

.acts_table_begin, .acts_sign_table_begin{
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

.dogovor_skan_item{
    background: url(../img/scan-white.svg) no-repeat 10px 8px #6091F8;
    border-radius: 3px;
    padding-left: 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 85px;
    line-height: 30px;
    height: 30px;
    margin-left: 14px;
    margin-right: 8px;
    transition: all .2s;
    text-decoration: none;
    font-size: 15px;
}

.dogovor_skan_item:hover{
    cursor: pointer;
}

.dogovor-edit:hover{
    text-decoration: none;
}

.task-dogovor tr td:first-child{
    color: black;
}

.table-item{
    color: #6091F8;
    font-style: normal;
    font-weight: normal;
    padding: 20px 10px 11px 10px;
    display: block;
    width: 100%;
}

.chat-control {
    height: 30px;
}

.chat-control .chat-attach-file {
    align-self: flex-end;
    margin-bottom: 5px;
}

.chat-control .chat-input {
    height: 100%;
}

.chat .chat-input textarea, .chat .chat-input .textarea {
    overflow: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 6px;
    padding-right: 25px;
    font-size: 14px;
    height: 100%;
    resize: none;
}

.chat-control .chat-input button {
    bottom: 5px;
    top: unset;
}

.chat-dialog__user__main__footer a:nth-child(2) {
    margin-left: 15px;
}

.chat-dialog__user__text a {
    color: #08235C;
}

.chat-dialog__user__text a:hover {
    text-decoration-line: none;
}

.chat-dialog__user__answer.js-scroll {
    cursor: pointer;
}

.chat-control .chat-attach-file {
    cursor: pointer;
    height: 20px;
}

.chat-control .chat-attach-file input[type=file] {
    visibility: hidden;
}

.chat-control .chat-attach-file.chat-attach-empty-file {
    background: url(../img/attach-gray.svg) no-repeat center;
    background-size: 16px;
}

form.chat .chat-dialog__user__admin {
    max-width: 100%;
}

form.chat .chat-dialog__user__admin:after {
    all: initial;
}

form.chat .chat-dialog__user__delete {
    cursor: pointer;
    text-decoration-line: underline;
}

form.chat .chat-dialog__user__delete:hover {
    text-decoration-line: none;
}

.chat-dialog__user__text {
    word-break: break-all;
}

.chat-dialog__user {
    justify-content: start;
}

.chat-dialog__user .chat-dialog__user__main {
    width: auto;
    max-width: calc(100% - 32px);
    min-width: calc(60% - 32px);
    margin-left: 10px;
}

.chat-dialog__user .chat-dialog__user__admin {
    min-width: calc(60% - 32px);
}

.chat-dialog__user.chat-dialog__admin {
    justify-content: flex-end;
}

.check-list__docs__notimg {
    text-decoration-line: none;
    flex-direction: column;
}

.remodal-edit-checklist .field-row, .remodal-add-checklist .field-row, .remodal-add-checklist-from-message .field-row {
    width: auto;
}

.remodal-add-checklist label.fileattach input[type=file], .remodal-edit-checklist label.fileattach input[type=file] {
    visibility: hidden;
}

.attach-file-item input[type=file] {
    height: 0px;
    width: 0px;
    visibility: hidden;
    padding: 0px;
    border: 0px;
}

.attach-file-item {
    margin-bottom: 10px;
}

.attach-file-item__close {
    top: -7px;
    right: -5px;
}

.attach-file-item__close:hover {
    background-color: #ccc;
}

.attach-file-item__name {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.remodal.remodal-big .btns-control a.modal-close:hover {
    text-decoration-line: none;
}

.check-list .slider {
    position: absolute;
    background-color: #ccc;
}

.client-info a {
    height: 30px;
}

.act_expenses_rows{
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
}

.expenses_acts_table_begin{
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
}

.details_category{
    color: #4e4e4e;
    font-size: 12px;
    margin-top: unset;
}

.check-list__person__item {
    height: 30px;
    width: 30px;
}

.check-list__row {
    padding: 8px 0px;
    background-color: white;
}

.check-list__row:hover .check-list__move, .check-list__row:hover .check-list__delete {
    visibility: visible;
}

.remodal form.add-lead .btn.btn-fillblue {
    line-height: 10px;
}

.remodal form.add-lead label.file {
    display: inline-block;
}

.remodal form.add-lead input[type=file] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.remodal form.add-lead .field-row-scan {
    display: flex;
    flex-wrap: wrap;
}

.remodal form.add-lead .field-row-scan label:first-child {
    width: 100%;
}

.remodal form.add-lead .field-row-scan a.btn-delete {
    padding: 5px 0 0 15px;
}

.remodal form.add-lead .field-row-scan a.btn-delete:hover {
    text-decoration: none;
}

.remodal form.add-lead .field-row-scan a.btn.btn-fillblue {
    display: block;
    max-width: 130px;
}

.remodal.remodal-add_lead {
    max-width: 1020px
}

.remodal.remodal-add_lead .grid-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 10px;
}

.remodal.remodal-add_lead .field-row {
    width: 100%;
    margin-bottom: 0px;
}

.remodal.remodal-add_lead .field-row textarea {
    min-height: 90px;
}

.remodal.remodal-add_lead .field-row.field-row-empty {
    grid-column-start: 1;
    grid-column-end: 4;
    height: 20px;
}

.remodal.remodal-add_lead .field-row.field-row-textarea {
    grid-column-start: 1;
    grid-column-end: 4;
}

.remodal.remodal-add_lead .field-row.field-row-textarea .comment_editor_row {
    min-height: 111px;
}

.remodal.remodal-add_lead .field-row .contact-person__item{
    width: 100%;
}

.remodal.remodal-add_lead .field-row.field-row-client_contacts input:not(:last-child) {
    margin-bottom: 10px;
}

.content-leads {
    overflow: unset;
}

.leads {
    background: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
}

.leads .c__table__row {
    grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr;
}

.leads .c__table__row .btn.btn-red {
    padding: 7px 24px;
}

.leads .c__table__row .c__table__col p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.content-tactic {
    overflow: unset;
}

.tactic {
    background: #FFFFFF;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
}

.tactic .c__table__row {
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
}

.tactic .c__table__row .c__table__col.files a {
    display: block;
}

.tactic .c__table__row .btn.btn-red {
    padding: 7px 24px;
}

.tactic .c__table__row .c__table__col p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.tactic .creator_user, .tactic .responsible_user {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.tactic .creator_user .check-list__person__item, .tactic .responsible_user .check-list__person__item {
    margin-left: 0;
    margin-right: 10px;
}

.tactic .c__table__col .text {
    margin-left: 30px;
}

.remodal.remodal-edit_lead {
    max-width: 1020px
}

.remodal.remodal-edit_lead .grid-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 10px;
}

.remodal.remodal-edit_lead .field-row {
    width: 100%;
    margin-bottom: 0px;
}

.remodal.remodal-edit_lead .field-row textarea {
    min-height: 90px;
}

.remodal.remodal-edit_lead .field-row.field-row-empty {
    grid-column-start: 1;
    grid-column-end: 4;
    height: 20px;
}

.remodal.remodal-edit_lead .field-row.field-row-textarea {
    grid-column-start: 1;
    grid-column-end: 4;
}

.remodal.remodal-edit_lead .field-row.field-row-textarea .comment_editor_row {
    min-height: 111px;
}

.remodal.remodal-edit_lead .field-row .contact-person__item{
    width: 100%;
}

.remodal.remodal-edit_lead .field-row.field-row-client_contacts input:not(:last-child) {
    margin-bottom: 10px;
}

.remodal.remodal-edit_lead textarea {
    font-size: 14px;
}

.lead-status {
    background: #f2f2f2;
    border-radius: 50px;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    margin: 10px 0px 15px 0px;
    height: 20px;
    display: inline-flex;
    padding: 0px 10px;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.lead-status[data-lead_status="1"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="2"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.25);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="3"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="4"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="5"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);;
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="6"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="7"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="8"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="9"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="10"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="11"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    width: 21px;
    margin-right: 5px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="12"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    margin-right: 5px;
    width: 21px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="13"]:before {
    content: '';
    display: inline-block;
    background: url(../img/gal.svg) no-repeat center rgba(0,0,0,.2);
    border-radius: 50px;
    margin-left: -10px;
    margin-right: 5px;
    width: 21px;
    height: 20px;
    min-width: 21px;
    min-height: 20px;
}

.lead-status[data-lead_status="1"] {
    background-color: #ca88fe;
}

.lead-status[data-lead_status="2"] {
    background-color: #ff9900;
}

.lead-status[data-lead_status="3"] {
    background-color: #ff6d4d;
}

.lead-status[data-lead_status="4"] {
    background-color: #F1CD19;
}

.lead-status[data-lead_status="5"] {
    background-color: #ee5d7f;
}

.lead-status[data-lead_status="6"] {
    background-color: #6091f8;
}

.lead-status[data-lead_status="7"] {
    background-color: #9068fd;
}

.lead-status[data-lead_status="8"] {
    background-color: #ff66b0;
}

.lead-status[data-lead_status="9"] {
    background-color: #ff9900;
}

.lead-status[data-lead_status="10"] {
    background-color: #ca88fe;
}

.lead-status[data-lead_status="11"] {
    background-color: #56db5b;
}

.lead-status[data-lead_status="12"] {
    background-color: #b0b0b0;
}

.lead-status[data-lead_status="13"] {
    background-color: #1199f1;
}

.new-select-lead-status {
    position: relative;
    cursor: pointer;
    user-select: none;
    border-radius: 50px;
    width: 100%;
    color: white;
    max-width: 230px;
    margin-top: 0px
}

.new-select-lead-status:hover {
    opacity: 0.8;
}

.new-select-lead-status__list {
    position: absolute;
    left: 0;
    top: 22px;
    border-radius: 10px;
    border: 1px solid #ced4da;
    cursor: pointer;
    width: 100%;
    z-index: 3;
    background: #fff;
    user-select: none;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 22%);
}

.new-select-lead-status__list.on {
    display: block;
}

.new-select-lead-status__item span {
    display: block;
    padding: 8px 15px;
}

.new-select-lead-status__item[data-lead_status="1"] span:hover {
    color: #ca88fe;
}

.new-select-lead-status__item[data-lead_status='2'] span:hover {
    color: #ff9900;
}

.new-select-lead-status__item[data-lead_status='3'] span:hover {
    color: #ff6d4d;
}

.new-select-lead-status__item[data-lead_status='4'] span:hover {
    color: #F1CD19;
}

.new-select-lead-status__item[data-lead_status='5'] span:hover {
    color: #ee5d7f;
}

.new-select-lead-status__item[data-lead_status='6'] span:hover {
    color: #6091f8;
}

.new-select-lead-status__item[data-lead_status='7'] span:hover {
    color: #9068fd;
}

.new-select-lead-status__item[data-lead_status='8'] span:hover {
    color: #ff66b0;
}

.new-select-lead-status__item[data-lead_status='9'] span:hover {
    color: #ff9900;
}

.new-select-lead-status__item[data-lead_status='10'] span:hover {
    color: #ca88fe;
}

.new-select-lead-status__item[data-lead_status='11'] span:hover {
    color: #56db5b;
}

.new-select-lead-status__item[data-lead_status='12'] span:hover {
    color: #ccc;
}

.new-select-lead-status__item[data-lead_status='13'] span:hover {
    color: #1199f1;
}

.new-select-lead-status:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 9px;
    top: 9px;
    background: url('path-to-image') no-repeat right center / cover;
    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select-lead-status.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.check-list .j-checkbox {
    width: auto;
    margin-right: 30px;
    padding-left: 0px;
}

.check-list .j-checkbox input[type=checkbox] {
    width: 0;
    height: 0;
    padding: 0;
}

.check-list .check-list__item span {
    padding-right: 20px;
}

.check-list .check-list__item .check-list__more {
    padding-left: 0px;
    margin-left: 0px;
}

.check-list .check-list__row__label {
    cursor: grab;
}

.check-list .check-list__row .check-list__item {
    cursor: default;
}

.check-list .check-list__row .check-list__person {
    cursor: default;
}

.check-list .check-list__move,
.check-list .check-list__delete {
    visibility: hidden;
    cursor: grab;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.check-list .check-list__move svg,
.check-list .check-list__delete svg {
    width: auto;
    height: 15px;
    margin-top: 1px;
}

.check-list .check-list__move:hover svg,
.check-list .check-list__delete:hover svg {
    fill: #6091F8;
}

.check-list .check-list__delete {
    cursor: pointer;
}

.chat .chat-input .textarea, .chat .chat-input textarea {
    border-radius: 3px;
    border: 1px solid #DEE4F2;
    background: #FFFFFF;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 6px;
    padding-right: 25px;
    font-size: 14px;
    height: 100%;
    resize: none;
}

.chat-mention-item {
    padding: 5px 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #DEE4F2;
}

.chat-mention-item.active {
    background: #ebebeb;
}

.chat-mention-item:hover {
    box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);
}

.chat-mention-item .check-list__person__item {
    margin-left: 5px;
}

.chat-mention-item .check-list__person__alias {
    margin-left: 10px;
}

.chat-mention-item .check-list__person__alias span {
    display: block;
    color: #706F6F;
    font-size: 12px;
}

.chat-dialog__mention-block {
    max-height: 172px;
    overflow-y: auto;
}

.chat-dialog__mention-block::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.chat-dialog__mention-block::-webkit-scrollbar-track {
    background-color: #999;
}

.chat-dialog__mention-block::-webkit-scrollbar-track-piece {
    background-color: #A7C2FC;
}

.chat-dialog__mention-block::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #6091F8;
}

.chat-dialog__mention-block::-webkit-scrollbar-corner {
    background-color: #999;
}

textarea {
    font-size: 14px;
}

.h1-head .control-persons__item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
}

.c__col-desr .check-list-form {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr auto;
    grid-gap: 10px;
    margin-top: 5px;
}

.c__col-desr .check-list-form textarea {
    height: 30px;
    padding: 6px;
}

.c__col-desr .check-list-form input {
    width: 100%;
}

.c__col-desr .check-list-form .btn.btn-fillblue {
    max-width: 100px;
    text-align: center;
    height: 0px;
    padding: 7px 24px;
}

.full-width {
    overflow: auto;
}

.c__col-7 {
    width: calc(50% + 20px);
    margin: 0px 10px;
}

.c__col-5 {
    width: calc(50% - 60px);
    margin: 0px 10px;
}

.clients-pays span.expanse-summ{
    color: darkred;
    font-size: 14px;
}

.pays span.expanse-summ {
    font-size: 14px;
    line-height: 16px;
    color: darkred;
}

.c__table__row.itog .expanse-pay-finall {
    font-weight: 500;
    font-size: 18px;
    color: darkred;
}

.check-list .check-list__docs {
    padding-left: 30px;
}

.chat .chat-dialog__user__file .file_title,
.check-list .check-list__docs__item .check-list__docs__notimg div,
.content-tactic .check-list__docs .check-list__docs__notimg div {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding: 0px 5px;
    text-overflow: ellipsis;
    text-align: center;
    display: block;
}

.task-add-entity {
    width: 16px;
    height: 16px;
}

.test{
    font-size: 16px;
    padding-bottom: 10px;
}

.nav-tactic span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/nav-icons/icon-16.svg) no-repeat center;
}

.nav-leads span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/nav-icons/icon-12.svg) no-repeat center;
}

.nav-dogovors span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/nav-icons/icon-11.svg) no-repeat center;
}

.nav-expenses span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/nav-icons/icon-10.svg) no-repeat center;
}

.nav-leads.active span {
    background: url(../img/nav-icons/icon-13.svg) no-repeat center;
}

.nav-tactic.active span {
    background: url(../img/nav-icons/icon-17.svg) no-repeat center;
}

.nav-dogovors.active span {
    background: url(../img/nav-icons/icon-15.svg) no-repeat center;
}

.nav-expenses.active span {
    background: url(../img/nav-icons/icon-14.svg) no-repeat center;
}

.nav-panel span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/nav-icons/icon-18.svg) no-repeat center;
}

.nav-panel.active span {
    background: url(../img/nav-icons/icon-19.svg) no-repeat center;
}

.content-leads .red-text {
    color: red !important;
}

.content-leads .green-text {
    color: green !important;
}

.client-whatsapp img{
    position: relative;
    top: 7px;
    margin-left: 8px
}
.j-checkbox img{
    position: relative;
    top: -6px;

}

.main-nav{
    overflow: auto;
    height: 100%;
    padding-bottom: 80px;
}

.coef{
    font-size: 24px;
    width: 110px;
    padding: 30px;
}

.green_coef{
    background-color: #cbf2cf;
}

.red_coef{
    background-color: #E92E5A;
}
.sverka_title {
    font-size: 15px;
    padding: 10px;
}

.check-list__item-deadline {
    display: block;
    font-size: 12px;
    color: #706F6F;
}

.red-text {
    color: red;
}

.green-text {
    color: green;
}

.content-tactic .ts__filter .switch-checkbox {
    position: relative;
    display: inline-block;
    width: 61px;
    height: 26px;
    margin-left: 8px;
    margin-top: 1px;
}

.content-tactic .slider.round {
    position: absolute;
    padding-bottom: 0;
    margin-bottom: 0;
    background-color: #ccc;
}

.content-tactic .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 4px;
    bottom: 1px;
    background-color: white;
    transition: .4s;
}

.content-tactic input:checked+.slider:before {
    transform: translateX(29px);
}

.content-tactic input:checked+.slider {
    background-color: #2196F3;
}

.task-chat__menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    height: 27px;
}

.task-chat__menu-item {
    font-size: 14px;
    color: #08235C;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: 1px solid #DEE4F2;
    border-radius: 3px 3px 0px 0px;
}

.task-chat__menu-item:hover {
    background: #F0F4FF;
}

.task-chat__menu-item.active {
    border: 1px solid #DEE4F2;
    background: #F0F4FF;
}

.chat-textarea {
    height: calc(100% - 60px);
    border-top: 1px solid transparent;
    border-radius: 0px 0px 3px 3px;
}

.task-parent a:hover {
    border-bottom: 0;
}

.sverka_control {
    align-items: center;
}

.content-tactic .remodal-add-checklist .btn.btn-fillblue {
    text-align: center;
}

.task__content .acts-block .file-list .file-item {
    max-width: 100px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

@media (max-width: 992px) {
    .task-act .file-list {
        width: 100%;
    }

    .task__content .acts-block .file-list .file-item {
        max-width: none;
        display: block;
        white-space: normal;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
    }
}

.content-tactic .c__table__col.files div a {
    padding-bottom: 5px;
}
.content-tactic .c__table__col.files div a:last-child {
    padding-bottom: 0;
}

.tactic .j-checkbox input {
    width: 16px;
    height: 16px;
}

.check-list .j-checkbox:before,
.check-list .form-check:before,
.content-tactic .j-checkbox:before,
.content-tactic .form-check:before {
    width: 20px;
    height: 20px;
}

.check-list .j-checkbox:after,
.check-list .form-check:after,
.content-tactic .j-checkbox:after,
.content-tactic .form-check:after {
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.task-money__row__edit-dates {
    padding-top: 26px;
}

.task-money__row__edit-dates a:hover {
    text-decoration-line: none;
}

.tactic .check-list__docs {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px;
    padding-left: 30px
}

.tactic .c__table__col.task_title a {
    display: inline-block;
    margin-bottom: 2px;
}

.client-info .c__col-12 {
    border-bottom: 1px solid #DEE5F2 !important;
    margin: 0px !important;
}

.debet-more.js-act-edit{
    cursor: pointer;
}

.debet-more.js-payment-edit{
    cursor: pointer;
}

.content-white.debet .sverka_table{
    max-width: 1000px;
}

@media (min-width: 992px) {
    .content-leads .ts__filter__right {
        flex-wrap: wrap;
    }

    .content-leads .ts__filter__title {
        place-self: flex-start;
        margin-top: 20px;
    }
}

body{
    padding-right: 0!important;
}

.tactic.tactic-groups {
    background: #e9f0ff;
}
.tactic.tactic-groups .title {
    padding-bottom: 10px;
    margin-left: 25px;
    font-size: 18px;
    color: #67779A;
    padding-top: 15px;
    font-weight: 500;
}
.tactic.tactic-groups .c__table__rows {
    margin-left: 25px;
    background: white;
    border-radius: 5px 0 0 0;
}

.pays-parishes.pays-parishes-groups {
    background: #e9f0ff;
}
.pays-parishes.pays-parishes-groups .title {
    padding-bottom: 10px;
    margin-left: 25px;
    font-size: 18px;
    color: #67779A;
    padding-top: 15px;
    font-weight: 500;
}
.pays-parishes.pays-parishes-groups .c__table__rows {
    margin-left: 25px;
    background: white;
    border-radius: 5px 0 0 0;
}

.search-area .search_advice_wrapper .advice-row span {
    display: block;
    color: #706F6F;
    font-size: 12px;
}

.ts__plan-item .ts__plan-graph .ts__plan-summ {
    color: black;
    position: absolute;
    right: -75px;
    bottom: 8px;
}

.ts__plan-list-main .ts__plan-item .ts__plan-graph .ts__plan-summ {
    right: -85px;
}

.add-sverka-entity{
    width: 14px;
    height: 14px;
    margin-left: unset;
}

.sverka_title_row {
    align-items: center;
}

.main_block .task-client a:hover {
    text-decoration-line: none;
}

.sverka-more {
    grid-template-columns: 2fr 2fr 12fr;
    display: grid;
}

.chat .chat-dialog__user__date .arrow-down {
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}

.chat .chat-dialog__user__date .arrow-down:before {
    background-image: url('/img/arrow-down.svg');
    background-size: 13px 13px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 11px;
    content:"";
}

.chat .chat-dialog__user__date .arrow-down .chat-message-toolbar {
    z-index: 3;
    width: 85%;
    background: white;
    display: none;
    position: absolute;
    border-radius: 3px;
    right: 45px;
    box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26),0 2px 10px 0 rgba(0,0,0,.16);
}

.chat .chat-dialog__user__date .arrow-down .chat-message-toolbar div {
    padding: 5px 10px;
}
.chat .chat-dialog__user__date .arrow-down .chat-message-toolbar div:hover {
    background: rgba(0, 0, 0, .07);
}

.categories{
    height: max-content;
    min-width: 520px;
}

.plan_payments_modal{
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.org_token_info{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}