/* @override
	http://dps206.dev/templates/dps/frontend/_resources/styles/ui-selectmenu.css
	https://dsq206.com/templates/dps/frontend/_resources/styles/ui-selectmenu.css */

/* Selectmenu
----------------------------------/
.ui-selectmenu {
    vertical-align:   middle;
    margin:           0 0 10px 0;
    padding:          0 !important;
    display:          inline-block;
    position:         relative;
    min-width:        50px;
    height:           22px;
    text-decoration:  none;
    overflow:         hidden;
    background-color: #ffffff;
}
.ui-select-icon {
    width:       20px;
    height:      20px;
    background:  url('../images/arrows/select_arrow.png') no-repeat scroll 0 0 transparent;
    border-left: 1px #dddddd solid;
}
.ui-selectmenu-icon {
    position: absolute;
    right:    2px;
    margin:   -10px 0 0 20px;
    top:      50%;
}
.ui-selectmenu-menu {
    padding:          0;
    margin:           0;
    list-style:       none;
    position:         absolute;
    top:              0px;
    visibility:       hidden;
    overflow:         auto;
    background-color: #ffffff;
    z-index:          10000;
}
.ui-selectmenu-open {
    visibility: visible;
}
.ui-selectmenu-menu-popup {
    margin-top: 0px;
    border:     1px #dddddd solid;
}
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li {
    padding:            2px 5px 2px 5px;
    margin:             0 0px 0 0;
    display:            block;
    border-top:         1px dotted transparent;
    border-bottom:      1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width:  0 !important;
    font-weight:        normal !important;
    white-space:        nowrap;
}
.ui-selectmenu-menu li a,.ui-selectmenu-status {
    padding:         0 30px 0 0;
    height:          14px;
    line-height:     1.4em;
    padding:         0;
    outline:         none;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position:     relative;
    margin-left:  5px;
}
.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon {
    position:   absolute;
    top:        1em;
    margin-top: -8px;
    left:       0;
}
.ui-selectmenu-status {
    line-height: 1.9em;
    padding:     6px;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
    display:       block;
    margin-bottom: 0.2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.8;
}
/*for optgroups /
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display:     block;
    padding:     0.6em 0.5em 0;
    font-weight: bold;
}
.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin:  0;
    padding: 0;
}

/*
    Breite für gestylte Select-Elemente

    UND BIST DU NICHT WILLIG, SO BRAUCH ICH GEWALT...
/

select{
    padding: 0 25px 0 0 !important; /* Safari-Fix /
}
#sLanguage{
    width:  100px !important;
}
#sQuantity,
.sQuantity{
    width:  58px !important;
}
/*
.sQuantity{
    width: 197px;
}
#country{
    width: 175px !important;
}
#country2{
    width: 175px !important;
}
#basket_country_list{
    width: 175px !important;
}
#register_personal_customer_type{
    width: 159px !important;
}
#register_personal_birthdate{
    width: 100px;
}
#register_personal_birthmonth{
    width: 100px;
}
#register_personal_birthyear{
    width: 116px;
}
#salutation{
    width: 163px;
}
#salutation2{
    width: 112px;
}
#sAdditionalColorVariants{
    width: 163px !important;
}
select.configurator{
    width: 180px !important;
}
select.configurator2{
    width: 180px !important;
}
select.sPerPage{
    width: 100px;
}
select.variant{
    width: 200px !important;
}
#chkmail{
    width: 231px;
}

*/

/* Selectmenu
----------------------------------*/
select{
    box-sizing:         content-box;
    -ms-box-sizing:     content-box;
    -moz-box-sizing:    content-box;
    -webkit-box-sizing: content-box;
}
.ui-selectmenu{
    display:         block;
    position:        relative;
    height:          2em;
    text-decoration: none;
    overflow:        hidden;
    float: 			 left;
}
.ui-selectmenu-icon{
    position:   absolute;
    right:      6px;
    margin-top: -8px;
    top:        50%;
}
.ui-selectmenu-menu{
    border:                         1px #bbbbbb solid;
    border-top:                     1px transparent solid;
    -moz-border-radius-topleft:     4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius:  4px;
	border-top-left-radius:         4px;
    padding:                        0;
    margin:                         -14px 0 0 0px;
    list-style:                     none;
    position:                       absolute;
    top:                            0;
    visibility:                     hidden;
    overflow:                       auto;
    background-color:               #ffffff;
}
.ui-selectmenu-menu#sLanguage-menu{
    background-color: transparent;
}

