@charset "UTF-8";

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?a11u6z);
    src: url(../fonts/icomoon.eot?a11u6z#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?a11u6z) format("truetype"), url(../fonts/icomoon.woff?a11u6z) format("woff"), url(../fonts/icomoon.svg?a11u6z#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"]::before,
[class^=icon-]::before {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-link-external:before {
    content: "\e914"
}

.icon-switch:before {
    content: "\e909"
}

.icon-info:before {
    content: "\e90b"
}

.icon-invisible:before {
    content: "\e907"
}

.icon-calendar:before {
    content: "\e908"
}

.icon-search:before {
    content: "\e90a";
    color: #495057
}

.icon-pdf:before {
    content: "\e90c"
}

.icon-message:before {
    content: "\e90d"
}

.icon-message-active .path1:before {
    content: "\e90e";
    color: #0561b6
}

.icon-message-active .path2:before {
    content: "\e90f";
    margin-left: -1em;
    color: #e30613
}

.icon-user:before {
    content: "\e910"
}

.icon-edit:before {
    content: "\e911"
}

.icon-download:before {
    content: "\e912"
}

.icon-trash:before {
    content: "\e913"
}

.icon-e-mail:before {
    content: "\e915"
}

.icon-upload:before {
    content: "\e916"
}

.icon-visible:before {
    content: "\e917"
}

.icon-docs:before {
    content: "\e900"
}

.icon-book:before {
    content: "\e901"
}

.icon-folder:before {
    content: "\e902"
}

.icon-app:before {
    content: "\e903"
}

.icon-search-active:before {
    content: "\e904"
}

.icon-filters:before {
    content: "\e905"
}

.icon-docs-in-folders:before {
    content: "\e906"
}

.icon-close-fill:before {
    content: "\e918"
}

.icon-arrow-dropdown:before {
    content: "\e919"
}

.icon-minus:before {
    content: "\e91a"
}

.icon-plus:before {
    content: "\e91b"
}

.icon-message-fly:before {
    content: "\e91c"
}

.icon-arrow-left:before {
    content: "\e91d"
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --sidebar-width: 270px;
    --page-name-height: 72px
}

picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ol[class],
ul[class] {
    padding: 0
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

html {
    font-size: .1852vw;
    line-height: normal;
    text-rendering: optimizeSpeed;
    font-style: normal;
    color: var(--black)
}

html.lock body {
    overflow: hidden
}

body {
    font-family: "Open Sans", sans-serif;
    scroll-behavior: smooth;
    font-size: 16px;
    background-color: #ced4da;
    padding: 20px;
    margin-left: calc(var(--sidebar-width, 270px) + 20px);
    -webkit-transition: all .5s;
    transition: all .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

body:after,
body:before {
    content: "";
    position: fixed;
    top: 0;
    width: 20px;
    background-color: #ced4da;
    height: 100%;
    left: 0;
    z-index: 2
}

body:after {
    width: 100%;
    height: 20px
}

body.hide-transition * {
    -webkit-transition: none !important;
    transition: none !important
}

.datepicker {
    min-width: 340px;
    width: 340px;
    max-width: 340px
}

ol[class],
ul[class] {
    list-style: none
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    display: block
}

article>*+* {
    margin-top: 1em
}

button,
input,
select,
textarea {
    font: inherit
}

#main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f5f6f7;
    border-radius: 100px;
    background-color: #f5f6f7
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f5f6f7
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #0561b6
}

.text-start {
    text-align: start !important
}

.form-group {
    margin-bottom: 25px;
    position: relative
}

.form-group._mb0 {
    margin-bottom: 0 !important
}

.form-group.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0 12px
}

.form-group.horizontal .input-wrapper {
    width: 100%;
    position: relative
}

.form-group.horizontal label {
    margin-bottom: 0
}

.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=text],
.form-group textarea {
    border: 1px solid #ced4da;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 36px 11px 12px;
    border-radius: 2px;
    width: 100%;
    outline: 0;
    resize: vertical
}

.form-group input[type=number]:focus,
.form-group input[type=password]:focus,
.form-group input[type=text]:focus,
.form-group textarea:focus {
    border-color: #0679e3
}

.form-group input[type=number]::-webkit-input-placeholder,
.form-group input[type=password]::-webkit-input-placeholder,
.form-group input[type=text]::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e
}

.form-group input[type=number]::-moz-placeholder,
.form-group input[type=password]::-moz-placeholder,
.form-group input[type=text]::-moz-placeholder,
.form-group textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e
}

.form-group input[type=number]:-ms-input-placeholder,
.form-group input[type=password]:-ms-input-placeholder,
.form-group input[type=text]:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e
}

.form-group input[type=number]::-ms-input-placeholder,
.form-group input[type=password]::-ms-input-placeholder,
.form-group input[type=text]::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e
}

.form-group input[type=number]::placeholder,
.form-group input[type=password]::placeholder,
.form-group input[type=text]::placeholder,
.form-group textarea::placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e
}

.form-group input[type=number]:-moz-read-only,
.form-group input[type=password]:-moz-read-only,
.form-group input[type=text]:-moz-read-only,
.form-group textarea:-moz-read-only {
    color: #1e2225;
    background: #f5f6f7;
    border-color: #ced4da;
    pointer-events: none;
    opacity: 1
}

.form-group input[type=number]:read-only,
.form-group input[type=password]:read-only,
.form-group input[type=text]:read-only,
.form-group textarea:read-only {
    color: #1e2225;
    background: #f5f6f7;
    border-color: #ced4da;
    pointer-events: none;
    opacity: 1
}

.form-group label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px
}

.form-group.required label:after {
    content: " *";
    color: #e30613;
    font-size: 16px;
    line-height: 24px
}

.form-group .input-wrapper {
    position: relative
}

.form-group .input-wrapper [class^=icon-] {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 100%;
    color: #939a9e
}

.form-group .input-wrapper [class^=icon-].text-blue {
    color: #0561b6
}

.form-group.checkbox input[type=checkbox],
.form-group.checkbox input[type=radio],
.form-group.radio input[type=checkbox],
.form-group.radio input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0
}

.form-group.checkbox input[type=checkbox]:checked+label:before,
.form-group.checkbox input[type=radio]:checked+label:before,
.form-group.radio input[type=checkbox]:checked+label:before,
.form-group.radio input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97721' y='1.91667' width='16.1667' height='16.1667' rx='1.58333' fill='%230561B6'/%3E%3Crect x='1.97721' y='1.91667' width='16.1667' height='16.1667' rx='1.58333' stroke='%230561B6' stroke-width='0.833333'/%3E%3Cpath d='M15.0605 6.66666L8.18555 13.3333L5.06055 10.303' stroke='white' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.form-group.checkbox input[type=checkbox]:disabled,
.form-group.checkbox input[type=radio]:disabled,
.form-group.radio input[type=checkbox]:disabled,
.form-group.radio input[type=radio]:disabled {
    opacity: .3
}

.form-group.checkbox input[type=checkbox]:disabled+label,
.form-group.checkbox input[type=radio]:disabled+label,
.form-group.radio input[type=checkbox]:disabled+label,
.form-group.radio input[type=radio]:disabled+label {
    pointer-events: none
}

.form-group.checkbox input[type=checkbox]:disabled+label:before,
.form-group.checkbox input[type=radio]:disabled+label:before,
.form-group.radio input[type=checkbox]:disabled+label:before,
.form-group.radio input[type=radio]:disabled+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97721' y='2.81559' width='16.1667' height='16.1667' rx='1.58333' stroke='%23CED4DA' stroke-width='0.833333'/%3E%3C/svg%3E")
}

.form-group.checkbox input[type=checkbox]:disabled:checked+label:before,
.form-group.checkbox input[type=radio]:disabled:checked+label:before,
.form-group.radio input[type=checkbox]:disabled:checked+label:before,
.form-group.radio input[type=radio]:disabled:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.416667' y='0.416667' width='19.1667' height='19.1667' rx='1.58333' fill='%23F5F6F7'/%3E%3Crect x='0.416667' y='0.416667' width='19.1667' height='19.1667' rx='1.58333' stroke='%23CED4DA' stroke-width='0.833333'/%3E%3Cpath d='M15 6.66663L8.125 13.3333L5 10.303' stroke='%230F2846' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 85%
}

