/* ------------------------------------------------------------------------ */
/*                                 Balanzas                                 */
/* ------------------------------------------------------------------------ */

.btn-scale-calibration {
    margin: 8px 0px;
    float: left;
    color: #eee;
    background-color: #577ea5;
    border-color: #3f5a76;
    width: 100%;
    box-sizing: border-box !important;
    cursor: pointer;
    font-size: 12px;
    padding-top: 18px;
    padding-bottom: 10px;
    font-weight: bold;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-left: 10px;
}

.btn-scale-calibration.done {
    background-color: #362957;
    border-color: #362957;
}

.btn-scale-calibration:hover {
    background-color: #6a94be;
    border-color: #597da0;
    color: #eee !important
}

.btn-scale-calibration.done:hover {
    background-color: #36083a;
    border-color: #36083a;
}

.btn-scale-calibration > span.title {
    float: left;
    width: 100%;
    text-align: left;
    color: #eee;
    margin-bottom: 8px
}

.btn-scale-calibration > span.date {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: normal !important;
}

#scaleGeneralInfo {
    margin-bottom: 5px;
    border-top: 1px solid black;
    padding-top: 7px;
    margin-top: -20px;
}

#current_generation {
    float: left;
    margin-top: 10px;
    width: 100%;
    cursor: default;
}

#current_generation > .collapsablePanel {
    border: solid 1px #2c435b;
    border-radius: 3px;
}

.excentricityIndex {
    border: solid 0px !important;
    background-color: #ffffff !important;
    text-align: center;
}

#current_generation input {
    font-weight: normal !important;
}

#buttons{
    float: left;
}

/*.textBoxDisabled.error {
    border-color: #CC3333;
}

.textBox.error {
    border-color: #CC3333;
}*/

.excentricityImg {
    text-align: start;
    margin-bottom: 15px;
    margin-left: 2px;
}

#excentricityBlock{
    display: block;
}

.separator {
    margin-top: 0px;
    border-top: 1px solid #000;
}

/* ------------------------------------------------------------------------ */
/*                                 Instrument Info                          */
/* ------------------------------------------------------------------------ */

.content.instrumentNewActivity .instrument-info-logo {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .instrumentNewActivity .editorStateText {
        display: none;
    }

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

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


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

    .instrumentNewActivity .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;
    }*/

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

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

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

    .instrumentNewActivity #newActivityButtons {
        display: none;
        /*width: 90% !important;
        display: flex;
        flex-direction: column;
        gap: 10px;*/
    }

        .instrumentNewActivity #newActivityButtons button {
            font-size: 3em;
            padding: 20px;
        }
}

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



/* ------------------------------------------------------------------------ */
/*                                 Common                                   */
/* ------------------------------------------------------------------------ */

#calibrationExpiration .modal-dialog {
    width: 730px;
}