.with_error{
    color: #dc3545;
}

.footer-logo-gray .card-body{
    background-color: gray;
}

.note-toolbar{
    z-index: 1;
}

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

.nav-sidebar .nav-item>.nav-link .right{
    transform: rotate(180deg);
}

/*label + label:has(input[type='checkbox']) {
    font-weight: 400 !important;
}*/

[class*=sidebar-dark-] .sidebar a {
    color: #fff;
}

.user-panel-name span {
    color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
    color: #fff;
}

.no-list-data-container-message {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 18px;
    padding: 50px 0;
}

.nav-header {
    color: #fff !important;
}

.link_to_email_contents {
    color: black;
}

.link_to_email_contents:hover {
    color: black;
}

.disabled_style {
    opacity: .5;
}

.no-list-data-container-message-table {
    text-align: center;
}

.no-list-data-container-message-table td {
    color: #6c757d;
    font-size: 18px;
    padding: 50px 0;
}

.price-quote-first-shipping-block {
    border-top: 2px solid #222;
}

.price-quote-product-discount-border-top {
    border-top: 2px solid #222 !important;
}

.price-quote-border-bottom {
    border-bottom: 2px solid #222 !important;
}

.price-quote-shipping-input, .price-quote-discount-input {
    width: 120px;
    border: none;
}

.modal-send-as-link {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: none;
}

.modal-send-as-link:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.modal-after-generation-title {
    color: #28a745;
    margin-bottom: 0;
    line-height: 1.5;
}

.success-color {
    color: #28a745;
}

.modal-after-generation-footer {
    width: 100%;
    margin-top: 1rem;
    padding: 0;
    padding-top: 12px;
    padding-right: 3px;
    margin-bottom: -4px;
}

.tooltip {
    pointer-events: none;
    top: -50px!important;
    z-index: 100;
}

.filepond--item {
    width: calc(10% - 0.5em)!important;
}


.collection_form .filepond--root {
    width: 100%;
    height: 100%;
}

.collection_form .filepond--panel-root {
    width: 100% !important;
    object-fit: cover;
}

.collection_form .filepond--image-preview-overlay.filepond--image-preview-overlay-idle {
    opacity: 0!important;
}

.collection_form .filepond--image-canvas-wrapper {
    margin: auto;
    transform: none !important;
}

.collection_form canvas{
    width: 100% !important;
}

.collection_form .filepond--image-clip {
    width: 100% !important;
    height: 100% !important;
}

.collection_form .filepond--image-bitmap, .collection_form .filepond--image-vector {
    left: auto !important;
}



.collection_form .filepond--item {
    width: 100% !important;
}

.collection_form .filepond--file-info-main {
    display: none;
}

.collection_form .filepond--file-info-sub {
    display: none;
}

.collection_form .filepond--image-preview {
    background: #eef0f4!important;
}

.collection_form .filepond--image-preview-wrapper {
    background: #eef0f4!important;
    border-radius: 0!important;
}

.collection_form .filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: none!important;
}

.settings_specification_groups_radio_buttons {
    /*width: initial;*/
    height: initial;
    /*margin-left: 40%;*/
    /*margin-top: 10%;*/
    /*width: calc(100% - 90px);*/
    text-align: right;
    margin-top: 12px !important;
}

#salesTaxPercentInupt {
    border: none;
    text-align: right;
    width: 40px;
}

.customer-block .help-block.__error{
    white-space: nowrap !important;
    padding-top: 7px !important;
    margin-right: 15px !important;
}

.no-bold-checkbox-label > label{
    font-weight: 400 !important;
}

.attention-message {
    top: 50%;
    margin-top: -71px;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.sidebar-collapse .main-sidebar:hover .sidebar {
    margin-top: 0!important;
}
@media (max-width: 680px) {
    .filepond--item {
        width: calc(50% - 0.5em)!important;
    }
}

@media (min-width: 576px) {
    #confirmImportModal .modal-dialog {
        max-width: 520px;
    }
}

.product-link-icon {
    position: absolute;
    display: block;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
}

.product-link-icon-wrapper {
    position: relative;
}

.link-button[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}
.inp-control[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}


.chat-input textarea:disabled {
    cursor: not-allowed;
}

.chat-input button[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

.chat-widget-badge {
    position: absolute!important;
    right: 0;
}

.chat-widget-ic {
    font-size: 20px;
}

.badge {
    float: right;
    margin-top: 3px;
}

.file-error-message {
    background-color: #ffebee;
    color: #d32f2f;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 8px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    border-left: 3px solid #d32f2f;
}

.file-item span {
    margin-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.uploaded-files .file-error-message {
    margin-bottom: 8px;
}



/* Добавьте эти стили в widget-style.css */
.files-counter {
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    padding-right: 10px;
}

.file-attach.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.file-attach.disabled:hover {
    opacity: 0.5;
}

.file-item {
    display: flex;
    align-items: center;
    background: #f3f7fb;
    padding: 5px 8px;
    border-radius: 4px;
    margin-bottom: 5px;
    transition: background-color 0.2s;
}

.file-item:hover {
    background: #e6eef5;
}

.file-item i.fas:not(.remove-file) {
    margin-right: 8px;
    color: #06557B;
}

.remove-file {
    margin-left: auto;
    color: #d32f2f;
    cursor: pointer;
    padding: 2px 5px;
}

.remove-file:hover {
    color: #b71c1c;
}

.conversation-loading {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.spinner-border {
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0.2em;
}

.system-message {
    text-align: center;
    background-color: #f8f9fa;
    color: #6c757d;
    padding: 8px 12px;
    margin: 10px auto;
    border-radius: 8px;
    max-width: 80%;
    font-size: 13px;
    border: 1px dashed #dee2e6;
}