.form-group.checkbox input[type=checkbox]+label,
.form-group.checkbox input[type=radio]+label,
.form-group.radio input[type=checkbox]+label,
.form-group.radio input[type=radio]+label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 24px;
    cursor: pointer
}

.form-group.checkbox input[type=checkbox]+label:before,
.form-group.checkbox input[type=radio]+label:before,
.form-group.radio input[type=checkbox]+label:before,
.form-group.radio input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.97721' y='2.81559' width='16.1667' height='16.1667' rx='1.58333' stroke='%23495057' stroke-width='0.833333'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.form-group.checkbox input[type=radio]:checked+label:before,
.form-group.radio input[type=radio]:checked+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.91667' y='1.91667' width='16.1667' height='16.1667' rx='8.08333' stroke='%230561B6' stroke-width='0.833333'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%230561B6'/%3E%3C/svg%3E")
}

.form-group.checkbox input[type=radio]:disabled,
.form-group.radio input[type=radio]:disabled {
    opacity: .3
}

.form-group.checkbox input[type=radio]:disabled:checked+label:before,
.form-group.radio input[type=radio]:disabled:checked+label:before {
    opacity: .5;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.91667' y='1.91667' width='16.1667' height='16.1667' rx='8.08333' stroke='%230561B6' stroke-width='0.833333'/%3E%3Ccircle cx='10' cy='10' r='6' fill='%230561B6'/%3E%3C/svg%3E")
}

.form-group.checkbox input[type=radio]+label:before,
.form-group.radio input[type=radio]+label:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.91667' y='1.91667' width='16.1667' height='16.1667' rx='8.08333' stroke='%23495057' stroke-width='0.833333'/%3E%3C/svg%3E")
}

.form-group select {
    min-height: 40px;
    outline: 0;
    border: 1px solid #ced4da;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 2px;
    margin: 0;
    padding: 0 32px 0 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 6L8.00001 10.6667L3.33334 6' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 6px center #fff
}

.form-group select:disabled {
    background: #f5f6f7;
    color: #1e2225;
    opacity: 1
}

.form-group.default-select.show-placeholder select {
    opacity: 1;
    color: #939a9e;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.form-group .help-block {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    color: #e30613;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.form-group .clear-input {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 12px;
    top: 12px;
    background: 0 0;
    border: none;
    outline: 0;
    padding: 0;
    font-size: 24px;
    line-height: 100%;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    pointer-events: none
}

.form-group .clear-input:hover {
    color: #e30613
}

.form-group.has-error .help-block {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.form-group.has-error input[type=number],
.form-group.has-error input[type=password],
.form-group.has-error input[type=text],
.form-group.has-error textarea {
    border-color: #e30613
}

.form-group.has-error select {
    border-color: #e30613
}

.form-group.show-clear .clear-input {
    opacity: 1;
    pointer-events: auto
}

.form-group.file {
    margin: 0
}

.form-group.file input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -9;
    opacity: 0
}

.form-group.file label {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #495057;
    margin: 0
}

.form-group.file label:after {
    display: none
}

.form-group.file label p {
    margin-bottom: 12px
}

.form-group.file label ._lil {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: center
}

.form-group.file label ._grey {
    color: #939a9e
}

.form-group.file label ._red {
    color: #e30613
}

.form-group.file label ._blue {
    color: #0561b6
}

.form-group.file label .icon-upload {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 100%;
    color: #0561b6
}

.form-group.file .help-block {
    display: none;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    margin-bottom: 12px
}

.form-group.file.has-error .help-block {
    display: block
}

.form-group.has-error .select2-container--default .select2-selection--single {
    border-color: #e30613
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 11px 36px 11px 12px;
    border-radius: 2px;
    width: 100%;
    outline: 0;
    height: 48px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    padding: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    width: 16px;
    height: 100%;
    right: 8px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 6L8.00001 10.6667L3.33334 6' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s
}

.select2-container--default .select2-selection--single .select2-selection__arrow * {
    display: none !important
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6667 6L8.00001 10.6667L3.33334 6' stroke='%230561B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 7px 36px 7px 12px;
    border-radius: 2px;
    width: 100%;
    outline: 0
}

.select2-container--default .select2-results__options {
    padding: 8px
}

.select2-container--default .select2-results .select2-results__option {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 2px 4px;
    color: #495057;
    border-radius: 2px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2px 0
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e6f2fc;
    color: #1e2225
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    border-radius: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    max-width: calc(100% - 5px);
    gap: 0 4px;
    background: #f5f6f7;
    padding: 2px 20px 2px 4px;
    border: none;
    border-radius: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    min-width: 12px;
    max-width: 12px;
    height: 12px;
    left: auto;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3.5L3 9.5' stroke='%23939A9E' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.5L9 9.5' stroke='%23939A9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove span {
    display: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
    padding: 0;
    text-overflow: ellipsis
}

.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
    width: 100% !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.datepicker {
    z-index: 1
}

.datepicker .datepicker-header .datepicker-controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.datepicker .datepicker-header .datepicker-controls .button {
    font-size: 16px
}

