main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.mr2 {
    margin-right: 2px !important;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.offset-top-40{
    margin-top: 40px;
}
.offset-top-60{
    margin-top: 60px;
}
.offset-top-23{
    margin-top: 23px;
}

.tree li {
    list-style: none;
    padding-left: 30px;
    background-image: url(/img/plus-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.tree-block {
    position: absolute;
    height: calc(100vh - 360px);
    overflow: auto;
    opacity: 0;
    z-index: -100;
}

.tree-block.tree-block-active {
    position: relative;
    opacity: 1;
    z-index: 1;
    transition: all ease .3s;
}

.treeCSS,
.treeCSS ul,
.treeCSS li {
    margin: 0;
    padding: 0;
    line-height: 1;
    list-style: none;
}
.treeCSS ul {
    margin: 0 0 0 .5em; /* вести линию вниз где-то с полбуквы родителя */
}
.treeCSS > li,
.treeCSS li li {
    position: relative;
    padding: .2em 0 0 1.2em; /* отступ до текста; для раскрывающегося списка в ряде случаев (в Хроме есть баг) padding-top (.2em) лучше указывать в px */
}
.treeCSS li:not(:last-child) {
    border-left: 1px solid #ccc; /* толщина, цвет и стиль (вместо сплошной пунктирная или точечная) вертикальной линии */
}
.treeCSS li li:before,
.treeCSS > li:not(:only-child):before { /* горизонтальная линия */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1em; /* не более отступа до текста (1.2em) */
    height: .7em; /* начинается приблизительно с половины высоты буквы (.5em + .2em) */
    border-bottom: 1px solid #ccc;
}
.treeCSS li:last-child:before { /* вертикальная линия последнего пункта в каждом списке */
    width: calc(1.1em - 1px); /* для перфекционистов */
    border-left: 1px solid #ccc;
}
.treeCSS .drop {
    position: absolute;
    left: -.5em;
    top: .4em; /* .2em (font-size: 80%;) + .2em (padding из .treeCSS li li) */
    width: .9em;
    height: .9em;
    line-height: .9em;
    text-align: center;
    background: #fff;
    font-size: 80%;
    cursor: pointer;
}
.treeCSS li:last-child > .drop {
    margin-left: 1px;
}
.treeCSS .drop + ul {
    display: none;
}
.treeCSS .dropM + ul {
    display: block;
}

.templates-table {
    /*width: 100%;*/
    position: absolute;
}

.templates-table__header {
    display: grid;
    /*grid-template-columns: 150px repeat(2, 1fr);*/
}

.templates-table__header > span {
    position: relative;
    padding: 5px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 100%;
    width: 100%;
}

.templates-table__header > span span {
    position: absolute;
    top: 0;
    right: -1px;
    width: 5px;
    height: 100%;
    background: #dee2e6;
    cursor: e-resize;
    z-index: 2;
    opacity: 0;
}

.templates-table__body, .templates-table__body ul {
    padding: 0;
    list-style: none;
}

.templates-table__body ul {
    display: none;
}

.templates-table__body ul span:first-child {
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.templates-table__body ul span:first-child div {
    overflow-wrap: break-word;
    max-width: calc(100% - 22px);
    width: 100%;
}

.templates-table__body ul span:first-child b {
    position: relative;
    display: inline-block;
    min-width: 12px;
    height: 10px;
    margin-right: 10px;
    line-height: 0.4;
    background: #ffffff;
    z-index: 2;
}

.templates-table__body ul span:first-child b:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 11px;
    width: 4px;
    height: 1px;
    background: #6a6a6a;
}

.templates-table__body ul span:first-child b:after {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: 5px;
    width: 1px;
    height: 8px;
    background: #6a6a6a;
}

.templates-table__body ul span:first-child b.templates-table__body-b:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 1px;
    background: #6a6a6a;
}

.templates-table__body ul span:first-child b.templates-table__body-b:after {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: 5px;
    width: 1px;
    height: 15px;
    background: #6a6a6a;
}

.templates-table__body-tr {
    display: grid;
    /*grid-template-columns: 150px repeat(2, 1fr);*/
}

.templates-table__body span {
    padding: 5px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    overflow-wrap: break-word;
    max-width: 100%;
    width: 100%;
}

/*.templates-table th, .templates-table td {*/
/*    padding: 5px;*/
/*    border: 1px solid #dee2e6;*/
/*}*/

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

#attributes-selection-modal .list-cell__button {
    display: none;
}

.templates-table__first-level.templates-table__first-level-active > .templates-table__body-tr > span {
    background: #ababab;
}

header .navbar {
    background-color: #003D76 !important;
}

header .container {
    display: flex;
    align-items: center;
    max-width: 100% !important;
    padding: 0 40px !important;
}

header .navbar-collapse {
    width: 100%;
}

header .navbar-nav {
    width: 100%;
}

header .navbar-nav li:first-child {
    margin-left: auto;
}

header .navbar-nav li:last-child {
    margin-left: auto;
}

header .dropdown-menu {
    top: calc(100% + 10px) !important;
}

.breadcrumb {
    margin-bottom: 0;
    padding: 10px 0;
}

.breadcrumb .breadcrumb-item a {
    color: rgba(0, 0, 0, 0.45) !important;
    text-decoration: none !important;
}

.breadcrumb .breadcrumb-item a:hover {
    color: rgb(0, 19, 255) !important;
}

.breadcrumb .breadcrumb-item.active a {
    color: rgba(0, 0, 0, 0.65) !important;
    text-decoration: none !important;
}

.container-fluid {
    padding: 0 40px;
}

.catalog-page {
    margin: 0 -25px;
}

.container-fluid h1 {
    margin-bottom: 20px;
    padding-bottom: 16px;
    color: rgba(0, 0, 0, 0.85) !important;
    border-bottom: 1px solid #F0F0F0;
}

.comment-submit {
    color: #00569B !important;
}

.btn-icon {
    padding: 8px !important;
}

.btn-icon svg {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}

.btn-danger, .btn-success, .btn-primary {
    /*display: flex;*/
    /*align-items: center;*/
    /*width: max-content;*/
    padding: 8px 16px;
    background: #FFFFFF !important;
    border: 1px solid #A1DAF8 !important;
    border-radius: 6px;
    color: #00569B !important;
    line-height: 0.8;
    transition: all ease .3s;
}

.btn-danger:hover, .btn-success:hover, .btn-primary:hover {
    background: rgba(161, 218, 248, 0.36) !important;
    /*color: #ffffff !important;*/
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043);
}

