html,
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f0f0f0;
    overflow-x:hidden;
}

    * p {
        font-family: "Roboto Condensed", Arial, sans-serif;
    }
.content {
    flex: 1;
}
.dors-content-partners-min-vh {
    min-height: 70vh;
}
.content-admin {
    min-width: 1400px;   
}
.dors-text-color {
    color: #005399;
}
.dors-text-fs-header {
    font-size: 16px;
}
.modal-feedback-fs-title {
    font-size: 22px;
}
/*стили для шапки*/
.dors-header {
    min-height: 80px;
    max-height: 80px;
}
/*шапка у админов*/
.dors-spcd-header-title-white {
    background-image: url('../assets/dors-service-ru-copy/Logo_DS_Small_white.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 300px;
    background-size: contain;
    font-family: "Roboto Condensed", Arial, sans-serif;
}
/* Блок заголовка страниц. Предполагается наличие фонового изображения. */
.dors-spcd-header-title {
    background-image: url('../assets/dors-service-ru-copy/logo_ds_small_blue2.png');
    background-position: left center;
    background-repeat: no-repeat;
    max-width: 353px;
    min-width: 352px;
    background-size: contain;
}
/* Кнопки с пиктограммами в заголовке страницы. */
.dors-spcd-btn-header {
    font-family: "Roboto Condensed", Arial, sans-serif;
    text-decoration: none;
    border: none;
    transition: transform 0.5s ease;
}
    .dors-spcd-btn-header:hover {
        transform: translate(2px, 2px);
    }


.dors-spcd-btn-footer {
    font-family: "Roboto Condensed", Arial, sans-serif;
    text-decoration: none;
    border: none;
    transition: transform 0.5s ease;
}

    .dors-spcd-btn-footer:hover {
        transform: translate(2px, 2px);
    }
/*--------------------------------------------------------------------*/
.dors-navbar {
    background-color: #005399;
    box-shadow: 0px 1px 3px rgba(0,0,0,1);
    min-height: 40px;   
}
.nav-link-pay {
    padding-left: 15px;
    padding-right: 15px
}
.nav-link-price {
    padding-left: 15px;
    padding-right: 15px;
}
.nav-link-catalog {
    padding-left: 15px;
    padding-right: 0px;
}
/*Настройка скролбара для chrome/yandex/safari/edge*/
*::-webkit-scrollbar {
    width: 12px;
}
*::-webkit-scrollbar-track {
    background: white; 
}
*::-webkit-scrollbar-thumb {
    background-color:darkgrey ; 
    border-radius: 20px; 
    border: 1px solid white;
}
/*---------------------------------------------------*/

.fluent-tab__icon {
    margin-right: 5px;
}
.collapse-calendar {
    position: absolute;
}
/*тосты(уведомления-всплывашки) от FluentUI*/
.fluent-toast[b-uq7572caeb] {
    margin-right: 70px;
}
.dors-logo-blue-big {
    max-width: 353px;
    max-height: 30.28px;
}
.dors-logo-blue-small {
    max-width: 200px;
    max-height: 20.28px;
}

/*кнопка назад со стрелкой для каталога устройств и файлов*/
.dors-btn-back {
    background: url('../Assets/Icon/Arrow_Back.png');
    background-repeat: no-repeat;
    background-size: 70px 25px;
    border: none;
    width: 70px;
    height: 25px;
}
.dors-spcd-header-menu {
    font-family: "Roboto Condensed", Arial, sans-serif;
}
    .dors-spcd-header-menu .nav-link {
        color: #FFFFFF;
    }

.img-device {
    width: 230px;
    height: 230px;
    object-fit: contain;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
    .img-device:hover {
        opacity: 0.5;
        transform: translate(5px, 5px);
    }
/*перекрытие некоторых стилей bootstrap*/
.dropdown-item:hover {
    color: #0077ff;
}
.dropdown-menu {
    display: none;
}
    .top-row:hover + .dropdown-menu,
    .dropdown-menu:hover {
        display: block;
    }

.nav-link.show {
    color: #8fbbff;
}
.dropdown-menu {
    border: none;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}
.nav-link:hover {
    color: #8fbbff;
}
.form-select::placeholder {
    color: grey;
}
/*--------------------------------------*/
.dors-spcd-footer-title {
    background-image: url('../assets/dors-service-ru-copy/logo_ds_small_blue2.png');
    background-position: left center;
    background-repeat: no-repeat;
    max-width: 353px;
    background-size: contain;
}
.dors-spcd-footer {
    font-size: 14px;
    text-align: left;
    font-family: "Roboto Condensed", Arial, sans-serif;
}
.text-color-privacy-policy {
    color: rgb(176, 255, 250);  
}
.text-fs-privacy-policy {
    font-size:10px;
}
.admin-filters {
    background-color: #D0D0D0;
}
.btn-create-add-email {
    background-color: #7a220f;
    color: #fff;
}
.banner-notification-vertical {
    position: sticky; top: 0;
}
.notification-service-partners {
    background: linear-gradient(0.5turn, rgba(255,79,79,1) 0%, rgba(198,30,30,0) 100%);
    height: 150px;
}
.dors-bg-color {
    background-color: #005399;
}
/*стиль кнопки с иконками в таблице( редактировать, удалить и т.д.)*/
.btn-border-color {
    border: 1px solid #005399;
}
.form-login {
    background-color: #E0E0E0;
}
.title-login {
    font-size: 30px;
    color: #005399
}
.input-login-placeholder {
    border: none;
    outline: none;
    width: 100%;
}
/*фон строк у таблиц темно-серая и светлая*/
.bg-row-data-grid-grey {
    background-color: #D0D0D0;
}
.bg-row-data-grid-light {
    background-color: #FFFFFF;
}
/*--------------------------------------*/

/*стили для таблицы с файлами в каталоге устройств*/
.device-files-table {
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}
    .device-files-table th, .device-files-table td {
        border: 1px solid #949494;
    }

    .device-files-table th {
        color: white;
        background-color: #005399;
    }

.first-td-device-files {
    width: 30%;
}
/*------------------------------------------------*/
.dors-btn-img {
    border: none;
}
    .dors-btn-img:hover {
        opacity: 0.8;
        color: #005399;
    }
.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .overflow-ellipsis:hover {
        overflow: visible;
        color: brown
    }
/*Диалоговое окно Оставить заявку (обращение к классу в теневом дереве)*/
fluent-dialog[b-dsxskpj5rr]::part(control) {
    padding: 0px !important;
    border-radius: 0px;
    border: none;
}
fluent-text-field::part(root) {
    border: none;
}
/*----------------------------------------------------------------------*/
/*Стили для баннера заблокированных пользователей*/
.banner-blocked-user {
    background-color: #005399; 
    padding: 5px;   
    border-radius: 5px;
    text-align: center;
    color: white;
}
    .banner-blocked-user > * {
        line-height: 1;
    }
/*----------------------------------------------------------------------*/
.btn-notification{
    justify-content:end
}
/*грид сетка для навигации (tabs, tab) на странице С-П*/
.tab-control {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.active-tab {
    width:auto;
    border-bottom: 2px solid brown;
    height: 100%;
    color: #005399;
    font-size: 18px;
    font-weight: bold;   
    margin-right:30px;
}
.glow-active-tab {
    transition: all 0.3s ease;
    cursor: pointer;
}
    .glow-active-tab:hover {
        text-shadow: 0 0 20px rgba(0, 191, 255, 1), 0 0 10px rgba(0, 131, 255, 0.9), 0 0 10px rgba(0, 100, 255, 0.6); /* Яркое синее свечение текста */
        border-bottom-color: #8b4513; 
    }

.non-active-tab {
    border-bottom: 2px solid #005399;
    width: auto;
    height: 100%;
    font-size: 15px;
    font-weight: normal;
    margin-right:30px;
}
/*----------------------------------------------------------------------*/
.grid-footer {
    display: grid;
    grid-template-columns: 230px 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 0.2fr;   
}
.grid-item-footer-info {
    grid-column: span 5 / span 5;
}
/*стили для уведомлений у сервис-партнера*/
.notification-table-none{
    display:none;
}
.notification-table {
    display: block;
}
.notification-read {
    border: 1px solid #228B22;
    border-radius: 5px; 
    box-shadow: 0 0 10px 2px #228B22;
}
.notification-not-read {
    border: 1px solid #8B0000;
    border-radius: 5px; 
    box-shadow: 0 0 10px 2px #8B0000;
}
/*ширина форм обратной связи(горизнтальная), заказа зип, заказа по (сервис-партнер)*/
.width-form-sp {
    width: 50%
}
/*----------------------------------------------------------------------*/
.logo-message{
    width:34px;
    height:34px;
}
.logo-feedback{
    width:42px;
    height:41px;
}
.container-dors-logo-blue {
    max-width:360px;
}
.dors-logo-white {
    max-width: 189px
}
.container-dors-description {
    max-width: 150px;
}
.header-align {
    align-content:center;
}
.dors-title-order-zip {
    font-size: 15px;
    padding-left: 5px;
}
.block-additional-emails {
    width: 425px;
    max-height: 100px;
    overflow-y: auto;
}
/* акордеон у с-п для ЗИП*/
.dors-accordion-button:not(.collapsed) {
    background-color: #005399;
}
.dors-accordion-button {
    background-color: #005399;
}

.dors-marker-after  {
    text-align: center;
    align-content: center;
    background-color: #1bc6cb1c;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    pointer-events: auto;
    user-select: none;
    z-index: 10;
    /*transform: translate(-50%, -50%);*/
}
    .dors-marker-after:hover {
        background-color: #1b8acb73;
    }
    .dors-marker-after::after {
       /* content: attr(data-tooltip);*/
        position: absolute;
        bottom: 120%;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.75);
        color: #fff;
        font-size: var(--marker-font-size, 12px);
        padding: 5px 10px;
        border-radius: 4px;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }
    .dors-marker-after:hover::after {
        opacity: 1;
    }  

/*тултип для маркеров*/
.dors-tooltip {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
}

.dors-marker-after:hover .dors-tooltip {
    display: block;
}
/*----------------------------------------------------*/
.play-GIF-on-hover {    
    background-image: url('../Assets/gif-help/1.gif');
    background-size: 100%;
    background-position: center center;
}

    .play-GIF-on-hover:hover {
        background-image: url('../Assets/gif-help/1.gif');
    }
     

/*Переключатель каталога переопределение бутстрапа*/
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: #005399;
    border-color: #005399
}
.btn-check + .btn:hover {
    color: #f0f2f3;
    background-color: #005399;
    border-color: #005399
}
.btn-outline-primary {
    --bs-btn-color: #005399;
    --bs-btn-border-color: #005399;
}
    /*--------------------------------------------*/
    /*Стили для активной вкладки FluentTab */
    /*fluent-tab[aria-selected="true"][b-urryfr514w] {
    
    color: #005399;
    font-weight: 900;
}
.activeIndicator {
    width: 90%;
    background-color: red;
}*/