@import url("./documentosCard.css");

/*posicion de swal alert en el modal*/
div:where(.swal2-container) {
    z-index: 1999 !important;
}

textarea {
    field-sizing: content;
    /* resize: none; */
}

.table-responsive {
    min-height: 500px !important;
}

.input-group-addon {
    padding: 0.625rem 1rem;
    font-weight: 400;
    text-align: center;
    font-size: 0.875rem;
    border: 1px solid #bec8d0;
    background-color: #fff;
    color: #888;
    border-radius: 3px;
    min-width: 45px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.dropdown {
    button.dropdown-toggle, ul.dropdown-menu, .dropdown-item {
        border-radius: 3px;
    }

    .dropdown-item {
        padding: 0.4rem;
        font-size: 14px;

        i::before {
            font-size: 14px !important;
        }
    }
}


.card {
    border-radius: 3px;
}


.collapse-icon {
    transition: transform 0.2s ease;
}

[aria-expanded="true"] .collapse-icon {
    transform: rotate(90deg);
}

/* === SELECT2 === */

.select2-container--bootstrap4 .select2-selection--single {
    height: 43px !important;

    .select2-selection__rendered {
        padding: 0.625rem 1rem;
        line-height: 1.5;
        color: #888;
        border-radius: 4px;
    }
}



/* === INPUT IMAGEN / DROPZONE === */

.image-container {
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
}

.image-container img {
    object-fit: contain;
    object-position: center;
    transition: transform 0.5s ease;
}

.image-container.preview:hover img:not(.empty-img) {
  transform: scale(1.1);
}



.image-dropzone.dragover * {
  /* pointer-events: none; */
  /* visibility: hidden; */
  display: none;
  transition: all 0.3 ease;
}

.image-dropzone {
    width: 95%;
    height: 90%;
    cursor: pointer;
    border: 2px dashed #ccc;
    border-radius: 3px;
    transition: all 0.5s ease;
    background-color: #fff;
}

.image-dropzone.dragover {
    width: 100%;
    height: 100%;
}

.image-dropzone.dragover::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('../img/upload-image.svg');
    background-size: contain;
    background-repeat: no-repeat;
}



/* === DOWNLOAD === */

.clic-download {
    font-size: large;
    border: 3px solid red;
    padding: 0.6rem;
    color: red;
    border-radius: 50%;
}

.clic-download:hover {
    box-shadow: 0px 0px 6px 4px #e74a3b96;
    cursor: pointer;
}

.bg-observado {
    color: #fff;
    background-color: #ff9800;
}

.btn-block, .badge-shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 16%), 0 2px 10px 0 rgba(0, 0, 0, 12%);
}