.datepicker .datepicker-header .next-button,
.datepicker .datepicker-header .prev-button {
    border: none;
    padding: 0;
    margin: 0;
    min-height: 24px;
    max-height: 24px;
    min-width: 24px;
    max-width: 24px;
    font-size: 0 !important;
    background: 0 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='27' height='25' viewBox='0 0 27 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8838 6.25812L16.8838 12.2581L10.8838 18.2581' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.datepicker .datepicker-header .prev-button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.datepicker .datepicker-main .datepicker-view {
    width: 100%
}

.datepicker .datepicker-main .dow {
    font-size: 18px;
    height: 40px;
    line-height: 100%;
    color: #1e2225;
    font-weight: 600
}

.datepicker .datepicker-main .dow:nth-last-child(1),
.datepicker .datepicker-main .dow:nth-last-child(2) {
    color: #b6050f
}

.datepicker .datepicker-main .datepicker-cell {
    font-size: 16px;
    height: 40px;
    color: #1e2225;
    font-weight: 600;
    border-radius: 2px;
    border: 2px solid transparent
}

.datepicker .datepicker-main .datepicker-cell:hover {
    background-color: #e6f2fc;
    color: #0679e3
}

.datepicker .datepicker-main .datepicker-cell.prev {
    color: #939a9e
}

.datepicker .datepicker-main .datepicker-cell.focused {
    border-color: #0561b6;
    background-color: rgba(0, 0, 0, 0);
    color: #1e2225
}

.datepicker .datepicker-main .datepicker-cell.selected {
    background-color: #0679e3;
    color: #fff;
    border-color: #0679e3
}

.btn-border,
.btn-primary {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    background: var(--bg-color);
    outline: 0;
    border-radius: 2px;
    color: var(--font-color);
    padding: 11px 24px;
    border: 1px solid var(--border-color);
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-border:hover,
.btn-primary:hover {
    background-color: var(--bg-hover);
    border-color: var(--bg-hover)
}

.btn-border:active,
.btn-primary:active {
    background-color: var(--bg-active);
    border-color: var(--bg-active);
    color: var(--color-active)
}

.btn-border:disabled,
.btn-primary:disabled {
    pointer-events: none;
    opacity: .5
}

.btn-border[class*=" icon-"],
.btn-primary[class*=" icon-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 10px
}

.btn-border[class*=" icon-"]:before,
.btn-primary[class*=" icon-"]:before {
    font-size: 24px;
    line-height: 100%;
    width: 24px
}

.btn-border.btn-only-icon,
.btn-primary.btn-only-icon {
    padding: 0;
    width: var(--size-btn, 48px);
    height: var(--size-btn, 48px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-border.btn-only-icon [class^=icon-],
.btn-primary.btn-only-icon [class^=icon-] {
    font-size: 24px;
    line-height: 100%;
    width: 24px
}

.btn-label {
    border: none;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 4px;
    padding: 6px 12px;
    color: #1e2225
}

.btn-label.green {
    background: #cce8d8
}

.btn-label.yellow {
    background: #ffedbd
}

.btn-label.red {
    background: #f9cdd0
}

.btn-label.blue {
    background: #d1eeff
}

.btn-label.gray {
    background: #e9ebec
}

.btn-label.purple {
    background: #dadeff
}

.btn-label.orange {
    background: #fdd6be
}

.btn-border.btn-blue {
    --bg-color: rgba(0, 0, 0, 0);
    --font-color: #0561B6;
    --border-color: #0561B6;
    --bg-hover: #E6F2FC;
    --bg-active: #0679E3;
    --color-active: white
}

.btn-border.btn-red {
    --bg-color: rgba(0, 0, 0, 0);
    --font-color: #E30613;
    --border-color: #E30613;
    --bg-hover: #F9CDD0;
    --bg-active: #E30613;
    --color-active: white
}

.btn-primary.btn-blue {
    --font-color: white;
    --bg-color: #0561B6;
    --border-color: #0561B6;
    --bg-hover: #0679E3;
    --bg-active: #044988;
    --color-active: white
}

.btn-primary.btn-red {
    --font-color: white;
    --bg-color: #E30613;
    --border-color: #E30613;
    --bg-hover: #B6050F;
    --bg-active: #E30613;
    --color-active: white
}

.btn-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    background: 0 0;
    border: none;
    outline: 0;
    padding: 12px 24px 0 24px;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    color: var(--text-color)
}

.btn-link:hover {
    color: var(--text-color);
    text-decoration-color: var(--text-color)
}

.btn-link:active {
    color: var(--text-color-active);
    text-decoration-color: transparent
}

.btn-link:disabled {
    color: var(--text-color-disabled);
    text-decoration-color: transparent;
    pointer-events: none
}

.btn-link.text-only {
    text-decoration-color: transparent !important;
    color: var(--text-color) !important;
    cursor: text
}

.btn-link.btn-blue {
    --text-color: #0561B6;
    --text-color-active: #0679E3;
    --text-color-disabled: #B4D0E9
}

.btn-link.btn-red {
    --text-color: #E30613;
    --text-color-active: #E30613;
    --text-color-disabled: #B4D0E9
}

.btn-link.btn-green {
    --text-color: #028D3E;
    --text-color-active: #028D3E;
    --text-color-disabled: #B4D0E9
}

.tippy-box .tippy-arrow {
    display: none
}

.tippy-box .tippy-content {
    text-align: center;
    background: #495057;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    background: #495057;
    border-radius: 2px
}

.sidebar {
    position: fixed;
    left: 20px;
    top: 20px;
    height: calc(100% - 40px);
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
}

.sidebar .sidebar-content {
    height: 100%;
    overflow: auto;
    padding: 10px 12px 20px 12px;
    -webkit-transition: opacity 0s, -webkit-transform .5s linear;
    transition: opacity 0s, -webkit-transform .5s linear;
    transition: transform .5s linear, opacity 0s;
    transition: transform .5s linear, opacity 0s, -webkit-transform .5s linear;
    background-color: #495057;
    border-radius: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar .logo {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #5f666d
}

.sidebar .logo img {
    display: block;
    width: 100%;
    max-width: 130px;
    margin: 0 auto
}

.sidebar .sidebar-footer {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 20px 20px 0 20px
}

.sidebar .lists {
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99
}

.sidebar .lists .list-group {
    padding: 20px 0;
    border-bottom: 1px solid #5f666d
}

.sidebar .lists .list-group .list-group__title {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em;
    margin-bottom: 4px;
    text-transform: uppercase
}

.sidebar .lists .list-group ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.sidebar .lists .list-group ul li {
    margin-bottom: 4px
}

.sidebar .lists .list-group ul li:last-child {
    margin-bottom: 0
}

.sidebar .lists .list-group ul li.active .link {
    border-radius: 0 2px 2px 0;
    border-left: 3px solid #e30613;
    background-color: rgba(255, 255, 255, .08)
}

.sidebar .lists .list-group ul li.active .sublist {
    max-height: 100%
}

.sidebar .lists .list-group ul li.have-sublist._init .sublist {
    max-height: 0
}

.sidebar .lists .list-group ul li.have-sublist.active .sublist {
    max-height: var(--height, 100vh)
}

.sidebar .lists .list-group ul li.have-sublist.active .btn-open {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.sidebar .lists .list-group ul li.have-sublist .btn-open {
    position: absolute;
    right: 8px;
    top: 6px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 14.5L12 9.5L7 14.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.sidebar .lists .list-group ul .link {
    color: inherit;
    display: block;
    position: relative;
    padding: 6px 8px 6px 40px;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    border-left: 3px solid rgba(227, 6, 19, 0);
    background: 0 0;
    outline: 0;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.sidebar .lists .list-group ul .link .icon {
    position: absolute;
    left: 8px;
    top: 6px;
    font-size: 24px
}

.sidebar .lists .list-group ul .link:hover {
    background-color: rgba(255, 255, 255, .08)
}

.sidebar .lists .list-group ul .sublist {
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar .lists .list-group ul .sublist li {
    margin: 0;
    padding: 6px 8px 6px 32px;
    position: relative
}

.sidebar .lists .list-group ul .sublist li:last-child:after {
    display: none
}

.sidebar .lists .list-group ul .sublist li:after,
.sidebar .lists .list-group ul .sublist li:before {
    content: "";
    position: absolute;
    background-color: #5f666d
}

.sidebar .lists .list-group ul .sublist li:before {
    width: 6px;
    height: 6px;
    top: 15px;
    left: 8%;
    border-radius: 50%
}

.sidebar .lists .list-group ul .sublist li:after {
    width: 1px;
    height: 30px;
    left: calc(8% + 2.5px);
    top: 21px
}

.sidebar .lists .list-group ul .sublist li.active:before {
    background-color: #fff
}

.sidebar .lists .list-group ul .sublist li.active .link {
    background: rgba(255, 255, 255, .08) !important;
    border: none
}

.sidebar .lists .list-group ul .sublist .link {
    padding: 0 8px;
    background: rgba(255, 255, 255, 0) !important;
    border-radius: 2px;
    border: none !important
}

.sidebar .lists .list-group ul .sublist .link:hover {
    background: rgba(255, 255, 255, .08) !important
}

.sidebar .btn-size-holder {
    position: absolute;
    right: -9px;
    top: 58px;
    width: 24px;
    height: 24px;
    background-color: #939a9e;
    border-radius: 4px;
    border: none;
    outline: 0;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 1L1.5 5L5.5 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat
}

.sidebar .smaller-version {
    background-color: #495057;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    pointer-events: none
}

.sidebar .smaller-version .logo {
    padding: 27px 0 43px 0
}

.sidebar .smaller-version .logo img {
    max-width: 40px
}

.sidebar .smaller-version .lists .list-group {
    padding: 20px 12px
}

.sidebar .smaller-version .lists .list-group ul .link {
    width: 40px;
    height: 40px;
    padding: 0
}

.sidebar .smaller-version .lists .list-group ul .link .icon {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sidebar.active {
    -webkit-transform: translateX(calc(-100% + 64px));
    -ms-transform: translateX(calc(-100% + 64px));
    transform: translateX(calc(-100% + 64px))
}

.sidebar.active .btn-size-holder {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sidebar.active .smaller-version {
    opacity: 1;
    pointer-events: auto
}

.sidebar.active .sidebar-content {
    opacity: 0;
    -webkit-transition: opacity .2s .3s, -webkit-transform .5s;
    transition: opacity .2s .3s, -webkit-transform .5s;
    transition: transform .5s, opacity .2s .3s;
    transition: transform .5s, opacity .2s .3s, -webkit-transform .5s
}

.sidebar.hide-btn .btn-size-holder {
    opacity: 0
}

header {
    background: #495057;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: sticky;
    top: 20px;
    z-index: 3
}

header .search-block {
    width: 100%;
    max-width: 600px;
    position: relative
}

header .search-block.show-results .search-block__result .clear-all {
    opacity: 1;
    pointer-events: auto
}

header .search-block.show-form .search-block__result .icon:before {
    content: "\e904";
    color: #0561b6
}

header .search-block.show-form .search-block__result .arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%230561B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

header .search-block.show-form .search-form {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

header .search-block .search-block__result {
    background: #fff;
    border: 1px solid #ced4da;
    position: relative;
    border-radius: 2px;
    padding: 12px 52px 12px 44px;
    z-index: 1
}

header .search-block .search-block__result .icon {
    font-size: 24px;
    line-height: 100%;
    color: #0561b6;
    width: 28px;
    height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 8px;
    padding-right: 4px;
    border-right: 1px solid #939a9e;
    -webkit-transition: all .3s;
    transition: all .3s
}

header .search-block .search-block__result .icon:before {
    -webkit-transition: all .3s;
    transition: all .3s
}

header .search-block .search-block__result .placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 8px
}

header .search-block .search-block__result .placeholder .placeholder-item {
    border-radius: 2px;
    background: #f5f6f7;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 4px
}

header .search-block .search-block__result .placeholder .placeholder-item span {
    width: 16px;
    height: 16px;
    line-height: 100%;
    font-size: 16px;
    cursor: pointer
}

header .search-block .search-block__result .placeholder .placeholder-item span:hover {
    color: #e30613
}

header .search-block .search-block__result .arrow,
header .search-block .search-block__result .clear-all {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat
}

header .search-block .search-block__result .arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

header .search-block .search-block__result .clear-all {
    width: 28px;
    right: 36px;
    color: #495057;
    font-size: 24px;
    line-height: 100%;
    border-right: 1px solid #ced4da;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    pointer-events: none
}

header .search-block .search-block__result .clear-all:hover {
    color: #e30613;
    cursor: pointer
}

header .search-block .search-form {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    width: 100%;
    -webkit-box-shadow: -1px 8px 17px 0 rgba(153, 153, 153, .1);
    box-shadow: -1px 8px 17px 0 rgba(153, 153, 153, .1);
    background: #fff;
    border-radius: 2px;
    border: 1px solid #0679e3;
    padding: 16px 12px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 1
}

header .search-block .search-form .form-group {
    display: grid;
    grid-template-columns: auto 390px
}

header .search-block .search-form .btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 12px;
    margin: 25px 0 0 auto;
    width: 100%;
    max-width: 272px
}

header .search-block .search-form .btns .btn-border,
header .search-block .search-form .btns .btn-primary {
    padding-left: 0;
    padding-right: 0
}

header .user-header {
    position: relative
}

header .user-header:hover .user-info {
    border-color: #0679e3;
    background: rgba(255, 255, 255, .0784313725)
}

header .user-header:hover .user-info button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

header .user-header:hover .user-header__dropdown {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

header .user-header .user-info {
    position: relative;
    padding: 3px 36px 3px 60px;
    color: #fff;
    cursor: pointer;
    min-height: 48px;
    z-index: 1;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s
}

header .user-header .user-info img {
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

header .user-header .user-info .user-name {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 2px
}

header .user-header .user-info .user-role {
    font-size: 14px;
    line-height: 20px
}

header .user-header .user-info button {
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 24px;
    line-height: 100%;
    color: #fff;
    position: absolute;
    right: 4px;
    width: 24px;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

header .user-header .user-header__dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

header .user-header .user-header__dropdown .user-header__dropdown-content {
    -webkit-box-shadow: -1px 8px 17px 0 rgba(153, 153, 153, .1019607843);
    box-shadow: -1px 8px 17px 0 rgba(153, 153, 153, .1019607843);
    border: 1px solid #0679e3;
    background: #fff;
    border-radius: 2px;
    margin-top: 4px
}

header .user-header .user-header__dropdown .dropdown-top {
    background-color: #ecf4ff;
    padding: 16px 12px 12px 16px
}

header .user-header .user-header__dropdown .dropdown-top .user-name {
    font-weight: 600;
    line-height: 24px
}

header .user-header .user-header__dropdown .dropdown-top .user-role {
    line-height: 24px;
    color: #495057
}

header .user-header .user-header__dropdown .dropdown-footer {
    padding: 12px 16px 16px 16px
}

header .user-header .user-header__dropdown .dropdown-footer .btn-primary {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block
}

.h1,
h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.text-underline {
    text-decoration: underline
}

.text-red {
    color: #e30613
}

.text-blue {
    color: #0561b6
}

.fw-600 {
    font-weight: 600
}

._mb0 {
    margin-bottom: 0 !important
}

.display-grid {
    display: grid
}

.display-grid.col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.display-grid.gap-20 {
    gap: 20px
}

.display-grid.gap-8 {
    gap: 8px
}

.card-table {
    padding: 16px 20px
}

.card-content {
    background-color: #fff;
    border-radius: 4px
}

.card-form {
    padding: 28px 20px;
    position: relative
}

.card-form .card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1e2225;
    margin-bottom: 28px;
    text-transform: uppercase
}

.card-form .sub-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.card-form .btn-copy {
    position: absolute;
    top: 16px;
    right: -4px
}

.card-form .btn-copy.pos-0 {
    top: 0;
    right: 0;
    padding: 0
}

.card-form .form-group select {
    min-height: 48px;
    font-weight: 400;
    font-size: 14px
}

.card-form.service-work .card-title__wrapper,
.card-form.used-parts .card-title__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 28px;
    gap: 0 40px
}

.card-form.service-work .card-title__wrapper .card-title,
.card-form.used-parts .card-title__wrapper .card-title {
    margin-bottom: 0
}

.card-form.service-work .card-title__wrapper .form-group,
.card-form.used-parts .card-title__wrapper .form-group {
    margin-bottom: 0;
    width: 100%;
    max-width: 466px
}

.card-form.used-parts .card-title__wrapper .form-group input::-webkit-input-placeholder {
    color: #939a9e
}

.card-form.used-parts .card-title__wrapper .form-group input::-moz-placeholder {
    color: #939a9e
}

.card-form.used-parts .card-title__wrapper .form-group input:-ms-input-placeholder {
    color: #939a9e
}

.card-form.used-parts .card-title__wrapper .form-group input::-ms-input-placeholder {
    color: #939a9e
}

.card-form.used-parts .card-title__wrapper .form-group input::placeholder {
    color: #939a9e
}

.card-form.used-parts .card-title__wrapper .form-group.have-icon input {
    padding-left: 42px
}

.card-form.used-parts .card-title__wrapper .form-group.have-icon .icon {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    line-height: 100%;
    border-right: 1px solid #939a9e;
    color: #0561b6
}

.card-form.used-parts .table-parts .row {
    grid-template-columns: 5fr 10fr 3fr 2fr 2fr 3fr 2fr 48px
}

.card-form.used-parts .table-parts.only-footer .row {
    grid-template-columns: 5fr 10fr 3fr 2fr 2fr 3fr 2fr 48px
}

.card-form.used-parts .table-parts.only-footer .row {
    grid-template-columns: 10fr 5fr 3fr 2fr 2fr 3fr 2fr 48px
}

.card-form.service-work .table-parts .row {
    grid-template-columns: 48px 11fr 2fr 2fr 2fr
}

.card-form.service-work .table-parts .table-header .cell:first-child {
    padding: 0
}

.card-form.service-work .table-parts .table-header .cell:first-child .form-group {
    border: none
}

.card-form.service-work .table-parts .table-footer .row {
    grid-template-columns: 11fr 48px 2fr 2fr 2fr
}

.card-form.service-work .table-parts .table-footer .row .cell:first-child {
    padding-left: 0
}

.card-group {
    margin-bottom: 28px
}

.card-lists {
    display: grid;
    gap: 8px
}

.card-text {
    padding: 12px;
    border: 1px solid #ced4da
}

.card-text h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.card-text p {
    margin: 12px 0
}

.card-text p:first-child {
    margin-top: 0
}

.card-text p:last-child {
    margin-bottom: 0
}

.inputs-group {
    margin-bottom: 20px
}

.inputs-group:last-child {
    margin-bottom: 0
}

.inputs-group .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 0
}

.inputs-group.one-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.inputs-group.one-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.fake-label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
    opacity: 0 !important;
    min-height: 24px
}

.form-group .form-group__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 15px;
    margin-bottom: 12px;
    min-height: 48px
}

.form-group .form-group__top label {
    margin: 0
}

.form-group .form-group__top select {
    max-width: 320px
}

.image-preview {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    gap: 20px
}

.image-preview .img {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.image-preview .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-preview .img button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    font-size: 24px;
    background-color: rgba(255, 255, 255, .8);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0561b6;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.image-preview .img button:hover {
    color: #e30613
}

.table-wrapper {
    overflow: auto
}

.table-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f5f6f7;
    border-radius: 100px;
    background-color: #f5f6f7
}

.table-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f5f6f7
}

.table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #0561b6
}

.table {
    display: table
}

.table .thead {
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 1
}

.table .tbody {
    display: table-row-group
}

.table .tr {
    display: table-row
}

.table .td,
.table .th {
    display: table-cell
}

.table,
table {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    border-spacing: 0;
    width: 100%;
    --border: 1px solid rgba(233, 235, 236, 1);
    --border-radius: 4px;
    text-align: center
}

.table strong,
table strong {
    font-weight: 600
}

.table.layout-fixed,
table.layout-fixed {
    table-layout: fixed
}

.table.layout-fixed .tbody .td,
.table.layout-fixed .tbody td,
.table.layout-fixed tbody .td,
.table.layout-fixed tbody td,
table.layout-fixed .tbody .td,
table.layout-fixed .tbody td,
table.layout-fixed tbody .td,
table.layout-fixed tbody td {
    padding: 0 8px
}

.table.add-scroll,
table.add-scroll {
    table-layout: initial
}

.table.add-scroll .thead,
table.add-scroll .thead {
    position: sticky;
    top: 0;
    z-index: 1
}

.table.add-scroll .td,
.table.add-scroll .th,
.table.add-scroll td,
.table.add-scroll th,
table.add-scroll .td,
table.add-scroll .th,
table.add-scroll td,
table.add-scroll th {
    white-space: nowrap
}

.table .thead .th,
.table .thead th,
.table thead .th,
.table thead th,
table .thead .th,
table .thead th,
table thead .th,
table thead th {
    padding: 11px 8px;
    background-color: #f5f6f7;
    border: var(--border);
    border-left: none;
    border-right: none;
    border-bottom: none;
    vertical-align: middle;
    font-weight: 400
}

.table .thead .th [class^=icon-],
.table .thead th [class^=icon-],
.table thead .th [class^=icon-],
.table thead th [class^=icon-],
table .thead .th [class^=icon-],
table .thead th [class^=icon-],
table thead .th [class^=icon-],
table thead th [class^=icon-] {
    display: inline-block;
    margin-left: 6px;
    color: #495057;
    font-size: 16px;
    line-height: 100%;
    width: 16px
}

.table .thead .th:first-child,
.table .thead th:first-child,
.table thead .th:first-child,
.table thead th:first-child,
table .thead .th:first-child,
table .thead th:first-child,
table thead .th:first-child,
table thead th:first-child {
    border-top-left-radius: var(--border-radius);
    border-left: var(--border)
}

.table .thead .th:last-child,
.table .thead th:last-child,
.table thead .th:last-child,
.table thead th:last-child,
table .thead .th:last-child,
table .thead th:last-child,
table thead .th:last-child,
table thead th:last-child {
    border-top-right-radius: var(--border-radius);
    border-right: var(--border)
}

.table .tbody,
.table tbody,
table .tbody,
table tbody {
    background-color: #fff
}

.table .tbody .tr,
.table .tbody tr,
.table tbody .tr,
.table tbody tr,
table .tbody .tr,
table .tbody tr,
table tbody .tr,
table tbody tr {
    -webkit-transition: all .3s;
    transition: all .3s
}

.table .tbody .tr:hover,
.table .tbody tr:hover,
.table tbody .tr:hover,
.table tbody tr:hover,
table .tbody .tr:hover,
table .tbody tr:hover,
table tbody .tr:hover,
table tbody tr:hover {
    background-color: #f5f6f7
}

.table .tbody .tr:hover table td,
.table .tbody tr:hover table td,
.table tbody .tr:hover table td,
.table tbody tr:hover table td,
table .tbody .tr:hover table td,
table .tbody tr:hover table td,
table tbody .tr:hover table td,
table tbody tr:hover table td {
    background-color: #f5f6f7
}

.table .tbody .tr:last-child .td:first-child,
.table .tbody .tr:last-child td:first-child,
.table .tbody tr:last-child .td:first-child,
.table .tbody tr:last-child td:first-child,
.table tbody .tr:last-child .td:first-child,
.table tbody .tr:last-child td:first-child,
.table tbody tr:last-child .td:first-child,
.table tbody tr:last-child td:first-child,
table .tbody .tr:last-child .td:first-child,
table .tbody .tr:last-child td:first-child,
table .tbody tr:last-child .td:first-child,
table .tbody tr:last-child td:first-child,
table tbody .tr:last-child .td:first-child,
table tbody .tr:last-child td:first-child,
table tbody tr:last-child .td:first-child,
table tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--border-radius)
}

.table .tbody .tr:last-child .td:last-child,
.table .tbody .tr:last-child td:last-child,
.table .tbody tr:last-child .td:last-child,
.table .tbody tr:last-child td:last-child,
.table tbody .tr:last-child .td:last-child,
.table tbody .tr:last-child td:last-child,
.table tbody tr:last-child .td:last-child,
.table tbody tr:last-child td:last-child,
table .tbody .tr:last-child .td:last-child,
table .tbody .tr:last-child td:last-child,
table .tbody tr:last-child .td:last-child,
table .tbody tr:last-child td:last-child,
table tbody .tr:last-child .td:last-child,
table tbody .tr:last-child td:last-child,
table tbody tr:last-child .td:last-child,
table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--border-radius)
}

.table .tbody .td,
.table .tbody td,
.table tbody .td,
.table tbody td,
table .tbody .td,
table .tbody td,
table tbody .td,
table tbody td {
    height: 52px;
    vertical-align: middle;
    text-align: center;
    border: var(--border);
    border-left: none;
    border-right: none;
    border-top: none
}

.table .tbody .td:first-child,
.table .tbody td:first-child,
.table tbody .td:first-child,
.table tbody td:first-child,
table .tbody .td:first-child,
table .tbody td:first-child,
table tbody .td:first-child,
table tbody td:first-child {
    border-left: var(--border);
    text-align: left;
    padding: 0 8px
}

.table .tbody .td:last-child,
.table .tbody td:last-child,
.table tbody .td:last-child,
.table tbody td:last-child,
table .tbody .td:last-child,
table .tbody td:last-child,
table tbody .td:last-child,
table tbody td:last-child {
    border-right: var(--border)
}

.table.cell-border .td,
.table.cell-border .th,
.table.cell-border td,
.table.cell-border th,
table.cell-border .td,
table.cell-border .th,
table.cell-border td,
table.cell-border th {
    border-right: var(--border)
}

.table-actions {
    table-layout: initial
}

.table-actions ._empty {
    border: none !important;
    background: #fff !important;
    min-width: 6px !important;
    max-width: 6px !important;
    width: 6px !important;
    padding: 0 !important
}

.table-actions .td:last-child,
.table-actions .th:last-child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: sticky;
    right: 0;
    border-left: var(--border);
    padding: 0 6px !important;
    background-color: #fff
}

