/**
* Remove default margin.
*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

body {
  background-color: #edf2f2;
}

.settings-container {
  margin-bottom: 1.5em;
}

.settings-row-primary,
.settings-container,
.language-container,
.settings-container-disabled {
  background-color: #ffffff;
}

.settings-container h1,
.settings-row-primary h1,
.language-container h1 {
  font-size: 1em;
}

.language-container h1 {
  padding: 1em;
}

.language-container a,
#langContainer a {
  color: #405B63;
  text-decoration: none;
}

.language-container a:hover,
#langContainer a:hover {
  text-decoration: none;
}

.settings-row-primary {
  position: relative;
  padding: 1em;
}

.settings-row-primary h1 {
  margin: 0;
}

.settings-row-primary .settings-premise {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 50px;
}

.settings-row,
.settings-parent,
.settings-row-combined {
  border-top: 2px solid #EDF2F2;
  position: relative;
}

.settings-row {
  padding: 20px 50px 20px 15px;
}

.settings-parent,
.settings-row-combined {
  padding: 1em 1em 0 1em;
}

.settings-parent h2 {
  font-size: 1em;
  padding-bottom: 1.25em;
  position: relative;
}

.settings-row-cbcontainer {
  padding: 0 40px 20px 0;
}

.settings-parent h2 i {
  display: block;
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%2354bd52%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_caret_down%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M14.94%2C20.13a1.2%2C1.2%2C0%2C0%2C1-.85-.35L6.35%2C12A1.2%2C1.2%2C0%2C1%2C1%2C8%2C10.35l6.89%2C6.89%2C7-7a1.2%2C1.2%2C0%2C0%2C1%2C1.7%2C1.7l-7.86%2C7.87A1.2%2C1.2%2C0%2C0%2C1%2C14.94%2C20.13Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: -webkit-transform .22s ease-out;
  transition: -webkit-transform .22s ease-out;
  transition: transform .22s ease-out;
  transition: transform .22s ease-out, -webkit-transform .22s ease-out;
  -webkit-transform-origin: 50% 40%;
  transform-origin: 50% 40%;
}

.settings-details-wrapper {
  -webkit-transition: max-height .2s ease-in-out;
  transition: max-height .2s ease-in-out;
  overflow-y: hidden;
}

.settings-details {
  padding-bottom: 20px;
}

.settings-parent-open .settings-details {
  display: block;
}

.settings-parent h2 span {
  font-size: .75em;
  font-weight: normal;
}

.settings-parent-open h2 i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.settings-parent .settings-row {
  border-top: 1px solid #edf2f2;
  padding: 1em 3em 1em 0;
}

.settings-locations {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .875em;
  line-height: 1.4em;
  color: #858d94;
}

i.settings-cb {
  width: 1.25em;
  height: 1.25em;
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%23b8c2c2%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_check%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M25%2C3a2%2C2%2C0%2C0%2C1%2C2%2C2V25a2%2C2%2C0%2C0%2C1-2%2C2H5a2%2C2%2C0%2C0%2C1-2-2V5A2%2C2%2C0%2C0%2C1%2C5%2C3H25m0-2H5A4%2C4%2C0%2C0%2C0%2C1%2C5V25a4%2C4%2C0%2C0%2C0%2C4%2C4H25a4%2C4%2C0%2C0%2C0%2C4-4V5a4%2C4%2C0%2C0%2C0-4-4Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}

.settings-container-disabled i.settings-cb {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%23edf2f2%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_checked_disabled%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M25%2C3a2%2C2%2C0%2C0%2C1%2C2%2C2V25a2%2C2%2C0%2C0%2C1-2%2C2H5a2%2C2%2C0%2C0%2C1-2-2V5A2%2C2%2C0%2C0%2C1%2C5%2C3H25m0-2H5A4%2C4%2C0%2C0%2C0%2C1%2C5V25a4%2C4%2C0%2C0%2C0%2C4%2C4H25a4%2C4%2C0%2C0%2C0%2C4-4V5a4%2C4%2C0%2C0%2C0-4-4ZM13.32%2C21%2C23%2C11.07A1.5%2C1.5%2C0%2C0%2C0%2C20.88%2C9l-8.37%2C8.56-3.2-5.1A1.5%2C1.5%2C0%2C0%2C0%2C6.76%2C14L11%2C20.74a1.5%2C1.5%2C0%2C0%2C0%2C1.11.69h.16A1.5%2C1.5%2C0%2C0%2C0%2C13.32%2C21Z%22%2F%3E%3C%2Fsvg%3E");
}

.settings-parent .settings-row i.settings-cb {
  top: 15px;
  right: 0;
}

i.settings-cb-checked {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%2354bd52%3Bfill-rule%3Aevenodd%3B}.b{fill%3A%23fff%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_checked%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M5%2C1H25a4%2C4%2C0%2C0%2C1%2C4%2C4V25a4%2C4%2C0%2C0%2C1-4%2C4H5a4%2C4%2C0%2C0%2C1-4-4V5A4%2C4%2C0%2C0%2C1%2C5%2C1Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M12.25%2C21.45h-.16A1.5%2C1.5%2C0%2C0%2C1%2C11%2C20.74L6.76%2C14a1.5%2C1.5%2C0%2C1%2C1%2C2.54-1.6l3.2%2C5.1L20.88%2C9A1.5%2C1.5%2C0%2C0%2C1%2C23%2C11.07L13.32%2C21A1.5%2C1.5%2C0%2C0%2C1%2C12.25%2C21.45Z%22%2F%3E%3C%2Fsvg%3E");
}

.settings-container-disabled i.settings-cb-checked {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%23edf2f2%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_checked_disabled%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M25%2C3a2%2C2%2C0%2C0%2C1%2C2%2C2V25a2%2C2%2C0%2C0%2C1-2%2C2H5a2%2C2%2C0%2C0%2C1-2-2V5A2%2C2%2C0%2C0%2C1%2C5%2C3H25m0-2H5A4%2C4%2C0%2C0%2C0%2C1%2C5V25a4%2C4%2C0%2C0%2C0%2C4%2C4H25a4%2C4%2C0%2C0%2C0%2C4-4V5a4%2C4%2C0%2C0%2C0-4-4ZM13.32%2C21%2C23%2C11.07A1.5%2C1.5%2C0%2C0%2C0%2C20.88%2C9l-8.37%2C8.56-3.2-5.1A1.5%2C1.5%2C0%2C0%2C0%2C6.76%2C14L11%2C20.74a1.5%2C1.5%2C0%2C0%2C0%2C1.11.69h.16A1.5%2C1.5%2C0%2C0%2C0%2C13.32%2C21Z%22%2F%3E%3C%2Fsvg%3E");
}

.settings-container-disabled {
  color: #b8c2c2 !important;
}

.settings-slider-block, .settings-info-block {
  border-top: 1px solid #EDF2F2;
  padding: 1em 0 2em;
  position: relative;
}

.settings-info-block {
  color: #858d94;
  font-size: .75em;
  line-height: 1.25;
}

.settings-slider-block span.legend {
  display: block;
  left: 0;
  position: absolute;
}

.settings-slider-block span.value {
  display: block;
  right: 0;
  position: absolute;
}

.settings-slider-block .slider {
  margin: 2em 0 0 0;
}

.ui-slider {
  height: 8px;
  background: #edf2f2;
  position: relative;
  border-radius: 4px;
}

.ui-slider-handle {
  width: 2em;
  height: 2em;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%23fff%3B}.b{fill%3A%234c5b68%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_ring%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M15%2C2A13%2C13%2C0%2C1%2C1%2C2%2C15%2C13%2C13%2C0%2C0%2C1%2C15%2C2m0-1A14%2C14%2C0%2C1%2C0%2C29%2C15%2C14%2C14%2C0%2C0%2C0%2C15%2C1Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -1em;
  top: -0.75em;
  z-index: 2;
  outline: 0;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-horizontal .ui-slider-range {
  height: 100%;
  top: 0;
}

.ui-slider .ui-slider-range {
  display: block;
  position: absolute;
  z-index: 1;
}

.ui-slider-range {
  background: #54bd52;
  border-radius: 4px;
  z-index: 1;
}

.ui-slider-range-max {
  background: #d54226;
}

.language-row {
  display: block;
  border-top: 1px solid #edf2f2;
  position: relative;
  padding: 1em;
  position: relative;
}

.language-row i {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%2354bd52%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_caret_down%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M14.94%2C20.13a1.2%2C1.2%2C0%2C0%2C1-.85-.35L6.35%2C12A1.2%2C1.2%2C0%2C1%2C1%2C8%2C10.35l6.89%2C6.89%2C7-7a1.2%2C1.2%2C0%2C0%2C1%2C1.7%2C1.7l-7.86%2C7.87A1.2%2C1.2%2C0%2C0%2C1%2C14.94%2C20.13Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.25em;
  height: 1.25em;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#langContainer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul.options {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}

ul.options li + li {
  border-top: 1px solid #edf2f2;
}

ul.options a {
  display: block;
  padding: 1em;
  text-decoration: none;
}

ul.options a:active {
  background: #fff;
}

ul.options li i {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%23b8c2c2%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_radio%3C%2Ftitle%3E%3Cpath%20class%3D%22a%22%20d%3D%22M15%2C3A12%2C12%2C0%2C1%2C1%2C3%2C15%2C12%2C12%2C0%2C0%2C1%2C15%2C3m0-2A14%2C14%2C0%2C1%2C0%2C29%2C15%2C14%2C14%2C0%2C0%2C0%2C15%2C1Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
  height: 1.25em;
  width: 1.25em;
}

ul.options li.active i {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.a{fill%3A%2354bd52%3B}.b{fill%3A%23fff%3B}%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eicon_radio_checked%3C%2Ftitle%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214%22%2F%3E%3Ccircle%20class%3D%22b%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%226.65%22%2F%3E%3C%2Fsvg%3E");
}