@media (max-width: 768px) {
    /*BOTONES*/

    .Boton-text, .limpiar, .Anadir {
        display: none !important;
    }
    #acciones {
        display: none !important;
    }

    /*------------------*/
    /*Informe*/
    .row-imprimir {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

    .col-imprimir, .col-mail {
        flex: 0 0 auto;
        padding: 0;
        margin: 0;
        width: auto;
    }

    /*AÑADIR*/
    .btnAnadir {
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }

    .card.card-custom > .card-header {
        flex-wrap: nowrap !important;
    }

    /*FORMULARIOS*/
    .form-group {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin-bottom: 16px;
    }

    .col-form-label.col-3.text-lg-right.text-left {
        display: flex;
        width: 100%;
        font-size: 1.1rem;
        margin-bottom: 4px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-group .col-9 {
        max-width: 100%;
    }

    .card-footer .col-xl-7 {
        display: flex;
        justify-content: center;
    }

    .card-footer .col-9 {
        display: flex;
        justify-content: center;
        margin-left: 20px;
        width: 100%;
    }

    .card-footer .col-10 {
        display: flex;
        justify-content: center;
        margin-left: 20px;
        width: 100%;
    }

    .card-footer .btn {
        margin: 0 5px;
    }

    select option {
        font-size: 10px;
    }

    /*PERFILES*/
    .nav-tabs {
        display: flex;
        justify-content: space-between;
    }

        .nav-tabs .nav-item {
            flex: 1;
        }

        .nav-tabs .nav-link {
            padding: 10px;
            font-size: 0.85em;
        }

    .card-toolbar .nav-tabs {
        display: flex;
        justify-content: space-between;
        padding: 0;
        border-bottom: none;
    }

        .card-toolbar .nav-tabs .nav-item {
            flex: 1;
            text-align: center;
        }

        .card-toolbar .nav-tabs .nav-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            font-size: 0.9em;
            font-weight: bold;
            color: #0056b3;
            background-color: transparent;
            border: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

            .card-toolbar .nav-tabs .nav-link.active {
                background-color: #0056b3;
                color: white;
            }

        .card-toolbar .nav-tabs .nav-icon svg {
            width: 20px;
            height: 20px;
            margin-bottom: 4px;
        }

        .card-toolbar .nav-tabs .nav-link:hover {
            background-color: #e0e0e0;
            color: #0056b3;
        }

    /*ASOCIAR USUARIOS*/
    .dual-listbox.ddlUsuariosEnPerfil .dual-listbox__buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        margin: 10px 0px;
    }

    .dual-listbox.ddlUsuariosEnPerfil .dual-listbox__button {
        display: inline-flex;
        flex-direction: row;
        margin: 0;
        transform: rotate(90deg);
    }

    /*OPCIONES*/

    #frmSettings .col-form-label {
        text-align: left;
        font-size: 1rem;
        margin-bottom: 8px;
    }

    #frmSettings .col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #frmSettings .col-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #frmSettings .checkbox-inline {
        margin-bottom: 10px;
    }

    #frmSettings .form-group {
        margin-bottom: 15px;
        padding: 5px 10px;
    }

    #frmSettings .checkbox label {
        font-size: 1rem;
    }

    #frmSettings .card-footer button {
        width: 100%;
        margin-bottom: 5px;
    }
    /*ARBOL*/

    #arbol_aplicaciones {
        overflow-x: scroll;
        scrollbar-width: thin;
        scrollbar-color: #e0e0e0;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 10px;
    }

        #arbol_aplicaciones::-webkit-scrollbar {
            height: 8px;
        }

        #arbol_aplicaciones::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 4px;
        }

        #arbol_aplicaciones::-webkit-scrollbar-track {
            background: #e0e0e0;
        }
      
    /*ESTADO*/
    .d-flex.justify-content-between.flex-wrap.mt-1 {
        flex-direction: column;
    }

    .cont-estadoText {
        text-align: left;
    }

    .cont-estado {
        text-align: right;
        margin-top: 0;
        padding-bottom: 20px;
    }

    .cont-estadoEmp-div {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    /*Menu hamburguesa pestañas*/

    .dropdown-menu-auto {
        width: auto !important;
        max-height: 300px;
        position: fixed;
        overflow-y: auto;
    }

    /* DUAL LIST*/

    .dual-listbox .dual-listbox__container .dual-listbox__available {
        width: 270px !important;
    }

    .dual-listbox .dual-listbox__container .dual-listbox__selected {
        width: 270px !important;
    }

    .dual-listbox .dual-listbox__search {
        width: 270px !important;
    }

    /*Vista error*/

    .custom-error-card {
        max-width: 60%; 
    }

    .custom-error-card-interior {
        max-width: 85%;
    }

    .custom-logo-error {
        max-width: 80px; 
    }

    .error-text {
        font-size: 14px;
    }

    /*DATATABLES*/
    .dtr-details li,
    .dtr-details li * {
        text-align: left !important;
    }

        .dtr-details li.text-truncate {
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: initial !important;
        }

        .dtr-details li.text-center,
        .dtr-details li.text-right {
            text-align: left !important;
        }

    .dtr-details li {
        margin-bottom: 0.5rem;
    }

    .dtr-details .dtr-title {
        display: block;
        font-weight: 600;
        margin-bottom: 0.5rem; 
    }

    .dtr-details .dtr-data {
        display: block;
        margin-left: 0;
    }  
}

@media (min-width: 769px) and (max-width: 1024px) {

    .Boton-text, .limpiar, .Anadir {
        display: none !important;
    }

    /* DUAL LIST*/

    .dual-listbox .dual-listbox__container .dual-listbox__available {
        width: 300px !important;
    }

    .dual-listbox .dual-listbox__container .dual-listbox__selected {
        width: 300px !important;
    }

    .dual-listbox .dual-listbox__search {
        max-width: 300px !important;
        width: 300px !important;
    }
}