.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
    top: 48px;
    max-height: 80vh;
    overflow-y: auto;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub:hover > a:not(.mm-next)::after {
    transition: color .3s ease;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open > a::after,
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub:hover > a:not(.mm-next)::after {
    color: #fff;
}

body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
    margin-right: 12px;
    font-size: 13px;
}

.main-menu.menu-dark  .shadow-bottom {
    background: linear-gradient(#232323 41%,rgba(0,0,0,.11) 95%,rgba(0,0,0,0));
}

.main-menu.menu-dark,
.main-menu.menu-dark .navigation,
.main-menu.menu-dark .navigation > li > ul,
.main-menu.menu-dark ul.menu-popout {
    background-color: #232323;
}

.main-menu.menu-dark .navigation li a span {
    transition: color .3s ease;
}

.main-menu.menu-dark .navigation li a i {
    color: #babfc7;
    transition: color .3s ease;
    margin-right: 12px;
}

.main-menu.menu-dark .navigation > li.sidebar-group-active > a > i,
.main-menu.menu-dark .navigation > li.open > a > i,
.main-menu.menu-dark .navigation li a:hover i {
    color: #fff;
}

.main-menu.menu-dark .navigation > li.open > a,
.main-menu.menu-dark .navigation > li.sidebar-group-active > a {
    background: #787878;
    color: #babfc7;
}

.main-menu.menu-dark .navigation > li.open a span {
    color: #babfc7;
}

.main-menu.menu-dark .navigation > li.open a:hover span,
.main-menu.menu-dark .navigation li a span,
.main-menu.menu-dark .navigation > li.open > a > span,
.main-menu.menu-dark .navigation > li.sidebar-group-active > a span {
    color: #fff;
    font-weight: 500;
}

.main-menu.menu-dark .navigation > li.open li.active a:hover span,
.main-menu.menu-dark .navigation > li.active > a:hover > span,
.main-menu.menu-dark .navigation li.active > a i,
.main-menu.menu-dark .navigation > li ul .active > a,
.main-menu.menu-dark .navigation > li ul .active > a span,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a span {
    color: #22292F;
}

.main-menu.menu-dark .navigation > li ul .active,
.main-menu.menu-dark .navigation > li.active > a {
    background: #FFD800;
    box-shadow: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
}

.footer .sungroup {
    max-width: 225px;
    opacity: .1;
}

.form-group-translation .form-field-translation {
    display: none;
}

.form-group-translation .form-field-translation.active {
    display: block;
}

.dt-bootstrap4 .btn-sm, .btn-group-sm > .btn {
    padding: 0.6rem 1.5rem;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 1.3em !important;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 1rem;
}

.flag-icon-en {
    background-image: url('../../app-assets/fonts/flag-icon-css/flags/4x3/gb.svg');
}

.form-label-group > label {
    pointer-events: none;
}

.form-group label[for],
.custom-control,
.control-label,
.custom-control-label::before,
.custom-control-label::after {
    cursor: pointer;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .no-results {
    display: block;
}

.sg-application .sg-app-details .sg-scroll-area {
    height: calc(100vh - 20.75rem);
}

.sg-application .sg-app-details {
    height: 100%;
    z-index: 1040;
    overflow: hidden;
}

.list-group-item-action {
    cursor: pointer;
}

.list-group-item .form-field-translation {
    display: inline-block;
    max-width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.sidebar-menu-list {
    overflow: hidden;
}

.action-right ul {
    display: flex;
    align-items: center;
}

html body .content.app-content .content-area-wrapper {
    margin-left: 0;
    height: calc(100vh - 210px);
}

.content-area-wrapper .sidebar .module-app-sidebar {
    height: calc(100vh - 212px);
}

html body .content.app-content .content-area-wrapper .content-wrapper {
    height: calc(100vh - 212px);
    overflow: hidden;
}

#app .app-content {
    margin-left: 30px;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.list-item {
    cursor: pointer;
    animation: none;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.list-item:hover {
    z-index: 99;
}

.ps__rail-y {
    z-index: 100;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media:hover {
    transform: none;
    box-shadow: none;
}

li.list-item:nth-of-type(odd) {
    background: #fff;
}

.sg-app-list {
    position: relative;
}

.loading-spinner-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, .8);
}

.loading-spinner {
    width: 30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

.swal2-container.swal2-shown {
    z-index: 99999;
}

.required-sign {
    color: #f00;
}

/*loader*/
.placeholders--domains {
    padding: 0 1rem 1rem;
}

.placeholders--inner {
    padding: 0;
}

.placeholders--media {
    padding: 0 0 20px;
}

.placeholder {
    pointer-events: none;
}

.placeholder-content {
    overflow: hidden;
    position: relative;
    animation-duration: 1.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
    background-size: 1300px;
    width: 100%;
}

.placeholder--domains .placeholder-content-wrapper {
    border-bottom: 1px solid #e7ebee;
    padding: 15px 0;
}

.placeholder--media .placeholder-content-wrapper {
    padding: 0 0 20px 0;
}

.placeholder--domains .placeholder-content-wrapper:last-of-type {
    border: 0;
}

.placeholder--domains .placeholder-content {
    height: 35px;
    width: 350px;
}

.placeholder--media .placeholder-content {
    height: 35px;
    width: 100%;
}

.placeholder--domains .placeholder-content_item,
.placeholder--media .placeholder-content_item {
    top: 15px;
    height: 10px;
    left: 0;
}

.placeholder-content_item {
    width: 100%;
    position: absolute;
    background: #f8f8f8;
    z-index: 2;
}

.placeholder-content_item:after,
.placeholder-content_item:before {
    width: inherit;
    height: inherit;
    content: '';
    position: absolute;
}

@keyframes placeholderAnimate {
    0% {
        background-position: -650px 0;
    }
    100% {
        background-position: 650px 0;
    }
}

.dropdown .dropdown-menu .dropdown-item.active:hover {
    color: #7367f0;
}

.form-error {
    font-size: 12px;
    color: #f00;
}

.error label {
    color: #f00;
}

.nav-link.error {
    color: #f00 !important;
}

#form-data .nav-item {
    overflow: visible;
}

.other-lang-error {
    font-size: 12px;
    color: #f00;
}

#clear-search {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    right: 0;
    text-align: center;
    cursor: pointer;
    font-size: 35px;
    line-height: 40px;
    display: none;
}

.feather.icon-maximize-2 {
    transform: rotate(-45deg);
    display: block;
}

.search-icon {
    cursor: pointer;
    pointer-events: none;
}

.search-icon.active {
    pointer-events: auto;
}

.sg-application .app-content .content-area-wrapper .go-back {
    height: 31px;
    display: inline-flex;
    align-self: baseline;
    transition: color .3s ease;
}
.sg-application .app-content .content-area-wrapper .go-back:hover {
    color: #ffd800;
}
.sg-header-left {
    flex: 0 0 calc(100% - 220px);
    height: 31px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 210px);
    margin-bottom: 20px;
}
.sg-header-left--multiline {
    height: 45px;
}
.sg-header-left h3 {
    display: flex;
    width: 100%;
    font-size: 18px;
}
.sg-header-left h3 span {
    display: inline-block;
}
.sg-header-left h3 > span:first-of-type {
    margin-right: 10px;
    width: auto;
}
.sg-header-left h3 > span:last-of-type {
    width: 100%;
}
.sg-header-left h3 span span {
    display: inline-block;
    max-width: calc(100% - 170px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sg-header-right {
    flex: 0 0 190px;
    text-align: right;
    padding: 0 !important;
}

.has-tooltip {
    position: relative;
    display: inline-block;
}

.tooltip-text {
    visibility: hidden;
    font-size: 11px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 3px 7px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 0;
    white-space: nowrap;
    transform: translateY(-100%);
    transition: all .2s ease;
    opacity: 0;
}

.has-tooltip.has-tooltip--down .tooltip-text {
    top: 100%;
    transform: translateY(10px);
}

.has-tooltip.has-tooltip--left .tooltip-text {
    right: auto;
    left: 0;
}

.has-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    pointer-events: none;
}

.has-tooltip .tooltip-text::after {
    content: " ";
    position: absolute;
    top: 100%;
    right: 7px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    pointer-events: none;
}

.has-tooltip.has-tooltip--down .tooltip-text::after {
    top: -10px;
    border-color: transparent transparent black transparent;
}

.has-tooltip.has-tooltip--left .tooltip-text::after {
    right: auto;
    left: 10px;
}

.has-tooltip:hover .tooltip-text::after {
    opacity: 1;
    visibility: visible;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media .media-body {
    overflow: visible;
}

.progress-deleting {
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.dd {
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
}

.dd-empty {
    border: 0;
    background-color: transparent;
    display: none;
}

.dd-handle {
    background: transparent;
    width: 100%;
    border: 0;
    cursor: grab;
    padding: 0 10px 10px 0;
    margin-bottom: 0;
}

.dd-dragel .dd-handle {
    box-shadow: none;
}

.dd-dragel .dd-item {
    padding: 1rem;
}

.dd-handle i {
    margin-left: 1px;
}

.dd-handle:hover {
    background: transparent;
    color: inherit;
}

.dd-item {
    font-size: inherit;
    line-height: inherit;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media.dd-item .media-left,
.dd-item .media-left {
    width: 30px;
    text-align: left;
    align-items: flex-start;
    float: left;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media.dd-item .media-left + .media-body,
.dd-item .media-left + .media-body {
    float: right;
    width: calc(100% - 30px);
}

.dd-item > .dd-collapse,
.dd-item > .dd-expand {
    display: none;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media.dd-item .dd-item {
    padding-right: 0;
    background: transparent;
    border-top: 0;
    padding-bottom: 0;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li.media.dd-item .dd-item::before {
    content: "\e856";
    font-family: feather !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    left: -27px;
    font-size: 15px;
    top: 23px;
}

.refresh-field, .show-field, .show-field:hover {
    color: #7367f0;
    cursor: pointer;
}

.fill-other-fields, .show-field, .show-field:hover {
    color: #fed800;
    cursor: pointer;
    margin-right: 10px;
    float: right;
}

.main-menu {
    z-index: 2002;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    color: rgb(255, 216, 0);
}

.navbar-brand {
    margin-right: 0;
    margin-top: 16px !important;
}

.brand-logo {
    background-image: url('../images/sunapp-white.svg') !important;
    background-position: -42px 1px !important;
    background-size: 124px 28px !important;
    height: 30px !important;
    -webkit-transition: background-position .2s ease, width .2s ease;
    -moz-transition: background-position .2s ease, width .2s ease;
    -o-transition: background-position .2s ease, width .2s ease;
    transition: background-position .2s ease, width .2s ease;
}

.expanded .brand-logo, .menu-open .brand-logo {
    background-position: 0 0 !important;
    width: 124px !important;
}

.header-navbar {
    z-index: 2001;
}

.main-menu.menu-light .navigation > li ul .active {
    box-shadow: none !important;
}

body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li a {
    line-height: 1.45;
}

option[disabled] {
    background: #f8f8f8;
}

.select2-container {
    display: block;
}

label span {
    cursor: pointer;
}

.password-item {
    display: block;
    float: right;
}

.control-label {
    display: block;
    margin: 0 0 3px;
}

.checkbox-label {
    position: absolute;
    margin: 1px 0 0;
}

.custom-checkbox--single {
    margin-top: 17px;
    cursor: default;
}

.badge.badge-primary {
    color: #000;
}

#main-menu-navigation ul {
    padding-left: 30px;
}

.add_user {
    cursor: pointer;
}

.sg-app-details--user {
    z-index: 2000;
}

.sg-application .content-area-wrapper .sidebar .sg-app-sidebar .sg-app-menu {
    z-index: 1060;
}

.pace .pace-progress {
    z-index: 2003;
}

.media-list-cell,
.value-cell {
    display: inline-block;
    padding: 0 10px;
}

.value-cell {
    width: calc(25% - 15px);
}

.value-cell--5 {
    width: calc(20% - 15px);
}

.media-list-cell--active,
.media-list-cell--default,
.media-list-cell-del {
    width: 50px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.media-list-cell--url {
    width: calc(100% - 300px);
}

.media-list-cell--url-title {
    width: calc(100% - 310px);
}

.media-list-cell--thumb {
    width: 120px;
}

.media-list-cell__header {
    padding: 10px 10px 10px 80px;
    background-color: #f7f7f7;
    font-size: 11px;
    font-weight: 700;
}

.dd-item.dd-item-media,
.dd-item.dd-item-ordering,
.dd-item.dd-item-attr-value {
    padding: 20px 0;
}

.dd-subtree {
    cursor: pointer;
    padding-left: 1px;
}

.dd-subtree i {
    display: inline-block;
}

.dd-subtree.open i {
    transform: rotate(180deg);
}

.dd-media .dd-item.file_element:nth-of-type(2n),
.dd-ordering .dd-item.file_element:nth-of-type(2n),
.dd-form .dd-item.form_element:nth-of-type(2n),
.attr-values .dd-item.dd-item-attr-value:nth-of-type(2n) {
    background-color: #f7f7f7;
}

.attr-values {
    margin: 0 0 30px;
}

.attr-values-btns {
    margin: 30px 0;
}

.dd .dd-handle-wrapper {
    display: inline-block;
    width: 60px;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 25px;
}

.dd .dd-handle-wrapper .dd-handle {
    width: 30px;
}

.dd-item.dd-item-media,
.dd-item.dd-item-ordering,
.dd-item.dd-item-attr-value {
    display: flex;
    align-items: center;
    background-color: #fff;
}

.dd-item.dd-item-media,
.dd-item.dd-item-ordering,
.dd-item.dd-item-attr-value {
    padding: 20px;
}

.dd-item-media .custom-control,
.dd-item-ordering .custom-control,
.dd-item.dd-item-attr-value .custom-control {
    padding: 0;
}

.media-list-info {
    width: calc(100% - 60px);
}

.dd-item-media .custom-control-label::after,
.dd-item-media .custom-control-label::before,
.dd-item-ordering .custom-control-label::after,
.dd-item-ordering .custom-control-label::before,
.dd-item.dd-item-attr-value .custom-control-label::after,
.dd-item.dd-item-attr-value .custom-control-label::before {
    left: -7px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    color: #000 !important;
}

.values-table-header {
    padding: 20px 20px 0;
    display: block;
}

.values-table-header .values-table-header__cell {
    padding: 0 10px;
    width: calc(25% - 30px);
    display: inline-block;
}

.values-table-header .values-table-header__cell--5 {
    width: calc(20% - 30px);
}

.values-table-header .values-table-header__cell.values-table-header__cell--first {
    padding: 0;
    width: 60px;
}

.table--abilities label {
    padding-top: 2px;
}

.complaint-form {
    display: none;
}

.get-next-items__wrapper {
    display: flex;
    justify-content: center;
    padding: 15px 15px 30px;
}

.save-element.disabled {
    opacity: .2;
    pointer-events: none;
}

.content-area-wrapper > .daterangepicker {
    z-index: 2001;
}

.daterangepicker {
    z-index: 1100;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: rgb(255, 216, 0);
    color: #000;
}

.selectize-control {
    padding: 0;
    border: 0;
}

.selectize-input {
    border-color: #D9D9D9;
    border-radius: 5px;
    box-shadow: none !important;
    padding: 12px 8px 9px;
}

.selectize-dropdown {
    top: 31px;
    height: auto;
}

.selectize-dropdown .option {
    cursor: pointer;
}


.sidebar-close-icon {
    display: none;
}

.hidden {
    display: none !important;
}

.sg-user-list .ps__rail-x, .sg-user-list .ps__rail-y {
    opacity: .6;
}

.sg-user-list .ps__rail-x {
    margin-bottom: 12px;
}

.sidenav-overlay {
    z-index: 2001;
}

.custom-control.d-inline-block {
    width: auto;
}

.sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li .user-details {
    margin: 0;
}

.mail-message .list-group-item-text {
    margin: 8px 0 0;
}

.item-title--column {
    flex-direction: column;
}
.item-title__part {
    margin: 0;
}
.item-title__part--small {
    font-size: 12px;
    opacity: .6;
}

.list-ordering__wrapper {
    width: 250px;
}

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 10000;
}

/* NEW DESIGN */
.header-navbar.navbar-shadow {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.header-navbar.navbar-shadow .navbar-container.content {
    padding-right: 30px;
}

.header-navbar.navbar-shadow .navbar-container #navbar-mobile {
    background-color: #fff;
    border-radius: 8px;
    margin-top: 15px;
    padding: 5px 25px;
    box-shadow: 0 5px 19px 0 rgba(0,0,0,.02);
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}

.sg-btn,
.sg-nav-link,
.sg-nav-link.active {
    padding: 10px 18px;
    background-color: #ffd800;
    color: #22292f;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .4px;
    border-radius: 6px;
    transition: background-color .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1);
    display: inline-block;
    border: 0;
    outline: none !important;
}

.sg-nav-link.error {
    box-shadow: inset 0 0 0 2px #ffadad;
    position: relative;
    overflow: visible;
}

.sg-nav-link.error::before {
    content: "!";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -19px;
    left: 1px;
    border: 1px solid #d34d4d;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #d34d4d;
    font-weight: bold;
    line-height: 14px;
}

.sg-nav-link.error::after {
    content: "Sprawdź błąd";
    display: block;
    position: absolute;
    top: -17px;
    left: 23px;
    font-size: 10px;
    color: #d34d4d;
    font-weight: bold;
}

.sg-btn--small {
    font-size: 12px;
    padding: 8px 15px;
}

.sg-btn--lightgrey {
    background-color: #ebe9f1;
}

.sg-btn + .sg-btn {
    margin-left: 10px;
}

.sg-nav-link {
    background-color: #ebe9f1;
    margin: 0 15px 0 0;
}

.sg-btn:hover,
.sg-nav-link:hover {
    color: #ffd800;
    background-color: #22292f;
}

.header-navbar .nav-item + .nav-item {
    display: flex;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
    box-shadow: none;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: 0 30px;
}

.user-name {
    color: #565656;
    font-size: 14px;
    font-weight: 500;
}

.user-status {
    font-size: 12px;
    color: #b9b9c3;
}

.flag-icon {
    border: solid 1px #ebe9f1;
    width: 26px;
    height: 18px;
    background-size: cover;
}

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

.header-navbar .navbar-container ul.nav li > a.content-language-selector {
    padding: 0;
}

.dropdown .dropdown-menu .dropdown-item.active:hover {
    color: #ffd800;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: #565656;
}

.navbar--disk_space_full {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
}
@media (max-width: 1200px) {
    .navbar--disk_space_full {
        display: none !important;
    }
}
.navbar--disk_space_full .fill_progress {
    position: relative;
    display: flex;
    gap: 2px;
    flex-direction: column;
    justify-content: center;
    margin-left: 15px;
}
.navbar--disk_space_full .fill_progress .labels {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: .8rem;
    font-weight: 700;
}
.navbar--disk_space_full .fill_progress .progress {
    position: relative;
    display: block;
    width: 260px;
    overflow: hidden;
    height: 5px;
    border-radius: 6px;
    margin-bottom: unset !important;
}
.navbar--disk_space_full .fill_progress .progress .bar {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: currentColor;
    border-radius: 6px;
}
.navbar--disk_space_full .feather {
    font-size: 1.4rem
}
.navbar--disk_space_full .disk_space_info {
    position: relative;
    display: block;
    font-size: .85rem;
    font-weight: 400;
}
.navbar--disk_space_full .disk_space_info .small {
    font-size: .75rem;
    font-weight: 700;
}
.navbar--disk_space_full.filled {
    color: #ff0000;
}
.navbar--disk_space_full.free {
    color: #00cc00;
}

html body.navbar-sticky .app-content .content-wrapper {
    margin-top: 80px;
}
.sg-application .content-area-wrapper .sidebar .list-group .list-group-item {
    color: #22292f;
}
.sg-application .content-area-wrapper .sidebar .list-group .list-group-item.active {
    color: #ffd800;
}
.sidebar-menu-list hr {
    margin: 1px 0;
}
.item-title__part--small {
    font-size: 12px;
    opacity: 1;
    color: #82868b;
    margin: 3px 0 0;
}
.sg-application .content-area-wrapper .sidebar .sg-app-sidebar .sg-app-menu .badge {
    padding: 7px 10px;
    font-size: 13px;
}
.list-group .list-group-item {
    min-height: 48px;
}
.sg-application .content-area-wrapper .content-right .app-fixed-search {
    padding: 0;
    height: 49px;
    display: flex;
    align-items: center;
}
.sg-application .content-area-wrapper .content-right .app-fixed-search fieldset {
    width: 100%;
}
.sg-application .app-action {
    height: 50px;
}
.sg-application .sg-app-details .sg-detail-header {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 60px);
    margin: 0 auto;
    box-shadow: none;
}
.nav.nav-tabs {
    box-shadow: none;
    margin: 25px 0;
}
html body p {
    line-height: inherit;
}
.hide-label label {
    display: none;
}
.fg--no-margin .form-group {
    margin-bottom: 0;
}
.nav-item--right {
    margin-left: auto;
}
.select2-container--default .select2-selection--single {
    min-height: 40px;
    border: 1px solid #d8d6de;
    border-radius: 6px;
    font-size: 12px;
}
.select2-container--classic .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus {
    box-shadow: none !important;
}
.select2-container {
    /*min-width: 200px;*/
}
.select2-results__option {
    padding: 6px;
    font-size: 12px;
    height: 38px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.select2-results__option-body {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: -1px;
}
.select2-container .selection {
    display: grid;
}

.select2-selection--single {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.form-body .select2-container .select2-selection--single {
    overflow: hidden;
}
.form-body .select2-container .select2-selection__rendered {
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: inherit !important;
    white-space: normal !important;
}*/

/*.form-body .select2-container {
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed;
}*/
.card {
    margin: 0 0 25px;
    border-radius: 8px;
    box-shadow: none;
    height: calc(100% - 25px);
}
.card .card-header {
    padding: 20px;
}
.card .card-header h6 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.card .card-header h6 span {
    display: inline-block;
    background-color: #ffd800;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 4px;
    margin-left: 10px;
    color: #626262;
}
.card .card-body {
    line-height: 1.8;
    border-top: 1px solid #ebe9f1;
}
.bg-authentication .card .card-body {
    border-top: 0;
}
.card .card-footer,
.card .card-footer:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.card .card-footer {
    background-color: #fff;
    border-top: 1px solid #ebe9f1;
}

.card-hidden-link {
    color: inherit;
}

.product-line {
    padding: 0 0 20px;
    border-bottom: 1px solid #ebe9f1;
}
.product-line + .product-line {
    padding: 20px 0;
}
.product-line:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}
.product-line__thumb {
    width: 100%;
}
.dark {
    color: #22292f;
}
.hide {
    display: none;
}
.toggle-card i {
    display: inline-block;
    transition: transform .5s ease;
}
.toggle-card--closed i {
    transform: rotateX(180deg);
}
.history-row {
    margin: 0 0 15px;
}
.history-row:last-of-type {
    margin-bottom: 0;
}
.history-row__status {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    position: relative;
}
.history-row__status::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    height: 50px;
    background-color: #ebe9f1;
    width: 1px;
}
.history-row:last-of-type .history-row__status::before {
    display: none;
}
.history-row__data {
    display: inline-block;
}
.history-row__name {
    font-weight: 600;
    margin: 0;
    color: #626262;
}
.history-row__date {
    font-size:  12px;
}
.fake-form__label {
    font-size: 14px;
    font-weight: 600;
    color: #626262;
    margin: 0 0 10px;
}
.fake-form__input {
    height: 40px;
    border: solid 1px #d8d6de;
    padding: 7px 15px;
}
.fake-form__group {
    margin: 0 0 15px;
}
.fake-form__group:last-of-type {
    margin: 0;
}
.status_line {
    margin: -69px 0 25px;
    justify-content: flex-end;
}

.navigation.navigation-main {
    margin-bottom: 30px;
}

.sidebar--system_info {
    background: rgb(35, 35, 35);
    color: white !important;
    text-align: center;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-block: 14px;
    border-top: 1px solid #444;
    font-size: 11px;
}
.sidebar--system_info--line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 15px;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    text-align: left;
}
.sidebar--system_info--line--item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 5px;
}
.sidebar--system_info--line--item .name {
    color: #ffffffc0 !important;
    white-space: nowrap;
}
.sidebar--system_info--line--item .value {
    color: #ffffff !important;
    font-weight: 800 !important;
    white-space: nowrap;
}
.sidebar--system_info--storage {
    display: none;
    width: 100%;
    margin-top: 10px;
}
.sidebar--system_info--storage .units {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-weight: 800;
    font-size: 0.75rem;
    color: #ffffffa0;
    margin-bottom: 3px;
}
.storage--used-space-bar {
    display: block;
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background-color: #ffffff0a;
    overflow: hidden;
}
.storage--used-space-bar .value {
    display: absolute;
    height: 100%;
    border-radius: 4px;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
}
.main-menu.expanded .onlySidebarCollapsed {
    display: none !important;
}
.main-menu.expanded .sidebar--system_info--line {
    padding: 0px 15px !important;
    justify-content: space-between !important;
}
.main-menu.expanded .sidebar--system_info--line--item {
    flex-direction: row !important;
}
.main-menu.expanded .sidebar--system_info--storage {
    display: block !important;
}
@media (max-width: 1300px) {
    .status_line {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .sidebar-left {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 100%;
        transition: all 0.35s cubic-bezier(0.79, 0.14, 0.15, 0.86);
        z-index: 2000;
    }
    .sidebar-left:not(.sidebar-expanded):hover,
    .sidebar-left.show {
        width: 260px;
    }
    .sidebar-menu-list input {
        width: 190px;
    }
    .sg-application .content-area-wrapper .sidebar .sg-app-sidebar {
        width: 60px;
        overflow-x: hidden;
        transition: width .35s cubic-bezier(.79, .14, .15, .86);
        border-right: 1px solid #dae1e7;
    }
    .sidebar-show i,
    .modern-sidebar-toggle i {
        margin-right: 0 !important;
        font-size:1.5rem !important;
        display: inline-block;
        padding: 0 !important;
    }

    .sg-application .content-area-wrapper .sidebar:not(.no-hover):hover .sg-app-sidebar,
    .sg-application .content-area-wrapper .sidebar-left:not(.no-hover).show .sidebar .sg-app-sidebar {
        width: 260px;
    }

    .sidebar-left .modern-sidebar-toggle {
        position: absolute;
        right: 0;

        visibility: hidden;
        opacity: 0;
        transition: visibility 0.1s, opacity 0.5s linear;
    }

    .sidebar-left.show .modern-sidebar-toggle,
    .sidebar-left:not(.sidebar-expanded):hover .modern-sidebar-toggle {
        visibility: visible;
        opacity: 1;
    }

    @keyframes toggle-up {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(180deg);
        }
    }
    @keyframes toggle-down {
        0% {
            transform: rotate(180deg);
        }
        100% {
            transform: rotate(0deg);
        }
    }

    .sidebar-left .sidebar-show i {
        padding: .357rem 0;
        animation-name: toggle-down;
        animation-delay: 0.2s;
        animation-duration: 0.2s;
        animation-fill-mode: backwards;
    }

    .sidebar-left.sidebar-expanded.show .sidebar-show i {
        animation-name: toggle-up;
        animation-delay: 0.2s;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
    }

    .sidebar-left.sidebar-expanded {
        position: inherit;
        margin-right: -60px;
    }
    .sg-application .content-area-wrapper .sidebar:not(.no-hover):hover .sg-app-sidebar,
    .sg-application .content-area-wrapper .sidebar-left:not(.no-hover).show .sidebar .sg-app-sidebar {
        width: 260px;
    }
    .sg-application .content-area-wrapper .content-right {
        width: calc(100% - 60px);
        margin-left: 60px;
    }
    .sg-application .content-area-wrapper .sidebar .list-group .list-group-item {
        display: flex;
        flex-direction: row;
        align-items: baseline;
    }
    .sg-application .content-area-wrapper .sidebar .list-group .list-group-item .badge {
        margin-left: auto;
    }
    .list-group .list-group-item i {
        margin-right: 18px !important;
    }
    .sg-application .sg-app-details {
        width: calc(100% - 60px);
    }
    .sg-application .content-area-wrapper .content-right .sg-app-list-wrapper {
        border-left: 0;
    }

    .header-navbar.navbar-shadow .navbar-container #navbar-mobile {
        float: left;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .nav-tabs .nav-item {
        width: 100%;
    }
    .sg-nav-link {
        width: 100%;
        text-align: center;
    }
    .inner-col + .inner-col {
        margin-top: 30px;
    }
    .history-row__status {
        margin-right: 10px;
    }
    .navigation.navigation-main {
        overflow-y: scroll;
    }
}

@media (max-width: 575.99px) {
    #app .app-content {
        margin-left: 0;
    }
    ul.list-inline li.hidden {
        display: none;
    }
    .sg-header-left {
        max-width: unset;
        flex: auto;
    }
    .sg-header-left h3 span span {
        max-width: calc(100% - 70px);
    }
    .drag-target {
        display: none;
    }
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 3px 3px 2px;
}

.select2-container {
    padding-top: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #F5F5F1;
}

.treeselect-container {
    padding-top: 1px;
    padding-bottom: 1px;
}

.vue-treeselect__control {
    padding: 0px;
    height: calc(1.25em + 1.4rem);
    line-height: 1.25;
    border-color: #D9D9D9;
}

.vue-treeselect__single-value {
    font-size: 12px;
    padding-left: 13px;
}

.vue-treeselect__multi-value {
    padding: 0 5px 5px;
    margin-bottom: 0px;
}

.vue-treeselect__control-arrow, .vue-treeselect__x-container {
    color: #888;
}

.vue-treeselect--has-value .vue-treeselect__multi-value {
    margin-bottom: 0px;
}

.vue-treeselect__multi-value-item-container {
    padding-top: 0px;
}

.vue-treeselect--disabled .vue-treeselect__multi-value-item, .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover, .vue-treeselect__multi-value-item {
    border: 1px solid #CCAD00;
    border-radius: 4px;
    background-color: #FFD800!important;
    color: #FFF;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 3px 3px;
    font-size: 14px;
    min-height: 17px;
}

.vue-treeselect--disabled .vue-treeselect__control {
    background-color: #F5F5F1;
}

.vue-treeselect__value-remove, .vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
    color: #fff;
    border-width: 0px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 0px 8px 7px 8px;
}

.selectize-control.multi .selectize-input > div {
    border: 1px solid #CCAD00;
    border-radius: 4px;
    background-color: #FFD800!important;
    color: #FFF;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 3px 3px;
    font-size: 14px;
    margin-bottom: 0px;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: inherit;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    border: none;
}

.selectize-input {
    padding: 9px 8px 9px;
}

.card-statistics .card {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1) !important;
}
.card-statistics .card .card-body {
    line-height: 1.45;
    border: 0;
}
.card-statistics .avatar {
    background-color: #232323;
}

