/**
 This css/rio-admin.css stylesheet is needed by the http://s-jrcbruhttp01d.net1.cec.eu.int/rio/en/rio-content-administration page
*/

/*reduce the font size of the "view-rio-content-administration" table */
.view-rio-content-administration, .view-view-workbench-users {font-size:10px;}
.view-rio-content-administration thead {background-color:#CBDCEC;}
.views-field-type {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:30px;}

/*Size of form fields in https://riodev.jrc.cec.eu.int/en/admin/workbench/content-search */
.view-rio-content-administration .views-field-name {width:80px;}

/**
	On wider screens the filter box is displayed on the left.
	https://riodev.jrc.cec.eu.int/en/admin/workbench/content-search
*/
@media screen and (min-width :1700px) {
	.view-rio-content-administration .view-filters {/* filters */
		left: 0px;
    	width: 250px;
    	position: absolute;
    	float: left;
	}
	 .contextual-links-region .view-rio-content-administration .view-filters {/* filters */
		left: -260px;
	}
	
	.view-rio-content-administration .view-content {/* results */
	
	}
	.page-admin-workbench #layout-footer2 { /* then the footer is a problem when the result list is empty, so we hide it */
		visibility: hidden
	}
}

.view-rio-content-administration .chosen-container .chosen-results li {
	   color: black;
}

.view-rio-content-administration .views-field-created, .view-view-workbench-users .views-field-created{width:80px;}
.view-rio-content-administration .views-field-changed, .view-rio-content-administration .views-field-field-firstname, .view-view-workbench-users  .views-field-access{width:120px;}
.view-rio-content-administration .views-field-moderation-actions{width:200px;}
.view-rio-content-administration .views-field-state{width:115px;}
.view-rio-content-administration .views-field-edit-nod	e{width:35px;}

/** Inthe contribution form, there was no border around a field. So when several controls belongs to the same field, the user was lost, because impossible to know for instance if the description belongs to a field or the following one.*/  
#layout-body .form-wrapper {
    /*border: 1px solid #c0c0c0;*/
    /* margin: 0 2px; */
    /*padding: .35em .625em .75em;*/
    margin-bottom: 5px; 
    /* margin-top: 10px; */	
}

.form-item, .form-actions {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* 
 We need border to structure the node forms. But these borders must not be visible on the readonly node page, we want them only on the form.
   This is why we use ".node-form"
 We need border around every node field, even and mainly when a node field contains several form field.
   Indeed complexe node fields like "Files", "Hierachical select", "Links", "Dates" contain several elements.
   Trick we use: Taking all the div having a class attribute starting with "field-type-" (field-type-text, field-type-datetime, field-type-link-field, field-type-taxonomy-term-reference, field-type-text-with-summary, field-type-file, ...):
   div[class^="field-type-"]
 #1510
*/
.node-form div[class^="field-type-"], .node-form .form-item-title {
	border: 1px solid #c0c0c0;
	padding: .35em .625em .75em;
}
/** Legend of some fields in the contribution form, like "Report year" and "Official publication date" */
.node-form legend {
	font-weight: bold
}


/*reduce the font size of the "/rio/updateDataCatalogue/xxxx" table */
.page-updatedatacatalogue .row{font-size:10px;}


/* useful only when we display the content of a php variable with var_dump from xdebug to avoid alging attributes to the right in some boxes */
.xdebug-var-dump {
    text-align: left;
}

#-------------------------------------------------------------------------------
REVISIONS
#-------------------------------------------------------------------------------
*/
.current-revision td {background-color: #faafbe !important;}
.published-revision td {background-color: #aaffaa !important;}
form .field-type-entityreference {padding: 10px;border: 1px solid #ccc;background-color: #f4f4f4}
form .field-type-entityreference table {width: 100%;padding: 10px;}
form .field-type-entityreference .form-wrapper .form-wrapper {background-color: #fff;}

.diff-revisions {width: 100%;} /* Otherwise the revision table is too small */

/**
	Smaller font on the node moderate tab
*/
.page-node-moderation .revision {
	font-size:12px;
}