.table-actions .td:nth-last-child(3),
.table-actions .th:nth-last-child(3) {
    border-right: var(--border)
}

.table-actions .tr {
    position: relative
}

.table-actions .thead .th:last-child {
    background-color: #f5f6f7
}

.table-actions .thead .th:nth-last-child(3) {
    border-top-right-radius: var(--border-radius)
}

.table-actions .thead .tr:first-child .th:last-child {
    border-top-left-radius: var(--border-radius)
}

.table-actions .tbody .tr:last-child .td:last-child {
    border-bottom-left-radius: var(--border-radius)
}

.table-actions .tbody .tr:last-child .td:nth-last-child(3) {
    border-bottom-right-radius: var(--border-radius)
}

.table-actions .tbody .td {
    padding: 16px 8px
}

.table-actions .tbody .td:last-child {
    padding: 0
}

.table-actions .btn-action {
    padding: 0;
    border: none;
    background: 0 0;
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 100%;
    color: #0561b6;
    cursor: pointer;
    position: relative;
    margin: 0 1.5px;
    -webkit-transition: all .4s;
    transition: all .4s;
    border-radius: 2px;
    display: inline-block;
    max-height: 24px
}

.table-actions .btn-action:hover {
    background-color: #ecf4ff
}

.table-actions .btn-action:first-child {
    margin-left: 0
}

