/*// EchoWeb*/

:root {
    font-size: 20px !important;
}

.mud-layout {
    min-width: 680px;
}

/*.echo-grid .mud-tabs .mud-tabs-panels .mud-grid-item-sm-12,
.echo-grid .mud-tabs .mud-tabs-panels .mud-grid-item-md-6 {
    min-width: 680px;
}
*/

.mud-container {
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width: 599px) {
    .mud-grid-item-sm-12 {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

.jobs-container {
    display: flex;
    justify-content: space-around;
}

.job-status {
    display: flex;
    flex-direction: column;
    width: 312px;
}

    .job-status ul {
        flex: 1;
    }

.dropzone {
    padding: 30px;
    border: 1px dashed #75868a;
    list-style: none;
}

.no-drop {
    border: 2px dashed red;
}

.can-drop {
    border: 2px dashed green;
}

.draggable {
    margin-bottom: 10px;
    padding: 10px 25px;
    border: 1px solid #424d5c;
    cursor: grab;
    background: #5c6b7f;
    color: #ffffff;
    border-radius: 5px;
    width: 250px;
}

    .draggable:active {
        cursor: grabbing;
    }

.dragging {
    cursor: grabbing;
}

.description {
    font-size: 18px;
}

.last-updated {
    margin-bottom: 0;
    font-size: 11px;
    color: #e1e5ea;
    font-weight: bold;
}

.last-updated small {
    text-transform: uppercase;
    color: #c4cbd4;
    font-size: 11px;
}

/*h1, h2, h3, h4, h5, h6 {
    color: var(--mud-palette-primary-darken);
}*/

p {
    margin-bottom: 12px;
}

a {
    color: var(--mud-palette-primary-lighten);
}

.logo-img {
    height: 28px;
}

.drawer-logo a {
    color: #fff;
    font-size: 28px;
    margin-left: 10px;
}

.mud-overlay.mud-overlay-dialog {
    z-index: 99;
}

/*.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}*/

/*.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root{
    padding-bottom: 7px;
}*/

/* Диалоги */
.mud-dialog {
    border: 1px solid var(--mud-palette-primary);
    max-width: 598px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}

.mud-dialog .mud-dialog-title {
    background: var(--mud-palette-secondary);
    color: var(--mud-palette-primary-text);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-inline: 12px;
}

.mud-dialog .mud-dialog-title .mud-button-root {
    color: var(--mud-palette-primary-text);
}

.mud-dialog .mud-dialog-content {
    padding: 16px 12px 12px 12px;
}

.mud-dialog .mud-dialog-actions {
    padding: 0px 12px 12px 0px;
}

.mud-dialog .mud-select .mud-input .mud-input-slot {
    padding-left: 0px !important;
}

.mud-dialog .mud-select .mud-input-label.mud-input-label-inputcontrol {
    /*font-size: 1.0rem;*/
}

/* Диалог создания оплаты, аппаратов, отделений, ритмов, диагнозов*/
.create-dialog {
    min-width: 420px;
}

    .create-dialog .mud-dialog-content {
        padding: 12px 12px 12px 24px;
    }

    .create-dialog .mud-dialog-actions {
        padding: 0px 12px 12px 0px;
    }

/* Диалог создания шаблона текста */
.echoweb-textteamplate-create-dialog {
    /*width: 70ch;*/
    max-width: 60%;
    min-width: 800px;
    max-height: 100vh;
}

    .echoweb-textteamplate-create-dialog .mud-dialog-content {
        padding: 24px 24px 12px 36px;
    }

    .echoweb-textteamplate-create-dialog .mud-dialog-actions {
        padding: 0px 24px 24px 0px;
    }


/* Диалог удаления */
.mud-dialog.delete-dialog {
    min-width: 420px;
}

.delete-dialog .mud-input {
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.1876em;
    letter-spacing: .00938em;
}

.delete-dialog span {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Пагинация */
.mud-table-pagination-display .mud-select .mud-select-input .mud-input-slot {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mud-table-pagination-display .mud-select .mud-select-input .mud-input-adornment {
    margin-top: 5px !important;
}


/* Диалог выбора шаблона текста */
.echoweb_select_texttemplate_dlg {
    max-width: 60%;
    min-width: 800px;
    max-height: 100vh;
}

    .echoweb_select_texttemplate_dlg .mud-dialog-title {
        text-align: center;
    }

/* Диалог создания нового исследования */
.echoweb_newexam_dlg {
    max-width: 648px;
    z-index: 100;
}

.echoweb_newexam_btn {
    width: 30ch;
    margin-bottom: 4px;
    border: 1px solid #aaaaaa;
}

/* Плитки */
.echo-paper {
    gap: 4px;
    display: flex !important;
    flex-grow: 1 !important;
    flex-direction: column !important;
}

/* Надписи */
.echo-label {
    font-size: 0.82em;
}

/* Надпись, как поле */
.echo-label-container {
    border: 1px solid transparent;
}

/* Цифровые поля */
.echo-chapter > .echo-grid-digits {
    justify-content: center !important;
}

.echo-grid-digits {
    /*column-gap: 2px;*/
}

.echo-chapter > .echo-grid-digits > .mud-grid-item {
    flex-basis: 30%;
}

.echo-grid-digits .mud-paper {
    /* align-items: flex-end;*/
}

.echo-digits-container {
    align-self: flex-end;
}

.echo-digits-container,
.echo-digits-container .echo-digits-input,
.echo-digits-container .echo-digits-input > .mud-input-control-input-container {
    display: flex;
    flex-direction: row;
}

.echo-digits-container .mud-tooltip-root {
    margin: auto;
}

.echo-digits-container .echo-digits-label,
.echo-field-container .echo-field-label,
.echo-select-container .echo-field-label {
    font-size: 0.7175rem;
    margin-right: 0.2153rem;
    white-space: nowrap;
    user-select: none;
    line-height: normal;

    padding: 0.059rem;
    padding-top: 0.059rem;
    padding-bottom: 0.059rem;
    height: calc(0.6977rem + 0.059rem + 0.059rem + 0px);

    /*padding-top: 0;*/
    /*padding-bottom: 0;*/
    /*height: calc(0.6977rem + 0.059rem + 0rem + 0px);*/

    /*padding-right: 0.059rem;*/
}

.echo-field-container-reverse .echo-field-label {
    margin-left: 0.2153rem;
    margin-right: 0;
}

.echo-digits-container .echo-digits-input {
    margin-top: 0px;
}

    .echo-digits-container .echo-digits-input.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0px;
        font-size: 0.6724em;
    }

.echo-digits-input .mud-input-slot.mud-input-root.mud-input-root-text {
    width: 3.6ch;
    border: 1px solid var(--mud-palette-lines-inputs);
    padding: 0.1em;
    text-align: center;
    line-height: 1.1em;
    min-height: 1.1em;
}

.echo-align-left .mud-input-slot.mud-input-root.mud-input-root-text {
    text-align: left;
}

.echo-digits-input .mud-input.mud-input-underline:before {
    display: none;
    border: none;
}

/* TODO сделать запрет на пустые поля ввода, если наличие значения является обязательным */
.echo-digits-input :not(.mud-input-error).mud-input.mud-input-underline:after {
    display: none;
    border: none;
}

.echo-digits-input .mud-input-control-helper-container {
    display: none;
}

/* Цифровые поля вычисляемые */
.echo-digits-field .mud-input-slot.mud-input-root.mud-input-root-text {
    background-color: var(--mud-palette-tertiary);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*border: 1px solid;*/
}

.echo-field.echo-width-3 {
    width: 3.9ch !important;
}

.echo-field.echo-width-4 {
    width: 4.5ch !important;
}

.echo-field.echo-width-5 {
    width: 6.0ch !important;
}

.echo-field.echo-width-auto {
    width: auto !important;
    min-width: 3.87ch !important;
    padding-left: 0.5ch !important;
    padding-right: 0.5ch !important;
}

/* Поля, не MudBlazor */
.echo-field-container {
    display: flex;
    align-self: flex-end;
    align-items: center;
}

.echo-field-container-reverse {
    flex-direction: row-reverse;
    align-self: flex-start;
}

.echo-field-container .echo-field {
    width: 1.177rem;
    font-size: 0.588rem;
    height: 0.6977rem;
    min-height: 0.6977rem;
    line-height: normal;
    padding: 0.059rem;
    text-align: center;
    box-sizing: content-box;
    user-select: none;
    overflow: hidden;
    border: 1px transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Поля вычисляемые, не MudBlazor */
.echo-field-container .echo-digit-field,
.echo-field-container .echo-text-field {
    background-color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-lines-inputs);
}

    .echo-field-container .echo-digit-field.echo-disabled,
    .echo-field-container .echo-text-field.echo-disabled {
        background-color: var(--mud-palette-field-disabled-background);
        border: 1px solid var(--mud-palette-text-disabled);
        color: var(--mud-palette-text-disabled);
    }

/* Цифровые поля ввода, не MudBlazor */
.echo-field-container .echo-digit-input {
    border: 1px solid var(--mud-palette-lines-inputs);
    background: none;
    color: currentColor;
    scrollbar-width: none;
}

.echo-field-container .echo-digit-input.echo-disabled {
    border: 1px solid var(--mud-palette-text-disabled);
    color: var(--mud-palette-text-disabled);
}

.echo-field-container .echo-digit-input:focus {
    outline: var(--mud-palette-secondary-lighten) solid 1px;
}

.echo-field-container .echo-digit-input::selection {
    background-color: var(--mud-palette-secondary-lighten) !important;
    color: var(--mud-palette-secondary-text) !important;
}

input.echo-digit-input::-webkit-outer-spin-button,
input.echo-digit-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.echo-digit-input[type="number"] {
    -moz-appearance: textfield;
}

/* Поля DS */
.echo-field-container-ds {
    display: flex;
}

.echo-field-container-single {
    width: 2.99rem;
    align-items: center;
    justify-content: center;
}

.echo-field-container-ds .echo-field-label {
    margin-right: 0.2rem;
}


/* Чекбоксы*/
.echo-checkbox label {
    height: 24px;
}

.echo-checkbox p,
.echo-checkbox span {
    font-size: 0.7175rem;
    vertical-align: middle;
    margin-left: 4px;
    margin-right: -2px;
    margin-bottom: -4px;
    /*height: 24px;*/
}

.mud-checkbox .mud-checkbox-dense {
    /*padding-top: 0;*/
    /*padding-bottom: 0;*/
    /*padding-right: 0;*/
    /*padding: 0px;*/
    /*padding-right: 4px;*/
}

.echo-checkbox span svg {
    /*font-size: 1.0rem;*/
    width: 1.2rem;
    height: 1.2rem;
}
/* Высплываещие подсказки */
/*[data-hint] {
    position: relative;
}

[data-hint]:hover::before {
    content: "";
    position: absolute;
    top: 1.4em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--mud-palette-secondary);
}
 
[data-hint]:hover::after {
    content: attr(data-hint);
    position: absolute;
    width: min-content;
    left:0;
    right:0;
    margin:0 auto;
    top: 2em;
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    padding: 0.5em;
    border-radius: 4px;
}*/
/*[data-hint] {
    display: inline-block;
    position: relative;
}

[data-hint]:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: black;
    opacity: 1;
}
*/
/*[data-hint] {
    position: relative;
    display: inline-block;
}

[data-hint]:before,
[data-hint]:after {
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    pointer-events: none;
}

[data-hint]:hover:before,
[data-hint]:hover:after {
    opacity: 1;
}

[data-hint]:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 1);
    width: 2ch;
    height: 2ch;
    transform: translateX(-80%) rotate(45deg);
    z-index: 2;
}

[data-hint]:after {
    content: attr(data-hint);
    background: rgba(0, 0, 0, 1);
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-color:gold;
    border-width: 5px;
    color: white;
    padding: 8px 10px;
    font-size: 16px;
    font-style: italic;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
    transform: translateX(-50%);
    z-index: 1;
}

.hint--top:before {
   bottom:100%;
   left:50%;
   margin:0 0 -12px 0;
}

.hint--top:after {
   bottom:100%;
   left:50%;
   margin:0 0 -6px -10px;
}

.hint--top:hover:before {
   margin-bottom:0px;
   width:24px;
   height:24px;
   border:solid white;
   border-width:0 1px 1px 0;
   border-top-left-radius:100%;
   box-shadow:4px 4px 8px rgba(0, 0, 0, 0.4);
}

.hint--top:hover:after {
   margin-bottom:12px;
   border-width:10px;
   border-top-color:rgba(0, 0, 0, 0.8);
   border-bottom:1px solid #f0f0f0;
}*/
[data-hint] {
    position: relative;
}

[data-hint]::before,
[data-hint]::after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.4s;
    transition-duration: 400ms;
    transition-delay: 400ms;
    z-index: 99999;
}

[data-hint]::before {
    content: "";
    top: 1.4em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--mud-palette-secondary);
}

[data-hint]::after {
    content: attr(data-hint);
    width: max-content;
    word-break: break-all;
    white-space: pre-wrap;
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    border-radius: 8px;
    border-color: #FFF;
    border-width: 2px;
    padding: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1em;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 100%);
    pointer-events: none;
}

