/*
	Custom styles for the NLBIF IPT.
	19-11-19:	Sijmen Cozijnsen | sijmen@bladgoud.biz for NLBIF
				http://www.bladgoud.biz
				http://ipt.nlbif.nl
*/

@import "./custom-nlbif.css";

/**********************************\
* Floating top-menu
\**********************************/
#zone-user-wrapper { 
	position: relative;
	height: 84px;
}

#region-user-second a:hover {
  opacity: .4;
}

/**********************************\
* Hide Site Slogan
\**********************************/
.site-name-slogan {
	display: none !important;
	visibility: hidden! important;
}

.site-name-slogan .site-name {
	position: relative;
	display: block;
	visibility: hidden;
}

/**********************************\
* Collaps menu to logo
\**********************************/
#region-menu {
	margin-top: 10px !important;
}

.logo-img { margin-top: 0; }

/**********************************\
* Bigger content margin
\**********************************/

#region-content {
	padding-bottom: 10px;
	position: initial;
}

#region-content h1, #region-content p, #region-content table {
	margin-right: 8px;
}

/**********************************\
* Fixed Sidebar
\**********************************/
#sidebar { position: fixed; }

/**********************************\
* Beautify
\**********************************/
#sidebar-wrapper, #wrapper { margin-top:10px; }

#zone-branding, #zone-footer {
	border-radius: 5px 5px 0 0;
}

.branding-data {
        height: 120px;
}

#zone-user {
	border-radius: 5px 0px;
	height: 90px;
}

#zone-footer-wrapper, #zone-credit-wrapper {
    position: relative;
    top: 1px;
}
	
#region-menu {
	border-radius: 5px;
}

#zone-content, #zone-credit {
	border-radius: 0 0 5px 5px;
}


#region-content h1 { margin-top: 15px; }
.superscript { font-size: 1em; }

input#delete { margin-bottom: 5px; }


#zone-footer ul {
    text-align: center;
	font-size: 0.85em;
}

#zone-credit {
	margin-bottom: 20px
}

#zone-credit-wrapper p {
	float: right;
	font-size: 0.85em;
}


/**********************************\
* Table styles
\**********************************/
#region-content > div.container_24 > div > h1, h1.rtableTitle { 
	margin-top: 10px; 
}

table#resourcestable {
	width: 920px !important;
}

table td#resourceType, table td#resourceSubType {
	text-transform: capitalize;
}

table#resourcestable thead tr th {
	font-size: 0.85em;
}

table#rtable thead {
    background-color: #399016;
    color: #FFFFFF;
}

.dataTables_filter {
    background-color: #A0C76A;
}
.sorting_asc, .sorting_desc {
    box-shadow: 0 10px 5px 0 #328214 inset;
}
	
tr.even td.sorting_1 {
    background-color: #F4F9EE;
}

table.display td {
    padding: 3px 4px;
}

/* Set custom column width */
table th#resourceLogo, table td#resourceLogo { width: 50px; }
table th#resourceName, table td#resourceName { width: 310px;}
table th#resourceOrganisation, table td#resourceOrganisation { width: 140px; }
table th#resourceType,table td#resourceType { width: 80px;}
table th#resourceSubType, table td#resourceSubType { width: 80px;}
table th#resourceRecords, table td#resourceRecords { width: 52px; }
table th#resourceLastModified, table td#resourceLastModified { width: 105px; } 
table th#resourceLastPublication, table td#resourceLastPublication { width: 105px; }

.tableHostedResources #rtable > thead > tr > th:nth-child(1),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(1) { width: 50px; }
.tableHostedResources #rtable > thead > tr > th:nth-child(2),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(2) { width: 100%; }
.tableHostedResources #rtable > thead > tr > th:nth-child(3),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(3) { width: 140px; }
.tableHostedResources #rtable > thead > tr > th:nth-child(4),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(4)  { width: 80px; }
.tableHostedResources #rtable > thead > tr > th:nth-child(5),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(5)  { width: 52px; }
.tableHostedResources #rtable > thead > tr > th:nth-child(6),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(6)  {width: 105px; }
.tableHostedResources #rtable > thead > tr > th:nth-child(7),
.tableHostedResources #rtable > tbody > tr:nth-child(1) > td:nth-child(7)  {width: 105px; }

.tableManageResources #rtable > thead > tr > th:nth-child(1),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(1) { width: 296px; }
.tableManageResources #rtable > thead > tr > th:nth-child(2),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(2) { width: 80px; }
.tableManageResources #rtable > thead > tr > th:nth-child(3),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(3) { width: 47px; }
.tableManageResources #rtable > thead > tr > th:nth-child(4),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(4)  { width: 51px; }
.tableManageResources #rtable > thead > tr > th:nth-child(5),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(5)  { width: 51px; }
.tableManageResources #rtable > thead > tr > th:nth-child(6),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(6)  {width: 70px; }
.tableManageResources #rtable > thead > tr > th:nth-child(7),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(7)  {width: 70px; }
.tableManageResources #rtable > thead > tr > th:nth-child(8),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(5)  { width: 70px; }
.tableManageResources #rtable > thead > tr > th:nth-child(9),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(6)  {width: 55px; }
.tableManageResources #rtable > thead > tr > th:nth-child(10),
.tableManageResources #rtable > tbody > tr:nth-child(1) > td:nth-child(7)  {width: 42px; }


/* Organization logo */
/*table#resourcestable tbody tr td img { */
.resourceminilogo{
	border: 1px solid #CCC;
	width: 48px;
}

/* Less margin Overview */
#one > div > #resourcelogo { 
   position: relative; 
   bottom: 20px; 
   margin-bottom: -15px; 
   margin-right: 40px;
}
/
#one > div > #resourcelogo img { max-width: 120px; }

.contact_row { margin-bottom: 5px !important; }
.contact_row > div { padding-bottom: 5px !important; }
.row { margin-bottom: 15px; }

/* Resource overview */
#contacts > div > h1,
#downloads > div > h1,
#versions > div > h1,
#keywords > div > h1,
#citation > div > h1,
#gbif > div > h1,
#geospatial > div > h1,
#taxanomic > div > h1,
#temporal > div > h1,
#project > div > h1,
#methods > div > h1,
#additional > div > h1
{ margin-bottom: 0; }

#contacts > div > p { margin-top: 6px; margin-bottom: 0; }
#geospatial > div > p { margin-bottom: 0; } 

/**********************************\
* About page styles
\**********************************/
.about-desc { margin-bottom:10px;}
.about-contact { margin-bottom:10px;}
.about-nlbif { margin-bottom:10px; font-size: .9em; }