@CHARSET "ISO-8859-1";

.widget-cancel-trigger{
	background: url(../images/icons/clear16grey.png) center center / 12px 12px no-repeat;
	border:0;
	height:28px !important;
	background-position: 50% 50% !important;
}

.widget-structure-trigger{
	background: url(../images/icons/benzene16.png) center center no-repeat;
	border: 0;
	height:28px !important;
}

.widget-structure-data-trigger{
	background: url(../images/icons/benzenefill16.png) center center no-repeat;
	border: 0;
	height:28px !important;
}


.documentsearchview-doc {
	width:100%;
	padding:10px 0px 2px 10px;
	border-bottom:1px solid #EDEDED;
	min-height:70px;
}

.documentsearchview-doc-check{
   float:left;
   width:20px;
}

.documentsearchview-doc-mimeimg{
	float:left;
}
.documentsearchview-doc-info-text{
	margin-left:40px;
}
.documentsearchview-doc-structures{
	float:right;
}

.documentsearchview-doc-structure-title{
  font-size:80%;
  color:#555;
  
}
.documentsearch-view-no-data{
	color: #666666;
    margin-top: 80px;
    text-align: center;
}
.documentsearchview-doc-link a{
	color:#336699;
	font-weight:bold;
}

.documentsearchview-doc-path {
	margin:2px 0px ;
	font-size:80%;
	font-style:italic;
}

.documentsearchview-doc-fragment {
	margin:5px 0px 2px 0px;
	min-height:45px;
}

.documentsearchview-doc-fragment em{
	font-weight: bold; 
	font-style:normal;
}

.documentsearchview-doc-metadata {
	color:#719602;
	margin:2px 0px;
	font-size:80%;
}

.documentsearchview-doc-structure {
	display:inline-block;
	width:155px;
	height:100px;
	margin-left:5px;
	overflow:hidden;
	text-align:center;
	
}

.documentsearchview-doc-structure img{
	width:155px;
	height:85px;
}

.documentsearch-applet-window {
	top: 30%; 
  	left: 30%;
}