.btn-danger svg path, .btn-success svg path, .btn-primary svg path {
    transition: all ease .3s;
}

.btn-danger svg, .btn-success svg, .btn-primary svg {
    width: 14px;
    height: 14px;
    margin-right: 8px;
}

/*.btn-danger:hover svg path, .btn-success:hover svg path, .btn-primary:hover svg path {*/
/*    fill: #ffffff;*/
/*}*/

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: none !important;
    color: inherit !important;
}

.grid-view th, .grid-view thead td {
    background: #FAFAFA !important;
}

.kv-table-header {
    background: none !important;
}

.catalogue__head-text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 25px;
    color: rgba(0, 0, 0, 0.85) !important;
    border-bottom: 1px solid #F0F0F0;
}

.catalogue__head-text h1 {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.85) !important;
    border: none !important;
    line-height: 1;
}

.catalogue__head-text > span {
    margin-top: 10px;
    margin-left: 22px;
    color: rgba(0, 0, 0, 0.45);
}

.catalogue__head-text > span span {
    margin-left: 5px;
    padding: 1px 8px;
    color: #1890FF;
    background: #E6F7FF;
    border: 1px solid #91D5FF;
    border-radius: 2px;
}

.catalogue__head-text .btn-primary {
    margin-left: auto;
}

.catalogue__head-text .btn-danger {
    margin-left: 8px;
}

.summary {
    text-align: right;
}

