:root {
    --color-main: #165bc3;
    --color-hover: #10408a;
}

body,
input,
textarea,
select {
    font-family: "Nunito Sans", sans-serif;
    color: #171219;
    font-size: 0.9722vw;
}

img {
    max-width: 100%;
}

* {
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    /* -webkit-appearance:none; */
}

body,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
span,
b,
i,
input,
textarea,
fieldset {
    margin: 0;
    padding: 0;
}

.none {
    display: none;
}

.fade-out {
    opacity: 1;
    transition: 0.3s;
    pointer-events: auto;
}

.fade-out.active {
    opacity: 0;
    pointer-events: none;
}

.fade-in {
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

.fade-in.active {
    opacity: 1;
    pointer-events: auto;
}

.column {
    width: 79.1667vw;
    margin: 0 auto;
}

.navbar-laravel {
    box-shadow: 0 2px 0.2778vw rgba(0, 0, 0, 0.04);
}

.my-form {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.my-form .row {
    margin-left: 0;
    margin-right: 0;
}

.login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
    background: #eff2f4;
}

.digiants {
    width: 10.3132vw;
    height: 1.4493vw;
    position: absolute;
    bottom: 3.4722vw;
    left: 50%;
    transform: translateX(-50%);
}

.login-form-fields {
    width: 69.4444vw;
    background: #ffffff;
    box-shadow: 1.3194vw 0vw 5.2083vw rgba(0, 1, 20, 0.03);
    border-radius: 1.0417vw;
    padding: 3.4722vw 16.6667vw;
}

.login-form-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-form-logo {
    width: 6.9444vw;
}

.login-title {
    font-style: normal;
    font-weight: bold;
    font-size: 1.4681vw;
    line-height: 1.875vw;
    color: #171219;
    padding: 1.1111vw 1.5278vw;
    background: #f1f4f6;
    border-radius: 1.0486vw;
    margin-left: 1.0417vw;
}

.login-form-title {
    font-style: normal;
    font-weight: bold;
    font-size: 1.3889vw;
    line-height: 1.9444vw;
    position: relative;
    margin-top: 2.0833vw;
    margin-bottom: 1.0417vw;
    text-align: center;
}

.login-form-title::before,
.login-form-title::after {
    content: "";
    width: 7.8472vw;
    height: 1px;
    position: absolute;
    background-color: white;
    top: 2.2222vw;
}

.login-form-title::before {
    left: 0;
}

.login-form-title::after {
    right: 0;
}

.login-form-input {
    width: 36.1111vw;
    height: 3.4722vw;
    display: block;
    border: 1px solid #e3e3e3;
    border-radius: 0.3472vw;
    background-color: transparent;
    padding: 1.0417vw 1.3889vw;
    margin-bottom: 1.0417vw;
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
}

.checkbox {
    display: flex;
    user-select: none;
    cursor: pointer;
    margin-bottom: 1.0417vw;
}

.checkbox-rectangle {
    width: 1.3889vw;
    height: 1.3889vw;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.checkbox-mark {
    display: none;
    width: 0.8333vw;
    height: 0.8333vw;
}

.checkbox-input:checked + .checkbox-rectangle,
.checkbox-rectangle.active {
    background: var(--color-main);
    border: none;
}

.checkbox-input:checked + .checkbox-rectangle > .checkbox-mark,
.checkbox-rectangle.active > .checkbox-mark {
    display: block;
}

.checkbox-text {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    margin-left: 0.6944vw;
}

.login-form-btn {
    background: var(--color-main);
    border-radius: 0.3472vw;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #ffffff;
    width: 36.1111vw;
    height: 3.4722vw;
    border: 0;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.login-form-btn {
    text-decoration: none;
    color: white;
}

.login-form-btn:hover {
    background: var(--color-hover);
}

.not-found-btn {
    margin-bottom: 1.3889vw;
}

.login-error {
    color: red;
    margin-top: 1.0417vw;
    text-align: center;
    font-size: 0.9722vw;
}

.sidebar {
    background: #ffffff;
    width: 20.8333vw;
    min-height: 100vh;
    overflow-y: auto;
    padding: 2.0833vw 3.4722vw;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1.0417vw;
    border-bottom: 1px solid #e3e3e3;
}

.sidebar-logo {
    width: 4.8611vw;
    margin-right: 0.6944vw;
}

.sidebar-header-title {
    font-style: normal;
    font-weight: bold;
    font-size: 0.9028vw;
    line-height: 1.25vw;
    padding: 0.7639vw 1.0417vw;
    background: #eff2f4;
    border-radius: 0.6944vw;
    color: #171219;
}

.sidebar-header-title:hover {
    text-decoration: none;
    color: #171219;
}

.sidebar-menu {
    padding: 0.8333vw 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sidebar-menu-item-parent {
    position: relative;
}

.sidebar-menu-item-parent.active::before {
    content: "";
    display: block;
    background: rgba(81, 34, 93, 0.04);
    border-radius: 0.5556vw 0.2778vw 0.2778vw 0.5556vw;
    width: calc(100% + 5.5556vw);
    height: calc(100% + 1.1111vw);
    position: absolute;
    top: -0.5556vw;
    left: -2.0833vw;
    z-index: 0;
    border-right: 0.2778vw solid var(--color-main);
}

.sidebar-menu-item {
    margin-bottom: 1.0417vw;
    padding-right: 1.3889vw;
}

.sidebar-menu-item:not(.child):last-child {
    margin-bottom: 0;
}

.sidebar-menu-items-dev {
    padding-bottom: 0.8333vw;
    margin-bottom: 0.8333vw;
    border-bottom: 1px solid #e3e3e3;
}

.sidebar-menu-item,
.sidebar-menu-item a {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    user-select: none;
    transition: 0.2s;
}

.sidebar-menu-item-icon {
    width: 1.1111vw;
    height: 1.1111vw;
    margin-right: 1.3889vw;
    flex-shrink: 0;
}

.sidebar-menu-item.router-link-active,
.sidebar-menu-item:hover,
.sidebar-menu-item.router-link-active a,
.sidebar-menu-item:hover a,
.sidebar-menu-item a.router-link-active {
    color: var(--color-main);
    text-decoration: none;
}

.sidebar-menu-item.child {
    padding-left: 2.6389vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    display: none;
}

.sidebar-menu-item-ico-wrapper {
    width: 1.25vw;
    height: 1.25vw;
    background: #eff2f4;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-menu-item-ico {
    width: 0.5556vw;
    height: 0.5556vw;
    transition: 0.3s;
}

.sidebar-menu-item-parent.active .sidebar-menu-item {
    color: var(--color-main);
}

.sidebar-menu-item-parent.active .sidebar-menu-item-ico {
    transform: rotate(180deg);
}

.sidebar-menu-item-parent.active > .sidebar-menu-item.child {
    display: block;
}

.sidebar-menu-item-count {
    font-style: normal;
    font-weight: normal;
    font-size: 0.8333vw;
    line-height: 1.3889vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    padding: 0 3px;
    background: var(--color-main);
    border-radius: 3px;
    margin-left: 0.6944vw;
}

main {
    display: flex;
}

.content {
    padding: 2.0833vw 3.4722vw;
    width: 100%;
    background: #eff2f4;
}

.control-label {
    padding-top: 0.4861vw;
    margin-bottom: 0;
    text-align: right;
}

h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.3889vw;
    line-height: 1.9444vw;
    margin-bottom: 0.6944vw;
}

h2 {
    font-size: 1.9444vw;
    font-weight: 300;
    margin-bottom: 0.6944vw;
}

h3 {
    font-size: 1.5278vw;
    font-weight: 300;
    margin-bottom: 0.6944vw;
}

.rem {
    font-weight: bold;
    font-size: 2.2917vw;
    height: 2.6389vw;
    line-height: 1.3889vw;
    padding-left: 0.6944vw;
    padding-right: 0.6944vw;
    cursor: pointer;
}

.table-editfields {
    margin-top: 1.0417vw;
}

.col-md-12 {
    padding: 0;
}

.btn {
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 0.9722vw;
    line-height: 1.3889vw;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn-danger {
    background: #dd3444;
}

.btn-edit {
    margin-bottom: 1.3889vw;
}

.btn-edit svg {
    width: 0.5556vw;
    height: 0.5556vw;
    margin-right: 0.6944vw;
}

.btn-add {
    background: rgba(81, 34, 93, 0.04);
    border: 1px solid var(--color-main);
    border-radius: 0.3472vw;
    width: 100%;
    padding: 1.0417vw 0;
    font-style: normal;
    font-weight: 600;
    font-size: 0.9722vw;
    line-height: 1.3889vw;
    color: var(--color-main);
}

.btn-dash {
    border: 1px dashed var(--color-main);
}

.btn-add:hover {
    color: #fff;
    background: var(--color-main);
}

.btn-blue {
    background: #9ac9e8;
}

.btn-svg {
    width: 0.6944vw;
    height: 0.6944vw;
}

.btn-small {
    width: 1.5278vw;
    height: 1.5278vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.disabled {
    opacity: 0.5;
}

.sides {
    display: flex;
    justify-content: space-between;
}

#datatable_wrapper {
    margin-top: 1.3889vw;
}

.datatables-sort select {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    padding-right: 1.6667vw;
}

#datatable_filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eff2f4;
    border-radius: 0.3472vw;
    padding: 0.6944vw 1.3889vw;
}

#datatable_filter label {
    margin: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    display: flex;
    align-items: center;
}

#datatable_filter .select-wrapper {
    margin-left: 0.6944vw;
}

#datatable_filter .select-arrow-block {
    background: none;
    right: 0.3472vw;
}

