quicksettings.css

.msettings_main {
	background-color: #dddddd;
	text-align:left;
}

body > .msettings_main {
  position:absolute;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);
}

.msettings_content {
	background-color: #dddddd;
	overflow-y: auto;
  padding:1em;
}

.msettings_title_bar {
	background-color: #456789;
	user-select: none;
	-webkit-user-select: none;
	cursor: move;
    cursor: grabbing;
    cursor: webkit-grab;
    cursor: grab;
	padding: 1em;
  color:white;
  text-align:center;
}

.msettings_container {
	padding:0.5em;
  padding-left:1em;
  padding-right:1em;
	background-color: #eeeeee;
  min-width:15em;
}

.msettings_range {
	-webkit-appearance: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.msettings_range:focus {
  outline: none; 
}

.msettings_range::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.msettings_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 0px;
  background: #999999;
  cursor: pointer;
  margin-top: 0px;
}

.msettings_range::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border: none;
  border-radius: 0px;
  background: #999999;
  cursor: pointer;
}

.msettings_range::-ms-thumb {
  height: 10px;
  width: 10px;
  border-radius: 0px;
  background: #999999;
  cursor: pointer;
}

.msettings_range::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}

.msettings_range:focus::-webkit-slider-runnable-track {
  background: #cccccc;
}

.msettings_range::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #cccccc;
  border-radius: 0px;
}

.msettings_range::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  color: transparent;
}
.msettings_range::-ms-fill-lower {
  background: #cccccc;
  border-radius: 0px;
}
.msettings_range:focus::-ms-fill-lower {
  background: #cccccc;
}
.msettings_range::-ms-fill-upper {
  background: #cccccc;
  border-radius: 0px;
}
.msettings_range:focus::-ms-fill-upper {
  background: #cccccc;
}

.msettings_checkbox {
	margin-left: 2px;
}

.msettings_checkbox_label {
	user-select: none;
	-webkit-user-select: none;
	cursor: default;
}

.msettings_label {
	margin-bottom: 2px;
	user-select: none;
	-webkit-user-select: none;
	cursor: default;
}

.msettings_color {
	width: 40px;
	font: 9px sans-serif;
	margin: 0px;
}

.msettings_button {
	padding: .5em;
  min-width:15em;
  border-bottom: 0.2em solid #233445;
  background-color: #456789;
  color: #fff;
  cursor: pointer;
  margin:0;
  width:100%;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
}

.msettings_button:hover {
  background-color: #233445;
}

.msettings_text_input {
  
}

.msettings_select {
}

.msettings_image {
  width: 100%;
}

.msettings_progress {
  width: 100%;
}

.msettings_textarea {
  resize: vertical;
  width: 100%;
  padding: 0;
  margin: 0;
}