.chrys-picker{
    width: 320px;
    height: 350px;
    background-color: gren;
    position: fixed;
    box-shadow: 1px 4px 22px -2px #000000;
    padding: 10px;
    border-radius: 4px;
	background: white;
	z-index: 999;
}

.chrys-picker-labels{
	display: flex;
    flex-wrap: nowrap;
	display: flex;
	justify-content: space-between;
	z-index:9999;
}


.chrys-picker-label{
	margin: 5px;
	cursor: pointer;
}

.chrys-picker-pantone{
    overflow: scroll;
    height: 290px
}

  .chrys-picker-pantone-single{
    height: 30px;
    width: 90%;
    margin: 5px;
    border-radius: 4px; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

.chrys-picker-color{
	background-color: white;
	width: 300px;
	height: 300px;
	position: absolute;
}

		.chrys-picker-colors-row{
			width: 100%;
			height: 30px;
			display: flex;
			margin: 2px;
		}

		.chrys-picker-color-single{
			width: 34px;
			height: 100%;
			margin: 2px;
			border-radius: 4px;
		}
		
		.chrys-picker-color-single-transparent {
			width: 30px;
			height: 100%;
			margin: 2px;
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
		}
		
.chrys-picker-material{
	background-color: white;
	width: 300px;
	height: 300px;
}	

		.chrys-picker-material-row{
			width: 100%;
			height: 50px;
			display: flex;
			margin: 2px;
		}
		
		.chrys-picker-material-single{
			width: 120px;
			height: 50px;
			margin: 2px;
			border-radius: 4px;			
		}