/* ------------------------------------------------------------------------ */
/*                                 Print                                    */
/* -------------------------------------------------------------------------*/

.onlyprint {
    display: none;
}

.title.onlyprint {
    margin-bottom: 10px;
}

#equipmentQRToPrint, #instrumentQRToPrint {
    display: none;
}

@media print {

    #breadcrumb {
        display: none;
    }
                                                               
    .onlyprint {
        display: inherit;
    }

    .onlyprint.tableRow {
        display: table-row;
    }

    body {
        background-color: #fff;
    }

    h5 {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

    #header {
        display: none;
    }

    .menu-nuevo {
        display: none !important;
    }

    #footer {
        display: none;
    }

    .modal-footer {
        display: none;
    }

    #logo {
        display: inherit !important;
        float: right;
        margin-top: -35px;
    }

    .close {
        display: none;
    }

    .home-content {
        float: left;
        width: 98% !important;
        left: 0px !important;
        min-width: 800px !important;
    }

    .label {
        border: 0px !important;
    }

    .noprint {
        display: none;
    }

    .button {
        display: none;
    }

    .buttonOn {
        display: none;
    }

    .buttons {
        margin-bottom: 0px;
    }


    #entityEdit input,
    #entityEdit textarea,
    #entityEdit span,
    #entityEdit .select2-choice #entityEdit .select2-arrow #entityEdit .select2-search-choice-close {
        border: 0px solid !important;
        font-size: 16px !important;
    }

    #entityEdit .title td {
        font-size: 16px !important;
    }

    .collapsablePanel {
        border: solid 0px;
    }

    .entityEdit .editableDetails {
        padding: 5px;
    }

    .entityEdit .editableHeader .captionCell {
        height: 25px;
        text-align: left;
        padding: 0px !important;
        vertical-align: top;
    }

    .entityEdit .editableHeader .controlCell {
        height: 25px;
        text-align: left;
        padding-top: 0px !important;
        vertical-align: top;
    }

    .captionCell .caption {
        padding-top: 5px;
        line-height: 19px;
        float: left;
        font-size: 14px;
    }

    .captionCell .mandatoryCaption {
        padding-top: 5px;
        line-height: 19px;
        float: left;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    }

    .controlCell .label {
        padding: 0px !important;
        padding-top: 5px !important;
        line-height: 19px;
        font-size: 14px;
    }

    .controlCell input {
        padding-top: 3px;
        padding-left: 8px;
        font-size: 14px;
    }

    .controlCell input[type=checkbox] {
        margin-left: 8px;
    }

    .textArea {
        padding-left: 7px;
        font-size: 14px;
    }

    .editableHeader {
        padding-left: 10px;
    }

    .controlCell img {
        display: none;
    }

    #entityEdit .openButton,
    #entityEdit .button,
    #entityEdit .buttonOn,
    #entityEdit .iconButton,
    #entityEdit img {
        display: none;
    }

    .entityEdit .caption {
        /*width: auto !important;*/
    }

    .entityEdit .datePicker .input {
        width: 120px;
        font-size: 14px !important;
        padding-left: 6px;
    }

    .entityEdit .select2-chosen {
        font-size: 14px !important;
        font-family: Verdana, Helvetica, sans-serif;
    }

    .entityEdit .editableDetails {
        margin-left: 0px;
    }

    .entityEdit .editableDetails .detailsTable {
        /* border: 1px solid #a8bed0; */
        border-collapse: collapse;
    }

    .collapsablePanel .title {
        border: solid 0px #2c435b;
    }
    
    .collapsablePanel .container {
        border: solid 0px #ccc;
    }

    .activeonprint.textBoxDisabled {
        border: solid 1px #cfcfcf;
    }

    .textBoxDisabled {
        border: 0px;
    }

    .select2-container .select2-choice .select2-arrow {
        display: none;
    }

    .datePicker .openButton {
        display: none;
    }

    .select2-container > * {
        border: 0px solid !important;
    }

    .select2-container .select2-choice {
        border: 0px solid !important;
    }

    .select2-container-multi .select2-choices {
        border: 0px solid !important;
    }

    .validator {
        padding: 0px;
    }


    .highcharts-container {
        margin: auto;
    }

    #graphContainer {
        border: solid 0px #d6bfcf;
        margin-top: 40px;
        float: left;
    }


    .printinfo {
        border: solid 0px;  
    }

    textarea.printinfo {
        height: 50px !important;
    }

    .datePicker.printinfo input {
        border: solid 0px;  
    }


    #InstrumentEdit {
        margin-top: 20px;
    }

    #InstrumentEdit .collapsablePanel {
        border: solid 1px #999;
    }

    #EquipmentEdit {
        margin-top: 20px;
    }

    #EquipmentEdit .collapsablePanel {
        border: solid 1px #999;
    }

    #historicCalibrations {
        padding: 10px;
        border: solid 1px #999;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    #historicCalibrations .calibration {
        width: 100%;
        float: left;
    }

    #historicCalibrations .calibration .dateTime {
        padding: 10px 10px 10px 0px;
        float: left;
    }

    #historicCalibrations .calibration .class {
        padding: 10px;
        float: left;
    }

    .btn-instrument {
        display: flex;
        justify-content: space-around;
    }

    .instrument-box {
        border: solid 1px #999;
    }

    .main {
        font-weight: normal;
    }

    .detailsTable tr.error .textBoxDisabled {
        border: solid 0px red !important;
        color: red !important;
    }

    .detailsTable tr.cantBeEvaluated .textBoxDisabled {
        border: solid 0px blue !important;
    }

    #equipmentQRToPrint, #instrumentQRToPrint {
        display: block;
    }


    /* ------------------------------------------------------------------ */
    /*                           certificado                              */
    /* ------------------------------------------------------------------ */

    #certificate {
        width: 100%;
    }

    #certificate #certificateTitle {
        display: block;
        text-align: center;
    }

    #certificate #certificateHeader {
        width: 100%;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        height: 65px;
        margin-bottom: 10px;
    }

    #certificate #certificateHeader .certificateNumber {
        float: left;
    }

    #certificate #certificateHeader .certificatePlanta {
        float: right;
    }


    #certificate.certificateNoScale #CalibrationEdit {
        display: grid;
        grid-template-columns: 65% 35%;
        grid-template-rows: 50px auto;
        width: 100% !important;
    }

    #certificate.certificateScale #CalibrationEdit {
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100% !important;
    }

    #certificate .collapsablePanel {
        min-width: 0px !important;
    }

    #certificate #panel_Header {
        grid-row: span 2;
        grid-column: 1;
    }

    #certificate #panel_Calibration {
        grid-row: 1;
        grid-column: 2;
    }

    #certificate #panel_Ambiental {
        grid-row: 2;
        grid-column: 2;
    }


    #certificate #panel_PropertyValues {
        grid-row: 3;
        grid-column: span 2;
        width: 100%;
    }

    #certificate #panel_PropertyValues .editableDetails {
        margin: 0px;
        width: calc(100% - 10px) !important;
    }

    #certificate #panel_PropertyValues_container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #certificate #panel_PropertyValues .title td {
        padding-top: 20px;
    }

    #certificate #PropertyValues table {
        margin: auto;
        width: 100%;
    }

    #certificate #PropertyValues .patroninfo {
        min-width: 600px;
        width: 100% !important;
    }

    #certificate #table_PropertyValues tr:first-of-type {
        display: none;
    }


    #certificate #panel_PointValues {
        grid-row: 4;
        grid-column: span 2;
        width: 100%;
    }

    #certificate #panel_PointValues .editableDetails {
        margin: 0px;
        width: calc(100% - 10px) !important;
    }

    #certificate #PointValues .detailsTable {
        border: 2px solid #333;
    }

    #certificate #PointValues .detailsTable tr:first-child td {
        border: 1px solid #333;
    }

    #certificate #PointValues .detailsTable td:first-child {
        border: 1px solid #333;
    }

    #certificate #PointValues .detailsTable td {
        border: 1px solid #333;
        text-align: center;
    }

    #certificate #PointValues .detailsTable td .textBoxDisabled {
        text-align: center;
    }

    #certificate #panel_PointValues_container {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #certificate #PointValues table {
        margin: auto;
        width: 100%;
    }


    #certificate .title {
        font-size: 14px !important;
        color: #000;
    }

    #certificate .caption {
        font-size: 14px !important;
        color: #000;
        padding-top: 0px !important;
    }

    #certificate .label {
        font-size: 14px !important;
        padding-top: 0px !important
    }

    #certificate .textBoxDisabled {
        font-size: 14px !important;
        padding: 0px;
    }

    #certificate .value {
        font-size: 14px !important;
    }

    #certificate .captionCell {
        height: 20px;
    }

    #certificate .controlCell {
        height: 20px;
    }

    #certificate .errorCell {
        height: 20px;
    }


    #certificate .frecuency 
    {
        border-bottom: solid 1px #666;
    }

    #certificate .frecuency td {
        padding-bottom: 5px !important;
    }

    #certificate .editableHeader.instrument {
        padding-left: 0px;
    }

    #certificate.certificateNoScale .editableHeader.instrument td.captionCell {
        padding-left: 5px !important;
    }

    #certificate.certificateNoScale .instrumentType td.captionCell {
        padding-top: 10px !important;
    }

    #certificate.certificateNoScale .instrumentType td.controlCell {
        padding-top: 10px !important;
    }

    #certificate .instrument {
        padding-left: 5px;
    }

    #certificate .instrument .title {
        display: none;
    }

    #certificate .calibration .title {
        display: none;
    }

    #certificate .no-print-title .title {
        display: none;
    }

    #certificate .entityEdit .editableDetails {
        padding: 0px 5px 0px 5px;
    }

    #certificate .entityEdit .editableDetails .detailsTable td {
        border: 1px solid #333;
    }

    #certificate .legend {
        margin-left: 10px;
    }


    #scaleGeneralInfo {
        padding: 10px 5px 10px 5px;
        margin-bottom: 0px;
        font-size: 14px;
        border-bottom: solid 1px #000;
    }

    #excentricityBlock {
        display: grid;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    #excentricityBlock #ExcentricityEdit {
        grid-row: 1;
        grid-column: 1;
        display: grid;
        justify-content: start;
        align-items: center;
        justify-items: center;
    }

    #excentricityBlock .excentricityImg {
        grid-row: 1;
        grid-column: 2;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    #excentricityBlock #table_PointValues {
        width: 10%;
    }

    #excentricityBlock #mainTable_PointValues {
        margin: 0 !important;
    }

    #excentricityBlock #mainTable_Reference {
        margin: 0 !important;
    }

    #excentricityBlock #mainTable_MaxDifference {
        margin: 0 !important;
    }

    #excentricityBlock #panel_PointValues {
        grid-row: 1;
        grid-column: 1;
        min-width: 0;
    }

    #excentricityBlock #panel_Reference {
        min-width: 0;
        grid-row: 2;
        grid-column: 1;
        min-width: 0;
        width: 80%;
    }

    #excentricityBlock #panel_MaxDifference {
        grid-row: 3;
        grid-column: 1;
        min-width: 0;
        width: 80%;
    }

    #excentricityBlock .dictamen {
        margin-top: -10px;
        padding-left: 10px;
    }

    #excentricityBlock .captionCell .caption {
        width: 185px !important;
    }

    #excentricityBlock .excentricityIndex {
        width: 100px !important;
    }

    .excentricity .controlCell {
        padding-bottom: 0px !important;
    }

    #LinealityEdit {
        width: 100%;
    }

    #LinealityEdit #mainTable_LinealityValues {
        width: 100%;
    }

    #LinealityEdit #table_LinealityValues {
        width: 100%;
    }

    #ExcentricityEdit .error,
    #LinealityEdit .error,
    #MovilityEdit .error {
        color: #CC3333 !important;
        font-weight: bold !important;
    }

    #certificate #LinealityEdit #mainTable_LinealityValues{
        margin: 0 auto;
        vertical-align: middle;
    }

    #certificate #MovilityEdit #mainTable_MovilityValues {
        margin: 0 auto;
        vertical-align: middle;
    }

    .errorField.calibrationError {
        border: solid 0px !important;
        color: red !important;
    }

    .scaleDictamen {
        text-align: end;
        margin-right: 5px;
    }


    #certificate .collapsablePanel .container {
        padding: 0px;
    }

    #certificate #dictamen {
        margin-top: -40px;
        padding-left: 10px;
        padding-bottom: 10px;
        font-size: 14px !important;
        font-weight: bold;
        font-family: Verdana, Helvetica, sans-serif;
    }

    #certificateGraph {
        border: solid 0px #ccc;
        margin: auto;
        margin-right: 14px !important;
    }

    #certificateLegend {
        display: inherit;
        margin: 10px;
    }

    #certificateFooter {
        border: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        margin-bottom: 0px;
        float:left;
    }

    #certificateFooter .observations{
        font-size: 11px !important;
    }

    #certificateFooter #certificateLegend {
        font-size: 8px !important;
    }

    #certificateFooter .footerValue {
        padding: 0px !important;
    }

    #certificate #calibratedBy {
        margin-top: 10px;
        float: left;
    }

    #certificateFooter #approvedBy {
        margin-top: 10px;
        float: right;
    }

    #certificateFooter #rejectedBy {
        margin-top: 10px;
        float: right;
    }   
    

    #calibrationEdit #panel_Calibration .editableHeader .controlCell {
        height: 35px;
    }

    #calibrationEdit #panel_Calibration  .editableHeader .caption {
        height: 35px;
    }

    #certificate #LinealityEdit {
        margin-top: -5px;
    }

    #certificate #MovilityEdit {
        padding-top: 10px;
    }

    #certificate #ExcentricityEdit .detailsTable .controlCell,
    #certificate #ExcentricityEdit .detailsTable .controlCell input,
    #certificate #ExcentricityEdit #panel_Reference input,
    #certificate #LinealityEdit .detailsTable .controlCell,
    #certificate #LinealityEdit .detailsTable .controlCell input,
    #certificate #MovilityEdit .detailsTable .controlCell,
    #certificate #MovilityEdit .detailsTable .controlCell input {
        height: 11px;
    }

    #certificateFrecuency {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    #certificateFrecuency table {
        width: 50%;
        align-self: center;
        border: 1px solid black;
    }

    #certificateFrecuency .frecuency-label {
        border-right: none;
    }

    #certificateFrecuency .frecuency-value {
        border-left: none;
    }

    #certificateFrecuency table span{
        margin-left: 10px;
        font-size: 15px;
    }

    #certificate span.title {
        width: 100% !important;
        text-align: center;
    }

    #certificate span.subtitle {
        border-top: 1px solid #a8a8a8;
        padding-top: 8px;
    }

    #certificate hr.soft-separator {
        width: 100%;
        border-top: 1px solid #a8a8a8;
        margin-bottom: 10px;
    }

    #certificate.certificateScale .entityEdit .editableDetails {
        margin: 0px;
        width: calc(100% - 10px) !important;
    }
}