.table-actions .btn-action:last-child {
    margin-right: 0
}

.table-actions .btn-action._inactive {
    color: #ced4da;
    pointer-events: none
}

.table-actions .btn-action.icon-message {
    position: relative
}

.table-actions .btn-action.icon-message::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    background: #e30613;
    opacity: 0
}

.table-actions .btn-action.icon-message.has-message::after {
    opacity: 1
}

.table-actions .btn-action._notification:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e30613;
    border: 1px solid #fff
}

.table-footer {
    position: relative
}

.table-footer .tbody .tr:last-child .td:first-child,
.table-footer .tbody .tr:last-child td:first-child,
.table-footer .tbody tr:last-child .td:first-child,
.table-footer .tbody tr:last-child td:first-child,
.table-footer tbody .tr:last-child .td:first-child,
.table-footer tbody .tr:last-child td:first-child,
.table-footer tbody tr:last-child .td:first-child,
.table-footer tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0
}

.table-footer .tbody .tr:last-child .td:last-child,
.table-footer .tbody .tr:last-child td:last-child,
.table-footer .tbody tr:last-child .td:last-child,
.table-footer .tbody tr:last-child td:last-child,
.table-footer tbody .tr:last-child .td:last-child,
.table-footer tbody .tr:last-child td:last-child,
.table-footer tbody tr:last-child .td:last-child,
.table-footer tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0
}