#datatable_filter select {
    width: 8.1944vw;
}

#datatable_filter input {
    margin-left: 1.0417vw;
    padding-right: 2.0833vw;
}

.datatable {
    display: table;
    border-bottom: 1px solid #aaa;
}

.datatable tr {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.datatable .btn {
    padding-top: 1px;
    padding-bottom: 0;
    font-size: 0.9722vw;
}

.td-actions-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.td-actions-delete {
    margin-left: 0.3472vw;
}

td.td-content {
    vertical-align: middle;
    font-size: 0.9722vw;
}

.index-pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #7f7f7f;
    margin-top: 1.3889vw;
}

.index-pagination-btns {
    display: flex;
    align-items: center;
    margin-bottom: 0.9028vw;
}

.index-pagination-numbers {
    display: flex;
}

.index-pagination-number {
    user-select: none;
    margin: 0 0.4167vw;
    height: 1.8056vw;
    width: 1.8056vw;
    background: #eff2f4;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.3889vw;
    color: #171219;
}

.index-pagination-prev {
    cursor: pointer;
}

.index-pagination-next {
    cursor: pointer;
}

.index-pagination-svg path {
    fill: #171219;
}

.index-pagination-prev:hover,
.index-pagination-next:hover,
.index-pagination-number.active,
.index-pagination-number:hover {
    background: var(--color-main);
    color: #fff;
}

