@media screen and (max-width: 900px){
    #T-CLI_FILES {text-align:center;}
}
@media screen and (min-width: 900px){
    #T-CLI_FILES {/*text-align:center;*/}
}

.inner{position:relative;}

#T-CLI_FILES .div_item{ /*position: absolute;left:-9999px;top:-9999px;*/min-width:75px;min-height:75px;max-width:200px;display:inline-block;position:relative;vertical-align:top;
	              box-shadow:0 0 0.8em rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 0.8em rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 0.8em rgba(0, 0, 0, 0.3);}
	              
  #T-CLI_FILES .div_item.item_img   {max-width:160px;padding: 4px 4px 12px 4px;/*max-width: 150px;*/background: #f8f8f8;/* url(images/polaroid.png);*/margin-top: 20px;margin-right: 20px; }
  #T-CLI_FILES .item_img .open_file{position:absolute;display:block;width:90%;margin-top:25px;text-align: center;padding:0;z-index: 1;/*800000000000*/}
  #T-CLI_FILES .item_img .open_file i{font-size:3em;padding:15px;color:transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin:0;cursor:pointer;}
  #T-CLI_FILES .div_item.item_img   .thumb{max-width:100%;max-height: 170px;}

  #T-CLI_FILES .div_item.item_video.item_youtube.screen-flow { background-color: rgba(0, 0, 0, 0.7);width: 200px;height: 120px;margin-top:20px;margin-left: 20px; margin-right: 35px; position: relative;}
  #T-CLI_FILES .div_item.item_video.item_vimeo.screen-flow   { background-color: rgba(0, 0, 0, 0.7);width: 155px;height: 120px;margin-top: 20px;margin-left: 20px; margin-right: 35px; position: relative;}
  #T-CLI_FILES .div_item.item_video .open_file{position:absolute;display:block;width:90%;margin-top: 20px;text-align: center;z-index: 1;/*800000000000*/}
  #T-CLI_FILES .div_item.item_video .open_file i{font-size:3em;padding:20px 25px;color:transparent;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor:pointer;}
  #T-CLI_FILES .div_item.item_video .thumb {max-width:100%;max-height: 100%;}
  #T-CLI_FILES .div_item.item_video .open_file i:hover{color:rgba(255, 255, 255, 1); background-color:rgba(0, 0, 0, 0.2);}
             

  #T-CLI_FILES .div_item.item_video.screen-flow:before { content: "";
      background: -moz-linear-gradient(top, black 10px, rgba(0, 0, 0, 0) 10px),-moz-linear-gradient(left, black 10px, rgba(0, 0, 0, 0) 10px);
      background: -webkit-linear-gradient(top, black 10px, rgba(0, 0, 0, 0) 10px),-webkit-linear-gradient(left, black 10px, rgba(0, 0, 0, 0) 10px);
      background-size: 100% 20px; background-repeat: repeat-y;height: 100%;width: 20px;display: block;position: absolute;left: -20px; opacity: 0.7;}
  #T-CLI_FILES .div_item.item_video.screen-flow:after {  content: "";
      background: -moz-linear-gradient(top, black 10px, rgba(0, 0, 0, 0) 10px),-moz-linear-gradient(right, black 10px, rgba(0, 0, 0, 0) 10px);
      background: -webkit-linear-gradient(top, black 10px, rgba(0, 0, 0, 0) 10px), -webkit-linear-gradient(right, black 10px, rgba(0, 0, 0, 0) 10px);
      background-size: 100% 20px; background-repeat: repeat-y; height: 100%; width: 20px;display: block; position: absolute;right: -20px;opacity: 0.7;}
  #T-CLI_FILES .div_item.item_video.screen-flow .video{ display: block; position:absolute; border:0px solid yellow;left:8px; top:8px;/*width:320; height: 180px;*/ text-align: center; bottom:8px; right:8px;}


  #T-CLI_FILES .div_item.item_pdf   {border: 0px;background-color: white;margin-top: 38px;width:200px;text-align:center;margin-right: 20px;/*box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;*/}
  #T-CLI_FILES .div_item.item_pdf  canvas{max-width:200px;}
  #T-CLI_FILES .div_item.item_video {background-color: white;}
  
  #T-CLI_FILES .open_file{text-decoration: none;}
  
  #T-CLI_FILES .item_img .open_file i:hover{color:rgba(255, 255, 255, 1); background-color:rgba(0, 0, 0, 0.2);}
  
  #T-CLI_FILES .item_pdf .open_file{position:absolute;display:block;width:100%;margin-top: 20px;text-align: center;z-index: 1;/*800000000000*/}
  #T-CLI_FILES .item_pdf .open_file i{font-size:3em;padding:15px;color:transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor:pointer;}
  #T-CLI_FILES .item_pdf .open_file i:hover{color:rgba(255, 255, 255, 1); background-color:rgba(0, 0, 0, 0.2);}
  #T-CLI_FILES .item_pdf .thumb{/*height:100%;*/position:absolute;top:5px;right:5px;left:5px;bottom:5px;opacity:0.2;}
  #T-CLI_FILES .item_pdf .filename{ position: absolute;font-size: 0.75em;font-weight:bold; display: block;width: 100%;text-align: center;bottom: 20px;background-color: #efefef;padding-top: 3px;padding-bottom: 3px;opacity: 0.1;}
  #T-CLI_FILES .item_pdf:hover .filename{opacity:1;}

