/*
Клиентская настройка стилей
Пример: color: #435B78!important;  (!important - не обязательно)
*/ 
/* Замена стиля цвета клиента */
.day-selected:hover,
button.cls-btn-rec:hover,
button.cls-btn-goPay:hover,
form button.cls-btn-send:hover,
.cls-talon-footer button:hover,
table.cal-table .cls-dr-courrent-day:hover,
div.cls-cansel-btn .cls-cansel-btn-yes:hover,
div.mat-dialog-content button.btn-dialog-close:hover,
div .cls-menu.cls-dev-comp {
    background-color: #753a83;
    padding-top: 0;
}

div .cls-menu.cls-dev-comp {
    box-shadow: 5px 1px 3px -1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: width 0.1s ease-in;
}
div .cls-menu.cls-dev-comp:hover {
    box-shadow: 5px 1px 10px 3px rgba(0, 0, 0, 0.3);
    transition: width 0.1s ease-in;
}

app-header.header .cls-header {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.app-grid .cls-outlet {
    background-color: #fff !important;
}

app-block-talons p.cls-blok-talon-header {
    font-size: 1.5rem;
    font-weight: 600 !important;
}
app-block-talons {
    box-shadow: none !important;
}

/* Ограничение размера картинки */
@media screen and (min-width: 768px) {
    .row.ng-star-inserted img {
        display: none;
        max-height: 200px;
        max-width: 45%;
        object-fit: contain;
    }
}

@media screen and (min-width: 991px) {
    .row.ng-star-inserted img {
        display: block;
        max-height: 210px;
        max-width: 75%;
        object-fit: contain;
    }
}

@media screen and (min-width: 1200px) {
    .row.ng-star-inserted img {
        display: block;
        max-height: 220px!;
        max-width: 85%;
        object-fit: contain;
    }
}
@media screen and (max-width: 768px) {
    .row.ng-star-inserted img {
        display: none;
        max-height: 210px;
        max-width: 50%;
        object-fit: contain;
    }
}
/* Выравнивание картинки  */
.row app-block-promo {
    justify-content: flex-end;
}
.cls-home .cls-block.container {
    padding: 20px 0;
}
/*---------- Размер иконок в блоке выбора ----------*/

.cls-panel-menu.ng-star-inserted img {
    padding: 5px 0;
    width: 100px !important;
}
/* Филиалы уменьшение отступа */
.search-list-item-fil {
    min-height: 5rem!important;
}
/*---------- Выделение при наведении ----------*/
div.cls-panel-menu.ng-star-inserted:hover {
    box-shadow: 0 10px 10px rgba(64, 116, 185, 0.3);
    transform: translateY(-3px);
    border: 4px solid #fff;
    transition: transform, box-shadow 0.5s ease-out;
    z-index: 1;
}
/*---------Цвет текста в блоке выборта ---------*/
span.panel__text {
    color: #000;
}
.addres__numbnote {
    font-weight: bold;
    font-size: 17px;
    line-height: 140%;
    font-size: 16px;
    color: #753a83!important;
}

/*---------- Подравнивание иконки в левом меню ----------*/

app-menu-left.sidebar div.cls-dev-comp {
    border-top-right-radius: unset;
    border-radius: 0 0.5rem 0 0;
}

a.cls-menu-a {
    background: #fff;
    width: 100% !important;
}
a.cls-menu-a img.cls-menu-a-img {
    width: 60px;
    padding: 0 0 0 10px;
}

/*--------цвет  блока в записях пациента ------*/
div.cls-blok-talon.ng-star-inserted {
    background-color: #bbf5a2;
    border-color: #bbf5a2;
}
span.cls-blok-talon-time.ng-star-inserted {
    color: #000 !important;
}

.cls-doc-info.col-6 div.cls-doc-fio {
    font-size: 22px;
}

.app-header__pricelist {
    display: none !important;
}

.record__barcode {
    display: none !important;
}