.select2-container--gin{
}
.select2-container--gin .select2-selection--single{
background-color:#fff;
border:1px solid #aaa;
border-radius:4px;
}
.select2-container--gin .select2-selection--single .select2-selection__rendered{
color:#444;
line-height:28px;
}
.select2-container--gin .select2-selection--single .select2-selection__clear{
cursor:pointer;
float:right;
font-weight:bold;
}
.select2-container--gin .select2-selection--single .select2-selection__placeholder{
color:#999;
}
.select2-container--gin .select2-selection--single .select2-selection__arrow{
height:26px;
position:absolute;
top:1px;
right:1px;
width:20px;
}
.select2-container--gin .select2-selection--single .select2-selection__arrow b{
border-color:#888 transparent transparent transparent;
border-style:solid;
border-width:5px 4px 0 4px;
height:0;
left:50%;
margin-left:-4px;
margin-top:-2px;
position:absolute;
top:50%;
width:0;
}
.select2-container--gin[dir=rtl] .select2-selection--single .select2-selection__clear{
float:left;
}
.select2-container--gin[dir=rtl] .select2-selection--single .select2-selection__arrow{
left:1px;
right:auto;
}
.select2-container--gin.select2-container--disabled .select2-selection--single{
background-color:#eee;
cursor:default;
}
.select2-container--gin.select2-container--disabled .select2-selection--single .select2-selection__clear{
display:none;
}
.select2-container--gin.select2-container--open .select2-selection--single .select2-selection__arrow b{
border-color:transparent transparent #888 transparent;
border-width:0 4px 5px 4px;
}
.select2-container--gin .select2-selection--multiple{
background-color:white;
border:1px solid #aaa;
border-radius:4px;
cursor:text;
}
.select2-container--gin .select2-selection--multiple .select2-selection__rendered{
box-sizing:border-box;
list-style:none;
margin:0;
padding:0 5px;
width:100%;
}
.select2-container--gin .select2-selection--multiple .select2-selection__rendered li{
list-style:none;
}
.select2-container--gin .select2-selection--multiple .select2-selection__clear{
cursor:pointer;
float:right;
font-weight:bold;
margin-top:5px;
margin-right:10px;
padding:1px;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice{
background-color:#e4e4e4;
border:1px solid #aaa;
border-radius:4px;
cursor:default;
float:left;
margin-right:5px;
margin-top:5px;
padding:0 5px;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice__remove{
color:#999;
cursor:pointer;
display:inline-block;
font-weight:bold;
margin-right:2px;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice__remove:hover{
color:#333;
}
.select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--gin[dir=rtl] .select2-selection--multiple .select2-search--inline{
float:right;
}
.select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice{
margin-left:5px;
margin-right:auto;
}
.select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
margin-left:2px;
margin-right:auto;
}
.select2-container--gin.select2-container--focus .select2-selection--multiple{
border:solid black 1px;
outline:0;
}
.select2-container--gin.select2-container--disabled .select2-selection--multiple{
background-color:#eee;
cursor:default;
}
.select2-container--gin.select2-container--disabled .select2-selection__choice__remove{
display:none;
}
.select2-container--gin.select2-container--open.select2-container--above .select2-selection--single, .select2-container--gin.select2-container--open.select2-container--above .select2-selection--multiple{
border-top-left-radius:0;
border-top-right-radius:0;
}
.select2-container--gin.select2-container--open.select2-container--below .select2-selection--single, .select2-container--gin.select2-container--open.select2-container--below .select2-selection--multiple{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.select2-container--gin .select2-search--dropdown .select2-search__field{
border:1px solid #aaa;
}
.select2-container--gin .select2-search--inline .select2-search__field{
background:transparent;
border:none;
outline:0;
box-shadow:none;
-webkit-appearance:textfield;
}
.select2-container--gin .select2-results > .select2-results__options{
max-height:200px;
overflow-y:auto;
}
.select2-container--gin .select2-results__option[role=group]{
padding:0;
}
.select2-container--gin .select2-results__option[aria-disabled=true]{
color:#999;
}
.select2-container--gin .select2-results__option[aria-selected=true]{
background-color:#ddd;
}
.select2-container--gin .select2-results__option .select2-results__option{
padding-left:1em;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__group{
padding-left:0;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__option{
margin-left:-1em;
padding-left:2em;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left:-2em;
padding-left:3em;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left:-3em;
padding-left:4em;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left:-4em;
padding-left:5em;
}
.select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left:-5em;
padding-left:6em;
}
.select2-container--gin .select2-results__option--highlighted[aria-selected]{
background-color:#5897fb;
color:white;
}
.select2-container--gin .select2-results__group{
cursor:default;
display:block;
padding:6px;
}
.ui-widget-overlay + .select2-container--gin{
z-index:1260;
}
.select2-container--gin{
border-radius:6px;
}
.select2-container--gin .select2-selection{
border:1px solid var(--colorGinFormElementBorder);
border-radius:6px;
}
.select2-container--gin .select2-selection--multiple{
}
.select2-container--gin .select2-selection--multiple .select2-selection__rendered{
display:block;
padding:0 0.5rem;
}
.select2-container--gin .select2-selection--multiple .select2-search--inline{
box-sizing:border-box;
color:var(--colorGinText);
min-height:3rem;
padding:calc(0.75rem - 1px) 0;
line-height:1.5rem;
}
.select2-container--gin .select2-selection--multiple .select2-search--inline .select2-search__field{
margin-top:0;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice{
background-color:#e9ecf1;
border:1px solid transparent !important;
border-radius:1.5rem;
font-size:0.889rem;
font-weight:700;
line-height:1rem;
margin-top:0.5rem;
margin-right:0.5rem;
padding:calc(0.5rem - 1px);
}
[dir=rtl] .select2-container--gin .select2-selection--multiple .select2-selection__choice{
margin:5px 0 0 0.35rem;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
float:right;
position:relative;
border-radius:50%;
color:#e9ecf1;
font-size:0;
margin-right:0;
margin-left:0.35rem;
width:1rem;
background-color:#999aa3;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before{
content:"";
position:absolute;
width:100%;
height:100%;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 28 28'%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,9L9,19'/%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,19L9,9'/%3E%3C/svg%3E%0A");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 28 28'%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,9L9,19'/%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,19L9,9'/%3E%3C/svg%3E%0A");
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center center;
mask-position:center center;
background-color:#e9ecf1;
}
.select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover{
background-color:var(--colorGinText);
}
.select2-container--gin .select2-selection--single{
min-height:3rem;
padding:calc(0.75rem - 1px) calc(1rem - 1px);
}
.select2-container--gin .select2-selection--single .select2-selection__rendered{
color:var(--colorGinText);
padding-left:0;
padding-right:12px;
line-height:1.5rem;
}
.select2-container--gin .select2-selection--single .select2-selection__arrow{
min-height:3rem;
width:25px;
}
.select2-container--gin .select2-selection--single .select2-selection__arrow b{
border-color:var(--colorGinText) transparent transparent transparent;
}
.select2-container--gin.select2-container--open .select2-selection--single .select2-selection__arrow b{
border-color:transparent transparent var(--colorGinText) transparent;
}
.select2-container--gin.select2-container--focus .select2-selection--multiple{
border:1px solid var(--colorGinText);
}
.select2-container--gin .select2-search__field:focus{
box-shadow:none;
}
.select2-container--gin .select2-search--dropdown .select2-search__field{
min-height:3rem;
padding:calc(0.75rem - 1px) calc(1rem - 1px);
border-color:var(--colorGinFocus);
border-radius:0.125rem;
}
.select2-container--gin .select2-search--dropdown .select2-search__field:hover,
.select2-container--gin .select2-selection:hover{
border-color:var(--colorGinText);
box-shadow:inset 0 0 0 1px var(--colorGinText);
}
.select2-container--gin .select2-search--dropdown .select2-search__field:focus, .select2-container--gin.select2-container--focus{
box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--colorGinFocus);
outline:0;
}
.select2-container--gin .select2-search--dropdown .select2-search__field:hover:focus{
box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--colorGinFocus), inset 0 0 0 1px var(--colorGinFocus);
}
.select2-container--gin .select2-results__option{
box-sizing:border-box;
min-height:3rem;
padding:calc(0.75rem - 1px) calc(1rem - 1px);
}
.select2-container--gin .select2-results__option[aria-selected=true]{
background-color:#e9ecf1;
}
.select2-container--gin .select2-results__option--highlighted[aria-selected]{
background-color:var(--colorGinPrimaryActive);
color:#fff;
}
.gin--dark-mode .select2-container--gin .select2-selection--single,
.gin--dark-mode .select2-container--gin .select2-selection--multiple,
.gin--dark-mode .select2-container--gin .select2-search__field,
.gin--dark-mode .select2-container--gin .select2-dropdown{
background-color:var(--colorGinLayer2Background);
color:var(--colorGinText);
}
.gin--dark-mode .select2-container--gin .select2-results__option[aria-selected=true]{
background-color:var(--colorGinLayer4Background);
}
.gin--dark-mode .select2-container--gin .select2-selection__choice,
.gin--dark-mode .select2-container--gin .select2-results__option--highlighted[aria-selected]{
background:var(--colorGinLayerBackground);
}
.gin--dark-mode .select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before{
background:var(--colorGinLayerBackground);
}
View source
- .select2-container--gin{
- }
- .select2-container--gin .select2-selection--single{
- background-color:#fff;
- border:1px solid #aaa;
- border-radius:4px;
- }
- .select2-container--gin .select2-selection--single .select2-selection__rendered{
- color:#444;
- line-height:28px;
- }
- .select2-container--gin .select2-selection--single .select2-selection__clear{
- cursor:pointer;
- float:right;
- font-weight:bold;
- }
- .select2-container--gin .select2-selection--single .select2-selection__placeholder{
- color:#999;
- }
- .select2-container--gin .select2-selection--single .select2-selection__arrow{
- height:26px;
- position:absolute;
- top:1px;
- right:1px;
- width:20px;
- }
- .select2-container--gin .select2-selection--single .select2-selection__arrow b{
- border-color:#888 transparent transparent transparent;
- border-style:solid;
- border-width:5px 4px 0 4px;
- height:0;
- left:50%;
- margin-left:-4px;
- margin-top:-2px;
- position:absolute;
- top:50%;
- width:0;
- }
- .select2-container--gin[dir=rtl] .select2-selection--single .select2-selection__clear{
- float:left;
- }
- .select2-container--gin[dir=rtl] .select2-selection--single .select2-selection__arrow{
- left:1px;
- right:auto;
- }
- .select2-container--gin.select2-container--disabled .select2-selection--single{
- background-color:#eee;
- cursor:default;
- }
- .select2-container--gin.select2-container--disabled .select2-selection--single .select2-selection__clear{
- display:none;
- }
- .select2-container--gin.select2-container--open .select2-selection--single .select2-selection__arrow b{
- border-color:transparent transparent #888 transparent;
- border-width:0 4px 5px 4px;
- }
- .select2-container--gin .select2-selection--multiple{
- background-color:white;
- border:1px solid #aaa;
- border-radius:4px;
- cursor:text;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__rendered{
- box-sizing:border-box;
- list-style:none;
- margin:0;
- padding:0 5px;
- width:100%;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__rendered li{
- list-style:none;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__clear{
- cursor:pointer;
- float:right;
- font-weight:bold;
- margin-top:5px;
- margin-right:10px;
- padding:1px;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice{
- background-color:#e4e4e4;
- border:1px solid #aaa;
- border-radius:4px;
- cursor:default;
- float:left;
- margin-right:5px;
- margin-top:5px;
- padding:0 5px;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice__remove{
- color:#999;
- cursor:pointer;
- display:inline-block;
- font-weight:bold;
- margin-right:2px;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice__remove:hover{
- color:#333;
- }
- .select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--gin[dir=rtl] .select2-selection--multiple .select2-search--inline{
- float:right;
- }
- .select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice{
- margin-left:5px;
- margin-right:auto;
- }
- .select2-container--gin[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{
- margin-left:2px;
- margin-right:auto;
- }
- .select2-container--gin.select2-container--focus .select2-selection--multiple{
- border:solid black 1px;
- outline:0;
- }
- .select2-container--gin.select2-container--disabled .select2-selection--multiple{
- background-color:#eee;
- cursor:default;
- }
- .select2-container--gin.select2-container--disabled .select2-selection__choice__remove{
- display:none;
- }
- .select2-container--gin.select2-container--open.select2-container--above .select2-selection--single, .select2-container--gin.select2-container--open.select2-container--above .select2-selection--multiple{
- border-top-left-radius:0;
- border-top-right-radius:0;
- }
- .select2-container--gin.select2-container--open.select2-container--below .select2-selection--single, .select2-container--gin.select2-container--open.select2-container--below .select2-selection--multiple{
- border-bottom-left-radius:0;
- border-bottom-right-radius:0;
- }
- .select2-container--gin .select2-search--dropdown .select2-search__field{
- border:1px solid #aaa;
- }
- .select2-container--gin .select2-search--inline .select2-search__field{
- background:transparent;
- border:none;
- outline:0;
- box-shadow:none;
- -webkit-appearance:textfield;
- }
- .select2-container--gin .select2-results > .select2-results__options{
- max-height:200px;
- overflow-y:auto;
- }
- .select2-container--gin .select2-results__option[role=group]{
- padding:0;
- }
- .select2-container--gin .select2-results__option[aria-disabled=true]{
- color:#999;
- }
- .select2-container--gin .select2-results__option[aria-selected=true]{
- background-color:#ddd;
- }
- .select2-container--gin .select2-results__option .select2-results__option{
- padding-left:1em;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__group{
- padding-left:0;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__option{
- margin-left:-1em;
- padding-left:2em;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
- margin-left:-2em;
- padding-left:3em;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
- margin-left:-3em;
- padding-left:4em;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
- margin-left:-4em;
- padding-left:5em;
- }
- .select2-container--gin .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
- margin-left:-5em;
- padding-left:6em;
- }
- .select2-container--gin .select2-results__option--highlighted[aria-selected]{
- background-color:#5897fb;
- color:white;
- }
- .select2-container--gin .select2-results__group{
- cursor:default;
- display:block;
- padding:6px;
- }
- .ui-widget-overlay + .select2-container--gin{
- z-index:1260;
- }
-
- .select2-container--gin{
- border-radius:6px;
- }
- .select2-container--gin .select2-selection{
- border:1px solid var(--colorGinFormElementBorder);
- border-radius:6px;
- }
- .select2-container--gin .select2-selection--multiple{
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__rendered{
- display:block;
- padding:0 0.5rem;
- }
- .select2-container--gin .select2-selection--multiple .select2-search--inline{
- box-sizing:border-box;
- color:var(--colorGinText);
- min-height:3rem;
- padding:calc(0.75rem - 1px) 0;
- line-height:1.5rem;
- }
- .select2-container--gin .select2-selection--multiple .select2-search--inline .select2-search__field{
- margin-top:0;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice{
- background-color:#e9ecf1;
- border:1px solid transparent !important;
- border-radius:1.5rem;
- font-size:0.889rem;
- font-weight:700;
- line-height:1rem;
- margin-top:0.5rem;
- margin-right:0.5rem;
- padding:calc(0.5rem - 1px);
- }
- [dir=rtl] .select2-container--gin .select2-selection--multiple .select2-selection__choice{
- margin:5px 0 0 0.35rem;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
- float:right;
- position:relative;
- border-radius:50%;
- color:#e9ecf1;
- font-size:0;
- margin-right:0;
- margin-left:0.35rem;
- width:1rem;
- background-color:#999aa3;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before{
- content:"";
- position:absolute;
- width:100%;
- height:100%;
- -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 28 28'%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,9L9,19'/%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,19L9,9'/%3E%3C/svg%3E%0A");
- mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='18px' viewBox='0 0 28 28'%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,9L9,19'/%3E%3Cpath stroke='%23000000' stroke-width='2.25' d='M19,19L9,9'/%3E%3C/svg%3E%0A");
- -webkit-mask-repeat:no-repeat;
- mask-repeat:no-repeat;
- -webkit-mask-position:center center;
- mask-position:center center;
- background-color:#e9ecf1;
- }
- .select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover{
- background-color:var(--colorGinText);
- }
- .select2-container--gin .select2-selection--single{
- min-height:3rem;
- padding:calc(0.75rem - 1px) calc(1rem - 1px);
- }
- .select2-container--gin .select2-selection--single .select2-selection__rendered{
- color:var(--colorGinText);
- padding-left:0;
- padding-right:12px;
- line-height:1.5rem;
- }
- .select2-container--gin .select2-selection--single .select2-selection__arrow{
- min-height:3rem;
- width:25px;
- }
- .select2-container--gin .select2-selection--single .select2-selection__arrow b{
- border-color:var(--colorGinText) transparent transparent transparent;
- }
- .select2-container--gin.select2-container--open .select2-selection--single .select2-selection__arrow b{
- border-color:transparent transparent var(--colorGinText) transparent;
- }
- .select2-container--gin.select2-container--focus .select2-selection--multiple{
- border:1px solid var(--colorGinText);
- }
- .select2-container--gin .select2-search__field:focus{
- box-shadow:none;
- }
- .select2-container--gin .select2-search--dropdown .select2-search__field{
- min-height:3rem;
- padding:calc(0.75rem - 1px) calc(1rem - 1px);
- border-color:var(--colorGinFocus);
- border-radius:0.125rem;
- }
- .select2-container--gin .select2-search--dropdown .select2-search__field:hover,
- .select2-container--gin .select2-selection:hover{
- border-color:var(--colorGinText);
- box-shadow:inset 0 0 0 1px var(--colorGinText);
- }
- .select2-container--gin .select2-search--dropdown .select2-search__field:focus, .select2-container--gin.select2-container--focus{
- box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--colorGinFocus);
- outline:0;
- }
- .select2-container--gin .select2-search--dropdown .select2-search__field:hover:focus{
- box-shadow:0 0 0 2px #fff, 0 0 0 5px var(--colorGinFocus), inset 0 0 0 1px var(--colorGinFocus);
- }
- .select2-container--gin .select2-results__option{
- box-sizing:border-box;
- min-height:3rem;
- padding:calc(0.75rem - 1px) calc(1rem - 1px);
- }
- .select2-container--gin .select2-results__option[aria-selected=true]{
- background-color:#e9ecf1;
- }
- .select2-container--gin .select2-results__option--highlighted[aria-selected]{
- background-color:var(--colorGinPrimaryActive);
- color:#fff;
- }
- .gin--dark-mode .select2-container--gin .select2-selection--single,
- .gin--dark-mode .select2-container--gin .select2-selection--multiple,
- .gin--dark-mode .select2-container--gin .select2-search__field,
- .gin--dark-mode .select2-container--gin .select2-dropdown{
- background-color:var(--colorGinLayer2Background);
- color:var(--colorGinText);
- }
- .gin--dark-mode .select2-container--gin .select2-results__option[aria-selected=true]{
- background-color:var(--colorGinLayer4Background);
- }
- .gin--dark-mode .select2-container--gin .select2-selection__choice,
- .gin--dark-mode .select2-container--gin .select2-results__option--highlighted[aria-selected]{
- background:var(--colorGinLayerBackground);
- }
- .gin--dark-mode .select2-container--gin .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before{
- background:var(--colorGinLayerBackground);
- }