[data-hint]:hover::before,
[data-hint]:hover::after {
    opacity: 1;
    }


/* Календарь MudDatePicker */
.mud-picker-year-container .mud-picker-year:hover,
.mud-picker-month-container .mud-picker-month:hover,
.mud-picker-calendar .mud-day:hover,
.mud-picker-calendar .mud-day.mud-current:hover {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text) !important;
}

.mud-picker-year-container .mud-picker-year:hover .mud-picker-year-selected,
.mud-picker-month-container .mud-picker-month:hover .mud-picker-month-selected {
    color: var(--mud-palette-secondary-text-darken) !important;
}

/* Календарь DatePicker, DateInput  */

/* Календарь DatePickerSimple */
.echo-datepicker-container {
    padding-top: 4px;
    margin-bottom: 4px;
}

.echo-datepicker-simple {
    max-width: 12ch;
    /*border: 1px solid;*/
}

.echo-datepicker-simple.echo-datepicker-clearable {
    max-width: 14ch;
}

.echo-datepicker-simple .mud-input-control {
    margin-top: 0;
}

.echo-datepicker-simple .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 0;
}

.echo-datepicker-simple .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text input {
    padding: 2px;
    padding-bottom: 0;
    font-size: 0.85rem;
    text-align: right;
    margin-right: 0.2153rem;
    margin-bottom: 0px;
}

