/*** ПЕРЕОПРЕДЕЛЕНИЕ СТАНДАРТА ***/
a {
    color: #4D4AE4; /*hsl(241, 74%, 59%);*/
}
    a:hover {
        color: hsl(241, 100%, 30%);
    }

.dx-toolbar .dx-toolbar-items-container {
	height: var(--navbar-height);
}

/* #Entity, #Users, */
.content  {
    height: calc(100dvh - var(--navbar-height));
}

.padding-0 {
    padding: 0;
}

.link_padding_left {
    margin: 0 8px 0px 0px;
}

/*** ПЕРЕОПРЕДЕЛЕНИЕ BOOTSTRAP ***/

.btn-primary {
    color: #FFFFFF;
    border: none;
    width: 320px;
    height: 50px;
    background: linear-gradient(268.83deg, #4D4AE4 13.51%, rgba(73, 47, 175, 0.98) 107.67%);
}
    .btn-primary:hover {
        color: #FFFFFF;
        text-shadow: 0 0 3px #FFFFFF;
        background: linear-gradient(268.83deg, #4D4AE4 13.51%, rgba(53, 37, 155, 0.98) 107.67%);
    }

.nav-item {
}
    .nav-item:active {
    }

.nav-link {
    color: #323232;
}

.nav-pills .nav-link.active {
    color: #FFFFFF;
    background-color: #4D4AE4;
}


/*** ПЕРЕОПРЕДЕЛЕНИЕ DEVEXPRESS THEME ***/
.dx-toolbar {
    margin: 0;
    padding: 0;
}

.dx-toolbar-item-content > .dx-texteditor,
.dx-toolbar-item-content.dx-texteditor {
    width: 100%;
}

/*** ИКОНКИ ***/
.zmdi-hc-lg {
    padding-right: 1dvh;
}

/*** МЕНЮ ***/
.main-toolbar { /*TODO*/
    margin: 0 10px 0 5px !important;
    height: var(--navbar-height);
    min-width: 10dvh;
    position: fixed;
    top: 0;
    z-index: 1503;
    padding-right: 5px;
}

.content {
    height: 100dvh; /* TODO */
}

.panel-list { /* TODO */
    min-width: 150px;
    position: fixed;
    top: calc(var(--navbar-height) + 5px);
    height: calc(100dvh - var(--navbar-height) - 5px);
}

.main-toolbar {
    height: calc(var(--navbar-height) + 5px);
}

.dx-toolbar-button {
    margin-left: 5px;
    vertical-align: bottom;
}

.dx-list-item {
    padding-top: 4px;
    padding-bottom: 4px;
}


/*** Таблица Менеджеры ***/

/* Grid отображение аватара в таблице */
.avatarPhoto {
    height: 200px;
    /*width: 100px;*/ /* не используется, т.к. тянет фото */
    margin-right: 10px;
    border: 12px solid none;
    border-radius: 5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* стиль для группы */
.avatarGroupPopup {
    /*width: 400px;*/
}

/* Popup отображение аватара */
.avatarPhotoPopup {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2px;
    margin: 0px;
    margin-top: 7.5px;
    border: 2px #dee2e6 dashed;
    border-color: rgba(255, 255, 255, .5);
    border-width: 1px;
    border-radius: 2px;
    border-style: dashed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* сброс для горизонтального Popup отображения !Important */
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
}

/*  */
.gridPhoto {
    /*border: 2px solid none;
    background-size: contain;
    background-repeat: repeat;
    background-position: center;*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
    .gridPhoto img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.listPhoto {
    width: 200px;
/*    height: 300px;*/
    border: 2px solid none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.listValue {
    font-size: 1.2em;
}
    .listValue a{
        color: inherit;
        text-decoration: none;
    }
        .listValue a:hover {
            color: gray;
        }

.listContent {
    height: calc(100dvh - var(--navbar-height));
}

.listCard:hover {
    background: rgba(0,0,0,0.05);
}

.listCardItem {
    width: 80%;
    max-width: 1000px;
}

@media screen and (max-width: 700px) {
    .listCardItem {
        width: 100%;
        max-width: 600px;
        min-width: 300px;
        font-size: 0.60em;
    }
}

/*** STATUS_COLOR ***/
.statusContainer {
    display: flex;
    align-items: center;
}

.statusColor {
    width: 20px;
    height: 20px;
    /*border: 1px solid black;*/
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
}

.statusText {
    margin-left: 10px; /* добавляйте отступ по вашему усмотрению */
}

.vertMiddle {
    vertical-align: middle
}