.index-pagination-prev:hover path,
.index-pagination-next:hover path {
    fill: #fff;
}

.index-pagination-svg {
    width: 0.8333vw;
    height: 0.8333vw;
}

.index-pagination-prev.disabled:hover,
.index-pagination-next.disabled:hover {
    background: transparent;
}

.index-pagination-prev.disabled,
.index-pagination-next.disabled {
    pointer-events: none;
}

.mass-delete-col {
    margin-top: -4.1667vw;
}

.space-between {
    display: flex;
    justify-content: space-between;
}

.align-self-flex-start {
    align-self: center;
}

.input-error {
    color: red;
}

.dropdown-td-wrapper .form-control {
    height: 2.2222vw;
    padding: 0.3472vw 0.6944vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
}

.dropdown-td-wrapper .edit-field-inner {
    display: flex;
    align-items: center;
}

.dropdown-td-wrapper .photo-preview-wrapper {
    flex-direction: row;
    align-items: center;
    margin: 0;
    margin-left: 0.3472vw;
}

.dropdown-td-wrapper .photo-preview-img {
    width: 1.5278vw;
    height: 1.5278vw;
    margin-bottom: 0;
}

.form-control-checkbox {
    width: auto;
}

.relationship-many {
    display: flex;
    margin-bottom: 0.6944vw;
    position: relative;
}

.delete-many {
    position: absolute;
    top: 0.4861vw;
    right: 0.4861vw;
}

.photo-preview-wrapper {
    margin-top: 0.9028vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    max-width: 9.7222vw;
}

.photo-preview-img {
    max-width: 9.7222vw;
    margin-right: 0.6944vw;
    margin-bottom: 1.0417vw;
    background: #eff2f4;
}

.btn-delete-photo {
    position: absolute;
    top: -3px;
    right: -0.7639vw;
    background: #eff2f4;
    box-shadow: 0vw 0.3472vw 0.625vw rgba(0, 1, 20, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5278vw;
    height: 1.5278vw;
    border-radius: 50%;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transition: 0.3s;
    cursor: pointer;
}

.btn-delete-photo:hover {
    background: #dd3444;
}

.btn-delete-photo:hover > img {
    filter: brightness(2);
}

.btn-delete-photo img {
    transition: 0.3s;
    width: 0.5556vw;
    height: 0.5556vw;
}

.gallery-margin-top {
    margin-top: 0.6944vw;
}

.gallery-margin-top:nth-child(1) {
    margin-top: 0vw;
}

.langs {
    display: flex;
    text-transform: uppercase;
}

.langs-elm {
    margin: 0 0.6944vw;
    cursor: pointer;
}

.langs-elm.active {
    color: white;
    text-decoration: underline;
}

.langs-elm:hover {
    text-decoration: underline;
}

.ck-editor__editable_inline {
    min-height: 17.3611vw;
}

.add-file-btn {
    margin-top: 0.6944vw;
}

#loader svg path,
#loader svg rect {
    fill: var(--color-main);
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s;
}

