@import 'mixins.less';

.select2-results {
	max-height: 400px;
}

.select2-container .select2-choice {
	border-radius: 0;

	.select2-arrow {
		border-radius: 0;
	}
}

.select2-drop {
	border-radius: 0;
}

.select2-container.language {
	float: right;
	font-size: 12px;
}

@media only screen and (max-width : @max-mobile-resolution) {
	.select2-container.language {
		margin-top: 6px;
		margin-right: 10px;
	}
}

.select2-container.currency {
	float: right;
	font-size: 12px;
	margin-right: 10px;
}

@media only screen and (max-width : @max-mobile-resolution) {
	.select2-container.currency {
		margin-top: 6px;
	}
}

.select2-drop.currency {
	font-size: 12px;
}

.select2-container.language, .select2-drop.language {
	span.sprite {
		display: inline-block;
		width: 22px;
		height: 16px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.en {
		.sprite(0, -19px);
	}
	.ru {
		.sprite(-22px, -19px);
	}
	.no {
		.sprite(-44px, -19px);
	}
	.fr {
		.sprite(-66px, -19px);
	}
	.de {
		.sprite(-88px, -19px);
	}
	.it {
		.sprite(-110px, -19px);
	}
	.el {
		.sprite(-132px, -19px);
	}
	.sv {
		.sprite(-154px, -19px);
	}
	.da {
		.sprite(-176px, -19px);
	}
	.fi {
		.sprite(-198px, -19px);
	}
	.nl {
		.sprite(-220px, -19px);
	}
	.es {
		.sprite(-242px, -19px);
	}
	.ro {
		.sprite(-264px, -19px);
	}
	.pl {
		.sprite(-286px, -19px);
	}
}

.select2-drop.language {
	.select2-results {
	    max-height: none;
	    font-size: 12px;
	    padding: 0px;
	    margin-right: 0px;
	    background-color: #f8f8f8;

	    li {
	    	line-height: 30px;
	    	vertical-align: middle;
	    }

	    .select2-highlighted {
			background-color: #3875d7;
			color: white;
		}

		.select2-result-label {
			padding: 0 0 0 10px;
		}
	}
}

@media only screen and (max-width : @max-mobile-resolution) {
	.select2-container.language, .select2-drop.language {
		span.sprite {
			margin-right: 0px;
		}
	}
}

.select2-container.large {
	span {
		color: #333;
		font-size: 14px;
		.regular-font;
	}
}

.select2-drop.large {
	.select2-results {
		color: #333;
		font-size: 14px;
		margin: 0;
		padding: 0;
		.regular-font;

		li {
			color: #333;
			line-height: 30px;
			&:last-child {
				border-bottom: none;
			}
		}

		.select2-highlighted {
			background-color: #3875d7;
			color: white;
		}

		.select2-result-label {
			padding: 0 7px;
		}
	}
}

.select2-container.small {

	span{
		color: #333;
		font-size: 14px;
		.regular-font;
	}
}

.select2-drop.small {
	.select2-results {
		color: #999;
		font-size: 14px;
		margin: 0;
		padding: 0;
		.regular-font;

		li {
			color: #333;
			line-height: 30px;
			min-width : 60px;
			&:last-child {
				border-bottom: none;
			}
		}

		.select2-highlighted {
			background-color: #3875d7;
			color: white;
		}

		.select2-result-label {
			padding: 0 7px;
		}
	}
}

/* Chrome fix for select rooms module */
#select {
	.select2-container.small {
		margin-right: 5px;
	}
}