.control-label {
    margin-top: 15px;
    font-weight: bold;
}

.form-label {
    font-weight: bold;
}

@media (max-width: 1040px) {
    header .container {
        padding: 0 15px !important;
    }

    header .navbar-nav li:first-child {
        margin-left: 0;
    }

    header .navbar-nav li:last-child {
        margin-left: 0;
    }

    .container-fluid {
        padding: 0 15px !important;
    }

    .catalog-page {
        margin: 0;
    }
}

@media (max-width: 900px) {
    .catalogue__head-text h1 {
        width: 100%;
    }
    .catalogue__head-text > span {
        width: 100%;
        margin: 10px 0;
    }
    .catalogue__head-text .btn {
        margin: 10px 5px 0 0;
    }
}

@media (max-width: 500px) {
    .catalogue__head-text > span {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .catalogue__head-text > span span {
        margin: 0;
    }
}

@media screen and (max-width: 480px) {
    .kv-table-wrap tr > td:first-child {
        max-width: calc(100vw - 30px);
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.impex-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-none {
    display: none !important;
}


@font-face{font-family:'Glyphicons Halflings';src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}

.comment-body > span {
    width: 100% !important;
}

.comment-body .editable-input {
    min-width: 70% !important;
}

.comment-body .editable-input textarea {
    width: 100% !important;
}

@media (max-width: 550px) {
    .comment-body .control-group > div {
        display: flex;
        flex-direction: column;
    }

    .comment-body .control-group > div .editable-buttons {
        margin-top: 10px;
    }
}

.comment-count {
    position: absolute;
    top: -1px;
    right: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    border: 1px solid #A1DAF8;
    border-radius: 50%;
    font-size: 11px;
}

.tox-notification, .tox-promotion, .tox-menubar button:first-child, .tox-statusbar {
    display: none !important;
}

.help-block {
    color: #C00;
}

.catalogue-grid tr {
    cursor: pointer;
}

.required-asterisk{
    color:red;
}

.custom-header {
    padding: 0;
}

.custom-header .container {
    justify-content: flex-start;
    height: 60px;
}

.header-nav {
    display: flex;
    align-items: center;
    margin: 0 0 0 44px;
    padding: 0;
    list-style: none;
}

.header-nav li {
    position: relative;
}

.header-nav > li > span, .header-nav > li > a {
    display: flex;
    align-items: center;
    padding: 19px 20px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.001px;
    cursor: pointer;
    text-decoration: none;
    transition: all ease .3s;
    background: #003D76;
    box-shadow: 1px 0 0 0 #00569B inset;
}

.header-nav > li > span svg, .header-nav > li > a svg {
    margin-right: 10px;
    transition: all ease .3s;
}

.header-nav > li > span svg path, .header-nav > li > a svg path {
    transition: all ease .3s;
}

.header-nav > li > span:hover, .header-nav > li > a:hover {
    color: #71C5F0;
}

.header-nav > li > span:hover svg path, .header-nav > li > a:hover svg path {
    fill: #71C5F0;
}

.header-nav > li:hover > ul {
    display: block;
}

.header-nav ul {
    position: absolute;
    top: calc(100% - 5px);
    right: 0;
    display: none;
    width: 250px;
    max-height: 400px;
    margin: 0;
    padding: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(9, 9, 218, 0.23);
    list-style: none;
    overflow-y: auto;
    z-index: 2;
    transition: all ease .3s;
}

.header-nav ul li {
    display: flex;
    width: 100%;
}

.header-nav ul a {
    width: 100%;
    padding: 6px 25px 6px 12px;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    transition: all ease .3s;
}

.header-nav ul span {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 25px 6px 12px;
}

.header-nav ul span:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cacacd;
}

.header-nav ul a:hover {
    color: #4945FF;
    background: #F6F6F9;
}

.custom-header__block {
    display: flex;
    align-items: center;
    margin-left: 48px;
}

.custom-header__model-name {
    max-height: 60px !important;
    margin-right: 30px;
    padding: 12px 20px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.001px;
    cursor: pointer;
    text-decoration: none;
    transition: all ease .3s;
    background: #00498C;
    border: none !important;
}

.custom-header__model-name span {
    border: none !important;
    transition: all ease .3s;
}

.custom-header__model-name ul {
    left: 0 !important;
    right: auto !important;
}

.custom-header__model-name:hover span {
    color: #71C5F0 !important;
}

.custom-header__user {
    position: relative;
    display: flex;
    align-items: center;
    max-height: 32px;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #00569B;
    cursor: pointer;
}

.custom-header__user span {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 16px;
    padding-right: 16px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 112%;
    border-right: 1px solid #00569B;
}

.custom-header__user img {
    max-width: 30px;
    min-width: 30px;
    width: 100%;
    max-height: 30px;
    min-height: 30px;
    height: 100%;
    border-radius: 0 2px 2px 0;
    object-fit: cover;
}

.custom-header__user:hover > ul {
    display: block;
}

.custom-header__user ul {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    display: none;
    width: 200px;
    margin: 0;
    padding: 4px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(9, 9, 218, 0.23);
    list-style: none;
    overflow-y: auto;
    z-index: 2;
}

.custom-header__user ul li {
    display: flex;
    width: 100%;
}

.custom-header__user ul form {
    display: flex;
    width: 100%;
}

.custom-header__user ul a, .custom-header__user ul button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px 25px 6px 12px;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    background: none;
    border: none;
    transition: all ease .3s;
}

.custom-header__user ul a svg, .custom-header__user ul button svg {
    margin-right: 14px;
}

.custom-header__user ul a svg path, .custom-header__user ul button svg path {
    transition: all ease .3s;
}

.custom-header__user a:hover, .custom-header__user button:hover {
    color: #4945FF;
    background: #F6F6F9;
}

.custom-header__user a:hover svg path, .custom-header__user button:hover svg path {
    fill: #4945FF;
}

.header-burger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 0 0 auto;
    padding: 0;
    background: none;
    border: 1px solid #00569B;
    border-radius: 50%;
}

