body {
    text-size-adjust: 100%;
}

.gradient-custom {
    /* fallback for old browsers */
    background: #6a11cb;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom, rgba(252, 56, 56, 1), rgba(237, 13, 81, 1));

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(111.3deg, rgb(252, 56, 56) 11.7%, rgb(237, 13, 81) 81.7%);
}

.body-loaded {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in;
}

.dt-top .dt-selector {
    padding: .375rem 2.25rem .375rem .75rem !important;
}

.data-modify-buttons {
    width: 250px;
}

.alert-fixed {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 50%;
    z-index: 9999;
    border-radius: 0px
}

@media screen and (max-width: 1500px) {
    .textarea-messagerie {
        width: 30vw;
    }

    .modal-lg {
        width: 99vw;
        max-width: 99vw;
    }

}

@media screen and (min-width: 1500px) {
    .textarea-messagerie {
        width: 45vw;
    }

    .modal-lg {
        width: 80vw;
        max-width: 80vw;
    }
    
}


.status-alert-div {
    width: 10vw;
}

.mdb-color {
    color: rgba(0, 0, 0, .6);
}

.txt-area-lg {
    height: 10rem;
}

#txtareaCommentaireTicket {
    height: 18rem;
}

.container-text-area::after {
    content: attr(ticket-lock-msg);
    display: block;
    text-align: center;
    clear: both;
    color: red;
    font-weight: bold;
}

.download-icon {
    margin-right: 10px;
}

footer {
    position: fixed;
    height: 40px;
    bottom: 0;
    width: 100%;
    font-size: 12px;
}

.container-ticket-detail {
    height: 400px;
    overflow: auto;
}

.popover {
    width: 60vh;
    max-width: 60vh;
}

.div-fichiers-histo {
    overflow: auto;
}

.alert-blocage {
    background-color: #ffcccb !important;
}

.alert-envoi {
    background-color: #fffec8 !important;
}

.whitespace-prewrap {
    white-space: pre-wrap;
}

.bg-orange {
    background-color: #ff6f3c!important;
}

#spanEnv{
    font-weight: bold;
}