.ext-window-white{
	background-color: #FFF !important;
}
.widget-compound{
	margin-bottom:5px;
	clear:both;	
}
.widget-compound-structure{
	float:left;
	width:100px;
	height:60px;
	cursor:pointer	
}
.widget-compound-structure-handler{
	position:absolute;
	height:60px;
	width:100px;
	z-index:1000;
}
.widget-compound-id, .widget-compound-batchno, .widget-compound-regisdate{
	font-size:smaller;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.widget-compound-regisdate{
	color:#719602;
}
.widget-project-idheader, .widget-project-value{
	font-size: 18px;
	color: #555;
	font-family: calibri;
}
.widget-project-label{
	color: #CCC;
	font-size:14px;
}
.widget-project-namelabel{
	font-size: 14px;
	color: #555;
	font-family: calibri;
	white-space:normal;
}
.widget-project-attribute{
	float: left;
	color: #CCC;
	font-size:10px;
	width:90px;
}

.widget-project-attributevalue{
	color: #555;
	font-size:10px;
}
/* wrap text in extjs grid*/
td.wrap-text div {
    white-space: normal;
    line-height:1.2;
    vertical-align:top;
}

.widget-documents-item{
	font-size:smaller;
	padding:0px 0px 3px 0px;
}

.widget-customerswitcher .x-form-text{
	border-width:0px !important;
	background-image:none !important;
}

.x-boundlist.widget-customerswitcher{
	border-width:0px;
}
 
.widget-customerswitcher .x-boundlist-item table{
	width:200px;
	height:45px;
}

.widget-customerswitcher .x-boundlist-item table tr td{
	width:100px;
}
.widget-customerswitcher .x-boundlist-item table tr td:first-child {
	text-align:center;
}

.widget-customerswitcher .x-boundlist-item table tr td:not(:first-child) {
	padding-left:10px;
}

.widget-customerswitcher .x-boundlist-item table tr td img{
	max-width:100px;
	max-height:45px;
}

.widget-customerswitcher .x-boundlist-item{
	border-top: 1px solid #EEE;
} 

.widget-customerswitcher-trigger{
	background: url(../images/icons/down16.png) center center no-repeat !important;
	border: 0px !important;
}

.widget-adminuserviewer .x-grid-group-hd, .widget-adminprojectviewer .x-grid-group-hd{
	padding-right:15px;
	height:50px;
}

.widget-adminuserviewer .x-grid-group-hd .x-grid-group-title, .widget-adminprojectviewer .x-grid-group-hd .x-grid-group-title{
	line-height:3;
	text-align:left;
}

.tree-icon-folder{
    background-image: url(/project/styles/extjs-4.2.0/images/tree/folder.gif) !important; /* keep extjs folder */
    background-repeat: no-repeat;
}

.tree-icon-folder-bio{
    background-image: url(/project/images/icons/folderBio.png) !important; 
    background-repeat: no-repeat;
}

.tree-icon-folder-chem{
    background-image: url(/project/images/icons/folderChem.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-web{
    background-image: url(/project/images/web.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-doc{
    background-image: url(/project/images/icons/mimetypes/doc16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-xls{
    background-image: url(/project/images/icons/mimetypes/xls16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-pdf{
    background-image: url(/project/images/icons/mimetypes/pdf16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-txt{
    background-image: url(/project/images/icons/mimetypes/txt16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-ppt{
    background-image: url(/project/images/icons/mimetypes/ppt16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-img{
    background-image: url(/project/images/icons/mimetypes/img16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-zip{
    background-image: url(/project/images/icons/mimetypes/zip16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-file{
    background-image: url(/project/images/icons/mimetypes/file16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-chem{
    background-image: url(/project/images/icons/mimetypes/chem16.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-loading{
    background-image: url(/project/styles/extjs-4.2.0/images/tree/loading.gif) !important; 
    background-repeat: no-repeat;
}

.icon-file-file-warn{
    background-image: url(/project/images/icons/filewarn.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-file-error{
    background-image: url(/project/images/icons/fileerror.png) !important; 
    background-repeat: no-repeat;
}

.icon-file-file-check{
    background-image: url(/project/images/icons/filecheck.png) !important; 
    background-repeat: no-repeat;
}

/* position icon background in extjs grid cell */
.icon-background-gridcell-position{
    background-position: 3px 1px;
    padding-left:16px; 
}

.widget-search-field input{
	border: 0;
	height:28px !important;
	padding-left:8px;
	 -webkit-appearance: none;
	 -webkit-border-radius: 0;
	 background-image:none;
}

.widget-search-field-trigger{
	background: #006EAD;
	border: 0;
	height:28px !important;
	width:28px;
	color:#FFF;
	font-size:16px;
	text-align:center;
	padding-top:5px;
}

.widget-search-field-trigger:before{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
	content: "\f002";
}

.widget-documentsearchfield{
	border: 1px solid #b5b8c8;
}

.widget-documentsearchfield input{
	border:0px;
}

.widget-persona-customer-name{
	font-size:16px;
	color:#6B6B6B;
	white-space:normal;
}

.widget-persona-customer-desc{
   font-size:12px;
   color:#6B6B6B;
   white-space:normal;
}

.widget-persona-customer-logo{
	height:auto;
	width:auto;
	max-width:260px;
	max-height:93px;
}

.widget-notification-customer-notice{
	clear:both;
	width:100%;
}

.widget-notification-customer-notice a{
	color: #3382C5 !important
}

.plugin-required-field{
	color: red;
	padding-left:2px;
}

.widget-document-multifileupload-uploading{
	background-position:0px 3px;
	background-image: url(/project/images/icons/loading.gif);
	background-repeat:no-repeat;
}

.widget-document-multifileupload-button{
	width:100px;
	padding:2px px;
	margin-right:5px;
}


.widget-documents-documenttree-cancel-trigger, .widget-documents-documenttree-search-trigger{
	background: #FFF;
	border-right:1px solid #b5b8c8;
	border-top:1px solid #b5b8c8;
	border-bottom:1px solid #b5b8c8;
	text-align:center;
	padding-top:4px;
}

.widget-documents-documenttree-search-trigger:before, .widget-documents-documenttree-cancel-trigger:before{
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.widget-less-dark-color, .placeholder{
	color:#999;
}

.widget-documents-documenttree-search-trigger:before{
	  content: "\f002";
}
.widget-documents-documenttree-cancel-trigger:before{
	  content: "\f00d";
}

.img-opaque{
	opacity:0.2;
}
.x-column-header{
	background-image:-ms-linear-gradient(top, #f9f9f9, #e3e4e6); /*IE edge - grid column header*/	
}
.x-action-col-cell img{
	width:12px;
	height:12px;
	margin-left:2px;
	margin-right:2px;
}
.x-mask{
	opacity:0.1;
}

span.x-action-col-icon.fa{
	color:#009bde;
	font-size: 1.2em;
	width:20px;
	padding-top:2px;
}

span.x-action-col-label{
	color:#009bde;
	font-size: 1em;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
}