/* Список вкладок */

.list-tabs {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 0px;
    width: 100%;
}

.list-tabs a {
    display: block;
    padding: 2px 10px;
    text-align: center;
    color: inherit;
}

.list-tabs li {
    display: inline-block;
    float: left;
    position: relative;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    background: #FFFFFF; /* Для старых браузров */
    background: -moz-linear-gradient(top, #FFFFFF, #E4E4E3); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E4E4E3));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #FFFFFF, #E4E4E3);
    background: -o-linear-gradient(top, #FFFFFF, #E4E4E3); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF, #E4E4E3); /* IE10 */
    background: linear-gradient(top, #FFFFFF, #E4E4E3); /* CSS3 */
    top: 3px;
    z-index: 10;
}

.list-tabs li:hover {

    color: white !important;
    background: #637BAD !important;
}

.list-tabs li[select="1"] {
    border: 2px solid #CCCCCC;
    border-bottom: 1px solid white;
    top: 0px;
    background: white;
}

.list-tabs li[select="1"] a {
    padding-bottom: 5px;
    font-weight: bold;
}

/**
 * Контейнер содержащий блоки с контентом вкладок 
 *
 * @author Каймонов Владимир
 * @lastmodified 08.07.2014
 *
 */
.list-tabs-container-tab-content {
  height: auto; 
  border: 2px solid #CCCCCC; 
  padding: 5px; 
}

.list-tabs-container-tab-content div[number-tab] {
  display: inline-block;
  width: 100%; 
}


/* Список вкладок */

/* Вертикальный список вкладок */
.list-tab-vertical {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 0px;
    width: 100%;
}

.list-tab-vertical li[li-tab-vertical] a {
    display: inline-block;
    float: left;
    position: relative;
    padding: 5px 10px;
    width: 100%;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /* Для старых браузров */
    background: #FFFFFF;
    /* Chrome 1-9, Safari 4-5 */
    background: -moz-linear-gradient(top, #FFFFFF, #E4E4E3); /* Firefox 3.6+ */
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E4E4E3));
    background: -webkit-linear-gradient(top, #FFFFFF, #E4E4E3);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #FFFFFF, #E4E4E3);
    /* IE10 */
    background: -ms-linear-gradient(top, #FFFFFF, #E4E4E3);
    /* CSS3 */
    background: linear-gradient(top, #FFFFFF, #E4E4E3);
}
/* Вертикальный список вкладок */

.a-hover-color-off:hover {
    color: inherit;
}

/* Панель вкладок (показатели и анализы) на главном окне */
.tab_panel_main {
    float: left;
    width: 100%;
}
/* Панель вкладок (показатели и анализы) на главном окне */


.dialog__choice-category-mkb-10 .container-autocomplete {
    padding: 5px;
}

.dialog__choice-category-mkb-10 .dialog__content {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.dialog__choice-category-mkb-10 .toolbar {
    padding: 5px;
}

.tr-plan-dialog__header {
    display: block;

    margin-bottom: 5px;

    border-bottom: 2px solid #d3d3d3;

    font-weight: bold;
}

.tr-plan-dialog__footer {
    display: block;

    text-align: right;
}
/**
 * Стили используемые в диалоговом окне добавления/редактирования плана лечения
 *
 */

.tr-plan__dialog-add-edit fieldset {
    border: none;
    margin-top: 5px;
}

.tr-plan__dialog-add-edit textarea {
    resize: none;
    border: 1px solid #D3D3D3;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tr-plan__dialog-add-edit select {
    padding: 2px;
    border: 1px solid #D3D3D3;
}

.patient__container-label-and-autocomplete {
    display: inline-block;
    width: 100%;
}

.tr-plan__dialog-add-edit .patient label {
    display: inline-block;
    padding-top: 6px;
}

.tr-plan__dialog-add-edit .patient-name {
    border: 1px solid #CCC;
    width: 100%;
    display: inline-block;
    height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding: 3px;
    margin-top: 2px
}

.tr-plan__dialog-add-edit__start-date-and_duration {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;

    margin-top: 5px;
}

.tr-plan__dialog-add-edit__start-date {
    margin-right: 10px;
    margin-bottom: 0;
}

.tr-plan__dialog-add-edit__duration {
    margin-bottom: 0;
}

.tr-plan__dialog-add-edit input[name="START_DATE"] {
    width: 70px;

    margin-left: 5px;
    padding: 3px;

    text-align: center;
}

.tr-plan__dialog-add-edit input[name="DURATION"] {
    width: 50px;

    margin: 0 5px;
    padding: 3px;

    text-align: right;
}

.tr-plan__dialog-add-edit__trustees {
    margin-top: 5px;
}

.tr-plan__dialog-add-edit__service-cds,
.tr-plan__dialog-add-edit__form-of-payment {
    margin-top: 10px !important;
}

.tr-plan__dialog-add-edit__is-use-nomenclature-included-in-cost-checkbox {
    vertical-align: text-top;
}
/**
 * Стили используемые в диалоговом окне Запуск плана лечения
 *
 */

.tr-plan__dialog-start fieldset {
    border: none;
    margin-top: 10px;
}

.tr-plan__dialog-start input,
.tr-plan__dialog-start select {
    padding: 2px;
}

.tr-plan__dialog-start .dialog__caption {
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #D3D3D3;
    margin-bottom: 5px;
}

.tr-plan__dialog-start input[name="COMPLETED_DATE"],
.tr-plan__dialog-start select {
    width: 120px;
    box-sizing: border-box;
}

.tr-plan__dialog-start select[name="COMPLETED_TYPE"] {
    width: 250px;
}

.tr-plan__dialog-start textarea[name="COMPLETED_DESCRIPTION"] {
    padding: 2px;
    height: 200px;
    width: 100%;
    box-sizing: border-box;
}

.tr-plan__dialog-start #cke_COMPLETED_DESCRIPTION {
    box-sizing: border-box;
}

.tr-plan__dialog-start .completed-date label,
.tr-plan__dialog-start .completed-type label {
    width: 115px;
    display: inline-block;
}

.tr-plan__dialog-start .tr-plan__start-date label,
.tr-plan__dialog-start .tr-plan__cost label,
.tr-plan__dialog-start .tr-plan__payable label,
.tr-plan__dialog-start .tr-plan__form-payment label {
    width: 115px;
    display: inline-block;
}

.tr-plan__dialog-start .tr-plan__start-date input,
.tr-plan__dialog-start .tr-plan__cost span,
.tr-plan__dialog-start .tr-plan__payable input,
.tr-plan__dialog-start .tr-plan__form-payment select {
    width: 130px;
    margin-left: 5px;
}

.tr-plan__dialog-start label {
    font-weight: bold;
}

.tr-plan__dialog-complete .completed-description-label {
    float: left;
}

.tr-plan__dialog-complete .buttons-template {
    float: right;
}

.tr-plan__dialog-complete .completed-description-header {
    margin-bottom: 10px;
}

.tr-plan-step-dialog-add-update__cabinet-and-doctor-item {
    margin-bottom: 10px;

    display: flex;
    align-items: center;
}

.tr-plan-step-dialog-add-update__cabinet-and-doctor-item label {
    display: inline-block;
    padding: 0 5px;

    width: 65px;
}

.tr-plan-step-dialog-add-update__cabinet-and-doctor-item select {
    flex-grow: 1;

    padding: 2px;
}

.tr-plan-step-dialog-add-update__cabinet-and-doctor-item select:disabled {
    opacity: 0.5;
}
.step-dialog-add-edit__duration-type {
    margin-bottom: 15px;
}

.step-dialog-add-edit__duration-type-caption {
    display: inline-block;
    padding-top: 4px;
}

.step-dialog-add-edit__duration-type-items {
    display: inline-block;
    vertical-align: top;
}

.step-dialog-add-edit__duration-type-item__caption {
    display: inline-block;
    vertical-align: top;

    padding-top: 4px;
}
.step-dialog-add-edit__duration {
    display: inline-block;
}

.step-dialog-add-edit fieldset {
    border: none;
    margin-top: 5px;
}

.step-dialog-add-edit textarea {
    resize: none;
    border: 1px solid #D3D3D3;
    width: 100%;
    margin: 0;
    padding: 0;
}

.step-dialog-add-edit select {
    padding: 2px;
    border: 1px solid #D3D3D3;
}

.step-dialog-add-edit input {
    padding: 3px;
    border: 1px solid #D3D3D3;
    vertical-align: middle;
}

.step-dialog-add-edit label {
    font-weight: bold;
}

.step-dialog-add-edit label[for] {
    font-weight: normal;
}

.step-dialog-add-edit label[for^="type"] {
    width: 67px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.step-dialog-add-edit input[type="number"] {
    text-align: right;
}

.step-dialog-add-edit .column-left {
    float: left;
}

.step-dialog-add-edit .column-left,
.step-dialog-add-edit .column-right {
    width: 49%;
}

.step-dialog-add-edit .left-label {
    width: 85px;
    display: inline-block;
    /*box-sizing: border-box;
    /* Для Firefox */
    -moz-box-sizing: border-box;
    /* Для Safari, Chrome и iOS */
    -webkit-box-sizing: border-box;

}

.step-dialog-add-edit__name {
    margin-right: 15px;
}

.step-dialog-add-edit__name textarea[name="STEP_NAME"] {
    width: 255px;
    height: 45px;

    padding: 2px;

    vertical-align: top;
}

.step-dialog-add-edit .checkpoint label {
    font-weight: normal;
    width: auto;
    display: inline-block;
    position: relative;
    top: 1px;
}

.step-dialog-add-edit .types-cabinets-loading {
    display: inline-block;
    height: 15px;
    width: 15px;
}

.step-dialog-add-edit div[number-tab="2"] .table-container {
    margin-top: 5px;
    overflow-y: auto;
}

.step-dialog-add-edit div[number-tab="3"] .table-container {
    height: 400px;
}

.step-dialog-add-edit .required-step-selected {
    background: #F9EDBE;
}

#table-step-nomenclature {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

#table-step-nomenclature th {
    padding: 3px 5px;
    border-bottom: 1px solid #CCCCCC;
}

#table-step-nomenclature td {
    text-align: left;
    padding: 5px;
    word-wrap: break-word;
    border-bottom: 1px solid #CCCCCC;
}

#table-step-nomenclature th,
#table-step-nomenclature td {
    border-left: 1px solid #CCCCCC;
}

#table-step-nomenclature th:first-child,
#table-step-nomenclature td:first-child,
#table-step-nomenclature th[column-number="buttons"],
#table-step-nomenclature td[column-number="buttons"] {
    border-left: none;
}

#table-step-nomenclature input, #table-step-nomenclature select {
    width: 100%;
}

#table-step-nomenclature th {
    font-weight: normal;
}