#T-CLI_FILES .pdf_thumb{border:0px solid white;display:inline-block;position:relative;padding:0px;}
#T-CLI_FILES .pdf_controls{position:absolute;font-size:0.7em; bottom:4px; right:4px;padding:0 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#T-CLI_FILES .pdf_controls i{font-size:1em; color:#bfdfff;cursor:pointer;}
#T-CLI_FILES .pdf_controls span{font-size:1em; color:#bfdfff;}


/*#T-CLI_FILES  .div_item*/ .actions_icons{
  position: absolute !important;
	display:block;
	height: 20px !important;
	left:5px !important;
	top:5px !important;
	z-index: 1;
    padding:0 3px;
   -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
/*#T-CLI_FILES */.actions_icons a {float:left;margin:0 3px;}
/*#T-CLI_FILES */.actions_icons:hover ,
#T-CLI_FILES .pdf_controls:hover {background-color:rgba(0, 0, 0, 0.5);}


#T-CLI_FILES  .fa-check{display:none;}


#buttons-bar{display:inline-block;position:absolute;right:20px;top:10px; width:auto; text-align:right;border:0px solid #cc99ff;}
#buttons-bar a{display:inline-block;margin:2px 1px;border:1px solid #e1e1e1;width:26px;text-align:center;padding-top:1px; 
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));}
#buttons-bar a:hover{border:1px solid #ff99ff;}
#buttons-bar a.selected{background-color:#fadffd;}


.cell_NAME,.cell_FILE_NAME{position:relative;}
.cell_THUMBNAIL{text-align:center !important;}
.datatable-rows td { border-bottom: 0px !important;border-right: 0px !important;border-left: 0px !important;}
.datatable-rows td:first-child {border-left: 1px solid #D0D7E9 !important;}
.datatable-rows td:last-child {border-right: 1px solid #D0D7E9 !important;}

/*
.datatable .labels { z-index: 1;position:absolute;right:2px;top:3px;}
.datatable .labels:hover{}
.datatable .label{margin-left:2px;background-color:#E9E9E9;vertical-align:middle;padding:2px 6px;cursor:pointer;
           -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight:100; }
.datatable .label-tag{font-family: DsignesL,'Yanone Kaffeesatz'; font-size: 0em !important;}
.datatable .caption{font-family: DsignesL,'Yanone Kaffeesatz'; font-size: 0.9em !important;}
*/
.datatable-rows .labels { z-index: 1;position:absolute;right:2px;top:3px;}
.datatable-rows .labels:hover{}
.datatable-rows .label{margin-left:2px;background-color:#E9E9E9;vertical-align:middle;padding:2px 6px;cursor:pointer;
-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight:100; }
.datatable-rows .label-tag{/*font-family: DsignesL,'Yanone Kaffeesatz'; *//*font-size: 0em !important;*/}
.datatable-rows .caption{/*font-family: DsignesL,'Yanone Kaffeesatz'; *//*font-size: 0.9em !important;*/}

.open_file_pdf{cursor:pointer;}

h1{margin-top: 0;}