.wd-thumbnailsgrid .simpleTile{
	background-color: rgba(0,0,0,.03);
	border-radius: 5%;
}
.wd-thumbnailsgrid .simpleTile img,
.wd-thumbnailsgrid .simpleTileOver img,
.wd-thumbnailsgrid .simpleTileSelected img,
.wd-thumbnailsgrid .simpleTileSelectedOver img{
    object-fit: cover;
    text-align: center;
    padding-top:3px;
    object-position: top left;
}
.wd-thumbnailsgrid-cell{
     height:100%;
}
.wd-thumbnailsgrid .simpleTile,
.wd-thumbnailsgrid .simpleTileOver,
.wd-thumbnailsgrid .simpleTileSelected,
.wd-thumbnailsgrid .simpleTileSelectedOver,
.wd-thumbnailsgrid-similar .simpleTile,
.wd-thumbnailsgrid-similar .simpleTileOver,
.wd-thumbnailsgrid-similar .simpleTileSelected,
.wd-thumbnailsgrid-similar .simpleTileSelectedOver{
    padding:0;
    border-radius: 5px;
}

.wd-thumbnailsgrid .simpleTileSelected,
.wd-thumbnailsgrid .simpleTileSelectedOver,
.wd-thumbnailsgrid-similar .simpleTileSelected,
.wd-thumbnailsgrid-similar .simpleTileSelectedOver {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
    background-color: #e8f0fe;
    border: 1px solid;
    border-color: #4285f4;
    box-sizing: border-box;
    transition: opacity 2000ms;
}

.wd-thumbnailsgrid .simpleTileOver,
.wd-thumbnailsgrid-similar .simpleTileOver
{
    border: 1px solid transparent;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
}


.wd-thumbnailsgrid-desc,
.wd-thumbnailsgrid-class{
    color: rgba(0, 0, 0, 0.95);
    border: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9px;
    text-align: center;
    margin-top:3px;
    white-space: nowrap;
}
.wd-thumbnailsgrid-class{
    font-weight:bold;
    margin-top: 8px;
    color: #3399cc;
}

.wd-similarimages .wd-thumbnailsgrid-desc,
.wd-similarimages-filetitle{
    color: rgba(255, 255, 255, 0.95);
}

.wd-similarimages .wd-thumbnailsgrid-class{
    font-weight:bold;
    margin-top: 8px;
    color: #fff;
    /*color: #3399cc; Because of average color this won't work*/    
}

.wd-similarimages .wd-thumbnailsgrid .simpleTileSelected,
.wd-similarimages .wd-thumbnailsgrid .simpleTileSelectedOver {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
    background-color: #0000;
}

.wd-similarimages-filetitle{
    font-size: 12px;
}

.wd-similarimages .wd-similarimages-main img{
    /*object-fit: contain;*/
    max-width: 95%;
    max-height: 95%;
}

.wd-thumbnailsgrid-cell img{
     filter: drop-shadow(0px 0px 3px black);
     border-radius: 5px;
}

.wd-similarimages-main{
	filter: drop-shadow(0px 0px 6px black);
	cursor: pointer;
	border-radius: 5px;
	margin-top: 8px;
}


.wd-similarimages-toolbar .wd-thumbnailsbuttons-toolbar-btn:hover {
    border: solid 1px;
    border-color: whitesmoke;
}

.wd-similarimages-toolbar .wd-thumbnailsbuttons-toolbar-btn:active {
    transform: scale(0.98);
    border: solid 1px;
    border-color: whitesmoke;
}

.wd-similarimages-toolbar .wd-thumbnailsbuttons-toolbar-btn {
    color: white;
    border: none;
}

.wd-similarimages-toolbar .wd-classifiers-btn-picker {
    border-left:none;
    border-radius: 0 5px 5px 0;
    border: 1px solid white;
}

.wd-similarimages-toolbar .wd-classifiers-select-text{
    border-radius: 5px 0px 0px 5px;
    font-size: 12px;
    line-height: 26px;
    color: white;
    text-align: center;
}

.wd-similarimages-toolbar .toolbar-cls-btn {
    font-size: 12px;
    line-height: 26px;
    color: white;
    text-align: center;
    background-color: rgb(255 255 255 / 0%);
}

.wd-similarimages-toolbar .ood {
    background-color: rgb(194 36 2 / 60%);
}

.wd-similarimages-toolbar .training {
	background-color: rgb(3 28 6 / 70%);
}

