.task__wrapper {
    display: block;
    width: 100%;
}

.task__title {
    width: 100%;
    height: 80px;
    display: block;
    text-align: center;
    position: relative;
    padding: 0 13px;
}

.task__delete {
    width: 24px;
    height: 24px;
    display: block;
    background: url("../img/trash.png") no-repeat;
    background-size: 24px;
    position: absolute;
    top: 19px;
    left: 60px;
}

.task__heading {
    font-size: 29px;
    font-weight: 700;
    padding-top: 5px;
}

.app__body--measuring .task__heading {
    color: #8db5cd;
}

.app__body--service .task__heading {
    color: #b1b499;
}

.task__date {
    font-size: 21px;
    color: #000000;
}

.task__summary-wrapper {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #000000;
    padding: 20px 10px 11px 10px;
    border-bottom: 1px solid #363636;
    margin-bottom: 2px;
}

.task__summary-wrapper--no-border {
    border-bottom: 0;
}

.task__summary-row {
    width: 100%;
    display: flex;
    padding: 0 15px 12px 15px;
}

.task__summary-row--last {
    padding-bottom: 0;
}

.task__summary-row--divider {
    border: 0;
    height: 1px;
    background: #363636;
    width: 100%;
    margin: 2px 0;
    display: block;
}

.task__summary-title {
    font-size: 22px;
    color: #b50e0f;
    margin-bottom: 5px;
}

.task__summary-col-left {
    display: inline-block;
    width: 74%;
}

.task__summary-col-right {
    display: inline-block;
    /* width: 26%; */
}

.task__summary-row-label {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    padding-left: 10px;
}

.task__summary-row-inner-label {
    display: block;
    width: 100%;
    font-weight: 700;
}

.task__summary-row-content {
    display: inline-block;
    width: 75%;
}

.task__summary-row-content--full {
    width: 100%;
}

.task__summary-row-list {
    list-style: none;
    padding: 0;
}

.task__summary-row-item {
    display: inline-block;
    margin-left: 20px;
}

.task__summary-row-item-label {
    font-weight: 700;
}

.task__summary-col-left .task__summary-row-content {
    width: 75%;
}

.task__summary-col-right .task__summary-row-label {
    width: 72px;
    padding-left: 10px;
}

.task__summary-col-right .task__summary-row-content {
    width: 55%;
}

.task__title-wrap {
    background: #544f4e;
    height: 42px;
    font-size: 19px;
    color: #FFFFFF;
    padding-right: 15px !important;
    padding-left: 15px;
}

.task__title-wrap:after {
    left: 15px !important;
    right: unset !important;
    width: 14px;
    height: 14px;
    background: url("../img/arrow-collapse.png") no-repeat !important;
    background-size: 14px !important;
    transition: all ease 0.3s;
}

.task__body {
    padding: 0 13px;
    display: block;
}

.accordion.open .task__title-wrap:after {
    top: 8px;
    transform: rotate(-90deg) !important;
}

.app__body--measuring .accordion {
    margin-bottom: 1px;
}

.task__form-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 15px;
}

.task__form-row--last .form__element {
    margin-bottom: 0;
}

.task__form-wrapper {
    display: block;
    padding: 0 13px;
}

.task__form-wrapper .task__form {
    border-bottom: 2px solid #4d4d4d !important;
}

.task__form-wrapper-title {
    padding: 0 10px;
    background: #544f4e;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    font-weight: 700;
    color: #FFFFFF;
}

.task__form {
    border-bottom: 0 !important;
}

.task__form--service {
    padding-top: 0;
}

.task__form-wrapper .task__form {
    display: flex;
    padding-top: 0;
}

.task__form-col {
    width: 50%;
    display: inline-block;
}

.task__form-col--left {
    background: #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

.task__form-col--right {
    background: #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.task__form-col .task__form-row {
    padding: 8px 15px 8px 12px;
    min-height: 51px;
}

.task__form-col .task__form-row--lg {
    padding-bottom: 20px;
}

.task__form-col .form__element {
    display: flex;
    font-size: 15px;
    margin-bottom: 0;
}

.task__form-col .form__element-label {
    flex: 1;
    align-self: center;
}

.task__form-col .form__element-label--auto {
    flex: initial;
    padding-left: 12px;
}

.task__form-col .form__element-label span {
    width: 100%;
    display: block;
    font-weight: 600;
}

.task__form-col .form__element-number {
    align-items: start;
    font-size: 24px;
    color: #b50e0f;
    padding-left: 10px;
}

.task__form-col .form__element-checkbox {
    align-items: center;
    display: flex;
}

.task__form-col .form__element--task {
    display: flex;
    align-self: center;
}

.task__form-col .form__element--inactive {
    color: #cccccc;
}

.task__form-col .form__element--task .form__input--textarea {
    height: 61px;
}

.task__form-col .form__element--inactive input,
.task__form-col .form__element--inactive textarea {
    cursor: not-allowed;
    background: #cccccc;
    border-color: #cccccc;
}

.task__form-col .task__form-row:nth-child(even) {
    background: #ffffff
}

.task__form-col .task__form-row:nth-child(odd) {
    background: #efece8
}

.task__divider {
    border: 0;
    height: 1px;
    background: #363636;
    width: 100%;
    margin: 2px 0;
    display: block;
}

.task__action-panel {
    height: 106px;
    display: block;
    text-align: center;
    background: #efece8;
    padding-top: 27px;
}

.task__action-panel>button {
    margin: auto;
}

.task__form-row--left-element .form__element-button>button {
    float: left;
    margin-left: 30px;
}

.task__data-grid table {
    width: 100%;
    border-spacing: 0;
    border-bottom: 2px solid #4d4d4d;
}

.task__data-grid thead {
    background: #544f4e;
    height: 52px;
}

.task__data-grid th {
    padding: 0 5px;
    height: 51px;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
    text-align: right;
}

.task__data-grid td {
    padding: 0 5px;
    height: 30px;
    font-size: 13px;
    color: #000000;
    text-align: right;
}

.task__data-grid td.index {
    color: #b50e0f;
    font-weight: 700;
}

.task__data-grid tbody tr:nth-child(even) {
    background: #efece8
}

.task__data-grid tbody tr:nth-child(odd) {
    background: #ffffff
}

.task__form .agenda__list {
    display: flex;
}

.mes_task_measuring .doot_title {
    width: 50px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    place-self: center;
}

.mes_summary .notification_sec,
.mes_task_measuring .notification_sec {
    place-self: center;
}

canvas {
    width: 100%;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    display: none;
}