.header-burger svg {
    width: 20px;
    height: 20px;
}

.custom-header__nav {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.login-block {
    display: flex;
    width: 100%;
    height: 100%;
}

.login-block > img {
    width: calc(100% - 500px);
    height: 100vh;
    object-fit: cover;
}

.login-block__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 500px;
    width: 100%;
}

.login-block__form > img {
    margin-top: auto;
    margin-bottom: 48px;
}

.login-block__form > p {
    width: calc(100% - 30px);
    margin: 0 auto 70px;
    color: #1E1E1E;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.login-block__form > span {
    margin: 150px 0 auto;
    color: #666687;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.25px;
}

.login-block__form form {
    max-width: 340px;
    width: 100%;
}

.login-block__form form > div {
    width: 100%;
    margin: 0 0 20px !important;
}

.login-block__form-field {
    padding: 0;
}

.login-block__form-field-block {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
}

.login-block__form-field-block svg {
    min-width: 50px;
}

.login-block__form-field-block input {
    width: calc(100% - 50px);
    height: 50px;
    padding: 0.375rem 0.75rem;
    border-radius: 0 4px 4px 0;
    background: #F6F6F9;
    border: none !important;
    outline: none !important;
}

.login-block__form-field-block input.is-invalid, .login-block__form-field-block input.is-valid {
    background-image: none !important;
}

.login-block__form-field-block input:focus {
    background: #F6F6F9 !important;
    box-shadow: none !important;
}

.login-block__form-field .invalid-feedback {
    display: block !important;
}