.wd-similarimages-toolbar .classifier {
    background-color: rgb(32 80 129 / 70%);
}

.wd-similarimages-toolbar .middle {
    border-right: 1px solid rgb(255 255 255 / 50%);
    border-left: 1px solid rgb(255 255 255 / 50%);
}

.wd-similarimages-toolbar .last {
    border-radius: 0px 5px 5px 0px;
}

.wd-similarimages-toolbar .formCell {
    padding: 0;
}

.wd-similarimages-toolbar .classifier-form {
    -webkit-box-shadow: 1px 2px 1px 1px rgb(0 0 0 / 50%);
    -moz-box-shadow: 1px 2px 1px 1px rgb(0 0 0 / 50%);
    box-shadow: 1px 2px 1px 1px rgb(0 0 0 / 50%);
    border-radius: 5px;
}

.wd-classifiers-lst-grid
.wd-classifiers-lst-grid .groupNode,
.wd-classifiers-lst-grid .pickListCellDark,
.wd-classifiers-lst-grid .pickListCell,
.wd-classifiers-lst-grid .pickListCellSelected,
.wd-classifiers-lst-grid .pickListCellSelectedDark{
	color:#1C6EA4 !important;
	background-color:white !important;
	font-size:12px;
}

.wd-similarimages-toolbar .wd-thumbnailsbuttons-toolbar-btn {
color: white;
border: none;
}
.wd-thumbnailsbuttons-btn,
.wd-thumbnailsbuttons-btnSelected{
	border: 1px solid #dfe1e5;
	border-radius: 56px;
	height: 56px;
	vertical-align: middle;
	font-weight: bold;
	text-align:left;
	font-size:16px;
	font-family: Arial, Verdana, sans-serif;
}

.wd-thumbnailsbuttons-btnSelected{
	background-color: #e8f0fe;
	border-color: #d2e3fc;
}

.wd-thumbnailsbuttons-img{
	border: 1px solid #dfe1e5;
	border-radius: 25px;
	display: inline;
	margin: 3px 0 3px 3px;
	object-fit: cover;
	overflow: hidden;
	vertical-align: middle;
}
.wd-thumbnailsbuttons-btn-count,
.wd-thumbnailsbuttons-btn-count-emptyimg{
	position: absolute;
	top: 3px;
	left: 33px;
	font-size: 14px;
	color: white;
	border: 3px solid #205081;
	border-radius: 12px;
	font-weight: 199;
	background: #205081;
	padding: 0 5px 0 5px;
	text-align: center;
}
.wd-thumbnailsbuttons-btn-count-emptyimg{
	left: 10px;
	top: 13px;
	border: 10px solid #205081;
	border-radius: 30px;
}
.wd-thumbnailsbuttons-title{
	padding-right:15px !important;
}
.wd-similarimages-slider,
.wd-similarimages-slider .sliderRange,
.wd-similarimages-slider .sliderValue,
.wd-similarimages-slider .sliderTitle,
.wd-similarimages-slider .sliderValueText {
	font-family: Arial, Verdana, sans-serif;
	color: rgba(255, 255, 255, 0.95);
}

.wd-similarimages-slider .sliderTitle{
	font-size: 11px !important;
  text-align: center;
}

.wd-thumbnailsbuttons-lst-grid .groupNode,
.wd-thumbnailsbuttons-lst-grid .pickListCellDark,
.wd-thumbnailsbuttons-lst-grid .pickListCell,
.wd-thumbnailsbuttons-lst-grid .pickListCellSelected,
.wd-thumbnailsbuttons-lst-grid .pickListCellSelectedDark{
	color:#1C6EA4 !important;
	background-color:white !important;
	font-size:16px;
}

.wd-thumbnailsbuttons-lst-grid,
.wd-thumbnailsbuttons-btn-picker,
.wd-thumbnailsbuttons-btn-text,
.wd-thumbnailsbuttons-btn-textFocused{
	border: 1px solid #ABABAB;
	border-radius: 5px 0 0 5px;
}

.wd-thumbnailsbuttons-btn-text,
.wd-thumbnailsbuttons-btn-textFocused{
	border-right:none;
	line-height: 56px;
	padding-left: 5px;
}

.wd-thumbnailsbuttons-btn-picker{
	border-left:none;
	border-radius: 0 5px 5px 0;
}