.card-statistics .avatar .avatar-content .avatar-icon {
    color: #ffd800;
    width: 20px;
    height: 20px;
}

.table .dd-list td {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.table .dd-list {
    display: table;
    width: 100%;
}

.table .media-list .media.dd-item {
    padding: 1rem 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.table .media-list .chip {
    background-color: #e4e4e4;
    margin: 8px 0 0;
}

.product-price-input {
    width: 120px;
}

.dd-products__name {
    margin-right: auto;
}

.dd-products__action {
    flex: 0 0 150px;
    max-width: 150px;
}

.dd-products__price {
    flex: 0 0 260px;
    max-width: 260px;
}

.updateAllPricesButton {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

.updateAllPricesButton.visible {
    visibility: visible;
    opacity: 1;
}

.json-tree-root {
    min-width: unset !important;
    background-color: transparent !important;
}
.json-tree-paired, .json-tree-row:hover {
    background-color: #ffffff !important;
}
.logsLineContent {
    white-space: pre-line;
    padding: 10px;
    font-family: monospace !important;
    margin: 0 !important;
}
.logsLineContent.error {
    background-color: rgba(255, 0, 0, 0.1);
}
.logsLineContent.info {
    background-color: rgba(0, 150, 255, 0.1);
    color: #4f53ff !important;
}
.logsLineContent.warning {
    background-color: rgba(255, 150, 0, 0.1);
    color: #a55100 !important;
}
.logsLineContent.emergency {
    background-color: rgba(255, 0, 0, 0.1);
    color: #ff0000 !important;
}

@media (max-width: 991px) {
    .table .media-list .media.dd-item {
        flex-direction: column;
        align-items: flex-start;
    }
    .dd-products__name {
        margin: 0;
    }
    .dd-products__price,
    .dd-products__action {
        flex: 0 0 auto;
        max-width: 100%;
        padding-top: 1rem !important;
    }
    .dd-products__drag {
        display: none;
    }
}

@media (max-width: 576px) {
    .mail-meta-item {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: auto !important;
    }

    .mail-meta-item .float-right {
        float: none !important;
    }

    .sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li .user-details .mail-meta-item a {
        display: block;
        padding: 10px 5px;
    }

    .sg-application .app-content .content-area-wrapper .sg-user-list .users-list-wrapper li .user-details .mail-meta-item i {
        display: block;
    }
}