#table-step-nomenclature[data-mode="edit"] td[column-number="2"] {
    width: 125px;
    max-width: 125px;
}

#table-step-nomenclature[data-mode="edit"] td[column-number="3"] {
    width: 55px;
    max-width: 55px;
}

#table-step-nomenclature[data-mode="edit"] td[column-number="price"] {
    width: 92px;
    max-width: 92px;
}

#table-step-nomenclature[data-mode="edit"] td[column-number="duration"],
#table-step-nomenclature[data-mode="edit"] td[column-number="number_of_times_per_day"] {
    width: 8%;
    max-width: 8%;
}

#table-step-nomenclature td[column-number="3"],
#table-step-nomenclature td[column-number="price"],
#table-step-nomenclature td[column-number="duration"],
#table-step-nomenclature td[column-number="number_of_times_per_day"] {
    text-align: right;
}

#table-step-nomenclature td input,
#table-step-nomenclature td select {
    box-sizing: border-box;
}

#table-step-nomenclature th[column-number="buttons"],
#table-step-nomenclature td[column-number="buttons"] {
    width: auto !important;
    padding: 0 !important;
    text-align: center;
}

#table-step-nomenclature td[column-number="buttons"] .cancel-execution,
#table-step-nomenclature td[column-number="buttons"] .status {
    display: inline-block;
    padding: 0 5px;
}

