﻿/**
* (en) Angular Select2 Cotrols
* (de) Angular Selelct2 Eingabefelder
*
* @copyright			Copyright 2015, crossbase mediasolution GmbH
* @version				1.0
*/

@media screen {

	.ui-select-validation-wrapper {
		position: relative;
	}

	.select2-container {
		overflow: visible;
		cursor: pointer;
	}

	.ui-select-dropdown.select2-drop {
		box-sizing: content-box;
		left: -1px;
	}

	.select2-results ul {
		margin: 0;
		padding: 0;
		display: block;
	}

	.select2-results li {
		/*border-radius: 8px;*/
	}

	.ui-select-choices-row:hover {
		background: #0d0d6e;
		color: #fff;
	}

	.select2-result-label a,
	.select2-result-label a:focus,
	.select2-result-label a:active,
	.select2-result-label a:visited {
		color: #333;
		display: block;
		text-align: center;
	}

	.select2-highlighted .select2-result-label a,
	.select2-result-label a:hover {
		color: #fff;
	}

	.select2-search input {
		width: 100% !important;
	}

	.ui-select-container.select2.direction-up .ui-select-dropdown,
	.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
		border-radius: 8px 8px 0 0;
		border: 1px solid #ededed;
		border-bottom: none;
		box-shadow: 0 -4px 8px rgba(0, 0, 0, .25);
		margin-top: 1px;
	}

	.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match,
	.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
		border-bottom-color: #ededed;
	}
	
	.ui-select-placeholder {
		margin-bottom: 24px
	}

	.half-padding .ui-select-placeholder {
		margin-bottom: 12px
	}
}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 980 */
/* (de) Media Query 980 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 980px) {


	.nav-shortcuts .select-user-profile .select2-drop {
		background: #ededed none repeat scroll 0 0;
		border-color: #fff;
		color: #333333;
	}

	.nav-shortcuts .select2-drop {
		width: 120px !important;
	}

	.select2-result-label div {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.select-user-profile {
		display: inline-block;
		margin: 0 4px 0 0;
	}

	.select-user-profile .select2-container.s2-drop-login,
	.select-user-profile .s2-drop-login {
		width: 44px;
	}

	.select-user-profile .select2-container.s2-drop-login {
		margin: -4px 0 0 0;
	}

	.select-user-profile .select2-container.s2-drop-login .select2-choice {
		border: 1px solid #fff
	}

	.select-user-profile .select2-container.s2-drop-login .select2-choice>.select2-chosen [class*="fa-"]::before {
		color: #333333;
	}

	.select-user-profile .icon-square,
	.select-user-profile .user-greeting,
	.select-user-profile .select2-container,
	.select-user-profile .select2-dropdown-open {
		background: #ededed none repeat scroll 0 0;
		border-color: #ededed;
		color: #333333;
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 560px) {

	.ui-select-placeholder {
		margin-bottom: 12px
	}

}