.ui-selectmenu-open{
    visibility: visible;
    z-index:    9999999; /* Wichtig für immer und WIRKLICH IMMER oben! */
}
.ui-selectmenu-menu-popup{
    margin-top: -1px;
}
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li{
    padding:            0;
    margin:             0;
    display:            block;
    border-top:         1px dotted transparent;
    border-bottom:      1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width:  0 !important;
    font-weight:        normal !important;
}
.ui-selectmenu-menu li:first-child{
    border-top: none !important;
}
.ui-selectmenu-menu li:last-child{
    border-bottom: none !important;
}
.ui-selectmenu-menu li a,
.ui-selectmenu-status{
    line-height:     1.4em;
    display:         block;
    padding:         3px 0 3px 5px;
    outline:         none;
    text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status{
    padding-left: 20px;
    position:     relative;
    margin-left:  5px;
}
.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon{
    position:   absolute;
    top:        1em;
    margin-top: -8px;
    left:       0;
}
.ui-selectmenu-status{
    line-height: 1.4em;
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,
.ui-selectmenu-status span{
    display:       block;
    margin-bottom: 0.2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header{
    font-weight: bold;
}
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer{
    opacity: 0.8;
}
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group{
    font-size: 1em;
}
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label{
    line-height: 1.4em;
    display:     block;
    padding:     0.6em .5em 0;
    font-weight: bold;
}
.ui-selectmenu-menu .ui-selectmenu-group ul{
    margin:  0;
    padding: 0;
}


/* Einzel-Style-Definitionen */

/* Sprachen-Menü */
#sLanguage-button{
    border:     1px transparent solid;
    height:     16px;
    margin:     1px 0;
    width:      75px !important;
    padding-right: 14px;
}
#sLanguage-button .ui-selectmenu-status{ /* 15px weniger */
    width: 60px !important;
}


#sLanguage-button:hover{
    text-decoration: none !important;
}
#sLanguage-menu{ /* 15px - 20px weniger */
/*    background-color: #fff; */
    border: 1px solid #bbbbbb;
    width:  65px !important;
    -moz-border-radius-topright:     4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius:  4px;
    border-top-right-radius:         4px;
}
#sLanguage-menu li a{
    color:          #757575 !important;
    font:           11px/10px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}
#sLanguage-menu li a:hover{
	color: #333 !important;
}

/* Größen-Menü (Produktdetailseiten) (englisch etwas kleiner?) */
#sAdd-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 	 0.5em 0;
    width:       172px !important;
}
#sAdd-button .ui-selectmenu-status{ /* 15px - 20px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
}
#sAdd-button:hover{
    text-decoration: none !important;
}
#sAdd-menu{ /* 15px - 20px weniger */
    margin-top: -19px !important;
    height: auto !important;
    width: 145px !important;
}
#sAdd-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}
#sAdd-menu li.variant-sold-out {
	opacity: 0.5;
}