#table-step-nomenclature input[field-number="QUANTITY"],
#table-step-nomenclature input[field-number="DURATION"],
#table-step-nomenclature input[field-number="NUMBER_OF_TIMES_PER_DAY"] {
    text-align: right;
}

#table-step-nomenclature .loading-data {
    width: 100%;
    height: 20px;
    background-image: url('../../../../images/loading01.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.step-dialog-add-edit .treatment-plan-step__start select[name='START_MEASUREMENT'] {
    width: 70px;
    margin-left: 5px;
}

.step-dialog-add-edit .treatment-plan-step__start input[name='START_WHEN_0'],
.step-dialog-add-edit .treatment-plan-step__start input[name='START_WHEN_1'] {
    text-align: right;
    padding-right: 5px;
    width: 50px;
}

.step-dialog-add-edit .treatment-plan-step__start input[name='START_FROM'] {
    margin-right: 5px;
}

.step-dialog-add-edit .treatment-plan-step__start input[name='START_WHEN_1'] {
    float: left;
}

.treatment-plan-step__start-when-1 {
    display: inline-block;
}

.treatment-plan-step__start-when-0 span,
.treatment-plan-step__start-when-1 span {
    padding-left: 5px;
}

#table-step-nomenclature span[field-number="DESCRIPTION"] {
    color: gray;
}



