#app-plugins-resources-search {
	
	display: flex;
	flex-direction: column;
	
	padding: 0.5vw;
	
	border-radius: 2vw;
	
	background-color: rgba(255, 255, 255, 1);
	
	box-shadow:
	
		inset 0px 11px 8px -10px #CCC, 
		inset 0px -11px 8px -10px #CCC;
	
}

#app-plugins-resources-search form {
	
	margin: 0px;
	
}

#app-plugins-resources-search-form-input {
	
	width: 100%;
	
	padding: 1vw;
	
	background-color: rgba(0, 0, 0, 0);
	
	border: 2px solid #CCCCCC;
	border-radius: 2vw;
	
}

#app-plugins-resources-search-form-input:focus {
	
	border: 2px solid LimeGreen;
	outline: none;
	
}

.app-plugins-resources-search-result {
	
	display: flex;
	flex-direction: column;
	
	margin: 0.25vw;
	padding: 2vw;
	
	box-shadow: inset 0px 0px 8px 1px SkyBlue;
	
}

.app-plugins-resources-search-result:first-child {
	
	border-top-left-radius: 2vw;
	border-top-right-radius: 2vw;
	
}

.app-plugins-resources-search-result:nth-last-child(2) {
	
	border-bottom-left-radius: 2vw;
	border-bottom-right-radius: 2vw;
	
}

.app-plugins-resources-search-result:hover {
	
	box-shadow: inset 0px 0px 8px 1px LimeGreen;
	
}

.app-plugins-resources-search-result-name {
	
	font-weight: bold;
	
	
}

.app-plugins-resources-search-result-services {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
}

.app-plugins-resources-search-result-services-item {
	
	padding: 1vw;
	
}

.app-plugins-resources-search-result-services-item:before {
	
	content: "\f152 \0000a0";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	
	color: LimeGreen;
	
}

.app-plugins-resources-search-result-pages {
	
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	
	padding: 0.25vw;
	
}

.app-plugins-resources-search-result-pages:hover {

	box-shadow: inset 0px 0px 8px 1px Orange;

}

.app-plugins-resources-search-result-pages-label {
	
	padding: 1vw;
	
}

.app-plugins-resources-search-result-pages-number {
	
	padding-top: 1vw;
	padding-bottom: 1vw;
	padding-left: 2vw;
	padding-right: 2vw;
	
}

.app-plugins-resources-search-result-pages-number:hover {
	
	font-weight: bold;
	
}

.app-plugins-resources-search-result-pages-number-current {

	color: Orange;
	
	font-weight: bold;
	point-events: none;
	
}

/*View Result*/
.app-plugins-resources-result-view-wrapper {
	
	width: 100%;
	height: 100%;
	
}

.app-plugins-resources-result-view {
	
	display: flex;
	flex-direction: column;
	
	min-width: 50vw;
	
	margin-top: 2vh;
	margin-bottom: 2vh;
	
	margin-left: 10%;
	margin-right: 10%;
	
}

.app-plugins-resources-result-view-name {
	
	display: flex;
	flex-direction: column;
	
	font-weight: bold;
	
}

.app-resources-result-services {

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
}

/* INLINE STYLING */
#app-resources-browse-list {
	
	align-self: start;
	
}

.app-resources-result {
	
	display: flex;
	flex-direction: column;
	
}

.app-resources-result-search {
	
	display: flex;
	flex-direction: column;
	
	padding: 1vw;
	
	box-shadow: inset 0px 0px 8px 1px rgb(var(--ColorAccentBright));
	
}


.app-resources-result-search:first-child {
	
	margin-top: 2vh;
	border-radius: 2vw 2vw 0 0;
	
}

.app-resources-result-search:hover {
	
	box-shadow: inset 0px 0px 8px 1px rgb(var(--ColorContrast));
	
}

.app-resources-result-search > div {
	
	align-self: start;
	
}

.app-resources-result-search i {
	
	padding: 0.5vw;
	margin-right: 1vw;
	color: rgb(var(--ColorAccentBright));
	
	font-size: 16pt;
	
}

.app-resources-result-contacts i {
	
	margin-right: 1vw;
	color: rgb(var(--ColorAccentBright));
	
}

.app-resources-result-contacts span {
	
	color: rgb(var(--ColorAccentDark));
	
}

.app-resources-result-services {
	
	flex-direction: row;
	padding: 1vw;
	
}

.app-resources-result-services span {
	
	flex-grow: 1;
	
	min-width: 25%;
	
	padding: 1vw;
	
	color: rgb(var(--ColorTextInvert));
	box-shadow: 0 0 0 0.1vw rgb(var(--ColorAccentDark));
	background-color: rgb(var(--ColorAccentBright));
	
}

.app-resources-result-services span:nth-child(even) {
	
	color: rgb(var(--ColorText));
	background-color: rgb(var(--ColorContrast));
	
}