@ -2169,4 +2169,644 @@ Pagination Styles
top : 19px ;
width : 13px ;
z-index : 1416 ;
}
}
/* ******************************************************* */
/* Select2 plugin styles */
/* ******************************************************* */
. select2-container {
position : relative ;
display : inline-block ;
vertical-align : middle ;
margin : 0 ;
word-spacing : normal ;
}
. mf-field . select2-container {
width : 100 % ;
}
. select2-container ul ,
. select2-drop ul {
margin : 0 ;
padding : 0 ;
list-style : none ;
}
. select2-container ,
. select2-drop ,
. select2-search ,
. select2-search input {
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
. select2-container . select2-choice ,
. select2-container . select2-choices {
position : relative ;
display : block ;
border : 1px solid # bdbdbd ;
background : # fff ;
width : 100 % ;
/*padding: 5px 30px 2px 3px;*/
padding-right : 30px ;
font-family : 'dindisplay_pro' , sans-serif ;
font-size : 15px ;
line-height : 19px ;
text-decoration : none ;
overflow : hidden ;
white-space : nowrap ;
color : # 464646 ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
border-radius : 3px ;
-webkit-box-shadow : inset 0 2px 2px -2px # aaa ;
-moz-box-shadow : inset 0 2px 2px -2px # aaa ;
box-shadow : inset 0 2px 2px -2px # aaa ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
-webkit-transition : none ;
-moz-transition : none ;
-ms-transition : none ;
-o-transition : none ;
transition : none ;
}
. select2-container . select2-choices {
height : auto ;
min-height : 40px ;
cursor : text ;
}
. select2-container-active . select2-choice ,
. select2-container-active . select2-choices {
/*border: 2px solid #ff6600;*/
outline : none ;
padding-right : 29px ;
-webkit-box-shadow : none ;
-moz-box-shadow : none ;
box-shadow : none ;
border-radius : 4px ;
}
. select2-dropdown-open . select2-choice ,
. select2-dropdown-open . select2-choices {
border : 2px solid # ff6600 ;
border-bottom : 0 ;
padding-right : 29px ;
border-bottom : none ;
-webkit-border-radius : 3px 3px 0 0 ;
-moz-border-radius : 3px 3px 0 0 ;
border-radius : 3px 3px 0 0 ;
}
. select2-dropdown-open . select2-drop-above . select2-choice ,
. select2-dropdown-open . select2-drop-above . select2-choices {
padding : 6px 29px 1px 2px ;
/*border-bottom: 2px solid #ff6600;*/
border-top : none ;
-webkit-border-radius : 0 0 3px 3px ;
-moz-border-radius : 0 0 3px 3px ;
border-radius : 0 0 3px 3px ;
}
. select2-container-multi . select2-choices : after {
content : " " ;
display : block ;
width : 8px ;
height : 5px ;
overflow : hidden ;
background : url ( . . / img / sprites . png ) -86px -27px no-repeat ;
position : absolute ;
right : 12px ;
top : 17px ;
}
. select2-container-multi . select2-container-active . select2-choices : after {
right : 11px ;
top : 16px ;
}
. select2-dropdown-open . select2-drop-above . select2-choices : after {
right : 11px ;
top : 18px ;
}
. select2-container-multi . select2-container-disabled . select2-choices {
background : # fff ;
/*border: 1px solid #bdbdbd;*/
cursor : default ;
}
. select2-container . select2-allowclear . select2-choice . select2-chosen {
margin-right : 30px ;
}
. select2-container . select2-choice > . select2-chosen {
display : block ;
padding : 7px 0 6px 16px ;
margin-right : 0 ;
line-height : 15px ;
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
float : none ;
width : auto ;
}
. select2-search-choice-close {
display : block ;
position : absolute ;
right : 0 ;
top : 0 ;
width : 25px ;
height : 0 ;
padding-top : 26px ;
overflow : hidden ;
background : none ;
outline : none ;
}
. select2-container-multi . select2-search-choice-close {
left : auto ;
}
. select2-search-choice-close : before {
content : '' ;
display : inline-block ;
width : 8px ;
height : 8px ;
background : url ( . . / img / sprites . png ) -134px -16px no-repeat ;
position : absolute ;
left : 50 % ;
top : 50 % ;
margin : -3px 0 0 -4px ;
}
. select2-container . select2-choice abbr {
display : none ;
width : 30px ;
height : 38px ;
padding-top : 0 ;
position : absolute ;
right : 30px ;
top : 0 ;
font-size : 1px ;
text-decoration : none ;
border : 0 ;
background : none ;
cursor : pointer ;
outline : 0 ;
}
. select2-container . select2-allowclear . select2-choice abbr {
display : block ;
}
. select2-container . select2-container-active . select2-allowclear . select2-choice abbr {
/*height: 36px;*/
right : 29px ;
}
. select2-dropdown-open . select2-drop-above . select2-allowclear . select2-choice abbr {
margin-top : 2px ;
}
. select2-container . select2-allowclear . select2-choice abbr : before {
background-position : -74px -160px ;
}
. select2-container . select2-choice abbr : hover : before {
background-position : -134px -16px ;
}
. select2-container . select2-choice . select2-arrow {
display : block ;
width : 29px ;
height : 100 % ;
position : absolute ;
right : 0 ;
top : 0 ;
-webkit-border-radius : 0 3px 3px 0 ;
-moz-border-radius : 0 3px 3px 0 ;
border-radius : 0 3px 3px 0 ;
}
. select2-container . select2-container-active . select2-choice . select2-arrow {
width : 28px ;
}
. select2-container . select2-choice . select2-arrow b {
display : block ;
width : 8px ;
height : 5px ;
overflow : hidden ;
background : url ( . . / img / sprites . png ) -86px -27px no-repeat ;
position : absolute ;
right : 12px ;
top : 50 % ;
margin-top : -2px ;
}
. select2-container . select2-dropdown-open . select2-drop-above . select2-choice . select2-arrow b {
top : 18px ;
}
. select2-container . select2-container-active . select2-choice . select2-arrow b {
right : 11px ;
top : 16px ;
}
. select2-drop-mask {
position : fixed ;
left : 0 ;
top : 0 ;
z-index : 9998 ;
height : auto ;
width : auto ;
min-height : 100 % ;
min-width : 100 % ;
border : 0 ;
margin : 0 ;
padding : 0 ;
background-color : # fff ;
opacity : 0 ;
filter : alpha ( opacity = 0 ) ;
}
. select2-drop {
position : absolute ;
top : 100 % ;
z-index : 9999 ;
width : 100 % ;
padding : 0 10px 10px ;
background : # fff ;
color : # 000 ;
border : 2px solid # ff6600 ;
border-top : none ;
font-family : 'dindisplay_pro' , sans-serif ;
font-size : 15px ;
-webkit-border-radius : 0 0 4px 4px ;
-moz-border-radius : 0 0 4px 4px ;
border-radius : 0 0 4px 4px ;
}
. select2-drop . select2-drop-above {
padding : 10px 10px 0 ;
border-top : 2px solid # ff6600 ;
border-bottom : 0 ;
border-radius : 4px 4px 0 0 ;
}
. select2-drop-active {
border-color : # ff6600 ;
}
. select2-drop-auto-width {
border-top : 1px solid # aaa ;
width : auto ;
}
. select2-drop-auto-width . select2-search {
padding-top : 4px ;
}
. select2-drop-active : before {
content : '' ;
display : block ;
border-top : 1px dotted # cccccc ;
margin : 4px 0 5px ;
}
. select2-drop . select2-drop-above . select2-drop-active : before {
content : none ;
}
. select2-drop . select2-drop-above . select2-drop-active : after {
content : '' ;
display : block ;
border-bottom : 1px dotted # cccccc ;
margin : 10px 0 4px ;
}
. select2-search {
display : block ;
width : 100 % ;
min-height : 26px ;
margin : 0 ;
padding : 0 10px 10px ;
position : relative ;
z-index : 10000 ;
white-space : nowrap ;
}
. select2-search : after {
content : '' ;
display : block ;
width : 100 % ;
border-bottom : 1px dotted # cccccc ;
padding : 0 10px ;
margin : 5px -10px 0 ;
}
. select2-search input [ type = 'text' ] {
position : relative ;
width : 100 % ;
height : 26px ;
border : none ;
padding : 0 ;
margin : 0 ;
outline : 0 ;
font-family : 'dindisplay_pro' , sans-serif ;
font-size : 15px ;
line-height : 26px ;
-webkit-box-shadow : none ;
-moz-box-shadow : none ;
box-shadow : none ;
background : # fff url ( '../img/select2/select2.png' ) no-repeat 100 % -22px ;
}
. select2-search input : focus {
border : none ;
}
. select2-search input . select2-active {
background : # fff url ( '../img/select2/select2-spinner.gif' ) no-repeat 100 % ;
}
. select2-hidden-accessible {
border : 0 ;
clip : rect ( 0 0 0 0 ) ;
height : 1px ;
margin : -1px ;
overflow : hidden ;
padding : 0 ;
position : absolute ;
width : 1px ;
}
. select2-default {
color : # a2a2a2 ! important ;
}
/* results */
. select2-results {
max-height : 200px ;
padding : 0 0 0 5px ;
margin : 5px 5px 5px 0 ;
position : relative ;
overflow-x : hidden ;
overflow-y : auto ;
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ;
}
html [ dir = "rtl" ] . select2-results {
padding : 0 5px 0 0 ;
margin : 5px 0 5px 5px ;
}
. select2-results ul . select2-result-sub {
margin : 0 ;
padding-left : 0 ;
}
. select2-results li {
list-style : none ;
display : list-item ;
background-image : none ;
}
. select2-results li . select2-result-with-children > . select2-result-label {
font-weight : bold ;
}
. select2-results . select2-result-label {
padding : 3px 7px 4px ;
margin : 0 ;
cursor : pointer ;
min-height : 1em ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
}
. select2-results-dept-1 . select2-result-label { padding-left : 20 px }
. select2-results-dept-2 . select2-result-label { padding-left : 40 px }
. select2-results-dept-3 . select2-result-label { padding-left : 60 px }
. select2-results-dept-4 . select2-result-label { padding-left : 80 px }
. select2-results-dept-5 . select2-result-label { padding-left : 100 px }
. select2-results-dept-6 . select2-result-label { padding-left : 110 px }
. select2-results-dept-7 . select2-result-label { padding-left : 120 px }
. select2-results . select2-highlighted {
background : none ;
color : # ff6600 ;
}
. select2-results li em {
background : # feffde ;
font-style : normal ;
}
. select2-results . select2-highlighted em {
background : transparent ;
}
. select2-results . select2-highlighted ul {
background : # fff ;
color : # 000 ;
}
. select2-results . select2-no-results ,
. select2-results . select2-searching ,
. select2-results . select2-ajax-error ,
. select2-results . select2-selection-limit {
background : # f4f4f4 ;
display : list-item ;
padding-left : 5px ;
}
/ *
disabled look for disabled choices in the results dropdown
* /
. select2-results . select2-disabled . select2-highlighted {
color : # 666 ;
background : # f4f4f4 ;
display : list-item ;
cursor : default ;
}
. select2-results . select2-disabled {
background : # f4f4f4 ;
display : list-item ;
cursor : default ;
}
. select2-results . select2-selected {
display : none ;
}
. select2-more-results . select2-active {
background : # f4f4f4 url ( '../img/select2/select2-spinner.gif' ) no-repeat 100 % ;
}
. select2-results . select2-ajax-error {
background : rgba ( 255 , 50 , 50 , . 2 ) ;
}
. select2-more-results {
background : # f4f4f4 ;
display : list-item ;
}
/* disabled styles */
. select2-container . select2-container-disabled . select2-choice {
background : # ffffff ;
cursor : default ;
}
. select2-container . select2-container-disabled . select2-choice . select2-arrow {
background : none ;
border-left : 0 ;
}
. select2-container . select2-container-disabled . select2-choice abbr {
display : none ;
}
/* multiselect */
. select2-container-multi . select2-choices . select2-search-choice {
position : relative ;
padding : 6px 25px 5px 15px ;
margin : 0 3px 3px 0 ;
border : 1px solid # ff6600 ;
line-height : 15px ;
color : # ff6600 ;
cursor : default ;
background : # ffffff ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
border-radius : 3px ;
-webkit-box-shadow : none ;
-moz-box-shadow : none ;
box-shadow : none ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
}
. select2-locked {
padding : 3px 5px 3px 5px ! important ;
}
. select2-container-multi . select2-choices li {
float : left ;
list-style : none ;
}
html [ dir = "rtl" ] . select2-container-multi . select2-choices li
{
float : right ;
}
. select2-container-multi . select2-choices . select2-search-field {
margin : 0 ;
padding : 0 ;
white-space : nowrap ;
}
. select2-container-multi . select2-choices . select2-search-field input {
background : none ! important ;
border : none ;
outline : none ;
color : # 666 ;
margin : 0 ;
padding : 0 5px ;
height : 29px ;
font-family : 'dindisplay_pro' , sans-serif ;
line-height : 27px ;
-webkit-box-shadow : none ;
-moz-box-shadow : none ;
box-shadow : none ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
border-radius : 3px ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
. select2-container-multi . select2-choices . select2-search-field : first-child input {
padding : 0 20px ;
}
/* end multiselect */
. select2-result-selectable . select2-match ,
. select2-result-unselectable . select2-match {
text-decoration : underline ;
}
. select2-offscreen , . select2-offscreen : focus {
clip : rect ( 0 0 0 0 ) ! important ;
width : 1px ! important ;
height : 1px ! important ;
border : 0 ! important ;
margin : 0 ! important ;
padding : 0 ! important ;
overflow : hidden ! important ;
position : absolute ! important ;
outline : 0 ! important ;
left : 0px ! important ;
top : 0px ! important ;
}
. select2-display-none {
display : none ;
}
. select2-measure-scrollbar {
position : absolute ;
top : -10000px ;
left : -10000px ;
width : 100px ;
height : 100px ;
overflow : scroll ;
}