.tr-plan-step-dialog-add-update__step-name {
    display: flex;
}

.tr-plan-step-dialog-add-update__step-name label {
    margin-right: 10px;
}

.tr-plan-step-dialog-add-update__step-name [name="STEP_NAME"] {
    width: auto;
    height: auto;

    margin: 0;

    flex-grow: 1;
}

.step-dialog-add-edit__step-number {
    margin-bottom: 15px;
}
/**
 * Стили используемые в диалоговом окне Завершение этапа
 *
 */

.tr-plan-step__dialog-complete fieldset {
    border: none;
    margin-top: 10px;    
}

.tr-plan-step__dialog-complete input,
.tr-plan-step__dialog-complete select {
    padding: 2px;    
}

.tr-plan-step__dialog-complete label {
    font-weight: bold;
}

.tr-plan-step__dialog-complete .dialog__caption {
    display: inline-block;
    width: 100%;    
    border-bottom: 2px solid #D3D3D3;
    margin-bottom: 5px;    
}

.tr-plan-step__dialog-complete input[name="COMPLETED_DATE"],
.tr-plan-step__dialog-complete select {    
    width: 110px;    
    box-sizing: border-box;
}

.tr-plan-step__dialog-complete textarea[name="COMPLETED_DESCRIPTION"] {
    padding: 2px;
    height: 200px;    
    width: 100%;    
    box-sizing: border-box;
}

.tr-plan-step__dialog-complete #cke_COMPLETED_DESCRIPTION {    
    box-sizing: border-box;
}

.tr-plan-step__dialog-complete .step-name {
    font-size: 14px;
}

.tr-plan-dialog-sub-step-complete__choice-times {

}

.tr-plan-dialog-sub-step-complete__choice-times-group:first-child {
    margin-bottom: 10px;
}
.tr-plan-sub-step-dialog-add-edit__nomenclature-list label {
    font-weight: normal;
}
/**
 * Элемент карточки плана лечения
 *
 */

.treatment-plan-element__header {
    margin-bottom: 5px;
}

.treatment-plan-element__header h3 {
    display: inline;
    font-size: 12px;
    text-transform: uppercase;
}

.treatment-plan-header .plan-name {
    width: 70%;
    display: inline-block;
    line-height: 20px;
}

.treatment-plan-header .plan-name-info {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.treatment-plan-header .plan-cost {
    /*float: right;        */
}

.treatment-plan-header .plan-cost-difference {
    color: green;
}

.treatment-plan-header .plan-buttons {
    text-align: right;
    display: inline-block;
    width: 29%;
}

.treatment-plan-header .plan-buttons #btn-delete-plan {
    float: right;
    margin-left: 5px;
}

.treatment-plan-header .plan-buttons #btn-start-plan {
    float: right;
    padding: 2px 0;
    text-decoration: underline;
    color: #0F6388;
}

.treatment-plan-header #btn-delete-plan {
    margin-left: 5px;
}

.treatment-plan__buttons {
    margin-bottom: 15px;
}

.plan-is-completed {
    font-weight: bold;
    text-transform: uppercase;
    color: green;
    padding-right: 5px;
}

#table-required-steps {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

#table-required-steps td {
    text-align: left;
    padding: 5px;
    word-wrap: break-word;
    border-bottom: 1px solid #CCCCCC;
}

#table-required-steps td[column-number="1"] {
    width: 5%;
    max-width: 5%;
}

#table-required-steps td[column-number="2"] {
    width: 95%;
    max-width: 95%;
}

/* Строка будет выделяться, если у строки есть аттрибут hover-selection равным 1 */
table tr[hover-selection="1"]:hover {
    background-color: #D6D6D8 !important;
    cursor: pointer;
}

#table-tr-plan-trustees {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

#table-tr-plan-trustees td {
    text-align: left;
    padding: 5px;
    word-wrap: break-word;
    border-bottom: 1px solid #CCCCCC;
}