.login-block__form-field-block > span {
    position: absolute;
    top: 10px;
    right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.login-block__form-field-block > span svg {
    width: 20px;
    min-width: 20px !important;
    height: 20px;
}

.login-block__form-field-block > span svg.pass-hide {
    display: none;
}

.login-block__form-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.login-block__form-check .custom-checkbox {
    padding: 0;
}

.login-block__form-check > div {
    margin: 0 20px 0 0 !important;
}

.login-block__form-check > a {
    color: #4285F4;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.custom-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    color: #4285F4;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.25px;
    border-radius: 4px;
    border: 1px solid #4285F4;
    background: none;
    transition: all ease .3s;
}

.custom-btn:hover {
    color: #ffffff;
    background: #4285F4;
}

.breadcrumb {
    padding: 10px 24px;
}

.user-view__head {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 24px 16px;
    border-bottom: 1px solid #F0F0F0;
}

.user-view__head > div {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.user-view__head > div a {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.user-view__head > div a:last-child {
    margin-right: 0;
}

.user-view__head > div a svg {
    margin-right: 8px;
}

.user-view__head > h1 {
    margin: 0 20px 0 0 !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    border: none !important;
}

.user-view__main {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.user-view__main-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% / 3 - 24px);
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #EAEAEF;
    background: #FFF;
}

.user-view__main-block > p {
    margin: 0 0 24px;
    color: #32324D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.user-view__main-block > span {
    display: flex;
    flex-direction: column;
    margin: 0 0 16px;
    color: #32324D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
}

.user-view__main-block > span:last-child {
    margin: 0;
}

.user-view__main-block > span span {
    min-height: 42px;
    margin-top: 4px;
    padding: 10px 16px;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #DCDCE4;
    background: #FFFFFF;
}

.user-update__main .user-view__main-block {
    width: calc(100% / 2 - 24px);
}

.user-update-avatar .user-view__main-block {
    width: 100%;
    align-items: center;
}

.user-view__main-block-avatar {
    align-items: center;
}

.user-view__main-block-avatar p {
    margin: 0 0 50px;
    text-align: center;
}

.user-view__main-block-avatar .file-preview-frame {
    width: 55%;
}

.user-view__main-block-avatar .file-preview-frame img {
    width: 100%;
    box-shadow: 0 24px 24px -6px rgba(0, 86, 155, 0.24);
}

.user-view__main-block-avatar a {
    margin: 66px 0 24px;
}

.user-view__rights {
    margin-top: 36px;
    margin-bottom: 36px;
}

.user-view__rights .card {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #EAEAEF;
    background: #FFFFFF;
}

.user-view__rights .card .card-body {
    padding: 0 !important;
}

.user-view__rights .card .card-title {
    margin: 0 0 12px;
    color: #32324D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.user-view__rights .card .card-description {
    color: #32324D;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.summary {
    display: none;
}

.grid-view table thead th {
    padding-bottom: 0;
    color: #666687;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.grid-view table thead td {
    color: #666687;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    background: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.grid-view table thead th a {
    color: #666687;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

.grid-view table tbody td {
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: left !important;
    background: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.grid-view table tbody .empty {
    color: #666687;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
}

.action-change tbody tr td:last-child svg path {
    fill: #71C5F0;
    fill-opacity: 0.65;
}

a.asc:after, a.desc:after {
    border: solid 3px transparent !important;
}

a.asc:after {
    border-bottom: solid 4px #8E8EA9 !important;
}

a.desc:after {
    border-top: solid 4px #8E8EA9 !important;
}

.green-btn {
    color: #6FCF97 !important;
    border: 1px solid #6FCF97 !important;
}

.green-btn:hover {
    color: #ffffff;
    background: #6FCF97 !important;
}

.custom-upload-file {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-upload-file .file-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
}

.custom-upload-file > i {
    display: flex;
    justify-content: center;
    margin: 12px 0 0;
    color: #666687;
    text-align: center;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 18px;
}

.custom-upload-file .file-drop-zone-title {
    padding: 40px 10px !important;
}

.custom-upload-file .file-preview-status {
    color: #666687;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.custom-upload-file .fileinput-remove {
    display: none;
}

.custom-upload-file .file-thumbnail-footer {
    display: none;
}

.custom-upload-file .file-preview-frame {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.custom-upload-file .file-preview-thumbnails {
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-drop-zone-title {
    color: #666687;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.file-drop-zone-title:before {
    content: '';
    display: block;
    width: 216px;
    height: 120px;
    margin: 10px auto;
    background: url("/img/avatar-input.png");
}

.file-preview {
    border: none !important;
}

.file-drop-zone {
    border: none !important;
}

@media (max-width: 1100px) {
    .header-burger {
        display: flex;
    }
    .custom-header__nav {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        width: 100%;
        background: #003D76;
    }
    .header-nav {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }
    .header-nav > li {
        width: 100%;
    }
    .header-nav > li > span, .header-nav > li > a {
        box-shadow: none;
    }
    .header-nav ul {
        position: relative;
        top: 0;
        max-height: 200px;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .custom-header__block {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .custom-header__model-name {
        margin-top: 20px;
    }
    .custom-header__user {
        flex-wrap: wrap;
        width: 100%;
        max-height: none;
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        border: none;
        border-top: 1px solid #00569B;
    }
    .custom-header__user span {
        order: 2;
        padding-left: 0;
        padding-right: 0;
        border: none;
    }
    .custom-header__user img {
        order: 1;
        margin-right: 14px;
        border-radius: 0;
    }
    .custom-header__user ul {
        position: relative;
        top: 10px;
        order: 3;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .login-block__form {
        max-width: 100%;
        height: 100vh;
    }
    .login-block__form > span {
        margin: auto 0 40px;
    }
    .login-block > img {
        display: none;
    }
}

@media (max-width: 400px) {
    .login-block__form form {
        width: calc(100% - 30px);
    }
}

.history-links {
    display: inline-flex;
    align-items: flex-start;
    gap: 1px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.history-links .history-links__item {
    display: flex;
    padding: 10px 30px;
    flex-direction: column;
    align-items: center;
    background: rgba(161, 218, 248, 0.36);

    color: #00569B;
    text-align: center;
    font-family: 'SF Pro Text', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 200% */
    text-decoration: none;
}
.history-links .history-links__item.active {
    background: #00569B;
    box-shadow: 0px 4px 14px -2px rgba(43, 148, 232, 0.36);
    color: #FFFFFF;
}
.history-links .history-links__item:first-child {
    border-radius: 6px 0px 0px 6px;
}
.history-links .history-links__item:last-child {
    border-radius: 0px 6px 6px 0px;
}

.dots-menu {
    position: relative;
    display: flex;
    justify-content: center;
}

.dots-menu-catalogue {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #ffffff;
}

.dots-menu-catalogue > span {
    margin: 0 !important;
}

.dots-menu > span {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 20px;
    cursor: pointer;
}

.dots-menu > span img:first-child, .dots-menu > span svg:first-child {
    display: block;
    height: 100%;
}

.dots-menu > span img:last-child, .dots-menu > span svg:last-child {
    display: none;
    height: 100%;
}

/*.dots-menu > span:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    right: 0;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 6px;*/
/*}*/

.dots-menu > div {
    position: absolute;
    top: 0;
    right: calc(100% - 5px);
    display: none;
    flex-direction: column;
    padding: 4px;
    border-radius: 4px;
    border: 0.5px solid #EAEAEF;
    background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(33, 33, 52, 0.10);
    opacity: 0;
    z-index: -10;
    transition: opacity ease .3s;
}

.dots-menu-catalogue > div {
    right: 100% !important;
}

.dots-menu:hover > div {
    display: flex;
    opacity: 1;
    z-index: 10;
}

.dots-menu:hover > span img:first-child, .dots-menu:hover > span svg:first-child {
    display: none;
}

.dots-menu:hover > span img:last-child, .dots-menu:hover > span svg:last-child {
    display: block;
}

.dots-menu > div > a, .dots-menu > div > button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 10px;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none;
    background: none;
    border: none;
    transition: all ease .3s;
}

.dots-menu > div a svg path, .dots-menu > div button svg path {
    transition: all ease .3s;
}

.dots-menu > div a svg, .dots-menu > div button svg {
    min-width: 14px;
    max-width: 14px;
    height: auto;
    margin-right: 14px;
}

.dots-menu > div > a:hover, .dots-menu > div > button:hover {
    color: #006FBA;
    background: #F6F6F9;
}

.dots-menu > div a:hover svg path, .dots-menu > div button:hover svg path {
    fill: #006FBA;
}

.hover-stroke:hover svg path {
    fill: none !important;
    stroke: #006FBA;
}

.hover-stroke:hover svg circle {
    stroke: #006FBA;
}

.grid-view table tbody tr:nth-last-child(-n+5) .dots-menu > div {
    top: auto !important;
    bottom: -20px;
}

.grid-view table tbody tr:nth-last-child(-n+5) .dots-menu-catalogue > div {
    top: auto !important;
    bottom: 0 !important;
}

.grid-view table tbody tr:nth-child(-n+5) .dots-menu-catalogue > div {
    top: 0 !important;
    bottom: auto !important;
}

/*.grid-view table tbody tr:nth-child(-n+5) .dots-menu > div {*/
/*    top: calc(100% + 5px) !important;*/
/*    bottom: auto !important;*/
/*}*/

.simple-table {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #EAEAEF;
    background: #FFFFFF;
}

.simple-table__noborder {
    padding: 0;
    border: none;
}

.simple-table h2, .simple-table h3, .simple-table h5 {
    color: #32324D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.simple-table table {
    --bs-table-border-color: #EAEAEF;
}

.simple-table table th, .simple-table table td {
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    /*font-weight: 500;*/
    line-height: 20px;
    border: none;
}

.simple-table table th {
    /*color: #32324D;*/
    /*font-size: 12px;*/
    /*font-style: normal;*/
    font-weight: 700;
    /*line-height: 20px;*/
}

.simple-table table td {
    /*color: #32324D;*/
    /*font-size: 14px;*/
    /*font-style: normal;*/
    font-weight: 400;
    /*line-height: 20px;*/
}

.simple-table table tr:first-child {
    border: none;
}

.add-btn {
    display: flex;
    align-items: center;
    color: #4285F4 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    border-radius: 4px;
    border: 1px solid #D9D8FF;
}

.text-with-btn {
    display: flex;
    align-items: center;
}

.edit-btn-icon {
    margin-left: 10px;
    padding: 0;
    border: none;
    background: none;
}

.input-show-edit {
    display: none;
}

.input-show-edit > div {
    margin: 0 !important;
}

.input-show-edit input {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border: none;
    box-shadow: none !important;
}

.input-show-edit .was-validated .form-control:valid, .input-show-edit .form-control.is-valid, .input-show-edit .was-validated .form-control:invalid, .input-show-edit .form-control.is-invalid {
    background: none;
}

/*.input-show-edit .was-validated .form-control:invalid:focus, .input-show-edit .form-control.is-invalid:focus {*/
/*    background: none;*/
/*}*/

.breadcrumb-item.active {
    color: rgba(0, 0, 0, 0.65);
}

.element-tabs {
    margin-bottom: 25px;
}

.element-tabs .nav-link {
    margin-right: 4px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    border-radius: 2px 2px 0 0;
    border: 1px solid #F0F0F0;
    border-color: #F0F0F0 !important;
    background: #FAFAFA;
}

.element-tabs .nav-link.active {
    height: calc(100% + 1px);
    color: #1890FF;
    background: #FFFFFF;
    border-bottom: none;
    /*box-shadow: 1px 0 0 0 #F0F0F0 inset, 0 1px 0 0 #F0F0F0 inset, -1px 0 0 0 #F0F0F0 inset, 0 -1px 0 0 #FFF inset;*/
}

.element-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-left: auto;
    width: 100%;
}

.dots-menu-element {
    /*position: absolute;*/
    /*top: 5px;*/
    /*right: 0;*/
    /*display: block;*/
    width: 30px;
    /*margin-left: auto;*/
    transition: all ease .3s;
}

.dots-menu-element > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: all ease .3s;
}

.dots-menu-element:hover > span {
    background: rgba(161, 218, 248, 0.36);
}

.dots-menu-element > span svg {
    display: block !important;
}

.dots-active {
    display: flex !important;
    opacity: 1 !important;
    z-index: auto !important;
}

.simple-table-no-border {
    padding: 0 !important;
    border: none !important;
}

a.deactivated{
    color: grey;
}


.main-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.main-content__left {
    display: flex;
    flex-direction: column;
    width: 49%;
}

.main-content__left-header {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.main-content__left-header span:first-child {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin-right: 12px;
    margin-bottom: 8px;
    padding: 1px 8px;
    color: #52C41A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #B7EB8F;
    background: #F6FFED;
}

.main-content__left-header span:first-child svg {
    margin-top: 3px;
    margin-right: 8px;
    min-width: 14px;
    min-height: 14px;
}

.main-content__left-header span:nth-child(2) {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin-bottom: 8px;
    padding: 1px 8px;
    color: #1890FF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #91D5FF;
    background: #E6F7FF;
}

.main-content__left-header span:nth-child(2) svg {
    margin-top: 3px;
    margin-right: 8px;
    min-width: 14px;
    min-height: 14px;
}

.main-content__left-fields {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-content__right {
    display: flex;
    flex-direction: column;
    width: 49%;
}

.main-content__fields-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.main-content__fields-item > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 12px;
    color: #9FA7B5;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.main-content__fields-item > span button {
    display: flex;
    align-items: center;
    padding: 0;
    color: #006FBA;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    background: none;
    border: none;
    outline: none;
    transition: all ease .3s;
}

.main-content__fields-item > span button svg {
    margin-right: 4px;
}

.main-content__fields-item > span button svg path {
    transition: all ease .3s;
}

.main-content__fields-item > span button:hover {
    color: #0097D8;
}

.main-content__fields-item > span button:hover svg path {
    stroke: #0097D8;
}

.main-content__fields-item p {
    margin: 0;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.main-content__fields-item a {
    margin: 0;
    color: #0d6efd;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.main-content__fields-item-name p {
    margin: 0;
    color: #32324D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.main-content__fields-item-name {
    padding-top: 0 !important;
    border: none !important;
}

.main-content__fields-item-desc {
    margin-bottom: 36px;
    padding-top: 0 !important;
    border: none !important;
}

.main-content__fields-item-name span {
    margin: 0 0 4px !important;
}

.main-content__fields-item-desc span {
    margin: 0 0 4px !important;
}

.catalogue-tab-content__content-semilink {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
}

.catalogue-tab-content__content-semilink li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 2px;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    transition: all ease .3s;
}

.catalogue-tab-content__content-semilink li span {
    display: flex;
    align-items: center;
    width: 100%;
    color: #32324D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    transition: all ease .3s;
}

.catalogue-tab-content__content-semilink li span svg {
    margin-right: 4px;
}

.catalogue-tab-content__content-semilink li span svg path {
    transition: all ease .3s;
}

.catalogue-tab-content__content-semilink li:hover {
    background: rgba(44, 180, 233, 0.12);
}

.catalogue-tab-content__content-semilink li:hover span {
    color: #006FBA;
}

.catalogue-tab-content__content-semilink li:hover span svg path {
    stroke: #006FBA;
}

.catalogue-tab-content__content-semilink li button {
    display: flex;
    padding: 0;
    background: none;
    border: none;
    outline: none;
}

.catalogue-tab-content__content-semilink li button svg path {
    transition: all ease .3s;
}

.catalogue-tab-content__content-semilink li button:hover svg path {
    stroke: #006FBA;
}

.ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    color: #666687 !important;
}

.ui-datepicker .ui-corner-all {
    opacity: .7;
}

.ui-datepicker th {
    color: #666687;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: none;
    text-align: center;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: #ffffff;
    background: #1d00ff;
    border: 1px solid #ced4da;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgba(44, 180, 233, 0.12);
    /*color: var(--bs-table-hover-color);*/
}

.line-focus-color{
    color: #32324D!important;
}