/* Copyright (C) Bull SAS - 2019 */
/**** Page Package ********/

.pkgPage .AIXversion {
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	font-weight: 600;
	background-color: #618e4c;
	padding: 3px 8px;
	border-radius: 3px;
	box-shadow: 0 2px 0 0 #40672d;
}

.pkgPage .dependencies {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 10px 0;
	font-weight: 400;
}

.pkgPage .dependency {
	display: flex;
	flex: 1;
	margin: 0;
	min-width: 50%;
	box-shadow: 1px 0 0 0 #cbcbcb, 0 1px 0 0 #cbcbcb, 1px 0 0 0 #cbcbcb inset, 0 1px 0 0 #cbcbcb inset;
	border-bottom: 0px;
	cursor: pointer;
}

.pkgPage .dependency input {
	display: none;
}

.pkgPage .dependency span {
	display: block;
	flex: 1;
	height: 100%;
	padding: 7px 10px;
}

.pkgPage .dependency:hover {
	background-color: #eeeeee;
	box-shadow: 1px 0 0 0 #cbcbcb, 0 1px 0 0 #cbcbcb, 1px 0 0 0 #cbcbcb inset, 0 1px 0 0 #cbcbcb inset;
}

.pkgPage .dependency span a {
	display: inline-block;
	float: right;
}

.pkgPage .dependency input:checked ~ span {
	color: #fff;
	background-color: #04659E;
	box-shadow: 1px 0 0 0 #003D61, 0 1px 0 0 #003D61, 1px 0 0 0 #003D61 inset, 0 1px 0 0 #003D61 inset,  1px 1px 0 0 #003D61;
}

.pkgPage .dependency input:checked ~ span:hover{
	background-color: #005181;
}

.pkgPage .dependency input:checked ~ span a {
	color: #fff;
}

.pkgPage .dependency input:checked ~ span a:hover {
	color: #cbcbcb;
}

.pkgPage .dependency:first-child {
	min-width: 100%;
	text-align: center;
	border-radius: 4px 4px 0 0;
	padding: 7px 10px;
	color: #fff;
	background-color: #04659E;
	box-shadow: 1px 0 0 0 #003D61, 0 1px 0 0 #003D61, 1px 0 0 0 #003D61 inset, 0 1px 0 0 #003D61 inset,  1px 1px 0 0 #003D61;
}

.pkgPage .dependency:first-child:hover {
	background-color: #005181;
}

.pkgPage .dependency:last-child {
	min-width: 100%;
	text-align: center;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
}

.pkgPage .dependency:last-child:hover {
	background-color: #eeeeee;
}

.pkgPage .dependency:last-child input:checked ~ span, .pkgPage .dependency:last-child input:checked ~ a {
	background-color: rgba(0,0,0,0);
	color: #000;
	box-shadow: none;
}

.pkgPage .AIXVersionDep label{
	display: inline-block;
	margin: 7px 10px 7px 0;
}

@media all and (max-width: 890px) {
	.pkgPage .dependency {
		min-width: 100%;
	}
}



/******* Contact **********/
.mailForm .contact {
	margin: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.mailForm .contact div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 350px;
}

.mailForm .object {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.mailForm .name #name, .mailForm .email #email, .mailForm .object #object  {
	display: flex;
	flex: 1;
	margin: 10px 0;
	padding: 4px 0 4px 10px;
	background-color: #fff;
	border-top: solid #cbcbcb 1px;
	border-bottom: solid #cbcbcb 1px;
	border-left: solid #cbcbcb 1px;
	border-right: none;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 0 0 #bcbcbc;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	height: 32px;
}

.mailForm .name #nameIcon, .mailForm .email #emailIcon, .mailForm .object #objectIcon {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	justify-content: center;
	background-color: #04659E;
	border: solid #005181 1px;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 1px 0 0 #003D61;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	height: 32px;
	width: 40px;
}

.mailForm .name #nameIcon:hover, .email #emailIcon:hover, .object #objectIcon:hover {
	cursor: default;
}

.mailForm .message {
	padding: 4px 10px;
	margin: 10px 0;
	border: solid #cbcbcb 1px;
	border-radius: 4px;
	box-shadow: 0 1px 0 0 #bcbcbc;
	font-size: 15px;
	min-height: 150px;
	width: 100%;
	font-family: 'Open Sans';
	font-weight: 300;
	resize: vertical;
}

.mailForm .send {
	float: right;
	text-align: right;
}

.mailForm .send i {
	width: 20px;
	margin: 0 0 0 5px;
}


/**** Stats *****/

.stats form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px 0;
}

.stats .sortSite {
	display: flex;
	align-items: center;
}
.stats #validateStats {
	display: flex;
	margin-left: auto;
}

.stats .sortSite .label {
	margin: 0 10px 0 30px;
}

.stats .sortSite .label:first-child {
	margin: 0 10px 0 0;
}

.stats .radio label {
	width: auto;
	padding: 0 8px;
}

.stats table{
	font-size: 14px;
	padding: 5px;
}

.stats table tbody{
	cursor: pointer;
}

.stats table td:first-child {
	text-align: center;
}

.stats table tr td:nth-child(2) {
	text-align: left;
}

.stats .statsSrc td.version, .stats .statsPkgs td.version  {
	text-align: left;
}

@media all and (max-width: 800px) {
	.stats .site tr td:nth-child(4), table.site tr th:nth-child(4) {
		display: none;
	}
}

@media all and (max-width: 530px) {
	.stats .site tr td:nth-child(3), table.site tr th:nth-child(3) {
		display: none;
	}
}

@media all and (max-width: 450px) {
	.stats table {
		font-size: 12px;
	}
}


/***** News form ****/
.newsForm .newsOptions {
	margin: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.newsForm .newsOptions div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 350px;
}

.newsForm .date #date, .newsForm .title #title {
	display: flex;
	flex: 1;
	margin: 10px 0;
	padding: 4px 0 4px 10px;
	background-color: #fff;
	border-top: solid #cbcbcb 1px;
	border-bottom: solid #cbcbcb 1px;
	border-left: solid #cbcbcb 1px;
	border-right: none;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 0 0 #bcbcbc;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	height: 32px;
}

.newsForm .date #dateIcon, .newsForm .title #titleIcon {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	justify-content: center;
	background-color: #04659E;
	border: solid #005181 1px;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 1px 0 0 #003D61;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	height: 32px;
	width: 40px;
}

.newsForm .date #dateIcon:hover, .newsForm .title #titleIcon {
	cursor: default;
}

.newsForm .message {
	padding: 4px 10px;
	margin: 10px 0;
	border: solid #cbcbcb 1px;
	border-radius: 4px;
	box-shadow: 0 1px 0 0 #bcbcbc;
	font-size: 15px;
	min-height: 150px;
	width: 100%;
	font-family: 'Open Sans';
	font-weight: 300;
	resize: vertical;
}

.newsForm .send i {
	width: 20px;
	margin: 0 0 0 5px;
}