#loader.active {
    opacity: 1;
    pointer-events: auto;
}

.translate-field {
    margin-bottom: 1.0417vw;
}

.single-block-title {
    font-style: normal;
    font-weight: bold;
    font-size: 1.3889vw;
    line-height: 1.9444vw;
    color: #171219;
    margin-bottom: 0.6944vw;
}

.single-block {
    margin-bottom: 2.7778vw;
}

.single-block-wrapper {
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    padding: 2.0833vw 2.7778vw;
}

.single-btns {
    padding: 1.0417vw;
    margin-top: 1.0417vw;
}

.single-block .form-group {
    margin-bottom: 0;
}

.single-repeat .form-group {
    margin-bottom: 1.3889vw;
}

.single-repeat-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #171219;
    margin-bottom: 0.6944vw;
}

.single-repeat-group {
    position: relative;
    background: #eff2f4;
    border-radius: 0.3472vw;
    padding: 1.3889vw;
    margin-bottom: 1.3889vw;
}

.single-repeat-delete {
    position: absolute;
    right: 0.6944vw;
    top: 0.6944vw;
    cursor: pointer;
    z-index: 1;
    border-radius: 3px;
    user-select: none;
}

.single-repeat-move {
    position: absolute;
    right: 2.5694vw;
    top: 0.6944vw;
    cursor: pointer;
    z-index: 1;
    border-radius: 3px;
    user-select: none;
}

.crud-entities-img {
    width: 3.4722vw;
    height: 3.4722vw;
}

.editable-checkbox {
    width: auto;
}

.editable-input {
    max-width: 5.9028vw;
}

.editable-input.saving {
    background-color: #ff9f9f;
}

.editable-input.saved {
    background-color: #acf0ac;
}

.ck-content > * {
    margin: 1.0417vw 0;
}