.table-footer.table-actions .tbody .tr:last-child .td:last-child,
.table-footer.table-actions .tbody .tr:last-child td:last-child,
.table-footer.table-actions .tbody tr:last-child .td:last-child,
.table-footer.table-actions .tbody tr:last-child td:last-child,
.table-footer.table-actions tbody .tr:last-child .td:last-child,
.table-footer.table-actions tbody .tr:last-child td:last-child,
.table-footer.table-actions tbody tr:last-child .td:last-child,
.table-footer.table-actions tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.table-footer.table-actions .tfoot .th:last-child {
    background-color: #f5f6f7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.table-footer .tfoot,
.table-footer tfoot {
    display: table-footer-group;
    position: sticky;
    left: 0;
    bottom: 0
}

.table-footer .tfoot .th,
.table-footer .tfoot th,
.table-footer tfoot .th,
.table-footer tfoot th {
    background: #f5f6f7;
    padding: 11px 8px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    border-bottom: 1px solid #e9ebec
}

.table-footer .tfoot .th:first-child,
.table-footer .tfoot th:first-child,
.table-footer tfoot .th:first-child,
.table-footer tfoot th:first-child {
    border-bottom-left-radius: var(--border-radius);
    border-left: 1px solid #e9ebec
}

.table-footer .tfoot .th:last-child,
.table-footer .tfoot th:last-child,
.table-footer tfoot .th:last-child,
.table-footer tfoot th:last-child {
    border-bottom-right-radius: var(--border-radius);
    border-right: 1px solid #e9ebec
}

.fake-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 4px
}

.fake-breadcrumb a {
    color: #0561b6
}

.fake-breadcrumb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 4px;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px
}

.fake-breadcrumb li:after {
    content: "/";
    color: #939a9e;
    font-size: 24px;
    font-weight: 400
}

.fake-breadcrumb li:last-child:after {
    display: none
}

.page-name {
    background-color: #fff;
    padding: 12px 20px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
    position: relative;
    z-index: 1
}

.page-name:before {
    position: absolute;
    height: 40px;
    top: -30px;
    left: 0;
    width: 100%;
    background-color: #ced4da;
    z-index: 0
}

.page-name.sticky {
    position: sticky;
    top: calc(var(--header-height, 90px) + 32px);
    z-index: 2;
    -webkit-box-shadow: 4px 5px 9px 2px rgba(0, 0, 0, .2);
    box-shadow: 4px 5px 9px 2px rgba(0, 0, 0, .2)
}

.page-name .total-found {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #495057
}

.page-name .total-found strong {
    color: #1e2225
}

.page-name .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 12px
}

.page-name .btns .btn-link {
    padding: 0 8px
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 14px
}

.pagination .pagination-total {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.pagination .pagination-next {
    width: 100%;
    max-width: 200px
}

.pagination .pagination-next .btn-primary {
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 6px
}

.pagination .pagination-next .btn-primary span {
    display: block;
    font-size: 24px;
    line-height: 100%;
    width: 24px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pagination .pagination-select-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.pagination .pagination-select-wrapper .form-group {
    margin: 0 6px
}

.pagination .pagination-select-wrapper .form-group select {
    min-height: 40px;
    border: none;
    width: 70px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 5px 0 15px
}

.search-result {
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-result .text {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    color: #5f666d
}

.search-result .text p {
    margin: 8px 0
}

.search-result .text .btn-primary {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 24px auto 0 auto
}

.table-parts {
    border: 1px solid #e9ebec;
    border-radius: 4px
}

.table-parts.without-actions .row {
    grid-template-columns: 6fr 14fr 3fr 3fr 3fr 2fr
}

.table-parts.without-action .row {
    grid-template-columns: 6fr 14fr 3fr 3fr 3fr 2fr
}

.table-parts .row {
    display: grid;
    grid-template-columns: 6fr 14fr 3fr 3fr 3fr 2fr 48px;
    padding: 0 12px;
    gap: 0 8px
}

.table-parts .row.add-new {
    margin-bottom: 10px
}

.table-parts .row.title-only {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    padding-top: 10px
}

.table-parts .row.title-only._empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 25px 0;
    color: #939a9e
}

.table-parts .row .cell:nth-child(1),
.table-parts .row .cell:nth-child(2) {
    text-align: left;
    padding-left: 12px
}

.table-parts .row .form-group {
    margin: 0
}

.table-parts .form-group input {
    text-align: center;
    padding: 11px 12px
}

.table-parts .form-group input::-webkit-input-placeholder {
    color: #939a9e
}

.table-parts .form-group input::-moz-placeholder {
    color: #939a9e
}

.table-parts .form-group input:-ms-input-placeholder {
    color: #939a9e
}

.table-parts .form-group input::-ms-input-placeholder {
    color: #939a9e
}

.table-parts .form-group input::placeholder {
    color: #939a9e
}

.table-parts .form-group.checkbox {
    border: 1px solid #ced4da;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.table-parts .form-group.checkbox input+label {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}

.table-parts .form-group.checkbox input+label:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.table-parts .form-group.checkbox input:disabled+label {
    background: #f5f6f7
}

.table-parts .form-group._bg-white input:-moz-read-only {
    background-color: #fff
}

.table-parts .form-group._bg-white input:read-only {
    background-color: #fff
}

.table-parts .form-group.have-icon input {
    padding-left: 42px
}

.table-parts .form-group.have-icon .icon {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    line-height: 100%;
    border-right: 1px solid #939a9e;
    color: #0561b6
}

.table-parts .btn-action {
    padding: 0;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.table-parts .btn-action span {
    font-size: 24px;
    line-height: 100%
}

.table-parts .table-footer,
.table-parts .table-header {
    background: #f5f6f7
}

.table-parts .table-footer .cell,
.table-parts .table-header .cell {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.table-parts .row-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px 0
}

.table-parts .table-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px 0;
    padding: 10px 0
}

.table-parts .table-body .cell:nth-child(1),
.table-parts .table-body .cell:nth-child(2) {
    text-align: left;
    padding-left: 0
}

.table-parts .table-body .cell:nth-child(1) .form-group input,
.table-parts .table-body .cell:nth-child(2) .form-group input {
    text-align: left
}

.table-parts .table-footer .cell {
    font-weight: 600;
    text-align: center
}

.table-parts .table-footer .cell:nth-child(1) {
    text-align: left
}

.table-parts.only-footer {
    margin-top: 20px
}

.table-parts.only-footer .row {
    grid-template-columns: 14fr 6fr 3fr 3fr 3fr 2fr 48px
}

.table-parts.only-footer.without-actions .row {
    grid-template-columns: 14fr 6fr 3fr 3fr 3fr 2fr
}

.page-compensation .card-content .table-wrapper,
.page-doc .card-content .table-wrapper,
.page-handbook .card-content .table-wrapper,
.page-warranty .card-content .table-wrapper {
    max-height: calc(100vh - var(--header-height) - var(--page-name-height) - var(--pagination-height, 0px) - 92px)
}

.filters {
    position: fixed;
    left: 20px;
    top: 20px;
    height: calc(100% - 40px);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 270px;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 20px 20px 20px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.filters.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.filters .logo {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9ebec;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1
}

.filters .logo img {
    display: block;
    width: 100%;
    max-width: 130px;
    margin: 0 auto
}

.filters .filters-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0;
    position: sticky;
    top: 79px;
    z-index: 1;
    background-color: #fff
}

.filters .filters-title button {
    position: absolute;
    top: 20px;
    right: -7px;
    background: 0 0;
    outline: 0;
    border: none;
    font-size: 32px;
    line-height: 100%;
    width: 32px;
    color: #e30613;
    padding: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.filters .filters-title a {
    display: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #0561b6
}

.filters .filters-title a.active {
    display: block
}

.filters .filters-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px 0;
    padding-top: 16px;
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99
}

.filters .filters-main .form-group.horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 8px;
    margin-bottom: 12px
}

.filters .filters-main .form-group.horizontal label {
    font-size: 14px;
    min-width: 20px;
    max-width: 20px;
    margin: 0
}

.filters .filters-main .form-group.checkbox {
    margin-bottom: 8px
}

.filters .filters-main .form-group.checkbox label {
    margin-bottom: 0
}

.filters .filters-main .form-group label {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px
}

.filters .filters-main .form-group input[type=text],
.filters .filters-main .form-group textarea {
    padding: 3px 32px 3px 8px
}

.filters .filters-main .filter-group {
    border-bottom: 1px solid #e9ebec;
    padding-bottom: 12px
}

.filters .filters-main .filter-group:last-child {
    border: none;
    padding-bottom: 0
}

.filters .filters-main .filter-group._init .filter-group__content {
    max-height: 0;
    overflow: hidden
}

.filters .filters-main .filter-group.active .filter-group__head button {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filters .filters-main .filter-group.active .filter-group__content {
    opacity: 1;
    max-height: var(--height);
    overflow: visible
}

.filters .filters-main .filter-group .filter-group__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #1e2225;
    cursor: pointer
}

.filters .filters-main .filter-group .filter-group__head button {
    background: 0 0;
    outline: 0;
    border: none;
    font-size: 16px;
    line-height: 100%;
    width: 16px;
    color: #0561b6;
    padding: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.filters .filters-main .filter-group .filter-group__content {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.filters .filters-main .filter-group .filter-group__content .filter-group__content__wrapper {
    padding-top: 12px
}

.filters .filters-footer {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 20px 20px 0 20px
}

.page-doc .page-name {
    gap: 0 20px
}

.page-doc .page-name button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0;
    width: 300px
}

.page-doc .page-name button span {
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    color: #b4d0e9
}

.page-doc .filters-doc {
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99;
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 250px));
    gap: 0 20px
}

.page-doc .filters-doc .form-group {
    margin-bottom: 0
}

.page-doc .filters-doc .form-group select {
    min-height: 48px
}

.page-doc .table-actions .thead .th:last-child {
    width: 100px
}

.page-handbook .table .td,
.page-handbook .table .th,
.page-handbook .table td,
.page-handbook .table th,
.page-handbook table .td,
.page-handbook table .th,
.page-handbook table td,
.page-handbook table th {
    text-align: center !important
}

.page-compensation .page-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.page-compensation .page-name .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 20px
}

