/*
*   Condedus styles
*
*   
*
*/

.formbox {
    border:     1px solid #ccc;
    border-radius: 4px;
    padding:    6px;
    margin-top: 8px;
    background-color: #F4F4F4;
}
.condedusCTVisible {
    fill: black;
}

.condedusCTHidden {
    fill: white;
}

.groupCondedusX {
    font-size: 16px;
    margin: 0 0 4px 0;
    padding: 3px;
    color: #000;
    background-color: #fff;
    text-transform: none;
    font-weight: 400;
    border: 1px solid #e6e6e6;
}

.md-condedus-input{
    padding:3px; 
    border:1px solid #e6e6e6; 
    width: 100%;
    height: 44px;
    font-size: 14px;
}
.md-button.condedusleft {
    border-radius: 5px 0 0 5px;
}
.md-button.condedusmiddle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}
.md-button.condedusright {
    border-radius: 0 5px 5px 0;
}
.md-button:not([disabled]):hover {
    background-color: #e6e6e6;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#condedusDialog .highlight {
    background-color: #96ba1a !important;
}

.form-label {
    margin-top: 4px;
}

.defectgroups_grid {
    height: 800px;
}

/*.exportdata_grid {
    height: 500px;
    font-size: 8pt;
}*/

@media screen {
    #printSection {
        display: none;
    }


    #widget-grid {
        width: 100%;
        /*position: absolute;
        top: 85px;
        left: 15px;
        margin-right: 15px;*/
        margin:0;
    }


    .chart1 {
        height: 80vh !important;
    }

    .chart2 {
        height: 40vh !important;
    }

    .chart3 {
        height: 26.667vh !important;
    }

    .chart4 {
        height: 20vh !important;
    }
}
@media print {
    /*@page {
        size: A4 ; 
    }*/
    .highcharts-tooltip{
        opacity: 0;
    }
    
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
    /*.panel, .chart{
        page-break-inside: avoid;
    }*/
    /*svg {
        max-width: 100% !important;
    }*/

    .md-padding{
        padding: 0 !important;
    }
    
    .ui-grid-cell,
    .ui-grid-row{
      max-height: 20px !important;
    }

    .ui-grid-cell-contents{
      padding: 2px 0 2px 4px !important;
    }
    , 
    .defectgroups_grid, .defectgroups_grid .ui-grid-contents-wrapper, .defectgroups_grid .ui-grid-render-container, .defectgroups_grid .ui-grid-render-container-body, ui-grid, .defectgroups_grid .ui-grid-canvas, body {
        font-size: 8pt !important;
        overflow: hidden !important;
        font-weight:normal;
    }

    .defectgroups_grid .ui-grid-column-menu-button {
        display:none !important;
    }


    .highcharts-button{
        display:none;
    }

    col-md-9, .col-md-3, .panel, .chart .panel-card, .highcharts-container, .p, .m-b-sm{
        padding: 0 !important;
        margin-left:0 !important;
    }

    h5 {
        padding-left: 3mm  !important;
    }

    
    #dftable{
        width:100%;
        font-size:10pt !important;
    }

    .formbox {
        padding: 2mm;
        font-size:9pt;
        border: none;
    }

    #printlegend .highcharts-legend rect{
        fill: white !important;
        stroke: white !important;
    }

}


@media print and (orientation: landscape) {
    @page {
        width: 297mm;
        height: 210mm;
    }

    .defectgroups_grid .ui-grid-contents-wrapper, .defectgroups_grid .ui-grid-render-container, .defectgroups_grid .ui-grid-render-container-body {
        width: 251mm !important;
    }

    .defectgroups_grid .ui-grid-header-cell, .defectgroups_grid .ui-grid-coluiGrid-0004, .defectgroups_grid .ui-grid-coluiGrid-0006, .defectgroups_grid .ui-grid-coluiGrid-0007{
        max-width: 53mm !important;
        min-width: 53mm !important;
    }
    
    .defectgroups_grid .ui-grid-coluiGrid-0005 {
        max-width: 92mm !important;
        min-width: 92mm !important;
    }

    .highcharts-container{
        max-width:257mm !important;
    }
    #widget-grid{
        max-height:210mm;
        max-width:267mm !important;
    }

    #dftable{
        max-height:210mm;
        max-width:297mm !important;
    }

    #dftable table{
        width:265mm;
        margin-left:2mm;
    }

    svg {
        max-width: 250mm !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .highcharts-container {
        padding: 0 !important;
        margin: 0 !important;
    }

    /*.chart1{
        height: 108mm !important;
        width: 257mm !important;
    }

    .chart2{
        height: 50mm !important;
        width: 257mm !important;
    }

    .chart3{
        height: 36mm !important;
        width: 257mm !important;
    }

    .chart4{
        height: 28mm !important;
        width: 257mm !important;
    }*/

     #printlegend{
        position:fixed;
        bottom: 0;
        left: 5mm;
        z-index:15;
    }
}

@media print and (orientation: portrait) {
    @page {
        width: 210mm;
        height: 297mm;
    }

    .defectgroups_grid .ui-grid-contents-wrapper, .defectgroups_grid .ui-grid-render-container, .defectgroups_grid .ui-grid-render-container-body {
        width: 168mm !important;
    }

    .defectgroups_grid .ui-grid-header-cell, .defectgroups_grid .ui-grid-coluiGrid-0004, .defectgroups_grid .ui-grid-coluiGrid-0006, .defectgroups_grid .ui-grid-coluiGrid-0007{
        max-width: 35mm !important;
        min-width: 35mm !important;
    }

    .defectgroups_grid .ui-grid-coluiGrid-0005 {
        max-width: 66mm !important;
        min-width: 66mm !important;
    }
    /*.ui-grid-row {
        max-width:168mm !important;
    }*/

    /*.highcharts-container {
        max-width:170mm !important;
    }*/

    #dftable table{
        width:180mm;
        margin-left:2mm;
    }

    #dftable table thead tr{
        background-color:#ccc;
    }

    #dftable table tbody tr:nth-child(2n +1) {
        background-color:#ccc;
    }
        
    #widget-grid{
        max-height: 297mm !important;
        max-width:180mm !important;
    }

    #dftable{
        max-height:297mm;
    }

    svg {
        max-width: 200mm !important;
        padding: 0 !important;
        margin: 0 !important;
        max-height:65mm !important;
    }

    .highcharts-container {
        padding: 0 !important;
        margin: 0 !important;
    }
    /*.chart1{
        height: 130mm !important;
    }

    .chart2{
        height: 95mm !important;
    }

    .chart3{
        height: 65mm !important;
    }

    .chart4{
        height: 48mm !important;
    }*/
    #printlegend {
        position: relative;
        bottom: 34mm;
        left: 5mm;
        z-index: 15;
    }
}