.btn-primary,
.btn-info {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-info:hover {
    background-color: var(--color-hover);
    border-color: var(--color-hover);
}

select {
    padding: 3px 0.3472vw;
}

.justify-end {
    justify-content: flex-end;
}

.mb-30 {
    margin-bottom: 2.0833vw;
}

.mb-15 {
    margin-bottom: 1.0417vw;
}

.table-header-title {
    font-style: normal;
    font-weight: bold;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    color: #7f7f7f;
    padding: 0.6944vw 0.75rem !important;
    white-space: pre;
}

.table-dropdown-item {
    padding: 0.6944vw 1.3889vw;
    margin-bottom: 0.6944vw;
}

.table-dropdown-item td {
    padding: 0;
}

.table-dropdown-item .dropdown-td-wrapper {
    padding: 0.6944vw 0.75rem;
    height: 3.6111vw;
    margin-bottom: 0.6944vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.table-dropdown-item:hover .dropdown-td-wrapper {
    background: #f8f9fb;
}

.table-dropdown-item td:last-child .dropdown-td-wrapper {
    justify-content: end;
}

.table-dropdown-item td .dropdown-td-wrapper {
    border-top: 1px solid #e3e3e3 !important;
    border-bottom: 1px solid #e3e3e3 !important;
}

.table-dropdown-item td:first-child .dropdown-td-wrapper {
    border-left: 1px solid #e3e3e3 !important;
}

.table-dropdown-item td:last-child .dropdown-td-wrapper {
    border-right: 1px solid #e3e3e3 !important;
}

.table-dropdown-item td:first-child .dropdown-td-wrapper {
    border-top-left-radius: 0.6944vw;
}

.table-dropdown-item td:last-child .dropdown-td-wrapper {
    border-top-right-radius: 0.6944vw;
}

.table-dropdown-item td:first-child .dropdown-td-wrapper {
    border-bottom-left-radius: 0.6944vw;
}

.table-dropdown-item td:last-child .dropdown-td-wrapper {
    border-bottom-right-radius: 0.6944vw;
}

.table-wrapper {
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    padding: 2.0833vw 2.7778vw;
    margin-bottom: 1.3889vw;
}

.table {
    margin-bottom: 0 !important;
    border: none;
}

.table tr,
.table td,
.table th {
    border: none;
}

.settings-access-table {
    margin-bottom: 0.6944vw;
}

.settings-access-th,
.settings-access-td {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.settings-access-td > .checkbox-rectangle {
    margin: 0 auto;
}

.ml-50 {
    margin-left: 3.4722vw;
}

.ck-editor {
    overflow: hidden;
}

.relationship_block {
    padding: 0.6944vw 2.7778vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 0.3472vw;
    position: relative;
}

.reletionship_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #171219;
    width: 100%;
    min-height: 1.3889vw;
}

.reletionship_title:after {
    display: block;
    content: "";
    width: 0.4167vw;
    height: 0.4167vw;
    border: 1px solid #171219;
    border-left: none;
    border-top: none;
    position: absolute;
    top: 1.1111vw;
    right: 1.1806vw;
    transform: rotate(45deg);
    transition: 0.3s;
}

.reletionship_title::before {
    display: block;
    content: "";
    width: 1.5278vw;
    height: 1.5278vw;
    background: #eff2f4;
    border-radius: 3px;
    position: absolute;
    top: 0.625vw;
    right: 0.625vw;
}

.relationship_block.active > .reletionship_title:after {
    transform: rotate(-135deg);
    margin-top: 2px;
}

.btn-editable-delete {
    position: absolute;
    top: 0.6944vw;
    right: 2.5694vw;
}

.reletionship_inner {
    display: none;
}

.relationship_block.active > .reletionship_inner {
    display: block;
}

.relationship_block.active > .reletionship_title {
    padding-bottom: 1.3889vw;
}

.relationships_block_title {
    margin: 0.6944vw 0 1.3889vw;
}

.menu-item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #171219;
    margin-bottom: 0.3472vw;
}

.menu-item-input .form-control {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
}

.menu-table .form-group {
    margin-bottom: 1.0417vw;
}

.menu-table {
    padding: 2.0833vw 2.7778vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    margin-bottom: 2.7778vw;
}

select {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #e3e3e3;
    cursor: pointer;
}

select:focus {
    box-shadow: none !important;
    border: 1px solid #e3e3e3 !important;
}

.select-wrapper:hover .select-arrow {
    transform: rotate(180deg);
}

.select-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.vs__actions {
    display: none !important;
}

.vs__search,
.vs__search:focus {
    margin: 0;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
}

.vs__no-options {
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
}

.vs--single.vs--open .vs__selected {
    position: relative;
}

.vs__dropdown-option--highlight {
    background: var(--color-main);
    color: #fff !important;
}

.vs__dropdown-toggle {
    padding: 0;
    height: 100%;
    border: none;
}

.vs__selected {
    margin: 0;
}

.select-wrapper .form-control {
    height: 2.5vw;
}

.relationship-many .form-control {
    height: auto;
    padding: 0.6944vw 1.3889vw 0;
}

.vs__dropdown-option {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
    padding: 0.4861vw 1.3889vw;
}

.relationship-many .vs__selected {
    background: var(--color-main);
    color: #fff;
    border: none;
    margin-right: 0.6944vw;
    margin-bottom: 0.6944vw;
    padding: 0.3472vw 0.6944vw;
}

.relationship-many .vs__deselect path {
    fill: #fff;
}

.relationship-many .vs__deselect {
    margin-left: 0.6944vw;
}

.relationship-many .vs__deselect svg {
    width: 0.4861vw;
    height: 0.4861vw;
}

.relationship-many .vs__search {
    margin-bottom: 0.6944vw;
}

.vs__selected {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
}

.edit-fields-btns > .btn {
    margin-right: 0.6944vw;
}

.edit-fields select {
    height: 2.5vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
    padding: 0.4861vw 1.3889vw;
}

.select-arrow-block {
    display: block;
    position: absolute;
    top: 50%;
    right: 0.6944vw;
    transform: translateY(-50%);
    background: #eff2f4;
    border-radius: 3px;
    width: 1.5278vw;
    height: 1.5278vw;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.select-arrow {
    width: 0.6944vw;
    height: 0.6944vw;
    transition: 0.3s;
}

.menu-table-editblocks {
    padding: 1.3889vw 2.0833vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    margin-bottom: 1.3889vw;
}

.menu-table-editfields {
    padding: 2.0833vw 2.7778vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    margin-bottom: 1.3889vw;
}

.menu-table-editblocks .menu-table-editfields {
    border: 1px solid #e3e3e3;
    padding: 1.3889vw 2.0833vw;
    margin-bottom: 0 !important;
}

#addBlock {
    margin-bottom: 1.3889vw;
}

.menu-table-editblocks .menu-table-editfields .menu-table-field {
    width: auto;
}

.menu-table-editfields td {
    padding: 0.6944vw 0.3472vw !important;
}

.menu-table-field {
    width: 8.1944vw;
}

.menu-table-field-td-wrapper {
    display: flex;
    align-items: center;
    min-height: 2.2222vw;
}

.menu-table-field .checkbox {
    margin: 0;
}

.menu-table-field .form-control {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    height: 2.2222vw;
    padding: 0.3472vw 0.6944vw;
}

.menu-table-field .select-wrapper {
    height: 2.2222vw;
}

.menu-table-field .select-arrow-block {
    background: none;
    right: 0.3472vw;
}

.menu-table-flex-btns {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
}

.menu-table-flex-btns .btn {
    margin-left: 0.3472vw;
}

.edit-fields.orders {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.edit-fields.orders .field-text,
.edit-fields.orders .field-relationship,
.edit-fields.orders .field-number {
    width: 21.5278vw;
}

.edit-fields.orders .field-checkbox {
    width: 100%;
}

.editable-orders .reletionship_inner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.editable-orders .field-photo input,
.editable-orders .field-photo .btn,
.editable-orders .field-photo .field-title {
    display: none;
}

.editable-orders .field-photo img {
    width: 9.7222vw;
    height: 6.9444vw;
    object-fit: contain;
    background: none;
}

.editable-orders .editable-blocks {
    background: #ffffff;
    border-radius: 1.0417vw;
}

.editable-orders .editable-blocks .relationship_block {
    box-shadow: none;
}

.editable-orders .relationship_block {
    margin-bottom: 0;
}

.edit-fields {
    padding: 2.0833vw 2.7778vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    margin-bottom: 2.7778vw;
}

.edit-fields-editable {
    padding: 0;
    background: none;
    box-shadow: none;
    border-radius: none;
}

.edit-field-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    padding: 0;
    display: block;
    text-align: left;
}

.field-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.3472vw;
}

