.switch_lang {
display: inline-flex;
align-items: center;
justify-content: center;
}
.switch_lang img {
width: 32px;
}
.switch_lang a {
padding-top: 8px;
}
.switch_lang a:hover,
.switch_lang a:active,
.switch_lang a:focus,
.switch_lang a:hover img,
.switch_lang a:active img,
.switch_lang a:focus img {
background: transparent !important;
text-decoration: none !important;
outline: none !important;
}.stylable-list {
position: relative;
background: white;
}
.stylable-list li{
line-height: 32px;
}
.stylable-list a:hover,
.stylable-list a:focus {
text-decoration: none !important;
}
#stylable-list-first-item {
display: inline-flex !important;
align-items: center !important;
}
#stylable-list-first-item img {
width: 32px !important;
max-width: 32px !important;
}
.stylable-list:hover>#lsft-sub-menu,
#lsft-sub-menu:hover {
left: 0 !important;
}
#lsft-sub-menu {
display: flex;
margin-left: 0 !important;
flex-direction: column;
list-style-type: none !important;
width: 100% !important;
background-color: white !important;
border: none !important;
box-shadow: none !important;
left: -999em !important;
position: absolute !important;
top: 50px !important; z-index: 99999 !important;
white-space: nowrap !important;
padding-left: 1px !important;
opacity: 1 !important;
}
.text-only #lsft-sub-menu li a {
padding: 0 1em;
}
#lsft-sub-menu li {
background-color: transparent;
width: 100% !important;
line-height: 32px;
margin-top: 10px;
}
.flag-only #lsft-sub-menu li {
padding-left: 17px;
}
#lsft-sub-menu li a {
color: inherit !important;
width: 100% !important;
padding: 2px 0;
}
#lsft-sub-menu li a:hover {
color: black !important;
background-color: transparent !important;
}
#lsft-sub-menu li a img {
color: inherit !important;
width: 32px !important;
}
#lsft-sub-menu>li a span {
color: inherit !important;
}
.flag-only {
display: flex !important;
justify-content: center !important;
width: 50px !important;
}
.flag-only #lsft-sub-menu li:not(.edit_translation)>a {
padding: 4px 0 !important;
}
.flag-and-text>a{
background-size: 32px;
}
.flag-and-text>a,
.flag-and-text li:not(.edit_translation)>a {
padding-left: 36px !important;
color: inherit !important;
}.stylable-select {
display: inline-block;
color: inherit;
font-family: inherit;
font-weight: inherit;
padding-right: 1.4em;
box-sizing: border-box;
border-color: transparent;
box-shadow: 0 0px 0 0px rgba(0, 0, 0, 0);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
linear-gradient(to bottom, transparent 0%, transparent 100%);
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
}
.stylable-select::-ms-expand {
display: none;
}
.stylable-select:hover {
border-color: transparent;
background-color: transparent;
}
.stylable-select:focus {
border-color: transparent;
background-color: transparent;  color: #222;
outline: none;
}
.stylable-select option {
font-weight: normal;
background-color: transparent;
}
.classOfElementToColor:hover {
background-color: red;
color: black
}
.stylable-select option[selected] {
font-weight: bold !important;
}ul#lsft_horizontal_flags,
ul#sh_lsft_horizontal_flags{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: center;
padding-left: 0;
}
ul#lsft_horizontal_flags .switch_lang,
ul#sh_lsft_horizontal_flags .switch_lang{
margin-right: 20px;
}ul#lsft_vertical_flags,
ul#sh_lsft_vertical_flags{
display: flex;
flex-direction: column;
align-items: center;
}#lsft_custom_dropdown_flags,
#sh_lsft_custom_dropdown_flags{
list-style-type: none;
}
#lsft_custom_dropdown_flags:hover #sc_flags_submenu,
#sh_lsft_custom_dropdown_flags:hover #sh_sc_flags_submenu { display:flex;
}
.stylable-list li{
line-height: 32px;
}
#sc_flags_submenu,
#sh_sc_flags_submenu {
margin-top: 0 !important;
display: none;
margin-left: 0 !important;
flex-direction: column;
list-style-type: none !important;
width: auto !important;
background-color: white !important;
border: none !important;
box-shadow: none !important;
left: 0 !important;
position: absolute !important;
z-index: 99999 !important;
white-space: nowrap !important;
padding-left: 1px !important;
opacity: 1 !important;
}
#sc_flags_submenu > li,
#sh_sc_flags_submenu > li {
padding-left: 0 !important;
}
#sc_flags_submenu > li a,
#sh_sc_flags_submenu > li a {
display: block;
}
#lsft_custom_dropdown_flags .edit_translation {
padding: 2px 0 !important;
font-weight: bold !important;
background: #eee !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
text-align: center !important;
}#lsft_custom_dropdown_names,
#sh_lsft_custom_dropdown_names{
list-style-type: none;
}
#lsft_custom_dropdown_names:hover #sc_names_submenu,
#sh_lsft_custom_dropdown_names:hover #sh_sc_names_submenu { display: flex;
}
.stylable-list li{
line-height: 32px;
}
#sc_names_submenu,
#sh_sc_names_submenu {
margin-top: 0 !important;
display: none;
margin-left: 0 !important;
flex-direction: column;
list-style-type: none !important;
width: auto !important;
background-color: white !important;
border: none !important;
box-shadow: none !important;
left: 0 !important;
position: absolute !important;
z-index: 99999 !important;
white-space: nowrap !important;
padding-left: 1px !important;
opacity: 1 !important;
}
#sc_names_submenu > li,
#sh_sc_names_submenu > li {
padding-left: 0 !important;
}
#sc_names_submenu > li a,
#sh_sc_names_submenu > li a {
display: block;
}
#lsft_custom_dropdown_names .edit_translation {
padding: 2px 0 !important;
font-weight: bold !important;
background: #eee !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
text-align: center !important;
}#lsft_custom_dropdown_flags_names,
#sh_lsft_custom_dropdown_flags_names{
list-style-type: none;
}
#lsft_custom_dropdown_flags_names:hover #sc_flags_names_submenu,
#sh_lsft_custom_dropdown_flags_names:hover #sh_sc_flags_names_submenu { display: flex;
}
.stylable-list li{
line-height: 32px;
}
#sc_flags_names_submenu,
#sh_sc_flags_names_submenu {
margin-top: 0 !important;
display: none;
margin-left: 0 !important;
flex-direction: column;
list-style-type: none !important;
width: auto !important;
background-color: white !important;
border: none !important;
box-shadow: none !important; left: 0 !important;
position: absolute !important;
z-index: 99999 !important;
white-space: nowrap !important;
padding-left: 1px !important;
opacity: 1 !important;
}
#sc_flags_names_submenu > li,
#sh_sc_flags_names_submenu > li {
padding-left: 0 !important;
}
#sc_flags_names_submenu > li a,
#sh_sc_flags_names_submenu > li a {
display: block;
}
#lsft_custom_dropdown_flags_names .flag-and-text > a,
#sh_lsft_custom_dropdown_flags_names .flag-and-text > a {
background-size: 32px;
}
#lsft_custom_dropdown_flags_names .flag-and-text > a,
#sh_lsft_custom_dropdown_flags_names .flag-and-text > a,
#lsft_custom_dropdown_flags_names .flag-and-text li:not(.edit_translation) > a,
#sh_lsft_custom_dropdown_flags_names .flag-and-text li:not(.edit_translation) > a {
padding-left: 36px !important;
color: inherit !important;
}
#lsft_custom_dropdown_flags_names .edit_translation {
padding: 2px 0 !important;
font-weight: bold !important;
background: #eee !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
text-align: center !important;
}