#table-tr-plan-trustees td:first-child {
    border-right: none;
}

#table-tr-plan-trustees td[column-number="2"] {
    border-left: none;
}

.treatment-plan__general {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.treatment-plan__general .table-container {
    border: none;
}

.treatment-plan__steps {
    margin-bottom: 20px;
}

.treatment-plan__information-at-discharge {
    padding-bottom: 0;
    margin-bottom: 0;
}

.treatment-plan__trustees {
    margin-top: 15px;
}

.tr-plan-sections.is-top-sections {
    margin-bottom: 20px;
}

.tr-plan-section--is-not-exist-in-structure {
    opacity: 0.4;

}

.tr-plan-section__btn-delete,
.tr-plan-section__btn-add-another {
    position: absolute;

    top: -1px;
    right: -1px;

    height: calc(100% + 2px);

    padding: 0 16px;

    outline: none;

    background-position: center;
    background-color: transparent;

    border: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    box-sizing: border-box;
}

.tr-plan-section__btn-add-another {
    right: 32px;
    border-radius: 0 !important;
}

.tr-plan-section__header[data-is-last-of-this-kind="0"] .tr-plan-section__btn-add-another,
.tr-plan-section__header[data-step-code=""] .tr-plan-section__btn-add-another {
    display: none;
}

.tr-plan-section__header[data-is-multiple="1"][data-step-code=""] .tr-plan-section__btn-add-another {
    right: -1px;

    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.tr-plan-section__header[data-is-multiple="1"][data-step-code=""] .tr-plan-section__btn-delete {
    display: none;
}

.tr-plan-section__header-info {
    max-width: 90%;

    margin: 0;

    color: grey;
    font-size: 12px;
}

.tr-plan-section__toolbar--is-step-kind-documents {
    display: flex;
    justify-content: space-between;
}

.tr-plan-section__toolbar__wrapper-btn-selection-documents {
    margin-left: auto;
}

.tr-plan-section__toolbar--is-step-kind-documents .dropdown-menu {
    left: auto;
    right: 0;

    max-height: 50vh;
    overflow-y: auto;
}

.tr-plan-section__btn-edit {
    position: relative;
    float: right;
}

.tr-plan-section__btn-edit.button-is-loading,
.tr-plan-section__btn-add-another.button-is-loading,
.tr-plan-section__btn-delete.button-is-loading {
    background-size: 16px !important;

    cursor: wait;
}

.tr-plan-section__btn-add-another.button-is-loading,
.tr-plan-section__btn-delete.button-is-loading {
    background-position: center !important;
}

.tr-plan-section__btn-add-another + .tr-plan-section__btn-delete {

}

.tr-plan-section__detail--is-step-kind-documents {
    overflow: visible !important;
}

.tr-plan-section__detail--is-step-kind-documents .loader-horizontal {
    padding: 15px;
}

.tr-plan-section__content .section-title {
    margin: 10px 0 0 0;

    font-size: 12px;
}

.tr-plan-section__content table {
    table-layout: fixed;
    width: 100%;

    margin: 10px 0 0 0;

    border: 1px solid #d5d5d5;
    border-collapse: collapse;
}

.tr-plan-section__content table caption {
    margin: 0 0 7px 0;

    font-size: 12px;

    text-align: left;
}

.tr-plan-section__content table th {
    font-size: 10px;
}

.tr-plan-section__content table th,
.tr-plan-section__content table td {
    padding: 7px 5px;

    border: 1px solid #d5d5d5;
}

.tr-plan-section__content .reception-information {
    word-break: break-word;
}

.tr-plan-section--prescriptions {
    margin: 20px 0;
}
/**
 * Стили используемые для офрмление списка этапов
 *
 */

.treatment-plan-step__header::after {
    content: "";
    display: table;
    clear: both;
}

.treatment-plan-step__header .step-name,
.treatment-plan-step__header .step-reception-kind-name {
    display: inline-block;
    padding-left: 22px;
}

.treatment-plan__step-buttons {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.treatment-plan__step-buttons input {
    float: right;
}

.treatment-plan-step--checkpoint .step-name {
    /*background-image: url("../images/checkpoint.png");*/
    background-image: url("images/checkpoint.png");
    background-position: left center;
    background-repeat: no-repeat;

}

.treatment-plan-step--checkpoint .step-is-checkpoint {
    text-transform: uppercase;
    font-weight: bold;
    color: #F4730C;
}

h3.treatment-plan-step--completed {
    background: rgba(133, 205, 184, 0.22) !important;

}

.step-is-completed {
    text-transform: uppercase;
    font-weight: bold;
    color: green;
}

h3.treatment-plan-step--removed {
    background: #ff6972 !important;
}

.step-is-removed {
    text-transform: uppercase;
    font-weight: bold;
    color: #ff6972;
}

.treatment-plan-step__header .btn-go-from-step-to-reception {
    display: inline-block;
    vertical-align: top;

    margin-right: 5px;
    padding: 3px 0;

    color: #0f6388 !important;
    cursor: pointer;
}


/**
 * Стили используемые для отображение таблицы подчинённых этапов
 *
 * @author Каймонов Владимир
 * @lastmodified 02.03.2015
 *
 */

#table-sub-steps {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

#table-sub-steps th {
    padding: 3px 5px;
    border-bottom: 1px solid #CCCCCC;
}

#table-sub-steps td {
    text-align: left;
    padding: 5px;
    word-wrap: break-word;
    border-bottom: 1px solid #CCCCCC;
}

#table-sub-steps th[column-number="1"], #table-sub-steps td[column-number="1"] {
    border-right: 1px solid #CCCCCC;
}

