a.swl-control,
a.swl-checkbox,
a.swl-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
} a.swl-checkbox {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background-color: #f8f8f8;
border: 1px solid #a6a6a6;
border-radius: 50%;
box-sizing: border-box;
vertical-align: middle;
-webkit-transition: all 50ms ease-in;
transition: all 50ms ease-in;
}
a.swl-checkbox:focus {
outline: none;
}
a.swl-checkbox:focus,
a.swl-checkbox:hover {
cursor: pointer;
border-color: #3393f9;
}
a.swl-checkbox:active {
background-color: #e3edf7;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
a.swl-checkbox.checked {
background-color: white;
border: 6px solid #3393f9;
box-shadow: none;
} a.swl-select {
position: relative;
display: inline-block;
width: 100%;
height: 24px;
line-height: 22px;
text-decoration: none;
color: inherit;
box-sizing: border-box;
vertical-align: middle;
}
a.swl-select ul {
position: absolute;
width: inherit;
line-height: inherit;
border: 1px solid #a6a6a6;
border-radius: 2px;
background-color: #f8f8f8;
box-sizing: border-box;
z-index: 5;
}
a.swl-select ul:hover {
border-color: #3393f9;
cursor: pointer;
}
a.swl-select ul li {
position: relative;
line-height: inherit;
padding: 0 10px;
box-sizing: border-box;
}
a.swl-select ul li.selected {
display: block;
}
a.swl-select ul li.unselected {
display: none;
}
a.swl-select.open {
z-index: 1000;
}
a.swl-select.open ul {
height: auto;
}
a.swl-select.open ul li.unselected {
display: block;
}
a.swl-select.open ul li:focus,
a.swl-select.open ul li:hover {
color: white;
background-color: #3393f9;
}
html.touch .swl-select-wrapper {
position: relative;
}
html.touch .swl-select-wrapper select {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
padding: 0;
margin: 0;
opacity: 0;
z-index: 10;
cursor: pointer;
-webkit-appearance: menulist-button;
}