.page-compensation .page-name .btn-filter {
    position: absolute;
    top: 12px;
    right: 20px
}

.page-compensation .page-name h1 {
    padding: 8px 0
}

.page-compensation .page-name .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 150px
}

.page-compensation .page-name .sort a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #495057;
    padding: 12px;
    display: block
}

.page-compensation .page-name .sort a.active {
    color: #0561b6
}

.page-compensation .page-name .filters-result {
    grid-column: 1/3;
    grid-row: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.page-compensation .page-name .filters-result .count {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 6px
}

.page-compensation .page-name .filters-result .count span {
    font-weight: 600
}

.page-compensation .page-name .filters-result .active-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.page-compensation .page-name .filters-result .active-filters .filter {
    background-color: #f5f6f7;
    border-radius: 2px;
    padding: 5px 24px 5px 6px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #495057
}

.page-compensation .page-name .filters-result .active-filters .filter strong {
    font-weight: 400;
    color: #1e2225;
    opacity: 1
}

.page-compensation .page-name .filters-result .active-filters .filter a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6px;
    border: none;
    background: 0 0;
    outline: 0;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 100%;
    color: #939a9e
}

.page-compensation .table.have-subtable .thead .th {
    padding-bottom: 0;
    vertical-align: top;
    border-right: var(--border)
}

.page-compensation .table.have-subtable .subtable-сell {
    padding-left: 0;
    padding-right: 0
}

.page-compensation .table.have-subtable table td,
.page-compensation .table.have-subtable table th {
    width: 50%;
    padding: 0;
    border-radius: 0 !important;
    border-right: var(--border)
}

.page-compensation .table.have-subtable table td:first-child,
.page-compensation .table.have-subtable table th:first-child {
    border-left: none
}

.page-compensation .table.have-subtable table td:last-child,
.page-compensation .table.have-subtable table th:last-child {
    border-right: none
}

.page-compensation.service-centre .table .thead .th:last-child {
    width: 72px;
    vertical-align: middle
}

.page-compensation.service-centre .table .tbody .td {
    padding-top: 8px;
    padding-bottom: 0;
    vertical-align: top
}

.page-compensation.service-centre .table .tbody .td span {
    display: block;
    color: #5f666d;
    font-size: 12px
}

.page-compensation.service-centre .table .tbody .td:last-child {
    vertical-align: middle
}

.page-compensation.service-centre .table .tbody .td.subtable-сell td {
    height: auto;
    border-bottom: none;
    border-top: var(--border);
    text-align: center;
    color: #5f666d
}

.page-compensation.service-centre .table .tfoot .th {
    vertical-align: top;
    padding: 8px
}

.page-compensation.service-centre .table .tfoot .th:first-child {
    vertical-align: middle
}

.page-compensation.service-centre .table .tfoot .th:nth-child(2),
.page-compensation.service-centre .table .tfoot .th:nth-child(3),
.page-compensation.service-centre .table .tfoot .th:nth-child(4) {
    border-right: none
}

.page-compensation.service-centre .table .tfoot .th span {
    display: block;
    color: #5f666d;
    font-size: 12px;
    font-weight: 400
}

.page-compensation.without-desc .table .thead .th:last-child {
    width: 72px
}

.page-compensation#page-document .table .thead .th:last-child {
    width: 150px
}

.page-compensation-single .page-name .btn-only-icon {
    position: relative
}

.modal-overlay {
    position: fixed;
    left: -20px;
    top: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-color: rgba(5, 97, 182, .3019607843);
    z-index: 3;
    display: none;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.modal-overlay.active {
    display: block
}

.modal-overlay.fade-in {
    opacity: 1
}

.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 100%;
    z-index: 4;
    padding: 32px 24px 20px 24px;
    max-height: 80vh;
    display: none;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.modal.active {
    display: block
}

.modal.fade-in {
    opacity: 1
}

.modal .btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background: 0 0;
    outline: 0;
    padding: 0;
    font-size: 24px;
    line-height: 100%;
    width: 24px;
    border: none;
    color: #495057;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.modal .btn-close:hover {
    color: #e30613
}

.modal .modal-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
    color: #1e2225
}

.modal-chat {
    max-width: 700px;
    height: 100%;
    max-height: 520px
}

.modal-chat .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.modal-chat .chat-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 12px
}

.modal-chat .chat-main {
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99;
    padding: 12px 12px 25px 12px;
    border-top: 1px solid #e9ebec;
    border-bottom: 1px solid #e9ebec;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.modal-chat .chat-main._empty {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.modal-chat .chat-main._empty .chat-main__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal-chat .chat-main .chat-main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px 0;
    width: 100%
}

.modal-chat .chat-main .chat-empty {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #939a9e;
    text-align: center
}