.echo-datepicker-simple.echo-datepicker-clearable .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text input {
    margin-right: 0;
}

.echo-datepicker-simple .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text .mud-input-adornment {
    margin-left: -4px;
    margin-bottom: 0px;
}

.echo-datepicker-simple button {
    padding: 2px;
    margin-right: -4px;
}

.echo-datepicker-simple button svg {
    font-size: 1.1rem;
}

.echo-datepicker-simple button svg.mud-icon-size-small {
    font-size: 0.9rem;
    padding-top: 2px;
    margin-right: 2px
}

/*.mud-input.mud-input-underline:before {
    content: none;
}

.mud-input.mud-input-underline:after {
    content: none;
}*/

/* Переключатели */
.mud-switch-base .mud-switch-button {
    color: var(--mud-palette-grey-default);
}

.mud-switch-base + .mud-switch-track {
    background-color: var(--mud-palette-grey-default) !important;
}

.mud-switch-base.mud-checked .mud-switch-button {
    color: var(--mud-palette-primary);
}

.mud-switch-base.mud-checked + .mud-switch-track {
    background-color: var(--mud-palette-primary) !important;
}

.mud-switch-base:hover {
    background-color: var(--mud-palette-primary-hover) !important;
}


/* MudSelect, MudAutocomplete, ValueSelect*/
/*.mud-select .mud-input .mud-input-slot,*/
/*div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense,*/
/*.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense*/
.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, 
div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense
{
    padding: 11px 0px 5px 10px !important;
}