.field-remark {
    width: 1.1111vw;
    height: 1.1111vw;
    border-radius: 50%;
    background: #9ac9e8;
    font-style: normal;
    font-weight: bold;
    font-size: 0.9028vw;
    line-height: 0.6944vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    position: relative;
    margin-left: 0.3472vw;
    user-select: none;
}

.field-remark-modal {
    position: absolute;
    bottom: 100%;
    left: 50%;
    background: #ffffff;
    border-radius: 0.3472vw;
    padding: 1.0417vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8333vw;
    line-height: 1.3889vw;
    color: #171219;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
    visibility: hidden;
    user-select: none;
    box-shadow: 0vw 0.2778vw 0.9028vw rgba(0, 0, 0, 0.11);
    max-width: 23.125vw;
    width: max-content;
}

.field-remark:hover .field-remark-modal {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.edit-field-inner .form-control {
    height: 2.5vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    padding: 0.4861vw 1.3889vw;
}

.edit-fields .form-group {
    margin-bottom: 1.3889vw;
}

.edit-field-inner .checkbox-rectangle {
    width: 2.0833vw;
    height: 2.0833vw;
}

.index-body {
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    padding: 2.0833vw 2.7778vw 4.1667vw;
}

.index-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    margin-bottom: 0.6944vw;
}

.index-search {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    border-radius: 0.3472vw;
    padding: 0.4861vw 0.6944vw;
    width: 14.0278vw;
}

.index-search-wrapper {
    position: relative;
}

.index-search-icon {
    width: 0.9722vw;
    height: 0.9722vw;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.6944vw;
}

.sorting {
    font-style: normal;
    font-weight: bold;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    color: #7f7f7f;
    width: 6.9444vw;
}

.sorting_asc .checkbox,
.checkbox.editable-checkbox,
.td-content .checkbox {
    margin-bottom: 0;
}

.td-content {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    color: #171219;
    flex-grow: 1;
    width: 6.9444vw;
}

.editable-input {
    width: 4.8611vw;
    height: 2.2222vw;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.5278vw;
    padding: 0.3472vw 0.6944vw;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: none;
}

.table-hover tbody tr:hover {
    color: #171219;
    background: none;
}

.datatable th {
    padding: 0.6944vw;
    border: none !important;
}

.datatable-tr .td-content:first-child {
    width: 2.6389vw;
}

.td-content {
    padding: 0 !important;
}

.td-content-conteiner {
    border: 1px solid #e3e3e3 !important;
    border-right: none !important;
    border-left: none !important;
    padding: 0.6944vw;
    height: calc(100% - 0.6944vw);
    display: flex;
    align-items: center;
    margin-bottom: 0.6944vw;
    word-break: break-word;
}

.td-content:first-child .td-content-conteiner {
    border-left: 1px solid #e3e3e3 !important;
    border-top-left-radius: 0.3472vw;
    border-bottom-left-radius: 0.3472vw;
}

.td-actions {
    padding: 0 !important;
}

.td-actions-container {
    border: 1px solid #e3e3e3 !important;
    border-left: none !important;
    border-top-right-radius: 0.3472vw;
    border-bottom-right-radius: 0.3472vw;
}

