@import url("colors.css");

.ui-selectonemenu-label {
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
}

.ui-selectonemenu-trigger {
	margin-top: 0.2rem;
}

.ui-selectonemenu-items {
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
}

.ui-selectonemenu {
	min-width: unset !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: calc(100% - 2.357rem);
}

.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	overflow: inherit !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.ui-selectonemenu-panel {
		width: 80% !important;
	}
	
	.ui-selectonemenu {
		min-width: unset !important;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.ui-selectonemenu-panel {
		width: inherit;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.ui-selectonemenu-panel {
		width: 419.025px;
	}
}