.mud-select .mud-input-label.mud-input-label-inputcontrol {
    font-size: 0.9rem;
}

.echo-select-container {
    align-self: flex-end;
    padding-top: 0px;
}

.echo-select-container,
.echo-select-container .echo-select,
.echo-select-container .echo-select > .mud-input-control-input-container {
    display: flex;
    /*flex-direction: row;*/
    align-self: flex-end;
    align-items: center;
}

/* зеркальный элемент */
.echo-select-container.echo-revers {
    flex-direction: row-reverse;
}

.echo-select-container .mud-tooltip-root {
    margin: auto;
}

.echo-select-container .echo-select-label {
    /*margin-right: 0.2153rem;*/
    /*padding-left: 0.2em;*/
    white-space: nowrap;
    font-size: 0.7175rem;
    margin-inline: 0.2rem;
}

.echo-select-container .echo-select {
    margin-top: 0px;
    margin-bottom: 0px;
}

.echo-select-container .echo-select .echo-select-input {
    padding: 0;
    text-overflow: clip;
}

.echo-select-container .echo-select .echo-select-input .mud-input-slot {
    font-size: 0.75rem !important;
    padding: 0px 0px 6px 3px !important;
    text-align: right;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-1 {
    width: calc(1.3ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-2 {
    width: calc(2ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-3 {
    width: calc(3ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-4 {
    width: calc(4ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-5 {
    width: calc(5ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-6 {
    width: calc(6ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-7 {
    width: calc(7ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-8 {
    width: calc(8ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-9 {
    width: calc(9ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-13 {
    width: calc(14ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-14 {
    width: calc(15ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-15 {
    width: calc(16ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-16 {
    width: calc(17ch + 2px) !important;
}

.echo-select-container .echo-select .mud-input-slot.echo-width-17 {
    width: calc(18ch + 2px) !important;
}

.echo-select-container .echo-select .mud-select-input .mud-svg-icon {
    width: 1.35rem;
    margin-left: -0.17rem;
    margin-right: -0.1rem;
}

.mud-popover .mud-list {
    border: 1px solid;
}

.mud-popover .mud-list-item {
    text-align: start;
}

.mud-popover .mud-list-item-gutters {
    /*     padding-left: 0px; 
     padding-right: 0px;*/
}

.mud-popover .mud-list-item-clickable.mud-selected-item {
    background-color: var(--mud-palette-secondary-darken) !important;
    color: var(--mud-palette-secondary-text) !important;
}

.mud-popover .mud-list-item-clickable:hover {
    background-color: var(--mud-palette-select-hover) !important;
    color: var(--mud-palette-primary-text) !important;
}

.mud-popover .mud-list-item-clickable:active,
.mud-popover .mud-list-item-clickable:focus:not(.mud-selected-item)
{
    color: var(--mud-palette-primary-text) !important;
}

.echo-select-popover.mud-popover .mud-list-item-text .mud-typography {
    font-size: 0.8em !important;
}


/* Всплывающие подсказки MudTooltip */
.mud-popover.mud-tooltip {
    font-size: 0.8em;
    user-select: none;
}

.echo-tooltip-wrap {
    max-width: 17ch;
    transform: translateY(4px);
}

.mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]),
.mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] {
    /*max-width: 17ch;*/
    /*transform: translateY(4px);*/
    /*margin-left: 3ch;*/
}

/* Вкладки */

:root {
    --tab-height: 36px;
}

/*.mud-elevation-3 {
    box-shadow: 0px 3px 3px -2px rgb(255 255 255 / 20%), 0px 3px 4px 0px rgb(255 255 255 / 14%), 0px 1px 8px 0px rgb(255 255 255 / 12%);
}
*/
.echo-grid .mud-tabs .mud-tab.mud-tab-active {
    background-color: var(--mud-palette-secondary-lighten);
}

    .echo-grid .mud-tabs .mud-tab.mud-tab-active:hover {
        /*background-color: var(--mud-palette-secondary-darken);*/
    }

.echo-grid .mud-tabs {
    border: 1px solid var(--mud-palette-primary);
}

    .echo-grid .mud-tabs .mud-tabs-toolbar {
        height: calc(var(--tab-height) * 1.1);
    }

.echo-grid .mud-tabs-toolbar .mud-tabs-toolbar-inner {
    height: var(--tab-height);
    min-height: var(--tab-height);
}

.echo-grid .mud-tabs .mud-tabs-scroll-button .mud-button-root.mud-icon-button {
    margin-bottom: 0px;
    padding-top: calc((var(--tab-height) - 1.5rem) * 0.5 + var(--tab-height) * .05);
    padding-bottom: 0px;
}

.echo-grid .mud-tab {
    height: var(--tab-height);
    min-height: var(--tab-height);
}

/* Кнопки */
.mud-button {
    transition: box-shadow 0ms cubic-bezier(.4,0,.2,1) 0ms,border 0ms cubic-bezier(.4,0,.2,1) 0ms;
    height: 36px;
    /*border: 1px solid #aaaaaa;*/
}

.mud-button-filled.mud-button-filled-primary {
    /*color: var(--mud-palette-text-primary);*/
}

.echo-button-without-lable .mud-button-label .mud-button-icon-start {
    margin-right: 0;
}

.echo-buttons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.echo-buttons .record-of-records {
    vertical-align: super;
    padding-right: 4px;
}

.mud-progress-circular.mud-progress-small {
    margin-left: -2px;
    margin-right: 8px;
    margin-inline-start: -2px;
    margin-inline-end: 8px;
    width: 1em;
    height: 1em;
    font-size: 18px;
}

.mud-progress-circular.mud-progress-small circle {
    stroke-width: 4px;
}

/* Date picker*/
.mud-picker-container {
    border: 1px solid;
}

.mud-picker-calendar-transition {
    /*margin-top: 4px;*/
    min-height: 226px;
}

.mud-picker-datepicker-toolbar .mud-button-date {
    font-size: 1.5rem;
}
/*
.mud-picker-calendar-container {
    width: 370px;
}

.mud-picker-month-container {
    width: 370px;
}

.mud-picker-calendar-header-day .mud-day-label {
    width: 46px;
    height: 46px;
}

.mud-picker-calendar .mud-day {
    width: 46px;
    height: 46px;
}

.mud-picker-container .mud-picker-calendar-header-switch .mud-button-month .mud-typography {
    line-height: 24px;
}
*/

/* Date picker range */
.mud-picker-calendar .mud-day.mud-range.mud-range-start-selected,
.mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
    background-color: var(--mud-palette-secondary) !important;
    background-color: var(--mud-palette-action-default-hover) !important;
    background-color: var(--mud-palette-primary-darken) !important;
}

.mud-picker-calendar .mud-day.mud-range.mud-range-between {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-action-default);
    background-color: var(--mud-palette-primary-lighten);
}

.mud-picker-calendar .mud-day.mud-range.mud-range-between.mud-current {
    color: var(--mud-palette-primary-text) !important;
    border-color: var(--mud-palette-primary-text);
}

.mud-picker-calendar .mud-day.mud-range.mud-range-selection:not(:hover):not(.mud-range-start-selected) {
    /*color: var(--mud-palette-primary-text);*/
    background: linear-gradient(var(--mud-palette-primary-darken) 100%, var(--mud-palette-primary-darken) rgba(53,126,172,0.2) 100%, transparent 0%);
    border-radius: 0;
    /*background: linear-gradient(var(--mud-palette-primary-darken) 100%, var(--mud-palette-primary-darken) rgba(53,126,172,0.2) 100%, transparent 0%);*/
    /*background: linear-gradient(var(--mud-palette-action-default-hover) 100%, var(--mud-palette-action-default-hover) 100%, transparent 0%);*/
    background: linear-gradient(var(--mud-palette-primary-hover) 100%, var(--mud-palette-primary-hover) 100%, transparent 0%);
    background-size: 100% calc(100% * (var(--selected-day) - var(--day-id)));
}

/* SVG */
.SvgContainer {
    margin: auto;
    text-align: center;
}

.MainSVG {
    width: 100%;
    margin: auto;
    border: 1px solid var(--mud-palette-lines-inputs);
    max-height: 40ex;
    object-fit: cover;
}

/* Страница исследования */
.echo-exam-tab-half {
    height: 26.7rem;
}

/* Подразделы вкладок */
.echo-chapter {
    padding: 8px 12px 8px 12px !important;
}

.echo-chapter:not(.mud-elevation-0) {
    border: 1px solid var(--mud-palette-white);
}

.echo-chapter.echo-paper > .echo-paper {
    /*gap: 3px;*/
}

.echo-chapter-label {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 0.7rem;
    margin-bottom: 0.184rem;
    margin-top: -0.315rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.echo-chapter-label label {
    margin-bottom: 0.2rem;
}

.echo-chapter-label.echo-checkbox span {
    margin: 0;
}

.echo-chapter-label.echo-checkbox p {
    display: inline;
    margin: 0;
    font-size: 0.875rem;
}

.echo-chapter-sublabel {
    white-space: nowrap;
    font-size: 0.7rem;
    user-select: none;
    text-align: right;
    margin: 0;
    padding: 0;
}

.echo-chapter.ecg-segments-chapter, .echo-chapter.doppler-chapter, .echo-chapter.vessels-chapter {
    /*height: 56.5ex;*/
    height: 25.7rem;
}

/* EchoCG Doppler */
.doppler-chapter .mud-paper:first-child {
    max-width: 950px;
    max-height: 50ex;
    margin: auto;
}

.doppler-chapter .MainSVG {
    border: none !important;
}

.doppler-chapter .svg-doppler-1 {
    min-width: 6ch;
    max-width: 9.54ch;
}

.doppler-chapter .svg-doppler-2 {
    min-width: 8ch;
    max-width: 11ch;
}

.doppler-chapter .svg-doppler-3 {
    min-width: 8ch;
    max-width: 13ch;
}

.doppler-grid .mud-grid-item {
    padding: 0;
    margin-bottom: 4px
}

    .doppler-grid .mud-grid-item:first-child {
        margin-bottom: 0;
    }

.doppler-grid .echo-chapter-label {
    margin: 0;
    margin-bottom: 0px;
}

.doppler-grid .echo-digits-container .echo-digits-input {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/* Vessels */
.vessels-chapter .echo-select-container .echo-select .echo-select-input .mud-input-slot {
    font-size: 0.588rem !important;
    height: 0.6977rem;
    min-height: 0.6977rem;
    line-height: normal;
    box-sizing: content-box;
    border: 1px solid transparent;
    padding: 0.059rem 0.059rem 0.059rem 0.30rem !important;
    text-align: left;
}

.vessels-chapter .echo-paper{
    gap: 3px;
}

.mud-popover .echo-select-list.mud-list-padding .mud-list-item-gutters {
    padding-left: 6px;
}

/* Номер заявки из МИС */
.exam_task {
    /*color: var(--mud-palette-appbar-text);*/
    /*background-color: var(--mud-palette-appbar-background);*/
    /*color: var(--mud-palette-primary-text);*/
    /*background-color: var(--mud-palette-primary);*/

    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
}

/* Версия протокола */
.exam_version {
    font-size: 0.6em;
    color: var(--mud-palette-text-disabled);
    text-align: right;
    width: 100%;
    padding: 10px 2px;
}
/*********************/
/* Страница пациента */
/*********************/

/* Выбор пола, MudSelect */
#editPatientForm .mud-select .mud-input .mud-input-slot {
    padding: 6px 0 7px 0px !important;
}

/********************/
/********************/
/********************/


.echo-align-self-center {
    align-self: center !important;
}


/***********/
/* printJS */
/***********/
.printModal {
    font-family: sans-serif;
    display: flex;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    left: 0;
    top: 0;
    position: absolute;
    color: #045fb4;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.9)
}

.printClose {
    position: absolute;
    right: 10px;
    top: 10px
}

.printClose:before {
    content: "\00D7";
    font-family: Helvetica Neue,sans-serif;
    font-weight: 100;
    line-height: 1px;
    padding-top: .5em;
    display: block;
    font-size: 2em;
    text-indent: 1px;
    overflow: hidden;
    height: 1.25em;
    width: 1.25em;
    text-align: center;
    cursor: pointer
}

.printSpinner {
    margin-top: 3px;
    margin-left: -40px;
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 2px solid #045fb4;
    border-radius: 50%;
    animation: spin .75s linear infinite
}

.printSpinner:after, .printSpinner:before {
    left: -2px;
    top: -2px;
    display: none;
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit
}

.printSpinner, .printSpinner:after, .printSpinner:before {
    display: inline-block;
    border-color: #045fb4 transparent transparent;
    animation-duration: 1.2s
}

.printSpinner:before {
    transform: rotate(120deg)
}

.printSpinner:after {
    transform: rotate(240deg)
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}