.logout {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    padding-top: 0.9722vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.logout:hover {
    color: var(--color-hover);
}

.logout-ico {
    width: 1.1111vw;
    height: 1.1111vw;
    margin-right: 1.3889vw;
}

.sidebar-menu-items {
    padding-bottom: 6.9444vw;
}

.langs {
    padding: 0.9722vw 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.lang-active {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    display: flex;
    align-items: center;
}

.lang {
    cursor: pointer;
    margin-right: 0.6944vw;
}

.lang-active.with-arrow:after {
    display: block;
    content: "";
    width: 0.4861vw;
    height: 0.4861vw;
    border: 1px solid #7f7f7f;
    border-left: none;
    border-bottom: none;
    transform: rotate(135deg);
    margin-left: 0.3472vw;
    margin-top: -0.3472vw;
    transition: 0.3s;
}

.langs-choice {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.125vw;
    background: #fff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.2);
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    padding: 0.6944vw;
    padding-right: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s;
}

.langs:hover .langs-choice {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.langs:hover .lang-active:after {
    transform: rotate(45deg);
    margin-top: 0vw;
}

.single-block-wrapper-block {
    margin-bottom: 2.0833vw;
}

.single-block-wrapper-block:last-child {
    margin-bottom: 0;
}

textarea.form-control {
    min-height: 4.0278vw !important;
}

.graph {
    display: block;
    width: 34.7222vw;
    background: #ffffff;
    border-radius: 1.0417vw;
    padding: 0.6944vw;
}

.blocks {
    /* padding: 1.3889vw; */
    display: flex;
    width: 100%;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    padding: 2.0833vw 2.7778vw;
    margin-bottom: 2.7778vw;
}

.iteminfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 2.6389vw;
    position: relative;
    height: 8.2639vw;
    border-right: 1px solid #e3e3e3;
}

.iteminfo:last-child {
    border: none;
}

.iteminfo p {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #171219;
    margin: 0;
    padding: 0;
}

.iteminfo span {
    font-style: normal;
    font-weight: bold;
    font-size: 1.6667vw;
    line-height: 1.8056vw;
    color: #171219;
    margin: 0;
    padding: 0;
    background: #f4f2fe;
    border-radius: 0.6944vw;
    padding: 0.6944vw 1.0417vw;
}

.iteminfo:nth-child(1) span {
    background: #f4f2fe;
}

.iteminfo:nth-child(2) span {
    background: #effbfe;
}

.iteminfo:nth-child(3) span {
    background: #fdf2ed;
}

.iteminfo:nth-child(4) span {
    background: #f0fef0;
}

.iteminfo:nth-child(5) span {
    background: #f4f2fe;
}

.iteminfo:nth-child(6) span {
    background: #effbfe;
}

.graphs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.7778vw;
}

.itemstosale {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.top-sales,
.blocks-wrapper {
    width: 100%;
}

.itemstosale .product {
    display: flex;
    flex-direction: column;
    width: 16.6667vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 1.0417vw;
    padding: 0.6944vw;
}

.itemstosale .product img {
    width: 15.2778vw;
    height: 9.4444vw;
    object-fit: contain;
    margin-bottom: 0.6944vw;
}

.itemstosale .product-count {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    margin-top: 0.3472vw;
}

.itemstosale .product a {
    display: flex;
    flex-wrap: wrap;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #171219;
}

.itemstosale .product-slug {
    height: 2.9167vw;
    overflow: hidden;
}

.btn-with-tip {
    position: relative;
}

.btn-tooltip {
    position: absolute;
    bottom: calc(100% + 0.3472vw);
    left: 50%;
    transform: translateX(-50%);
    word-break: initial;
    background: #ffffff;
    border-radius: 0.3472vw;
    padding: 0.3472vw 0.6944vw;
    pointer-events: none;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8333vw;
    line-height: 1.3889vw;
    color: #171219;
    box-shadow: 0vw 0.2778vw 0.9028vw rgba(0, 0, 0, 0.11);
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}

.btn-with-tip:hover .btn-tooltip {
    visibility: visible;
    opacity: 1;
}

.field-repeat-values {
    padding: 1.3889vw 1.3889vw;
    background: #ffffff;
    box-shadow: 0vw 0.9722vw 2.4306vw rgba(0, 1, 20, 0.02);
    border-radius: 0.3472vw;
    position: relative;
    border: 1px solid #d0d0d0;
    margin-bottom: 1.3889vw;
}

.field-repeat-btn {
    position: absolute;
    top: 0.6944vw;
    right: 0.6944vw;
}

.edit-settings {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding-left: 2.0833vw;
}

.edit-settings-dots {
    font-style: normal;
    font-weight: bold;
    font-size: 1.3889vw;
    line-height: 1.9444vw;
    margin-bottom: 0.6944vw;
    transform: rotate(90deg);
}

.edit-settings-options {
    position: absolute;
    right: 0.6944vw;
    top: calc(100% - 0.6944vw);
    list-style: none;
    background: #ffffff;
    border-radius: 0.3472vw;
    padding: 0.6944vw 1.0417vw;
    box-shadow: 0vw 0.2778vw 0.9028vw rgba(0, 0, 0, 0.11);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
}

.edit-settings:hover .edit-settings-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.edit-settings-option,
.edit-settings-option a {
    font-size: 0.9722vw;
    line-height: 1.25vw;
    margin-bottom: 0.5556vw;
    white-space: nowrap;
    color: #171219;
    transition: 0.3s;
}

.edit-settings-option:last-child {
    margin-bottom: 0;
}

.edit-settings-option:hover,
.edit-settings-option a:hover {
    color: var(--color-main);
}

.flex {
    display: flex;
}

.a-center {
    align-items: center;
}

.w-100 {
    width: 100%;
}

.table-col {
    width: 11.1111vw !important;
    margin-right: 0.6944vw;
    padding: 0.3472vw 0.3472vw !important;
}

.table-col-last {
    width: 6.9444vw !important;
    margin-right: 0;
    flex: 1;
    align-self: flex-end;
}

.create-single-block-title-wrapper {
    margin-bottom: 1.3889vw !important;
}

.menu-table-editblocks .menu-table-editfields .table {
    margin-bottom: 1.0417vw !important;
}

.menu-table-editfields .menu-table-editfields {
    margin-top: 1.0417vw;
    margin-bottom: 0.6944vw !important;
}

.docs-routes-block {
    margin-bottom: 2.0833vw;
}

.docs-group-title {
    margin-bottom: 1.3889vw;
}

.docs-routes-endpoint {
    margin-bottom: 1.0417vw;
    display: flex;
    text-decoration: none !important;
}

.docs-route-get {
    color: hsl(198 93% 60%);
}

.docs-route-post {
    color: hsl(158 64% 52%);
}

.docs-route-put {
    color: hsl(43 96% 56%);
}

.docs-route-delete {
    color: hsl(0 91% 71%);
}

.docs-routes-endpoint-text {
    color: #171219;
}

.docs-route-method {
    width: 5.5556vw;
    display: block;
}

.docs-content {
    padding: 0 0 0 2.7778vw;
    margin-left: 2.7778vw;
    border-left: 1px solid #e3e3e3;
    flex: 1;
}

.docs-routes-endpoint-block {
    padding-top: 1.3889vw;
    padding-bottom: 1.3889vw;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

.docs-routes-endpoint-desc {
    font-style: normal;
    font-weight: bold;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    margin-bottom: 1.3889vw;
}

.docs-routes-endpoint-desc-block {
    margin-bottom: 2.0833vw;
}

.docs-routes-endpoint-desc-block:last-child {
    margin-bottom: 0;
}

.docs-routes-endpoint-desc-block-title {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
    margin-bottom: 0.6944vw;
}

.docs-routes-endpoint-desc-block-value {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    color: #171219;
}

.docs-route-rule {
    padding: 0.3472vw 0;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #165bc3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.docs-route-rule-title {
    color: #165bc3;
    font-style: normal;
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 1.5278vw;
}

.docs-route-rule-title span {
    margin-right: 0.3472vw;
}

.docs-route-rule-required {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    margin-top: 0.3472vw;
    padding-left: 1.3889vw;
}

.docs-route-rule-required.required {
    color: hsl(0 91% 71%);
}

.docs-route-rule-required.optional {
    color: hsl(198 93% 60%);
}

.docs-route-rule-description {
    font-style: normal;
    font-weight: normal;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    color: #7f7f7f;
}

.docs-route-rule-description-wrapper {
    max-width: 27.7778vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.docs-route-rule-available {
    font-style: normal;
    font-weight: normal;
    font-size: 0.9722vw;
    line-height: 1.25vw;
    margin-top: 0.3472vw;
}

.docs-block {
    margin-top: 2.0833vw;
}

.settings-group {
    display: flex;
    margin-bottom: 1.7361vw;
    flex-wrap: wrap;
}

.settings-group-title {
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 1.3889vw;
    display: block;
    width: 17.3611vw;
    padding-right: 1.7361vw;
    margin-bottom: 1.0417vw;
}

.settings-group-input {
    -webkit-appearance: auto;
    width: 17.3611vw;
    margin-bottom: 0.6944vw;
}

.settings-group-content.fullwidth {
    width: 100%;
}

.default-arrow {
    -webkit-appearance: auto;
}

.import_input_row {
    margin: 0.6944vw 0 2.0833vw;
}

.vs__dropdown-option--disabled {
    display: none !important;
}