body {
    padding-right: 15px !important;
}

.nav-sidebar .menu-open>.nav-link i.right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pointer,
.copyToClipboard,
.copyFromTargetToClipboard {
    cursor: pointer;
}

.form-control.auto-height {
    height: auto;
}

label.error,
label.is-invalid {
    color: #dc3545;
    font-size: 14px;
}

.word-break {
    word-break: break-word;
    white-space: normal;
}

span.select2.select2-container.is-invalid,
span.select2.select2-container.is-invalid .select2-selection--multiple,
span.select2.select2-container.is-invalid .select2-selection--single {
    border-color: #dc3545;
}

@media (min-width: 1400px) {
    .modal-xxl {
        max-width: 90%;
    }
}

.control-sidebar,
.control-sidebar::before {
    width: 100%;
    right: -100%;
}

.control-sidebar-content .direct-chat-messages {
    height: 100vh;
}

.redirect-container {
    padding: .25rem .5rem 0rem
}

.is-info {
    color: #17a2b8 !important;
    border-color: #17a2b8;
}

.is-danger {
    color: #dc3545 !important;
    border-color: #dc3545;
}

.is-success {
    color: #28a745 !important;
    border-color: #28a745;
}

p.badge.word-break {
    word-break: break-all;
    white-space: normal;
    line-height: 1.25rem;
    margin-bottom: 0;
}

.card-title.break-all {
    word-break: break-all;
}

blockquote.empty {
    background-color: transparent;
    border: 0px;
    margin: 0;
    padding: 0;
}

.btn.btn-no-border {
    border: 0px;
    border-radius: 0px;
}

.empty.cancelled,
.hide-default-show-hover.cancelled .item-info {
    color: #dc3545 !important;
    text-decoration-line: line-through;
    font-style: italic;
}

.hide-default-show-hover.cancelled .item-info .reason,
.hide-default-show-hover.cancelled .item-info .reason>p,
.hide-default-show-hover.cancelled .item-info .reason>small {
    text-decoration-line: none;
    font-style: normal;
}

.btn.btn-hover-border-bottom,
.btn.btn-hover-border-bottom:active,
.btn.btn-hover-border-bottom:focus {
    background-color: transparent !important;
}

.btn.btn-hover-border-bottom:hover {
    border-bottom: 1px solid;
}

.hide-default-show-hover [data-hide="default"] {
    visibility: hidden;
}

.hide-default-show-hover:not(.cancelled) [data-hide="default"].active {
    visibility: visible;
}

.show-more-container {
    max-height: 120px;
    overflow: hidden;
    position: relative;
}

.show-more-container.active {
    max-height: fit-content !important;
}

.show-more-container .load-more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: black;
    /* transform: translateX(100px); */
}

.show-shopify-note {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.show-shopify-note.in-list {
    max-width: 320px;
    width: 100%;
    white-space: pre-wrap;
}

sup.item-sup {
    top: -0.5em;
    font-size: 75%;
    display: none;
}

.item-with-sup {
    display: inline-block;
    position: relative;
}

.red-dot {
    padding: .25em .25em !important;
    height: 9px !important;
    width: 9px !important;
}

.red-dot-container {
    position: relative;
}

.red-dot-absolute {
    position: absolute;
}

.red-dot-top-left {
    top: -0.25em;
    left: -0.5em;
}

.dashboard-today-total-red-dot {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 35%;
}

@media (min-width: 576px) {}

@media (min-width: 992px) {

    .control-sidebar,
    .control-sidebar::before {
        width: 700px;
        right: -600px;
    }
}

@media (min-width: 1200px) {
    sup.item-sup {
        top: -1em;
        font-size: 50%;
        display: initial;
    }

    sup.item-sup.on-top {
        top: 0;
        font-size: 50%;
        display: initial;
        position: absolute;
    }
}

@media screen and (max-width: 576px) {
    .white-break-xs {
        white-space: break-spaces;
    }
}

.hidden{
    display: none !important;
}