/*
 *
 * ============================================================================================
 *
 *                                A r m o r e d  I n f o   W e b
 *
 *                                     Copyright(c) 2012 By
 *
 *                                       Armored Info LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 *  ============================================================================================
 * /
 */



.AiMediaHubContainer
{
  margin: 2em auto;
  width: 81.8em;
  height:800px;
  font-size:90%;
  position:relative;
}

#aiMediaHubWrap
{
  background: white;
  padding: 0.4em;
  border-radius: 0.2em;
  border: 1px solid black;
  box-sizing: border-box;
}

#mediaHdr
{
  width: 100%;
  height:11.5em;
  border: 1px solid black;
  margin: 0 auto;
  box-sizing: border-box;
  background: linear-gradient( #444, black 30% );
  font-family: "Arial";
}

#mediaHdr a
{
  cursor:pointer;
}

#mediaHdrContentContainer
{
  width: 43.5em;
  display:inline-block;
  float:left;
}

#mediaHdrContent
{
  width: 100%;
  overflow: hidden;
}


.MediaLibTitle
{
  width: 100%;
  height: 1.6em;
  color: white;
  font-size: 200%;
  line-height: 1.6em;
  text-align: center;
  text-transform: uppercase;
  font-family: "arial black";
  letter-spacing: 0.1em;
}

.AiButton
{
  height:3.2em;
  width:100%;
  line-height:3em;
  display:inline-block;
  background: linear-gradient( #444, black );
  text-align:center;
 }

.Red
{
  color:red;
}

.White
{
  color:white;
}
.Section
{
  width: 6em;
  float:left;
}


.HdrActions
{
  background-color:black;
  color:lightgray;
  height:5em;
  width:100%;
  text-align:center;
}

.HorzSeparator
{
  background: #404040;
  width:100%;
  height:2px;
}

.HorzSeparatorUnderProjectTitle
{
    position: relative;
    height: 2px;
}

.VertSeparator
{
  background: #404040;
  width:2px;
  height:100%;
  float:left;
}

.AiMediaHdrIconProject
{
  width:2em;
  height:2em;
  margin-top:.3em;

}

.AiUploadIconProject
{
  width:1.8em;
  height:1.8em;
}


.AiAssetSortIcon
{
  width:4em;
  height:4em;
  position: relative;
  top: 0.3em;
}

.AiUploadIconMediaLib
{
  width:1.8em;
  height:2.8em;
  margin-top:1em;
}

.AiIconBox
{
  height: 6em;
  cursor:pointer;
}


#projInfoSect > .HdrActions > .HdrActions
{
  height: 3.8em;
}


#fileChooser
{
  width:40em;
  display:inline-block;
}

#filterSearchBar
{
  border: 2px solid #5c9ec8;
  width: 100%;
  box-sizing: border-box;
}

#addFromMediaLib a
{
  margin-top:.5em;
}


#addFromMediaLib img
{
  width: 3em;
  height: 2.3em;
  margin-top: .3em;
}

#toolsHdr
{
  margin-top:2.1em;
}

#showProjectNotes
{
  margin-top:.5em;
}


#showProjectNotes img
{
  width: 2em;
  height: 2em;
  margin-top: 0.9em;
}


#projShowGalleryView
{
  width: 2em;
  height: 2em;
  margin-top: 1em;
}

#edit_proj_attrs
{

 margin-top:.2em;
}



#medLibGalView
{
  height:6em;
}

#medLibGalView a
{
  margin-top:1.9em;
}


#i18n_mhmgr_search
{
}

#projSearch
{
  margin-top:2em;
}


#mediaActions
{
  line-height: 1.9em;
  display: inline-block;
  vertical-align: top;
}

#selectAll
{
  margin-left:.4em;
  margin-right:.2em;
  line-height: normal;
}

.MedLibCheckBox
{
  display:inline-block;
  width:1em;
  height:1em;
  line-height:1em;
  background-color:black;
  vertical-align:middle;
}

.MedLibCheckImg
{
  width:1em;
  height:1em;
  line-height:normal;
}

.AiGridSortArrow
{
  width:10px;
  height:10px;
  position:absolute;
  display:none;
  margin-top:9px;

}


.AiMediaActions
{
  width:9em;
}

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

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

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

.AssetTitle
{
  text-align:left;
  height:2em;
  line-height:2em;

}

.AssetType
{
  text-align:left;
  height:2em;
  line-height:2em;
  text-transform: uppercase;
}

.AiGridImg
{
  width:1.5em;
  height:1.5em;
  vertical-align:middle;
  object-fit: cover;
}

.AiActionImg
{
  cursor:pointer;
}
.AiNoDisplay
{
  visibility: hidden;
}

.AiDisplay
 {
   visibility: visible;
 }

.AssetGridColHdr
{
  width:100%;
  height:2em;
  line-height: 2em;
  font-weight: bold;
  background-color: #999999;
  text-align:left;
  vertical-align: middle;
  display:inline-block;
  white-space:nowrap;

}


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

.AssetGridRow
{
  height:2em;

}

.AiHoverControl
{
  display:none;
}


.AiHoverCol
{
  height:1.2em;
}

.AiSelected
{
  margin-left:-2.1em;
}

.AiSend
{
  margin-left:-40px;
}

.AiHoverCol:hover .AiHoverControl
{
  display:inline-block;
}

.AiActionCol:hover .AiActionControl
{
  display:inline-block;
}

.AssetTitle:hover .AiActionControl
{
  display:inline-block;
}


.AiGridButton
{
  margin-left: -50px;
  height: 25px;
  background-color: gray;
  border: 2px solid black;
  border-radius: 2px;
}


.AiAttachmentHeader
{
  background:url(../../../images/title3.gif) repeat-x 0 0 #2e2e2e;
 	border:5px solid #5c9ec8;
	color:#fff;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}



#mediaHubTitleHdr
{
   height:172px;
   position:relative;
}

#titleAttributes
{
  position:relative;
}

#titleHdr
{
  display:inline-block;
  position:absolute;
  top:10px;
}


#media_hdr_profile_pic
{
  margin-left:1054px;
  margin-top:-4px;
  opacity:.9;
}

#picUrl
{
  height:5em;
  width:5em;
  margin-top: 0.7em;
  object-fit: cover;
  border: 2px solid #5c9ec8;
  background-color: #525965;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747b84), to(#353e4b));
  border-radius: 0.2em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.35), inset 0 3px 3px rgba(255,255,255,0.15);
}

#media_hdr_toolbar
{
  display:inline-table;
  position:relative;
  height:80px;
  width:770px;
  margin-left:15px;
}

#playListViewer_hdr
{
  width:698px;

}


.AiDropdown
{
  display:inline-block;
  vertical-align:bottom;
  width:95px;
  height:28px;

}

.AiMediaHdrTools
{
  font-weight:bold;
  height:28px;
  font-size:14px;
  width:95px;

}

#mediaFilters
{
  color:red;
}

#mediaTools
{
  color:#5c9ec8;
  z-index: 101;
}



#i18n_mhmgr_uploading
{
  display:inline-block;
  margin-left:10px;
  color:white;
  font-size:20px;
}

#upload_fileName
{
  display:inline-block;
  margin-left:10px;
  color:whitesmoke;
  font-size:20px;
  background: #5c9ec8;
  text-shadow: 0px 2px 1px #000;
}


#media_hdr_upload_pbar
{
  margin-top:4px;
  margin-left:10px;
}


#fileUploadPane
{
  overflow:hidden;
  width:100%;

}

#aiFirstTimeModalUpload
{
  width: 68%;
  position: absolute;
  height: 42em;
  z-index: -1;
}

#modalUploadPane
{
  width: 100%;
  position: relative;
  height: 18em;
  margin-bottom: -18em;
  z-index: -1;
}


.AiTopSplitPanel
{
  background-color: #5c9ec8;
  width: 100%;
  height: 100%;

}

.AiTopSplitCloseCol
{
  display: inline-block;
  width: 4%;
  height: 100%;
  vertical-align: top;
  text-align: center;
}


.AiTopSplitCloseCol img
{
  width: 1.7em;
  height: 1.7em;
  cursor: pointer;
  margin-top: 1em;
}

.AiTopPaneContent
{
  width: 92%;
  margin-top: 1.1%;
  height: 90%;
  background-color: #403e3f;
  display: inline-block;
  border: 2px solid black;
  box-sizing: border-box;
}

#topSplitPane
{
  height:250px;
  width:100%;
  background: rgba(82,164,220,0.9);
}

#assetChooserGrid
{
  display:inline-block;
  vertical-align:top;
}

.AiChooserImg
{
  width:1.5em;
}

#assetTable
{
  display: block;
  width: 100%;
  height: 100%;
}


#assetGroupViewer
{
  overflow:hidden;

}
.ai_file_upload_container
{
  margin: 0 auto;
  width: 1130px;
  height: 730px;
  overflow:hidden;

}

.ai_inline_table
{

  display:inline-block;
  vertical-align: middle;
  top:10px;
  left:850px;
  margin-right:60px;
  white-space: nowrap;
  position:absolute;
}

.ai_inline_table_upload
{

  display:inline-block;
  vertical-align: middle;
  top:5px;
  left:850px;
  margin-right:60px;
  white-space: nowrap;
  position:absolute;
}


.AiFileBrowse
{

  vertical-align: middle;
  font-size:18px;
  vertical-align:middle;
  margin-left:10px;
  margin-top:10px;
}

.ai_upload_btn
{

  display:inline-block;
  vertical-align: middle;
  height:30px;
  margin-top:18px;
  vertical-align:middle;
}

.ai_dropZone_btn
{

  position:absolute;
  left:930px;
  top:10px;

}

.ai_exit_btn
{

  position:absolute;
  left:1045px;
  top:10px;

}


.ai_proj_edit_btn
{

  position:absolute;
  left:990px;
  top:10px;

}

.ai_file_upload_container p
{
  padding-top:30px;
  text-shadow: -1px -1px #FFF,1px 1px #333;
  font-size:30px;
  font-family:Arial;
  text-align:center;
 
  
  }

.ai_nbr_font
{
  margin-left:5px;
  font-family:Arial;
  color:white;
  font-weight:bold;
}
.ai_nbr_font_upload
{
  margin-left:5px;
  font-family:Arial;
  color:black;
  font-weight:bold;
}

.ai_file_stats
{
  color:white;
  /*font-weight:bold; */
}
.ai_file_stats_upload
{
  color:black;
  /*font-weight:bold; */
}


.AiFileUploadBar
{
   margin-top:10px;
   height:55px;
   width:100%;
   background-size:100% 55px;
   background-repeat: no-repeat;
   display:inline-block;

}

.AiFileUploadBar span
{
  margin-right:2px;
  color:black;
  display:inline-block;
  vertical-align:middle;
}


.ai_file_list_header
{
   height:62px;
   width:1130px;
   background-size:1130px 62px;
   background-repeat: no-repeat;
   display:table-cell;
   vertical-align:middle;
   position:relative;

}

.ai_file_list_header span
{
  margin-left:50px;
  margin-right:10px;
  font-size:16px;
  color:white;
  cursor:pointer;
  vertical-align:middle;

}

.ai_media_search_img
{
  margin-left: 4px;
  vertical-align: bottom;
  width:32px;
  height:32px;

}

.ai_search_input
{
	border:none;
  color: #070707;
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  height: 30px;
  line-height: 25px;
	background:#fefefe;
	border-radius:4px;
  outline: medium none;
  width: 140px;
	box-shadow:0 2px 6px 3px #AFAFAF inset;
  margin-left:15px;
  vertical-align: bottom;

}



.ai_file_table
{
  margin-left:5px;
  margin-right:5px;
  font-size:10px;
  overflow:hidden;
}

.ai_file_table img
{
  width:24px;
  height:24px;
}
.ai_file_table tr:hover
{
  font-weight: bold;
  color:black;
  background:lightgray;

}

.table-striped tbody tr:nth-child(odd):hover
{
  font-weight: bold;
  background:lightgray;

}

.ai_file_table input[type="checkbox"]
{
  color:blue;
}


.ai_file_table tbody
{
  color:#a9a9a9;
  font-size:14px;

}


.AiMediaHdr
{
  border: 1px solid #444;

  /*background: #EAE9E9; */
  background-image: -moz-linear-gradient(bottom left, #eeeeee, silver);
  background-image:-webkit-gradient( linear, 0 0, left bottom, from(silver), to(#eeeeee));
  height:32px;
  padding-left:4px;
  margin-top:5px;
  margin-right:5px;
  margin-left:5px;
  margin-bottom:5px;

}



.ai_upload_title_hdr
{
  width:537px;
}

.ai_upload_title
{
  width:537px;
}

.ai_upload_mod_date_hdr
{
  width:220px;
}

.ai_upload_mod_date_hdr span
{
  margin-left:15px;
}

.ai_upload_size_hdr
{
  width:140px;
}

.ai_upload_size_hdr span
{
 margin-left:15px;
}


.ai_upload_checkbox_hdr
{
  width:230px;
}

.ai_upload_checkbox_hdr span
{
  padding-left:50px;
}

.ai_upload_checkbox_hdr span
{
  margin-left:15px;
}

.ai_media_title
{
  width:444px;
  padding-left:10px;
}


.ai_media_title_hdr
{
  width:440px;
}

.ai_media_asset_title
{
  width:462px;
  padding-left:10px;
}


.ai_media_mod_date
{
  width:160px;
  padding-left:30px;
}

.ai_media_track_hdr
{
  width:280px;
  padding-left:10px;
}

.ai_media_track
{
  width:296px;
  padding-left:10px;
}

.ai_media_video_track
{
  width:284px;
  padding-left:10px;
}

.ai_media_time_hdr
{
  width:70px;
}

.ai_media_time
{
  width:70px;
  padding-left:6px;
}

.ai_media_artist_hdr
{
  width:140px;
}

.ai_media_artist
{
  width:140px;
}

.ai_media_album_hdr
{
  width:210px;
}

.ai_player_album_hdr
{
  width:153px;
}


.ai_player_track
{
  width:380px;
}

.ai_player_artist
{
  width:120px;
}

.ai_media_album
{
  width:220px;
}

.ai_player_album
{
  width:180px;
}

.ai_media_genre_hdr
{
  width:80px;
}

.ai_media_genre
{
  width:170px;
}

.ai_media_video_genre
{
  width:154px;
}

.ai_media_size
{
  width:208px;
}

.ai_media_video_size
{
  width:150px;
}

.ai_action_check
{
  width:72px;

}

.ai_media_asset_mod_date
{
  width:190px;
}


.ai_media_date_hdr
{
  width:170px;
}

.ai_media_date_hdr span
{
  margin-left:20px;
}


.ai_upload_mod_date
{
  width:200px;
 }

.ai_header_icon
{
  padding-right:175px;
}

.ai_media_icon
{
  width:34px;
  margin-left:-2px;
}


.AiFileIcon
{
  width:34px;
}

.AiMediaHdrIcon
{
  width:20px;
  height:20px;

}

.AiMediaGridIcon
{
  width:20px;
  height:20px;

}

.AiMediaTypeIcon
{
  width:34px;
  padding-left:10px;

}

.AiMediaHdrGroupIcon
{
  width:28px;
  height:28px;
  margin-right:4px;
  vertical-align:top;

}

.AiMediaHdrCheckbox
{
  margin-left:4px;
  margin-top:5px;

}

.AiMediaHdrShare
{
  width:230px;
}


#uploadTable
{
  display:block;

}



.AiUploadBg {
	background:url(../../../images/upload_default.png);
	background-size:1130px 190px;
	background-repeat:no-repeat;
}

.AiUploadBg:hover {
	background:url(../../../images/upload_hover.png);
	background-size:1130px 190px;
	background-repeat:no-repeat;

}


#mdHubSelectSendMenu
{
  position:relative;
  display:inline-block;
  width:3em;

}


#mdHubSelectSend:hover + #dropMenu
{
  display:block;
}

.AiTransparentMenuMargin
{
  height:2em;
  width:100%;

}


#dropMenu
{
  display:none;
  position:absolute;
  top: 0.5em;
  left: -6.4em;
  z-index: 2;
}

#dropMenu:hover
{
  display:block;

}

.AiLinkGeneratorHiddenContainer
{
  height: auto;
  width: 8.5em;
  background: rgba(0,0,0,0.8);
  margin:2% auto;
  border:0.2em solid #5c93c8;

}

.AiLinkGeneratorHiddenInnerWrap
{
  height:90%;
  width:90%;
  margin:2% auto;
  border:0.2em solid #5c93c8;


}

.AiLinkShareOption
{
  color: #bbb;
  text-align: center;
  width: 95%;
  margin: 0 auto;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  cursor:pointer;
}

.AiLinkShareOption:hover
{
  background:#5c9ec8;
}


.AiDropdownBorder
{
  border-bottom:0.2em solid #bbb;
}


#mdHubSelectSend
{
  display: inline-block;
  height: 1.4em;
  margin-left: .8em;
  vertical-align: middle;
  line-height: 1.5em;
  cursor:pointer;
}

#assetTablePane
{
  overflow:hidden;
  font-size:120%;
  width:100%;
  background-color: white;
  border: 1px solid black;
  box-sizing: border-box;
}

#mediaContent
{
  width: 100%;
  height:38em;
  max-height:38em;
  background-color: transparent;
  margin:auto;
  position: relative;
}


#underline
{
  position:absolute;
  top:2.8em;
  height: 2px;
  background-color: #5c9ec8;

}

.AiToolsUnderline
{
  width:3.8em;
  left:14.1em;
}

.AiSearchUnderline
{
  width: 4.5em;
  left: 76em;
}

.AiUploadUnderline
{
  width:4.8em;
  left:7.3em;
}

.AiDropMenuArrow
{
  height: 1em;
  width: 1em;
  position: absolute;
  top: 1.2em;
  left: 7em;
}

@media (max-width: 1630px){
  @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
  {
      #toolsUnderline{

        width: 3.5em;
        height: 2px;
        background-color: #5c9ec8;
        top: 3.0em;
        left: 13.6em;
        position: absolute;

      }
  }}

}

#showGalleryOn
{
  color:#5c9ec8;
  position:relative;
  left:2.25em;
  top: -1.3em;
}

#exit_mediaHub
{
  color:white;
}

#showUploadView
{
  width: 2em;
  height: 2.7em;
  position: relative;
  top: 1.3em;
}



#toolsHdr
{
  width: 2.7em;
  height: 2.7em;
  position: relative;
  top: -.7em;
}

#showGalleryView
{
  margin-top: 1.9em;
  width: 2.7em;
  height: 2.7em;
}

#assetSort
{
  position:relative;
  height: 7.8em;
  padding-top: 0.8em;
  box-sizing: border-box;
}


#emptyAssetTableMsg
{
  position: absolute;
  top: 35%;
  font-size: 150%;
  width: 100%;
  text-align: center;
}


#filterSearch
{
  width: 2.7em;
  height: 2.7em;
  margin-top: 1.9em;
}


@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)
{
}