/*-
 * #%L
 * FontAwesome Iron Iconset
 * %%
 * Copyright (C) 2019 - 2023 Flowing Code
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */
vaadin-checkbox.smallcheckbox {
	font-size: small;
}

body {
	max-width: 100%;
	overflow-x: hidden;
}

vaadin-icon {
	margin: 4px;
}

vaadin-dialog-overlay {
    max-width: 80%;
    left: -32px;
}

.main-icon-view {
	margin: 8px;
	align-self: stretch;
}

.main-icon-view .no-results {
	margin-left: 16px;
	margin-top: 2ex;
}

.single-icon-view vaadin-icon {
	margin: 16px;
}

.single-icon-view vaadin-icon:nth-of-type(1) {
	width:  16px;
	height: 16px;
	margin-bottom: 4px;
}

.single-icon-view vaadin-icon:nth-of-type(2) {
	width:  24px;
	height: 24px;
	margin-bottom: 3px;
}

.single-icon-view vaadin-icon:nth-of-type(3) {
	width:  48px;
	height: 48px;
	margin-bottom: 0px;
}

.single-icon-view vaadin-vertical-layout {
	flex-grow: 1;
}

.single-icon-view .main-layout {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.details-dialog {
	overflow: hidden;	
}

.details-dialog .close-button {
  	color: black;
    background: white;
 	cursor: pointer;
 	margin-left: auto;
}
  	
.details-dialog .close-button:hover::before { 
	background: white;
}
  	
.details-dialog .close-button:hover::before {
	opacity: 0 !important;
}