/* */

.content { padding: 0; }

.cell-password { width: 140px; }
.cell-actions { width: 100px; }

@media (max-width: 767px) {  
    /* .cell-trans,
    thead th:nth-child(2) {
        display: none;
    } */
}

.fade-out {
    opacity: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 300ms ease;
}

/* actions */

.morph-wrap .morph-button-fixed,
.morph-wrap .morph-button-fixed .morph-content {
    width: 90px;
}

.morph-wrap .morph-button-overlay.open .morph-content {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
}

.icon-link {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* espacio entre ícono y texto, ajusta si quieres */
    vertical-align: middle;
    text-decoration: none; /* por si se comporta como link con subrayado */
}

.icon-link svg {
    display: block;
}



.v-toolbar .btn-new {
    line-height: 1.6;
    padding: 2px 12px;
}
.v-toolbar .btn-new svg {
    fill: #6201ea;
}

.content-style-overlay {
    padding: 50px;
}
.content-style-overlay .icon-close {
    /*border: 2px solid #f9e1c9;
    border-radius: 50%;*/
    line-height: 2.8;
}

.content-style-overlay .icon-close:hover {
    /*border-color: #a50a05;*/
}

.icon-close {
    z-index: 100;
    display: block;
    overflow: hidden;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 3;
    cursor: pointer;
}

.icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.icon-close:hover {
    color: #a50a05;
}

/* forms */

fieldset, .fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend .legend {
    margin: 0 0 4px 0;
    font-size: 2em; /* font-size: 1.3em; */
    font-weight: 500;
}

.lang-badge {
    background: #eee;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 0.75em;
    color: #333;
    margin-left: 4px;
}