/* Anrede-Menü */
#anrede-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       115px !important;
}
#anrede-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      90px !important;
}
#anrede-button:hover{
    text-decoration: none !important;
}
#anrede-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      90px !important;
}
#anrede-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}
/* Anrede beim Newsletter */
#salutation-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       115px !important;
}
#salutation-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      90px !important;
}
#salutation-button:hover{
    text-decoration: none !important;
}
#salutation-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      90px !important;
}
#salutation-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}
/* Lieferadresse */
#salutation2-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       65px !important;
}
#salutation2-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      40px !important;
}
#salutation2-button:hover{
    text-decoration: none !important;
}
#salutation2-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      40px !important;
}
#salutation2-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Wie-Menü (Defektes Produkt) */
#wie-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       115px !important;
}
#wie-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      90px !important;
}
#wie-button:hover{
    text-decoration: none !important;
}
#wie-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      90px !important;
}
#wie-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Länder-Menü (Adressen-Registrierung) */
#country-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       150px !important;
}
#country-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      125px !important;
}
#country-button:hover{
    text-decoration: none !important;
}
#country-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      125px !important;
}
#country-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}
#country2-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       150px !important;
}
#country2-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      125px !important;
}
#country2-button:hover{
    text-decoration: none !important;
}
#country2-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      125px !important;
}
#country2-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Kreditkarten-Menü (Payment-Registrierung) */
#payonesubpay_creditcard_card-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       140px !important;
}
#payonesubpay_creditcard_card-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      115px !important;
}
#payonesubpay_creditcard_card-button:hover{
    text-decoration: none !important;
}
#payonesubpay_creditcard_card-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      115px !important;
}
#payonesubpay_creditcard_card-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Kreditkarten-Monat-Menü (Payment-Registrierung) */
#payonesubpay_creditcard_validuntilmonth-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       65px !important;
}
#payonesubpay_creditcard_validuntilmonth-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      40px !important;
}
#payonesubpay_creditcard_validuntilmonth-button:hover{
    text-decoration: none !important;
}
#payonesubpay_creditcard_validuntilmonth-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      40px !important;
}
#payonesubpay_creditcard_validuntilmonth-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Kreditkarten-Jahr-Menü (Payment-Registrierung) */
#payonesubpay_creditcard_validuntilyear-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       75px !important;
}
#payonesubpay_creditcard_validuntilyear-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      50px !important;
}
#payonesubpay_creditcard_validuntilyear-button:hover{
    text-decoration: none !important;
}
#payonesubpay_creditcard_validuntilyear-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      50px !important;
}
#payonesubpay_creditcard_validuntilyear-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Newsletter-Modus (Abonnieren / Abbestellen) - Deutsch */
#chkmail_de-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       180px !important;
}
#chkmail_de-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      155px !important;
}
#chkmail_de-button:hover{
    text-decoration: none !important;
}
#chkmail_de-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      155px !important;
}
#chkmail_de-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Newsletter-Modus (Abonnieren / Abbestellen) - Englisch */
#chkmail_en-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       220px !important;
}
#chkmail_en-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      195px !important;
}
#chkmail_en-button:hover{
    text-decoration: none !important;
}
#chkmail_en-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      195px !important;
}
#chkmail_en-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Geburtstag-Tag-Menü (Registrierung) */
#register_personal_birthdate-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       65px !important;
    margin-right: 5px;
}
#register_personal_birthdate-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      40px !important;
}
#register_personal_birthdate-button:hover{
    text-decoration: none !important;
}
#register_personal_birthdate-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      40px !important;
}
#register_personal_birthdate-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Geburtstag-Monat-Menü (Registrierung) */
#register_personal_birthmonth-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       65px !important;
    margin-right: 5px;
}
#register_personal_birthmonth-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      40px !important;
}
#register_personal_birthmonth-button:hover{
    text-decoration: none !important;
}
#register_personal_birthmonth-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      40px !important;
}
#register_personal_birthmonth-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Geburtstag-Jahr-Menü (Registrierung) */
#register_personal_birthyear-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       75px !important;
}
#register_personal_birthyear-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      50px !important;
}
#register_personal_birthyear-button:hover{
    text-decoration: none !important;
}
#register_personal_birthyear-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      50px !important;
}
#register_personal_birthyear-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Quantität-Menü (Checkout - Step 3) */
#sQuantity-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin:      0;
    width:       70px !important;
    margin-top: -4px;
}

#cartnotes #sQuantity-button{
    width:       50px !important;
}

.basket_change_quantity #sQuantity-button {
	margin-top: 7px;
}

#sQuantity-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      45px !important;
}
#sQuantity-button:hover{
    text-decoration: none !important;
}
#sQuantity-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      45px !important;
}
#sQuantity-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}

/* Shop-Menü (Kontakt-Formular) */
#shop-button{
/*    border:     1px transparent solid; */
    color:       #757575 !important;
    font-weight: bold;
    height:      20px;
    margin: 0.5em 0;
    width:       215px !important;
}
#shop-button .ui-selectmenu-status{ /* 15px - 25px weniger */
    font:       11px/11px ProximaNovaA-SemiBold !important;
    margin-top: 2px !important;
    width:      190px !important;
}
#shop-button:hover{
    text-decoration: none !important;
}
#shop-menu{ /* 15px - 25px weniger */
    margin-top: -19px !important;
    width:      190px !important;
}
#shop-menu li a{
    color:          #757575 !important;
    font:           11px/11px ProximaNovaA-SemiBold !important;
    text-transform: uppercase;
}


#timeSlotFrom {
	margin-right: 20px !important;
}

.ui-state-active .ui-selectmenu-status{
    visibility: hidden;
}

#shop-button {
	margin-top: 18px;
}