.wd-thumbnailsbuttons-column-groupSelected,
.wd-thumbnailsbuttons-column-group{
	background-color:#F0F0F0;
	color:#F0F0F0;
}

.wd-thumbnailsbuttons-lst-grid .listTable
{
	background-color:#F0F0F0;
}

/*Search panel header styles*/
.similaritySlider {
    margin-top:7px;
}

.overlayBtn{
	border: none;
	background-color: none;
}

.overlayLabel{
	color: rgb(32 80 129); 
	font-size: 13px; 
	font-weight: bold;
	top: 10px;
	position: absolute;
}

.probabilityOverlay{
	z-index: 100000; 
	position: absolute; 
	width: 90%; 
	height: 90%; 
	left: 5%; 
	top: 24px;
}

.progressBarContainer{
    height:24px;
    margin-top: 5px;
    border-radius: 5px;
}

.progressBarContainer.classifier {
    border: 1px solid rgb(32 80 129);
    background-color: rgb(32 80 129 / 70%);
}

.progressBarContainer.ood {
	border: 1px solid rgb(194 36 2);
	background-color: rgb(194 36 2/ 70%);
}

.progressBarContainer.training {
    border: 1px solid rgb(3 28 6);
    background-color: rgb(3 28 6 / 70%);
}

.progressBarContainer.empty {
	border: none;
	background-color: rgb(0 0 0 / 0%);
}

.progressBarMarker{
	position: absolute; 
	filter: drop-shadow(0px 4px 3px black); 
	height:24px; 
	background-color: rgb(32 80 129);
}
.progressBarTitle{
	position: absolute; 
	color: #fff; 
	font-weight: bold; 
	left:4px;
}

.wd-similarimages-wait-enabled{
	background-color:white;
	z-index:10000000 !important;
	opacity: 0.3;
	background-image: url("../img/spinner_loading.gif");
	background-repeat: no-repeat;
	background-position: center;
    -webkit-box-shadow: 0px -6px 19px 0px rgba(31,31,31,0.7);
    -moz-box-shadow: 0px -6px 19px 0px rgba(31,31,31,0.7);
    box-shadow: 0px -6px 19px 0px rgba(31,31,31,0.7);
}

/* temporary disabled

.image-uplolad-dialog-dropfile .windowBody{
    border: #205081 dashed 1px;   
    text-align: center;
    
}
.image-uplolad-dialog-dropfile .windowBody .normal {
    display: none;
}
.image-uplolad-dialog-dropfile .windowBody:before {
    font: normal normal normal 110px/1 FontAwesome !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f093";
    opacity: 0.3;
}*/




.wd-thumbnailsgrid .simpleTileOver,
.wd-thumbnailsgrid .simpleTileSelectedOver{
	transition: all 0.3s;
	transform-origin: top left;
    transform: scale(1.5);
    z-index: 99999999!important;
    background-color:white;
}

.wd-thumbnailsgrid .simpleTileOver img,
.wd-thumbnailsgrid .simpleTileSelectedOver img{
	transition: all 0.3s;
    transform: scale(1.5);
    object-position: center;
    overflow:auto !important;    
    object-fit:scale-down !important;
	width:120px !important;
	height:210px !important;
	padding-left:25px !important;
	padding-top:20px;
}

.wd-thumbnailsgrid .simpleTileOver .wd-thumbnailsgrid-desc,
.wd-thumbnailsgrid .simpleTileSelectedOver .wd-thumbnailsgrid-desc,
.wd-thumbnailsgrid .simpleTileOver .wd-thumbnailsgrid-class,
.wd-thumbnailsgrid .simpleTileSelectedOver .wd-thumbnailsgrid-class{
    visibility:hidden;
}

/* hack for mouse over copied from base style*/
.hSliderTrackOver {
  background: #f5f5f5;
  border: 1px solid #d4d4d4;
}

.hSliderThumbOver {
  background: #e0e0e0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmMmYyZjIiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(35%, #f2f2f2), color-stop(45%, #f2f2f2), color-stop(60%, #bfbfbf), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #f2f2f2 35%, #f2f2f2 45%, #bfbfbf 60%, #ededed 100%);
  -webkit-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  -moz-box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  box-shadow: #f7f7f7 -1px 0 1px inset, #f7f7f7 1px 0 1px inset, #f7f7f7 0 -1px 1px inset, #f7f7f7 0 1px 1px inset;
  border: 1px solid #9c9c9c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}