/* ------------------------------------------------------------------------ */
/*                                 Equipment Info                           */
/* ------------------------------------------------------------------------ */

.content.equipmentNewActivity .equipment-info-logo {
    display: none;
}

.content.equipmentNewActivity #slim-version {
    display: none;
}

.content.equipmentNewActivity #wide-version {
    display: block;
}

/* Celular (menos de 768px) */
@media (max-width: 767px) {
    #EquipmentNewActivity {
        min-width: 0px !important;
    }

    .content.equipmentNewActivity {
        min-width: 0px !important;
        float: left;
        width: auto !important;
        margin: 0px !important;
        position: inherit !important;
    }

        .content.equipmentNewActivity #slim-version {
            display: block;
            font-size: 0.6em;
        }

            .content.equipmentNewActivity #slim-version .collapsablePanel {
                min-width: 0px !important;
                width: fit-content;
            }

            .content.equipmentNewActivity #slim-version div#state {
                display: block;
                text-align: center;
                font-size: 6em;
                margin-top: 20px;
                margin-bottom: 20px;
            }

        .content.equipmentNewActivity #wide-version {
            display: none;
        }

    .equipmentNewActivity .text {
        font-size: 12pt;
    }

    .equipmentNewActivity .insumos-batch-info-state {
    }

    .equipmentNewActivity .editableHeader {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center
    }

    .equipmentNewActivity .caption {
        width: 100% !important;
        font-size: 3em !important;
    }

    .equipmentNewActivity .label {
        font-size: 3em !important;
        width: 265px !important
    }

    .equipmentNewActivity .entityEdit {
        margin: 10px !important;
    }

    .equipmentNewActivity .title td {
        font-size: 4em;
        text-align: center !important;
    }

    .equipmentNewActivity div#state {
        display: block;
        text-align: center;
        font-size: 6em;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .equipmentNewActivity .editorStateText {
        display: none;
    }

    .equipment-info-logo {
        display: flex !important;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .equipment-info-logo .emme-logo {
            width: 70%;
            opacity: 1;
        }


    .equipmentNewActivity .collapsablePanel .container {
        padding-top: 30px;
    }

    .equipmentNewActivity .entityEdit .editableHeader .captionCell {
        padding-right: 40px;
    }

    .insumos-batch-info-container {
        display: flex;
        border: 1px solid black;
        padding: 14px;
        justify-content: space-between;
    }

    .insumos-batch-text-info {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
        justify-content: space-around;
        grid-gap: 0px 31px;
    }

    .equipmentNewActivity span.caption {
        display: inline-block;
        white-space: normal;
    }

    .equipmentNewActivity .controlCell span.label {
        display: inline-block;
        max-width: 200px;
        word-wrap: break-word;
        white-space: normal;
    }

    .equipmentNewActivity .controlsTable td {
        padding-top: 20px;
    }

    .equipmentNewActivity #newActivityButtons {
        display: none;
        /*display: flex;
        flex-direction: column;
        gap: 10px;*/
    }

        .equipmentNewActivity #newActivityButtons button {
            font-size: 3em;
        }
}

/* Tablet (entre 768px y 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
}