.AiToolsPanel
{
  width:100%;
  height:100%;
  max-height: 100%;
  display: table;
  overflow: hidden;
}

.AiToolsPanel img
{
  cursor:pointer;
  object-fit: cover;
}

.AiPhotoEntry img
{
  cursor:pointer;
  object-fit: cover;
  width: 8em;
  height: 8em;
  margin-bottom: -2px;
}

.AiPhotoAlbumEntry img
{
  cursor:pointer;
  object-fit: cover;
  width: 7.5em;
  height: 6em;
}

.AiToolsGrid
{
  background-color:#505050;
  overflow: hidden;
}



.AiToolsGridArtImg
{
  width:1.2em;
  height:1.2em;
  margin-left:4px;
}

.AiToolsGridSmallImg, .AiDeleteImg
{
   width:1em;
   height:1em;

}

.AiToolsActionImg
{
  width:1.4em;
  height:1.4em;

}

.AiDeleteImg, .AiToolsActionImg
{
  cursor:pointer;

}

.AiGridFloatRight
{
  float:right;
  margin-right:.4em;


}
.AiToolsGridRowBorder
 {
   border-bottom: 1px solid white;
 }

 .AiToolsGridRow
 {
   line-height:2.2em;
   font-size:112%;
 }

 .AiToolsGridName
 {
   color:lightgray;
   line-height: 2.5em;
 }

.AiToolsGroupName
{
  color:lightgray;
  margin-left:14px;
  cursor:pointer;

}

.AiToolsColumn, .AiToolsItemsColumn
{
  display:inline-block;
  vertical-align:top;
  margin-top:5px;
}


.AiToolsItemsColumn, .AiToolsColumn
{
  height:94%;
  overflow: hidden;
}

.AiItemsIcon
{
  height:2em;
  margin-right:4px;
  margin-top:.4em;
}


.AiAddIcon
{
  height: 2.5em;
  width: 2.5em;
}

.AiToolsListHeader
{
  width:100%;
  height:3em;
  line-height:3em;
  background-color:black;
  position: relative;
}

.AiToolsGridBody
{
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  border: 4px solid transparent;
  box-sizing:border-box;
}

.AiToolsListHeader span
{
  color:white;
  text-align:center;
  text-transform:uppercase;
  font-size:160%;
  vertical-align:top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
}

#toolsListTitle
{
  width:70%;
  left: 15%;
}

#toolsListItemsTitle
{
  width:100%;
}

#closeColToolsMgr
{
  width:4%;
  text-align: center;
  display: table-cell;
}

#closeColToolsMgr img
{
  width:1.7em;
  height:1.7em;
  cursor:pointer;
  margin-top: 1em;
}

#toolsClose
{
  margin-top: 1em;
}

#toolsList
{
  width:36%;
  background-color:#505050;

}

#toolsListItems
{
  width: 57%;
  background-color: #505050;
  margin-left: 2%;
  position: relative;
}


.AiAddToList
{
  width:2.5em;
  height:2.5em;
  margin: .3em 0 0 .3em;
  display:inline-block;
}

.AiToolsOrderIndex
{
  margin-left:1px;
  color:#5c9ec8;
}


.AiPhotoAlbumEntry
 {
  width:8em;
  height:9.5em;
  position:relative;
  border: 2px solid #505050;
  text-align: center;
  box-sizing: border-box;
 }

.AiPhotoEntry
 {
   width:8em;
   height:8em;
   background-color:#404040;
   position:relative;
   margin: 0;
   display: table-cell;
 }


.AiPhotoGridTileRow
{
  white-space: nowrap;
  margin: 0 1.4em;
  display: block;
}


.AiPhotoSelected > #img_
{
  border:2px solid #5c9ec8;
  box-sizing: border-box;
}


.AiPhotoAlbumSelected
{
  border:2px solid #5c9ec8;
  box-sizing: border-box;
}

.AiPhotoAlbumEntry:hover .AiPhotoDelete
{
 display:block;
}


.AiPhotoEntry:hover .AiPhotoDelete
 {
  display:block;

 }

.AiPhotoEntry:hover .AiPhotoItemDelete
 {
  display:block;

 }


.AiNoToolsNoVisbile
{
  visibility: hidden;
}

.AiToolsGridRow:hover .AiNoToolsNoVisbile
{
  visibility: visible;

}

.AiGridDelete
{
  visibility: hidden;

}

.AiPhotoTitle
{
  display:block;
  width:100%;
  height:1em;
  color:lightgray;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  padding: 3px 0;
}

.AiPhotoAlbumImg
{
  width:100%;
  height:8em;
  object-fit: cover;
}

.AiPhotoAlbumImg
{
  width:100%;
  height:8em;
}

.AiPhotoDelete
{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: -5px;
  right: 0;
  display: none;
  cursor: pointer;
}


.AiPhotoItemDelete
{
  position:absolute;
  width:1.5em;
  height:1.5em;
  top:1px;
  left:1px;
  display:none;
  cursor:pointer;
  z-index: 999;
}


.AiPhotoDelete img
{
  width:2em;
  height:2em;
}

.AiPhotoItemDelete img
{
  width:1.5em;
  height:1.5em;
}

#toolsListItemsEdit
{
  margin-left:-5px;

}

#toolsListItemsStats
{
  color:lightgray;
  display:inline-block;
  text-align:center;
  width:100%;
  line-height: 2em;
}

#toolsListAddOverlay
{
  display:none;
  width:90%;
}

#toolsListItemsFooter
{
  height: 2em;
  width: 100%;
  background-color: black;
  position: absolute;
  bottom: 0;
}


@media screen and (max-device-width:1630px), screen and (max-width:1630px)
{

}


@media screen and (max-device-width:1440px), screen and (max-width:1440px)
{


}

@media screen and (max-device-width:1280px), screen and (max-width:1280px)
{

}


#toolsListItemsTitleContainer
{
  width: 100%;
  height: 3em;
  position: absolute;
}

#toolsListItemsImageContainer
{
  width: 15%;
  text-align: right;
  height: 3em;
  position: absolute;
  right: 0;
}