.web-page-standards {
	padding : 1rem;
}

.web-page-standards-list {
	position : relative;
}

.web-page-standards-list.available {
	margin-top : 1rem;
}

.web-standards-available-list-label {
	background    : linear-gradient(to right,#fafafa, #efefff);
	border-radius : 4px;
	color         : #444;
	display       : flex;
	font          : 1.1rem Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-style    : italic;
	font-weight   : 900;
	margin-bottom : 1rem;
	padding       : 1rem 0.75rem 0.7rem;
}

.web-page-standards .available-list-title {
	display      : inline-block;
	flex-grow    : 1;
	margin-right : 4rem;
	padding-left : 0.75rem;
}

.web-page-standards .available-list-filter {
	color : #1047a4;
}

.web-page-standards .available-list-filter-input {
	background    : transparent;
	border        : none;
	border-bottom : 1px solid #ddd;
	border-radius : 2px;
	outline       : none;
	padding       : 0.1rem;
}

.web-page-standards .available-list-filter-input:focus {
	border         : 1px solid #ddd;
	border-bottom  : 0.1rem  solid #0e336c;
	box-shadow     : 0 0 7px #ccc;
	padding-bottom : 0;
}

.web-page-standards .x.available-list-icon {
	cursor : pointer;
}

.web-page-standards-none-text {
	background    : rgba(190,190,200,0.1);
	border-radius : 5px;
	color         : #111;
	font          : 1.1rem Arial;
	font-style    : italic;
	margin-bottom : 1.5rem;
	padding       : 1rem 0.3rem;
	text-align    : center;
}

.web-page-standard {
	background     : rgba(190,190,200,0.1);
	border-radius  : 5px;
	color          : #222;
	display        : inline-block;
	margin         : 0 0.4rem 0.4rem 0;
	position       : relative;
	vertical-align : top;
	width          : 250px;
}

.available .web-page-standard {
	background : rgba(215,180,180,0.1);
}

.web-page-standard-header {
	align-items             : center;
	background-color        : rgba(190,200,235,0.1);
	border-top-right-radius : 5px;
	border-top-left-radius  : 5px;
	display                 : inline-flex;
	flex-grow               : 1;
	padding                 : 8px;
	width                   : 100%;
}

.web-page-standard-header-left {
	display       : inline-block;
	flex-shrink   : 0;
	padding-right : 7px;
}

.web-page-standard-header-center {
	display       : inline-block;
	flex-grow     : 1;
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
}

.web-page-standard-header-right {
	cursor        : default;
	display       : inline-block;
	flex-shrink   : 0;
	font-style    : italic;
	overflow      : hidden;
	text-overflow : ellipsis;
	padding-left  : 7px;
	white-space   : nowrap;
}

.web-page-standard-body {
	display            : block;
	display            : -webkit-box;
	height             : 163px;
	overflow           : hidden;
	padding            : 8px;
	text-overflow      : ellipsis;
	-webkit-line-clamp : 8;
	-webkit-box-orient : vertical;
}

.web-page-standard-footer {
	align-items     : center;
	display         : flex;
	justify-content : center;
	padding         : 0.5rem;
}

.web-page-add-standard {
	background  : transparent !important;
	color       : #4183c4 !important;
	font-weight : 300 !important;
	margin      : none !important;
	padding     : 0 0.2rem !important;
	transition  : color 0.3s, transform 0.3s !important;
}

.web-page-add-standard:hover {
	color     : #0e438c !important;
	transform : translate(0.13rem, 0);
}

.web-page-add-standard:active {
	transform : translate(0, 0);
}