@media screen and (min-width: 768px) {
    body .main-ticket {
        width: 40vw;
        height: 100vh;
        background-color: white;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999;
        border-left: 1px solid lightgrey;
    }
}

@media screen and (max-width: 768px) {        
    body .main-ticket {
        width: 100vw;
        height: 100vh;
        background-color: white;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999;
    }
}

#terms-ticket {
    accent-color: var(--primary-color);
}

.maintable-ticket #maintable_wrapper .row:first-child>div:first-child {
    display: none;
}

.maintable-ticket #maintable_filter {
    text-align: left;
}

.maintable-ticket tbody tr {
    cursor: pointer;
}

#descrizione-ticket {
    /* min-height: 200px; */
}

.close-ticket {
    position: absolute;
    right: 10px;
    top: 0;
}

div#media-ticket-form .box-preview label {
    display: none;
}

.row>b {
    padding-top: 5px;
    margin: 0px 5px;
}

pre.text-ticket {
    text-wrap: balance;
}

.text-ticket-primary {
    color:white;
}

.item-media, .item-file {
    cursor: pointer; 
    position: relative;
}

.btn-delete-item-media, .btn-delete-item-file {
    position: absolute; 
    top: 4px; 
    right: 4px; 
    padding: 0; 
    line-height: 0;
}

path.DashedTile-outer {
    fill: transparent; 
    stroke: #565557; 
    transition: 200ms fill,200ms stroke;
    stroke-dasharray: 2.9778,1.9852;
}

path.DashedTile-inner {
    fill: #a2a0a2; 
    transition: 200ms fill,200ms stroke;
}

.radice {
    position: absolute; 
    background: #ced4da;
    width: auto; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
}

.item-media, .item-file {
    cursor: pointer; 
    position: relative;
}

.btn-delete-item-media-modal, .btn-delete-item-file {
    position: absolute; 
    top: 4px; 
    right: 4px; 
    padding: 0; 
    line-height: 0;
}