@charset "UTF-8";
/* CSS Document */
                
    div.testbox {
        
        
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%);
    background: darkcyan;
        
    } 
    

    div#camControl > label.hue, 
    div#camControl > input.cam_hue,
    div#camControl > label.white_balance_temperature_auto, 
    div#camControl > input.cam_white_balance_temperature_auto,
    div#camControl > label.gamma, 
    div#camControl > input.cam_gamma,
    div#camControl > label.gain, 
    div#camControl > input.cam_gain,
    div#camControl > label.power_line_frequency, 
    div#camControl > input.cam_power_line_frequency { display:none !important  }


        
    div.testbox > label.specialInfo {
        
    display: inline-flex;
    box-sizing: border-box;
    font-size: 1rem;
    padding: 12px 8px 2px 8px;
    border: 0px;
    border-radius: 0px;
    margin-top: 0px;
    min-width: 100%;
    text-align: center;
    line-height: 1;
    color: white;
    font-size: 0.85rem;
    justify-content: center;
    background-color: #222;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
        
    }
        
    div.testbox > div > label.special {
        
    display: inline-flex;
    box-sizing: border-box;
    font-size: 0.75rem;
    padding: 2px 0px 2px 2px;
    border: 0px;
    justify-items: flex-start;
    border-radius: 0px;
    margin-top: 0px;
    text-align: left;
    line-height: 1;
    color: #eee;
    justify-content: flex-start;
    background-color: #222;
    border-radius: 0px;
    max-width: calc(100% - 30px) !important;
    min-width: 71%;
    }
     
    div.testbox > img {
        
        margin-top: 12px;
        border-radius: 3px;
        min-height: 66.35px;
        display: inline-flex;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        background-color: black;
        height:auto;
        position: relative;
        
    }
        
    div.testbox > input.valueAdjust,    
    div.testbox > div > input.valueAdjust,    
    div.testbox > input#targetpred,    
    div.testbox > select.development {
        
    display: inline-flex;
    box-sizing: border-box;
    line-height: 1.4;
    font-size: 1rem;
    justify-items: center;
    text-align: center;
    background-color: #222;
    color: chartreuse;
    border: none;
    margin: 0px 0px;
    border-radius: 1px;
    padding-left: 19px;
    padding-top: 5px;
    padding-bottom: 4px;
        
    }
        
    div.testbox > div > input.valueAdjust.right {
         max-width: 80px;
    padding: 2px 2px;
    min-width: 58px;
    }
        
        
        
        
        
        div.optdev { 
        
    display: inline-flex;
    min-width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 4px 1px 12px 1px;
    background-color: #222;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
            
            
        
        }
        button.development { 
            
    float: right;
    margin: 4px;
    font-weight: bold;
    min-width: 32px;
    text-align: center;
    cursor: pointer !important;
    font-size: 0.8rem;
    font-weight: bold;
    color: white;
    background-color: cornflowerblue;
    border: none;
    padding: 5px 7px;
    border-radius: 5px;
        
        }    
        
        div.imagePreview.zoom0 { transform: scale(1.00); }
        div.imagePreview.zoom1 { transform: scale(1.25); }
        div.imagePreview.zoom2 { transform: scale(1.50); }
        div.imagePreview.zoom3 { transform: scale(1.75); }
        div.imagePreview.zoom4 { transform: scale(2.00); }
        div.imagePreview.zoom5 { transform: scale(2.25); }
        div.imagePreview.zoom6 { transform: scale(2.50); }
        
        div.onlyAdmin, div.onlyAdmin > div.sampleIDs, div.sampleIDs { display:none !important }
        
        div.camDialog > div.camAction.streaming { transform: scale(1.25) !important; }
        
        div.propvis { 
        
    display: inline-flex;
    flex-direction: column;
    min-width: 100%;
    box-sizing: border-box;
    background: #222;
    padding: 3px 8px;
        
        
        }
       div.propvis > span.prop {
    display: inline-flex;
    position: relative;
    float: left;
    min-width: 100%;
    background: white;
    color: #222;
    font-size: 10px;
    box-sizing: border-box;
    text-align: left;
    margin: 1px 0px 1px 0px;
    padding: 0px 28px 0px 28px;
    font-weight: 600;
    border-radius: 2px;
    overflow: hidden;
    align-self: flex-start;
    justify-self: flex-start;
    justify-content: center;
    line-height: 1.5;
    align-items: center;
    align-content: center;
    min-height: 16px;
}
        
        
      div.propvis >  span.prop i {
          
              display: inline-flex;
    position: absolute;
    top: 0px;
    min-width: 2px;
    background: green;
    color: #222;
    height: 16px;
    left: 0px;
    box-sizing: border-box;
    opacity: 0.75;
    border-radius: 0px;
    max-width: 100% !important;
    color: black;
    text-align: left;
    font-size: 10px;
          
}      
        