.modal-chat .chat-main .message {
    background: #f5f6f7;
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    max-width: 468px;
    position: relative
}

.modal-chat .chat-main .message.sender {
    margin: 0 0 0 auto
}

.modal-chat .chat-main .message .message-author {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 8px;
    color: #0561b6;
    padding-right: 50px
}

.modal-chat .chat-main .message .message-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #1e2225;
    word-break: break-all
}

.modal-chat .chat-main .message .message-text a {
    color: #0561b6;
    text-decoration: underline;
    text-underline-offset: 1px
}

.modal-chat .chat-main .message .message-date {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: end;
    color: #939a9e
}

.modal-chat .chat-main .message .message-controls {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 120px;
    height: 20px
}

.modal-chat .chat-main .message .message-controls:hover .btn-delete {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3C3.55228 3 4 2.55228 4 2C4 1.44772 3.55228 1 3 1C2.44772 1 2 1.44772 2 2C2 2.55228 2.44772 3 3 3Z' stroke='%230561B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 3C10.5523 3 11 2.55228 11 2C11 1.44772 10.5523 1 10 1C9.44772 1 9 1.44772 9 2C9 2.55228 9.44772 3 10 3Z' stroke='%230561B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 3C17.5523 3 18 2.55228 18 2C18 1.44772 17.5523 1 17 1C16.4477 1 16 1.44772 16 2C16 2.55228 16.4477 3 17 3Z' stroke='%230561B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.modal-chat .chat-main .message .message-controls:hover .controls-list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.modal-chat .chat-main .message .message-controls .btn-delete {
    display: block;
    width: 20px;
    margin: 0 0 0 auto;
    height: 100%;
    background: 0 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3C3.55228 3 4 2.55228 4 2C4 1.44772 3.55228 1 3 1C2.44772 1 2 1.44772 2 2C2 2.55228 2.44772 3 3 3Z' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 3C10.5523 3 11 2.55228 11 2C11 1.44772 10.5523 1 10 1C9.44772 1 9 1.44772 9 2C9 2.55228 9.44772 3 10 3Z' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 3C17.5523 3 18 2.55228 18 2C18 1.44772 17.5523 1 17 1C16.4477 1 16 1.44772 16 2C16 2.55228 16.4477 3 17 3Z' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    border: none;
    outline: 0;
    padding: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.modal-chat .chat-main .message .message-controls .controls-list {
    position: absolute;
    top: 100%;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px;
    border-radius: 4px;
    background-color: #495057;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    pointer-events: none;
    z-index: 2
}

.modal-chat .chat-main .message .message-controls .controls-list li {
    margin-bottom: 8px
}

.modal-chat .chat-main .message .message-controls .controls-list li:last-child {
    margin-bottom: 0
}

.modal-chat .chat-main .message .message-controls .controls-list button {
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 6px;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.modal-chat .chat-main .message .message-controls .controls-list button:before {
    font-size: 16px;
    line-height: 100%;
    width: 20px
}

.modal-chat .chat-main .message .message-controls .controls-list button:hover {
    color: #0679e3
}

.modal-chat .chat-footer {
    display: grid;
    grid-template-columns: auto 130px;
    gap: 0 12px;
    padding-top: 20px
}

.modal-chat .chat-footer .form-group {
    margin: 0
}

.modal-chat .chat-footer button {
    padding-left: 0;
    padding-right: 0
}

.modal-manager {
    max-width: 500px;
    height: 100%;
    max-height: 520px
}

.modal-manager .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.modal-manager .manager-header .modal-title {
    margin-bottom: 24px
}

.modal-manager .manager-header .form-group {
    margin-bottom: 12px
}

.modal-manager .manager-header .form-group span {
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 29px;
    font-size: 24px;
    height: 24px;
    line-height: 100%;
    padding-right: 4px;
    border-right: 1px solid #939a9e
}

.modal-manager .manager-header .form-group input {
    padding-left: 44px
}

.modal-manager .manager-body {
    overflow: auto;
    -webkit-box-flex: 99;
    -ms-flex: 99;
    flex: 99
}

.modal-manager .manager-body .form-group {
    margin-bottom: 0;
    padding: 14px 0;
    border-bottom: 1px solid #ced4da
}

.modal-manager .manager-body .form-group label {
    margin: 0
}

.modal-manager .manager-body .form-group:last-child {
    border: none
}

.modal-manager .manager-footer {
    padding-top: 12px
}

.modal-manager .manager-footer button {
    width: 100%
}

.modal-alert {
    max-width: 540px;
    padding: 36px
}

.modal-alert .btn-close {
    display: none
}

.modal-alert .modal-title {
    text-align: center;
    margin-bottom: 12px
}

.modal-alert .modal-desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.modal-alert .btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 16px;
    margin-top: 24px
}

.modal-alert .btns a,
.modal-alert .btns button {
    padding-left: 0;
    padding-right: 0;
    display: block
}

.modal-alert-delete {
    max-width: 420px
}

.modal-alert-delete .modal-title {
    margin-bottom: 0
}

.modal-alert-delete .btns {
    margin-top: 32px
}

.modal-document {
    max-width: 464px;
    padding: 24px 32px;
    overflow: auto
}

.modal-document .modal-title {
    margin-bottom: 20px
}

.modal-document .default-select select {
    height: 48px;
    font-weight: 400
}

.modal-document .file {
    margin-bottom: 24px
}

.modal-document .file label {
    border: 1px solid #0561b6;
    border-radius: 2px;
    color: #0561b6;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
    padding: 12px 0
}

.modal-document .file label:hover {
    color: #0561b6
}

.modal-document .file label:active {
    color: #fff
}

.modal-document .file-name-preview {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
    border: 1px solid #0561b6;
    color: #1e2225;
    padding: 12px 0;
    margin-bottom: 24px;
    border-radius: 2px;
    display: none
}

.modal-document .file-name-preview.active {
    display: block
}

.modal-document button[type=submit] {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.login-page {
    padding: 40px;
    max-width: 100%;
    margin: 0;
    background-color: #fff
}

.login-page:after,
.login-page:before {
    display: none
}

.login-page #main {
    display: grid;
    grid-template-columns: 4fr 8fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 24px
}

.login-page form .form-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 44.8px;
    margin-bottom: 40px;
    color: #1e2225
}

.login-page form .form-group .btn-password-visible {
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    outline: 0;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.login-page .hello {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f6f7;
    border-radius: 20px;
    height: 100%
}

.login-page .hello .h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 64px;
    margin-bottom: 24px
}

.login-page .hello .h1 strong {
    font-weight: 800;
    color: #e30613
}

.modal-gallery {
    padding: 0;
    background: #fff;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-gallery.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-gallery .btn-close {
    width: 40px;
    height: 40px;
    font-size: 40px;
    position: fixed;
    top: 20px;
    right: 20px;
    color: #1e2225
}

.modal-gallery .modal-content {
    padding: 0 98px;
    position: relative;
    max-height: 80vh;
    width: 100%;
    max-width: 1550px;
    margin: 0 auto
}

.modal-gallery .gallery-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-color: transparent !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.modal-gallery .gallery-btn [class^=icon-] {
    color: #044988;
    font-size: 48px;
    width: 48px;
    line-height: 100%
}

.modal-gallery .gallery-btn.gallery-prev {
    left: 0
}

.modal-gallery .gallery-btn.gallery-next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal-gallery .swiper-pagination {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    color: #044988;
    top: calc(100% + 24px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.modal-gallery .swiper-pagination .swiper-pagination-total {
    font-size: 16px
}

.modal-gallery .swiper {
    height: 100%
}

.modal-gallery .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    max-height: 80vh;
    -o-object-fit: contain;
    object-fit: contain
}

.page-search-result .table .th:last-child,
.page-search-result .table th:last-child,
.page-search-result table .th:last-child,
.page-search-result table th:last-child {
    width: 72px
}

.datepicker-container .datepicker {
    position: fixed;
    z-index: 99;
    left: var(--left-datepicker) !important;
    top: var(--top-datepicker) !important
}

.form-group .datepicker {
    position: fixed;
    z-index: 99;
    left: var(--left-datepicker) !important;
    top: var(--top-datepicker) !important
}