.diagram .template {
    font-family: var(--default-font-family);
}

.diagram .template .template-name {
    font-weight: bold;
    text-decoration: underline;
}

.diagram .template .template-actionname {
    font-weight: bold;
}

.diagram .template .template-title {
    font-style: italic;
}

.diagram .template .template-button {
    cursor: pointer;
    font-size: 8pt;
    fill: navy;
    font-weight: bold;
}

    .diagram .template .template-button:hover {
        text-decoration: underline;
    }


.WrappedColumnClass {
    white-space: normal;
    word-wrap: break-word;
}

.smbReadonlyRegularTextColor textarea {
    color: rgba(0,0,0,.87) !important;
}

.smbReadonlyRegularTextColor input {
    color: rgba(0,0,0,.87) !important;
}

.grid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .grid-cell a {
        font-size: 14px;
        font-weight: 800;
        font-family: var(--default-font-family);
        color: var(--main-color);
        text-decoration: none;
    }



.smb-custom-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

    .smb-custom-icon.reg-2x {
        height: 32px;
        width: 32px;
    }

    .smb-custom-icon.siganture-avest {
        background-image: url('/images/Icon_Signature_red.svg');
    }

    .smb-custom-icon.siganture {
        background-image: url('/images/Icon_Signature_green.svg');
    }

    .smb-custom-icon.adfs {
        background-image: url('/images/adfs_login.svg');
    }


.line {
    border-top: 1px solid #000; /* Толщина и цвет линии */
    margin: 20px 0; /* Отступы сверху и снизу */
}

.separator {
    position: relative;
    margin: 20px 0;
}

    .separator::before {
        content: '';
        position: absolute;
        top: 50%; /* Центрирование по вертикали */
        left: 0;
        right: 0;
        height: 1px; /* Толщина линии */
        background-color: #000; /* Цвет линии */
    }

/*#scrollview {
    height: auto;
    position: relative;
    top: 60px;
    bottom: 0;
    padding: 0;
}
*/

.avatar {
    /* This image is 687 wide by 1024 tall, similar to your aspect ratio */
    background-image: none;
    /* make a square container */
    width: 90%;
    height: 250px;
    /* fill the container, preserving aspect ratio, and cropping to fit */
    background-size: cover;
    /* center the image vertically and horizontally */
    background-position: top center;
    /* round the edges to a circle with border radius 1/2 container size */
    border-radius: 50%;
}

.multiline-text {
    white-space: normal;
    word-wrap: break-word;
}

.datagrid-toolbar-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--card-caption-color);
    font-family: var(--default-font-family);
}

    .datagrid-toolbar-title a {
        color: var(--card-caption-color);
        text-decoration: underline;
    }

.card-title a {
    font-size: 18px;
    font-weight: 800;
    color: var(--card-caption-color);
    font-family: var(--default-font-family);
    text-decoration: underline;
}

.company-details-section .data-field {
    padding-bottom: 15px;
}

.person-details-section .data-field {
    padding-bottom: 15px;
}

.user-details-section .data-field {
    padding-bottom: 15px;
}

.department-details-section .data-field {
    padding-bottom: 15px;
}

.catalog-details-section .data-field {
    padding-bottom: 15px;
}

.role-details-section .data-field {
    padding-bottom: 15px;
}

.data-field {
    padding-bottom: 5px;
    font-size: 14px;
    font-family: var(--default-font-family);
}

    .data-field .title {
        font-weight: 600;
        color: var(--card-fieldtitle-color);
    }

    .data-field .value {
        font-weight: 400;
        color: var(--card-field-color);
    }

.dx-field-item {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dx-field-item-content {
/*    line-height: 20px !important;
    line-height: 20px !important;*/
    padding-left: 16px !important;
    font-weight: 400 !important;
    color: var(--card-field-color) !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    /* min-height: 20px !important;*/
}

    .dx-field-item-content .dx-focused {
        
    }

.dx-field-item-label {
    font-weight: 600 !important;
    color: var(--card-fieldtitle-color) !important;
}

.dx-datagrid .dx-row > td {
    /*padding: 10px !important;*/
}

.smb-custom-control {
    margin-bottom: 5px;
}

.inactive-grid-row {
    color: #808080
}

    .inactive-grid-row a {
        color: #808080
    }

.horizontal-container {
    display: flex; /* Enable Flexbox */
    justify-content: right; /* Distribute space evenly */
    align-items: center; /* Center items vertically */
}

.fileTreeList {
    font-size: 14px;
}

    .fileTreeList .signature-display-value {
        margin-left: .5rem;
        white-space: normal;
        font-family: var(--default-font-family);
        color: var(--card-field-color);
        font-style: italic;
    }

    .fileTreeList .file-display-value {
        margin-left: .5rem;
        margin-left: .5rem;
        white-space: normal;
        font-family: var(--default-font-family);
        color: var(--card-field-color);
    }

    .fileTreeList .folder-display-value {
        margin-left: .5rem;
        margin-left: .5rem;
        white-space: normal;
        font-family: var(--default-font-family);
        color: var(--card-field-color);
    }

.docviewer-title {
    font-family: var(--default-font-family);
    color: var(--card-field-color);
}

.docviewer-content {
    font-family: var(--default-font-family);
    color: var(--card-field-color);
    width: 100%;
    height: 100%;
}

    .docviewer-content a {
        font-size: 14px;
        font-weight: 600;
    }
/*.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    padding: 15px 16px 14px !important;
}*/

/*.static-toolbar {
    background-color: #f1f1f1;
    position: sticky;
    top: 61px;*/ /* Прикрепляет панель к верхней части контейнера */
    /*z-index: 1000;*/ /* Обеспечивает, что панель будет поверх содержимого */
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/ /* Для визуального эффекта */
/*}*/

.sticky-toolbar {
    position: sticky;
    top: 60px;
    z-index: 1;
}

    .sticky-toolbar .card {
        background-color: #fff;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color) !important;
    }
    .sticky-toolbar .dx-toolbar {
        background-color: #fff;
    }

@media (max-width: 1199px) {
    .sticky-toolbar.wide {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (min-width: 1200px) {
    .sticky-toolbar.wide {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.login-error-adfs {
    font-family: var(--default-font-family);
    color: red;
    font-size: 16px;
    font-weight:bold;
}

.btn.btn-smb-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-color);
    --bs-btn-border-color: var(--main-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--main-shadow-color);
    --bs-btn-hover-border-color: var(--main-shadow-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--main-shadow-color);
    --bs-btn-active-border-color: var(--main-shadow-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--main-color);
    --bs-btn-disabled-border-color: var(--main-color);
    text-decoration: none;
}