/* ------ QR etiquetas---- */

#equipmentQRToPrint.etiqueta1, instrumentQRToPrint.etiqueta1 {
    width: 377px;
    height: 64px;
    background-color: #fff !important;
    overflow: hidden;
    padding: 2px 2px 2px 6px !important;
}

#equipmentQRToPrint.etiqueta1 div, #instrumentQRToPrint.etiqueta1 div {
    width: 100%;
}

    #equipmentQRToPrint.etiqueta1 .info, #instrumentQRToPrint.etiqueta1 .info {
        width: 310px;
        float: left;
        font-family: sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

#equipmentQRToPrint.etiqueta1 .info .planta {
    font-size: 12px;
}

#equipmentQRToPrint.etiqueta1 .info .area {
    margin-top: 4px;
    font-size: 10px;
}

#equipmentQRToPrint.etiqueta1 .info .date {
    font-size: 10px;
}

#equipmentQRToPrint.etiqueta1 .info .operator {
    font-size: 10px;
}

#equipmentQRToPrint.etiqueta1 .code {
    float: right;
    height: 64px;
    width: 64px !important;
}

#equipmentQRToPrint.etiqueta1 .code {
    height: 64px;
    width: 64px;
    /*
height: 80px;
width: 80px;
margin-top: -8px;
margin-left: -8px;
max-width: 120% !important;
*/
}

#equipmentQRToPrint.etiqueta1 .code img, #instrumentQRToPrint.etiqueta1 .code img {
    height: 64px;
}