/*копирование*/
.s-copy-text-parent .s-copy-text{
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}
.s-copy-text-parent:hover .s-copy-text{
    visibility: visible;
    opacity: 1;
}
button.s-copy-text{
    width: 1.8em;
    height: 1.8em;
    font-size: 0.7em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
}


/*расширяем на всю площадь окна заказ*/
#s-order-block .article.wider, #js-split-order-content{
    max-width: 100%;
}
.article.wider .article-body{
    padding: 1em;
}


/*кнопки стаусов*/
ul.s-order-actions.pl-poc-actions-distance-more .button {
    margin-right: 0.5em;
    margin-bottom: 0.7rem;
}
ul.s-order-actions.pl-poc-actions-stylization .button{
    font-size: 0.8rem;
    border-radius: 0.375em;
    border: 1px solid #ccc;
    margin: 0;
}
ul.s-order-actions.pl-poc-actions-stylization{
    margin: 0;
}
ul.s-order-actions.pl-poc-actions-stylization.pl-poc-actions-distance-more {
    gap: 1rem;
}

ul.s-order-actions.pl-poc-actions-stylization li .button {
    border-color: var(--gray);
    color: var(--gray);
}

ul.s-order-actions.pl-poc-actions-stylization .button:hover {
    background-color: var(--gray);
    color: var(--white) !important;
    box-shadow: 0 0.5em 1em -0.25em rgb(0 0 0 / 20%);
}

ul.s-order-actions.pl-poc-actions-stylization .button:active {
    text-shadow: none !important;
    box-shadow: 0 0 4px rgb(0 0 0 / 40%) inset;
}

ul.s-order-actions.pl-poc-actions-stylization .button .fa-circle{
    display: none;
}

ul.s-order-actions.pl-poc-actions-stylization .button.red {
    border-color: var(--red);
    color: var(--red);
}
ul.s-order-actions.pl-poc-actions-stylization .button.red:hover {
    background-color: var(--red);
}
ul.s-order-actions.pl-poc-actions-stylization .button.green {
    border-color: var(--green);
    color: var(--green);
}
ul.s-order-actions.pl-poc-actions-stylization .button.green:hover {
    background-color: var(--green);
}
ul.s-order-actions.pl-poc-actions-stylization .button.blue {
    border-color: var(--blue);
    color: var(--blue);
}
ul.s-order-actions.pl-poc-actions-stylization .button.blue:hover {
    background-color: var(--blue);
}
ul.s-order-actions.pl-poc-actions-stylization .button.purple {
    border-color: var(--purple);
    color: var(--purple);
}
ul.s-order-actions.pl-poc-actions-stylization .button.purple:hover {
    background-color: var(--purple);
}
ul.s-order-actions.pl-poc-actions-stylization .button.yellow {
    border-color: var(--yellow);
    color: #f39300;
}
ul.s-order-actions.pl-poc-actions-stylization .button.yellow:hover {
    background-color: var(--yellow);
}

/*оболочка для клиента доставки коммента оплаты*/
.s-order .s-order-wrapper-blocks-poc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    margin: 0.5rem 0;
}
.s-order .s-order-wrapper-blocks-poc > div {
    flex: 1 1 25%;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    position: relative;
}
.s-order .s-order-wrapper-blocks-poc > div > .s-block{
 margin-bottom: 0rem;
    flex: 1 1 100%;
}

.s-order .s-order-wrapper-blocks-poc .comment_wrapper blockquote {
    font-size: 0.9em;
    padding: 0.9em
}

.s-order-wrapper-blocks-poc .s-customer-fields-section ul{
    margin-bottom: 0;
}

.s-order .s-order-wrapper-blocks-poc .s-order-customer{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.s-order .s-order-wrapper-blocks-poc .s-order-customer > .flexbox{
    flex:1;
}



/*изображение контакта и все данные его*/
.s-order-wrapper-blocks-poc .profile {
flex: 1;
}

.s-order-wrapper-blocks-poc .s-order-customer .image {
float: left;
    padding-right: 0.5em;
}

.s-order-wrapper-blocks-poc .s-order-customer .details {
margin-left: 0;
min-height: auto;
}

.s-order-wrapper-blocks-poc .contact_wrapper .details h5 em.hint{
    display: block;
}
.s-order-wrapper-blocks-poc .contact_wrapper .details h5{
    display: inline-block;
    width: 100%;
}

#s-contact-categories-poc {
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
}

#s-contact-categories-poc .s-contact-category {
    margin: 2px;
    margin-right: 10px;
}


.s-params-logo {
width: 44px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
margin-top: -2px;
}

.s-order-wrapper-blocks-poc p {
    margin-bottom: 5px;
    font-size: 0.8em;
}

.s-order-wrapper-blocks-poc p.s-order-address br {
display: none;
}

.s-order .s-order-wrapper-blocks-poc .s-tracking {
margin-right: 0;
border-left: none;
padding-left: 0px;
}


.s-order .s-order-wrapper-blocks-poc .shippng_and_buy_wrapper{
    gap: 0.5rem;
}




/*комментарий к клиенту*/
#s-order-about-contact-poc{
    margin: 0.9em -1em -0.75em;
}
#s-order-about-contact-poc pre {
    background: var(--light-gray);
    padding: 0.5em;
    border-radius: 0px 0px 0.9em 0.9em;
    border-top: 1px solid var(--dark-gray);
    color: var(--text-black);
    font-size: 0.9em;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

#s-order-contact-about-edit {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    top:initial !important;
}

.s-order-wrapper-blocks-poc .contact_wrapper:hover #s-order-contact-about-edit {
    opacity: 1;
    display: inline-block !important;

}

/*стили для таблицы заказа*/
#s-order-items thead tr:first-child {
    display: none;
}




/*правое меню*/
.s-order .s-split-order-wrapper .s-split-order-block .s-split-order-sidebar {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.s-order-aux .menu.workflow-actions {
    margin-top: 0;
}




@media (max-width: 1600px) {
    .s-order-timeline {
        width: 100%;
        margin-top: 10px !important;
    }
}

.s-order-contact-about-edit-window textarea{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

html{
    --dialog-background-color:rgba(0, 0, 0, 0.4);
    --dialog-shadow-color:rgba(0, 0, 0, 0.65);
}
html[data-theme='dark']{
    --dialog-background-color:rgba(0, 0, 0, 0.7);
    --dialog-shadow-color:rgba(0, 0, 0, 0.8);
}
@supports (backdrop-filter: blur(2rem)) {
    .dialog-background { backdrop-filter: none; }
}



/*печатная стилизация*/
.s-printable .s-order .s-order-wrapper-blocks-poc > div {
    border: 1px solid #d7d7d7;
    box-shadow: none;
}

.s-printable .s-order-paid-poc {
    background: transparent;
}

.s-printable .wrapper-params-poc {
    box-shadow: none;
}

.s-printable .s-order .s-split-order-wrapper .s-split-order-block .s-split-order-sidebar {
    position: absolute;
    right: 0;
}

.s-printable .s-order .s-split-order-wrapper .s-split-order-block .s-split-order-content {
    width: 100%;
}


.s-split-order-content{
    width: 100%;
}