body {
    margin: 20px;
    background: url(data:image/gif;base64,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);
}
canvas {background-color: transparent;}
#dropZone {
    border: 2px dashed #333;
    -webkit-border-radius: 15px;
    border-radius: 5px;
    padding: 40px;
    text-align: center;
    font-family: Helvetica, Arial;
    font-weight: bold;
    font-size: 32px;
    color: #333;
    margin: 0 0 20px 0;
}
#result {
    display: block;
    border: 0;
    background-color: #333;
    font-family: Consolas, courier;
    color: #fff;
    min-height: 400px;
    font-size: 9px;
    line-height: 9px;
    resize:none;
    border: 0;
    outline: 0;
    padding: 10px;
    box-shadow: inset 0 0 10px 1px black;
}
#currentThreshold {text-align: center;}

.images {margin-right: 50px;}
    .images .item {margin-top: 25px}
    .images .item:first-child {margin-top: 0px}
    .images .item p {margin: 5px 0;}
    .images .item:first-child p {margin-top: 0px}
        .images .item.range {color: white}
        .images .item p{color: white}



.flb-box {display: -webkit-box;}
    .flb-p1 {-webkit-box-flex:1;}


/*******************************
          Scroll bar
*******************************/
*::-webkit-scrollbar{
    width: 8px;
    background: -webkit-linear-gradient(left,rgba(202, 202, 202, 0.07) 0%,rgba(229, 229, 229, 0.07) 100%);
    background-color: #E5E5E5;
}
*::-webkit-scrollbar:horizontal {
    height: 10px;
}
*::-webkit-scrollbar,*::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 4px;
    border: solid 1px #A6A6A6;
}
*::-webkit-scrollbar-thumb {
    background: -webkit-linear-gradient(left,rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05), inset 2px 2px 0px rgba(255, 255, 255, .5);
    background-color: #E9E9E9;
}
*::-webkit-scrollbar-button {
    height: 0;
    display: block;
    background-color: transparent;
}
/****  dark theme  ****/
*::-webkit-scrollbar,:-webkit-scrollbar {
    background: #202226;
}
*::-webkit-scrollbar,*::-webkit-scrollbar-thumb {
    border: solid 1px rgba(0,0,0,0.6);
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.65);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .05);
}
*::-webkit-scrollbar-corner{
  background: transparent;
}

/**
 *  buttons
 **/
.ui.button {padding: .4em .6em;text-decoration: none;color: inherit;vertical-align: top;display: inline-block;
    line-height: 1em;}
select.ui.button {color: #333}
/*Pure*/
.ui.pure.button, .ui.pure.buttons .button {font-weight: lighter;border-color: #b0b8bf;border-radius: 0;
  -webkit-box-shadow: none;border: 1px solid #b0b8bf;box-sizing:border-box;border-radius: 5px;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fdfdfe),color-stop(100%,#d3dfe7))}
.ui.pure.buttons .button {
  border-left: 0;border-radius: 0;
}
/*size*/
.ui.pure.middle.button, .ui.pure.middle.buttons .button {padding: .6em;}

.ui.pure.button:first-child, .ui.pure.buttons .button:first-child { border-left: 1px solid #b0b8bf;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;}
.ui.pure.button:last-child, .ui.pure.button:last-child, .ui.pure.buttons .button:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;}
.ui.pure.button:hover, .ui.pure.buttons .button:hover {
  text-shadow: none;border-color: #5298fc;
  background: linear-gradient(#60b0fc,#4786fb);
  /*color: white;*/
}


/*******************************
          dark theme
*******************************/
.dark .ui.pure.button, .dark .ui.pure.buttons .button {font-weight: lighter;border-radius: 0;
  -webkit-box-shadow: none; /*rgba(255,255,255,0.15) 0 1px 0 0 inset*/border: 1px solid black;box-sizing:border-box;border-radius: 5px;
  background-image: -webkit-linear-gradient(top,#3f424b 0,#1c1e22 100%);}
.dark .ui.pure.buttons .button {
  border-left: 0;border-radius: 0;
}
.dark .ui.pure.button:first-child, .dark .ui.pure.buttons .button:first-child { border-left: 1px solid black;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;}
.dark .ui.pure.button:last-child, .dark .ui.pure.button:last-child, .dark .ui.pure.buttons .button:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;}
.dark .ui.pure.button:hover, .dark .ui.pure.buttons .button:hover {
  text-shadow: none;border-color: black;
  background: linear-gradient(#60b0fc,#4786fb);
  /*color: white;*/
}