.section{
  min-width:400px;
}

.control-wrap{
  margin-top:1em;
}

.control-wrap span label{
  font-weight:normal;
  color:#444;
  cursor:help;
}

.control-wrap .select-wrap .form-group{
  width:90%; /* TODO: don't love this ... update eventually */
  display:inline-block;
  margin-bottom:0;
}

.control-wrap .select-wrap .form-group .form-control{
  margin-bottom:0;
}

.control-wrap .select-wrap .status{
  display:inline-block;
  margin-top:.5em;
  padding-left:0.5em;
  vertical-align:top;
}

.control-wrap .select-wrap .status.details label i {
  cursor:help;
}

.control-wrap .num_charts label {
font-size: 75%;
padding-left:0.5em;
color : blue;
}

#settingsUI-charts_wrap_ui{
  margin-top:15px;
}

/* chart validation formatting */
#nav_id li.dropdown ul.dropdown-menu li a.valid:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: green;
  padding-left:0.3em;
}



#nav_id li.dropdown ul.dropdown-menu li a.invalid:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  color: red;
  padding-left:0.3em;
}

/* chart validation formatting */
#nav_id li.dropdown ul.dropdown-menu li.active a:after{
  color: white;
}

/* Setting Validation Coloring */

.control-wrap.valid .select-wrap .status{
  color:green;
}

.control-wrap.valid .select-wrap div .selectize-control .selectize-input{
  border-color:green;
}

.control-wrap.invalid .select-wrap .status{
  color:red;
}

.control-wrap.invalid .select-wrap div .selectize-control .selectize-input{
  border-color:red;
}

/* Settings - header tweaks */
.section h3 {
  margin:0;
}

.section h3 .form-group {
  display:inline;
}

.section h3 .form-group .material-switch{
  float:right;
}


.ok {
  color:#008000;
}

.notok {
  color: #FF0000;
}
