.AiFilesModalTabSelected
{
  color:black;
  border:2px solid black;

}

.AiFilesModalTab.Full
{
  width:99.9%;
}

.AiFilesModalGrid
{
  background-color:white;

}

#fmTabbar
{
  display:inline-block;
  width: 100%;
  margin: 1em auto;
  text-align: center;
}

.AiFilesModalTab
 {
  display: inline-block;
  width: 50%;
  height: 2.2em;
  border-top: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  text-align: center;
  line-height: 2.2em;
  color: lightgrey;
  cursor: pointer;
  font-size: 160%;
  box-sizing: border-box;
 }

.AiFilesModalTab:first-child
 {
   border-left:1px solid white;
}

 .AiFilesModalTab.AiSelected
 {
   border:1px solid black;
   margin: 0;
   color: black;
 }


#filesModal
{
  width: 47em;
  height: 39em;
}

#filesModalFileNameWrap
{
  display: table;
  position: relative;
  width: 100%;
  height: 3em;
}

.filesModalFileNameCol
{
  display: table-cell;
  width: 41%;
}


.AiChooseFile
{
  color:white;
  font-size:140%;
  vertical-align: middle;
}

.AiChooseFile.prompt
{
  display: table-cell;
  width:18%;
  text-align: center;
}

.AiChooseFile.data
{
  width: 13em;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 2.1em;
}

.FilesModalPopup
{
  background-color: rgba(0,0,0,0.8);
}

#fmContent
{
  background-color: #666;
  border: 2px solid #5c9ec8;
  width: 45em;
  height: 35em;
  position: relative;
  box-sizing: border-box;
  padding: 0.5em;
  margin: 0 auto;
}

#fmUploadContent
{
  width: 16em;
  height: 16em;
  border: .2em solid black;
  border-radius: .2em;
  position: relative;
  margin: 3em auto 0;
  text-align: center;
}

#medLibContent
{
  position: relative;
  top: 4em;
  height: 20em;
}

#medLibFileChoose
{
  position: relative;
  height: 24em;
}


.FileModalAiGridImg
{
  height:1.7em;
  width:1.7em;
  object-fit: cover;
}

.FileModalAssetHdrImg
{
  width: 1.5em;
  height:1.5em;
  vertical-align: middle;
  cursor: pointer;
}


.FileModalAssetGridColHdr
{
  width:100%;
  height:2em;
  line-height: 2em;
  font-weight: bold;
  text-align:left;
  vertical-align: middle;
  display:inline-block;
  white-space:nowrap;
  padding-left: 2px;

}



.FileModalAssetGridHdr
{
  width:100%;
  height:2em;
  line-height: 2em;
  background-color: #999999;
}


.FileModalAssetGridCol
{
  text-align:left;
  height:2em;
  line-height:2em;
  padding-left: 2px;
  vertical-align:top;
  overflow:hidden;
  text-overflow: ellipsis;
}

.FileModalAssetGridCol span
{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.FileModalAssetGridRow
{
  height:2em;

}


#uploadedImage
{

  width: 16em;
  height: 16em;
  border-radius: .4em;
  object-fit: cover;
}

#fmSearchBar
{
  width:100%;
  background-color:white;

}

#fmSearch
{
  width:100%;
  display:inline-block;

}

#fmSearchImg
{
  width:1.8em;
  height:1.8em;
  margin-top:5px;
  margin-left:3px;

}

#fmTabs
{
  width:100%;
  height:16%;
  margin-bottom:7px;
}

#fmSearchDiv
{
  background-color:black;
  display:inline-block;
  vertical-align:top;
  height:2.5em;
  width:2.3em;
}

#fmButtonBar
{
  text-align: center;
  position: absolute;
  bottom: 0.7em;
  width: 40%;
  left: 30%;
  display: table;
  margin: 0 auto;
  border-collapse: collapse;
}

.AiFmButton
{
  color: #5c9ec8;
  border: 0.15em solid #5c9ec8;
  border-radius: 0.2em;
  padding: 0.5em 0;
  display: table-cell;
  width: 6em;
  text-align: center;
  background: black;
  cursor: pointer;
  font-size: 150%;
  text-transform: uppercase;
}



.AiBrowseButton
{
  background-color: black;
  color: #5c9ec8;
  width: 11em;
  height: 3em;
  line-height: 3em;
  display: block;
  cursor: pointer;
  text-align: center;
  font-size: 200%;
}

#i18n_mpBrowseFilesModal
{
  position: relative;
  top: 1em;
  margin: 0 auto;
}

#filesModal2
{
  position:relative;
  left:-29em;
}
.filesModal2
{
  position:relative;
  left:-29em;
}