#table-sub-steps th {
    font-weight: normal;
}

#table-sub-steps td[column-number="1"] {
    width: 30%;
}

#table-sub-steps td[column-number="3"] {
    width: 20%;
    max-width: 20%;
    text-align: right;
}

.sub-step-is-completed {
    background: rgba(133, 205, 184, 0.22) !important;
}

.sub-step-is-removed {
    color: #ff6972 !important;
}

.step-list-sub-steps__header label {

}

.sub-step-nomenclature {
    color: grey;
    font-size: 11px;
    text-transform: lowercase;
}

#table-sub-steps td[column-number="3"] .btn-sub-step-complete {
    display: inline-block;
    vertical-align: top;
    padding: 3px 0;
}

#table-sub-steps td[column-number="3"] #btn-delete-sub-step {
    margin-left: 5px;
}
/**
 * Стили для оформления блока 'Информация при постпулении'
 *
 */

.tr-plan-info-on-admission {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: none;
}

.tr-plan-info-on-admission__direction-diagnosis-list,
.tr-plan-info-on-admission__admission-diagnosis-list {
    border: 1px solid #CCCCCC;
    min-height: 28px;
    max-height: 200px;
    overflow: auto;
}

.tr-plan-info-on-admission table {
    width: 100%;
    border-collapse: collapse;
}

.tr-plan-info-on-admission table tr:not([style*="display: none"]):nth-child(odd) {
    background: rgba(243, 243, 243, 0.78);
}

.tr-plan-info-on-admission table td {
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
}

.tr-plan-info-on-admission table tr:last-child td {
    border-bottom: none;
}

.tr-plan-info-on-admission table td:last-child {
    text-align: right;
}

.tr-plan-info-on-admission__direction-company,
.tr-plan-info-on-admission__attachment-company {
    display: flex;
    align-items: center;
}

.tr-plan-info-on-admission__direction-company .field,
.tr-plan-info-on-admission__attachment-company .field {
    flex-grow: 1;
}

.tr-plan-info-on-admission__direction-company input[name="DIRECTION_COMPANY_NAME"],
.tr-plan-info-on-admission__attachment-company input[name="ATTACHMENT_COMPANY_NAME"] {
    width: 100% !important;
    box-sizing: border-box;
}

/**
 * Стили для отображения блока Диагнозы
 *
 *
 */

.tr-plan-diagnoses {
    margin-bottom: 20px;
}

.tr-plan-diagnoses__item {
    margin-bottom: 20px;
}

.tr-plan-diagnoses__item:last-child {
    margin-bottom: 0;
}

.tr-plan-diagnoses__item__caption {
    margin-bottom: 1px;
    font-weight: bold;
}

.tr-plan-diagnoses__item__data {
    max-height: 100px;
    border: 1px solid #CCCCCC;
    overflow: auto;
}

.tr-plan-diagnoses__item__data.diagnoses-from-steps {
    max-height: 300px;
}

.tr-plan-diagnoses__item__data table {
    width: 100%;
    border-collapse: collapse;
}