div.propvis >  span.prop i#surroundings {
          
    background: gray;
          
} 
      
        div.processingStack {
            
        display: inline-flex;
        max-width: 210px;
        min-width: 210px;
        overflow: hidden;
        position: fixed;
        top: 520px;
        right: 7px;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 10px;
        background-color: rgba(0,0,0,0.5);
        flex-direction: column;
        padding-top: 40px;
        z-index: 2;
            
            
        }
        
        div.processingStack > span {
         
                display: inline-flex;
    flex-direction: column;
    max-width: 100%;
    font-size: 0.8rem;
    box-sizing: border-box;
    position: relative;
    padding: 0px 0px 12px 0px;
            
            
            
        }
        
        
        div.adjust {
            
                display: inline-flex;
                min-width: 100%;
                position: relative;
                background-color: #222;
                align-content: center;
                justify-content: space-between;
                align-items: baseline;
            
            
        }
        
        







        div.adjust.master,
        div.adjust.ocrbrightness,
        div.adjust.brightness,
        div.adjust.postprocess,
        div.adjust.crop,
        div.adjust.capture { 
                padding-left: 26px;
    box-sizing: border-box;
    background-size: 20px;
    border-bottom: 1px solid #777;
    background-position: 3px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='lime' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='m388-80-20-126q-19-7-40-19t-37-25l-118 54-93-164 108-79q-2-9-2.5-20.5T185-480q0-9 .5-20.5T188-521L80-600l93-164 118 54q16-13 37-25t40-18l20-127h184l20 126q19 7 40.5 18.5T669-710l118-54 93 164-108 77q2 10 2.5 21.5t.5 21.5q0 10-.5 21t-2.5 21l108 78-93 164-118-54q-16 13-36.5 25.5T592-206L572-80H388Zm92-270q54 0 92-38t38-92q0-54-38-92t-92-38q-54 0-92 38t-38 92q0 54 38 92t92 38Zm0-60q-29 0-49.5-20.5T410-480q0-29 20.5-49.5T480-550q29 0 49.5 20.5T550-480q0 29-20.5 49.5T480-410Zm0-70Zm-44 340h88l14-112q33-8 62.5-25t53.5-41l106 46 40-72-94-69q4-17 6.5-33.5T715-480q0-17-2-33.5t-7-33.5l94-69-40-72-106 46q-23-26-52-43.5T538-708l-14-112h-88l-14 112q-34 7-63.5 24T306-642l-106-46-40 72 94 69q-4 17-6.5 33.5T245-480q0 17 2.5 33.5T254-413l-94 69 40 72 106-46q24 24 53.5 41t62.5 25l14 112Z'/%3E%3C/svg%3E");
}
        


        div.adjust.ocrbrightness { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='yellow' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M479.765-340Q538-340 579-380.765q41-40.764 41-99Q620-538 579.235-579q-40.764-41-99-41Q422-620 381-579.235q-41 40.764-41 99Q340-422 380.765-381q40.764 41 99 41Zm.235 60q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM70-450q-12.75 0-21.375-8.675Q40-467.351 40-480.175 40-493 48.625-501.5T70-510h100q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T170-450H70Zm720 0q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T790-510h100q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T890-450H790ZM479.825-760Q467-760 458.5-768.625T450-790v-100q0-12.75 8.675-21.375 8.676-8.625 21.5-8.625 12.825 0 21.325 8.625T510-890v100q0 12.75-8.675 21.375-8.676 8.625-21.5 8.625Zm0 720Q467-40 458.5-48.625T450-70v-100q0-12.75 8.675-21.375 8.676-8.625 21.5-8.625 12.825 0 21.325 8.625T510-170v100q0 12.75-8.675 21.375Q492.649-40 479.825-40ZM240-678l-57-56q-9-9-8.629-21.603.37-12.604 8.526-21.5 8.896-8.897 21.5-8.897Q217-786 226-777l56 57q8 9 8 21t-8 20.5q-8 8.5-20.5 8.5t-21.5-8Zm494 495-56-57q-8-9-8-21.375T678.5-282q8.5-9 20.5-9t21 9l57 56q9 9 8.629 21.603-.37 12.604-8.526 21.5-8.896 8.897-21.5 8.897Q743-174 734-183Zm-56-495q-9-9-9-21t9-21l56-57q9-9 21.603-8.629 12.604.37 21.5 8.526 8.897 8.896 8.897 21.5Q786-743 777-734l-57 56q-8 8-20.364 8-12.363 0-21.636-8ZM182.897-182.897q-8.897-8.896-8.897-21.5Q174-217 183-226l57-56q8.8-9 20.9-9 12.1 0 20.709 9Q291-273 291-261t-9 21l-56 57q-9 9-21.603 8.629-12.604-.37-21.5-8.526ZM480-480Z'/%3E%3C/svg%3E");   }


        div.adjust.brightness    { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M310-305h55l37-109h159l38 109h53L505-697h-48L310-305Zm107-157 61.286-163H483l62 163H417Zm64 433L346-160H160v-186L26-480l134-134v-186h186l135-134 133 134h186v186l134 134-134 134v186H614L481-29Zm0-452Zm0 368 107.917-107H740v-151l109-109-109-109v-151H589L481-849 371-740H220v151L111-480l109 109v151h150l111 107Z'/%3E%3C/svg%3E"); }
        div.adjust.postprocess   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='cornflowerblue' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M437-438v-86h85v86h-85Zm-86 86v-86h86v86h-86Zm171 0v-86h86v86h-86Zm86-86v-86h86v86h-86Zm-342 0v-86h85v86h-85Zm-86 318q-24.75 0-42.375-17.625T120-180v-600q0-24.75 17.625-42.375T180-840h600q24.75 0 42.375 17.625T840-780v600q0 24.75-17.625 42.375T780-120H180Zm86-60h85v-86h-85v86Zm171 0h85v-86h-85v86Zm343 0v-86 86Zm-600-86h85.6v-86h85.6v86h85.6v-86h85.6v86H608v-86h86v86h86v-86h-86v-86h86v-342H180v342.4h85.714v85.6H180v86Zm0 86v-600 600Zm600-258v86-86ZM608-266v86h86v-86h-86Z'/%3E%3C/svg%3E");  }
        div.adjust.crop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='red' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M180-120q-24 0-42-18t-18-42v-172h60v172h172v60H180Zm428 0v-60h172v-172h60v172q0 24-18 42t-42 18H608ZM120-608v-172q0-24 18-42t42-18h172v60H180v172h-60Zm660 0v-172H608v-60h172q24 0 42 18t18 42v172h-60Z'/%3E%3C/svg%3E"); }
        div.adjust.capture { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' fill='lightgreen' width='48'%3E%3Cpath d='M773-654v-86h-86v-60h86v-87h60v87h87v60h-87v86h-60ZM94-80q-24 0-42-18t-18-42v-513q0-23 18-41.5T94-713h147l73-87h280v60H342l-73 87H94v513h680v-420h60v420q0 24-18.5 42T774-80H94Zm339.5-146q72.5 0 121.5-49t49-121.5q0-72.5-49-121T433.5-566q-72.5 0-121 48.5t-48.5 121q0 72.5 48.5 121.5t121 49Zm0-60q-47.5 0-78.5-31.5t-31-79q0-47.5 31-78.5t78.5-31q47.5 0 79 31t31.5 78.5q0 47.5-31.5 79t-79 31.5Zm.5-110Z'/%3E%3C/svg%3E"); }
        









        div#imagePopUp {
            
            display:none;
            
            
        }
        div#imagePopUp.open {
                display: flex;
    position: fixed;
    max-width: calc(100vw - 500px);
    max-height: 50vh;
    top: 34vh;
    left: 270px;
    margin-left: auto;
    background: white;
    z-index: 9999999;
    box-shadow: 0px 0px 20px 0px;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 60px 12px 24px 12px;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
            
        }
        div#imagePopUp > img {
            
    display: inline-flex;
    box-sizing: border-box;
    min-width: 10%;
    margin-top: 7px;
    min-height: 0px;
    max-height: calc(80vh - 111px);
    max-width: 100%;
    background-color: #222;
            
            
        }
        div#imagePopUp > a,
        div#imagePopUp > button {
            
            display: inline-flex;
            box-sizing: border-box;
            max-width: 40px;
            min-width: 40px;
            min-height: 40px;
            box-sizing: border-box;
            justify-self: flex-end;
            background-size: 36px;
            background-position: center;
            background-repeat: no-repeat;
            margin:0px;
            border:0px;
            box-sizing:border-box;
            border-radius:7px;
            cursor: pointer;
            background-color:gainsboro;
            position: absolute;
            
            top:12px;
            
            
            
        }
        
        div#imagePopUp > button.close {
            
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='red' width='48'%3E%3Cpath d='m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z'/%3E%3C/svg%3E");
          right:12px;    
            
        }
        
        div#imagePopUp > a.download { display:none;  }
        
        div#imagePopUp > a.download.visible {
            display: inline-flex;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='cornflowerblue' width='48'%3E%3Cpath d='M42 13.85V39q0 1.2-.9 2.1-.9.9-2.1.9H9q-1.2 0-2.1-.9Q6 40.2 6 39V9q0-1.2.9-2.1Q7.8 6 9 6h25.15Zm-3 1.35L32.8 9H9v30h30ZM24 35.75q2.15 0 3.675-1.525T29.2 30.55q0-2.15-1.525-3.675T24 25.35q-2.15 0-3.675 1.525T18.8 30.55q0 2.15 1.525 3.675T24 35.75ZM11.65 18.8h17.9v-7.15h-17.9ZM9 15.2V39 9Z'/%3E%3C/svg%3E");
            right:60px;
        }
        
        
        div#camControl {
            
    display: flex;
    position: fixed;
    top: 70px;
    right: 12px;
    z-index: 10001;
    background: beige;
    box-sizing: border-box;
    min-width: 200px;
    max-width: 200px;
    min-height: 400px;
    flex-direction: column;
    padding: 13px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px;
    font-size: 0.7rem;
            
            
        }
    
        div#camControl > label {
            
    display: inline-flex;
    flex-direction: column;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0px;
    font-weight: 700;
            
        }
        div#camControl > label > small {
            
    font-weight: 200;
    font-size: 10px;
    line-height: 1;
            
        }
        div#camControl > input {
            
                display: inline-flex;
    min-width: 100%;
    box-sizing: border-box;
    padding: 3px;
    text-align: center;
    font-weight: 700;
            
            -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
            
            
            
            
        }
    
    
        
        button.autoCorrect { 
        
            display: inline-flex;
            position: relative;
            min-width: 95%;
            margin-left: 2%;
            margin-top: 12px;
            background-color: red;
            color: white;
            border: 0px;
            box-sizing: border-box;
            padding: 8px 5px 8px 20px;
            font-size: 1rem;
            justify-content: center;
            border-radius: 5px;
            font-weight: 700;
            cursor: pointer !important;
            background-size: 24px; background-repeat: no-repeat;
            background-position: 12px center;
        
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' width='48'%3E%3Cpath d='M24.05 46.55 17.3 40H8v-9.3L1.3 24 8 17.3V8h9.3l6.75-6.7L30.7 8H40v9.3l6.7 6.7-6.7 6.7V40h-9.3Zm0-22.6Zm0 18.4 5.4-5.35H37v-7.55L42.45 24 37 18.55V11h-7.55l-5.4-5.45-5.5 5.45H11v7.55L5.55 24 11 29.45V37h7.5Z'/%3E%3C/svg%3E");
        
        }
        
        button.autoCorrect.active { 
        
    background-color: green;
        
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' width='48'%3E%3Cpath d='M15.5 32.75h2.75l1.85-5.45h7.95l1.9 5.45h2.65l-7.35-19.6h-2.4Zm5.35-7.85 3.05-8.15h.25l3.1 8.15Zm3.2 21.65L17.3 40H8v-9.3L1.3 24 8 17.3V8h9.3l6.75-6.7L30.7 8H40v9.3l6.7 6.7-6.7 6.7V40h-9.3Zm0-22.6Zm0 18.4 5.4-5.35H37v-7.55L42.45 24 37 18.55V11h-7.55l-5.4-5.45-5.5 5.45H11v7.55L5.55 24 11 29.45V37h7.5Z'/%3E%3C/svg%3E");
            
            
            
            
        
        }
        
        button.autoCorrect.force { 
        
        background-color: crimson;
        
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' fill='white' width='48'%3E%3Cpath d='M4 10.75V2h8.75v3H7v5.75Zm37 0V5h-5.75V2H44v8.75ZM4 46v-8.75h3V43h5.75v3Zm31.25 0v-3H41v-5.75h3V46ZM13 37h22V11H13Zm0 3q-1.2 0-2.1-.9-.9-.9-.9-2.1V11q0-1.2.9-2.1.9-.9 2.1-.9h22q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm5.5-20.5h11v-3h-11Zm0 6h11v-3h-11Zm0 6h11v-3h-11ZM13 37V11v26Z'/%3E%3C/svg%3E");
            
            
        
        }