.tr-plan-diagnoses__item__data table th {
    text-align: center;
}

.tr-plan-diagnoses__item__data table th,
.tr-plan-diagnoses__item__data table td {
    font-weight: normal;
    padding: 3px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.tr-plan-diagnoses__item__data table th {
    border-bottom: 1px solid #CCCCCC;
}

.tr-plan-diagnoses__item__data table td {
    text-transform: lowercase;
}

.tr-plan-diagnoses__item__data table td:first-letter {
    text-transform: uppercase;
}

.tr-plan-diagnoses__item__data table tbody tr:nth-child(odd) {
    background: rgba(243, 243, 243, 0.78);
}

.tr-plan-diagnoses__item__data table tr:first-child th,
.tr-plan-diagnoses__item__data table tr:first-child td {
    border-top: none;
}

.tr-plan-diagnoses__item__data table tr th:last-child,
.tr-plan-diagnoses__item__data table tr td:last-child {
    border-right: none;
}

#table-tr-plan-diagnoses {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
}

#table-tr-plan-diagnoses td {
    text-align: left;
    padding: 5px;
    word-wrap: break-word;
    border: 1px solid #CCCCCC;
}

#table-tr-plan-diagnoses td:first-child {
    border-right: none;
}

#table-tr-plan-diagnoses td[column-number="2"] {
    border-left: none;
}


.treatment-plan__history-legend {
    display: flex;
    justify-content: flex-end;

    margin-bottom: 10px;
}

.treatment-plan__history-legend-item {
    margin-right: 5px;
    padding: 3px 5px;

    border: 1px solid #dddddd;
    border-radius: 3px;
}

.treatment-plan__history-list.loader-horizontal {
    min-height: auto;

    padding-bottom: 20px;

    background-position-y: bottom;
}

.treatment-plan__history-list[data-view-mode="1"] .treatment-plan__history-row {
    margin-bottom: 0;
}

.treatment-plan__history-load-next-batch {
    text-align: center;
}

.treatment-plan__history-row {
    display: flex;
    justify-content: space-between;

    margin-bottom: 5px;
    padding: 5px 10px;

    background-color: #dddddd30;

    border: 1px solid #ddd;
    border-radius: 3px;
}

.treatment-plan__history-list[data-view-mode="1"] .treatment-plan__history-row--short {
    border-bottom: 1px solid #dddddd;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.treatment-plan__history-list[data-view-mode="1"] .treatment-plan__history-row--summary {
    margin-bottom: 15px;

    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.treatment-plan__history-item {
    margin-left: 5px;
}

.treatment-plan__history-row .treatment-plan__history-item:first-child {
    margin-left: 0;
}

.treatment-plan__history-item__general {
    min-width: 150px;
    width: 150px;
    text-align: center;
}

.treatment-plan__history-item__description {
    flex-grow: 1;
    margin-left: 10px;
}

.treatment-plan__history-item__actions {
    min-width: 55px;
    width: 55px;
    text-align: center;
}

.treatment-plan__history-item__nomenclatures {
    color: grey;
    font-size: 11px;

    text-transform: lowercase;
}

.treatment-plan__history-list-header {
    display: flex;
    justify-content: space-between;
}

.treatment-plan__history-item-detail__toolbar {
    margin: 10px 0;
}

.treatment-plan__history-row--summary {
    display: block;
    background-color: transparent;
}

.treatment-plan__history-row--summary .reception-information h3 {
    margin-top: 10px;
}

.treatment-plan__history-row--summary .reception-information table {
    border-collapse: collapse;
}

.treatment-plan__history-row--summary .reception-information table th,
.treatment-plan__history-row--summary .reception-information table td {
    padding: 3px 5px;
    border: 1px solid #c0c0c0;
}

.treatment-plan__history__detail:not(.loader-horizontal):empty::before {
    content: 'Нет данных';
}

.treatment-plan__history__header {
    display: flex !important;
    justify-content: space-between;
}

.treatment-plan__history .treatment-plan__history__btn-create-reception-diary:hover {
    color: #e25401;
}

.treatment-plan__history__btn-create-reception-diary.is-processing {
    padding-left: 17px;
    background-image: url("../images/loading01.gif");
    background-position: 0 0;
}
.btn-group--add-step .dropdown-menu {
    margin-top: 1px;
}
.treatment-plan__detail {
    overflow: visible !important;
}