h1{
  padding: 20px 0 40px;
}
h2,h3{
  padding: 30px 0 10px;
}
.dropdown:hover .dropdown-menu{
  display:block;
}
#validator-message {
  margin-top: 20px;
}
#validator-message.success{
  color: #28a745;
}

#validator-message.fail{
  color: #dc3545;
}
main{
  padding-bottom: 70px;
}
.custom-select[multiple]{
  height: 130px;

}
#draggable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px;}
#droppable { width: 250px; height: 250px; padding: 0.5em; float: left; margin: 10px; }
#resizable { width: 250px; height: 250px; padding: 0.5em; }
#resizable h3 { text-align: center; margin: 0; }
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 4px; padding-left: 15px; font-size: 14px; height: 35px; }
#sortable li span { position: absolute; margin-left: -13px; }
#sortable .ui-icon{margin-top: 3px;}

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 4px; font-size: 14px; height: 35px; }

.ui-autocomplete-category {
  font-weight: bold;
  padding: .2em .4em;
  margin: .8em 0 .2em;
  line-height: 1.5;
}

#dialog-form label, input { display:block; }
#dialog-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
#dialog-form fieldset { padding:0; border:0; margin-top:25px; }
#dialog-form h1 { font-size: 1.2em; margin: .6em 0; }
#dialog-form div#users-contain { width: 350px; margin: 20px 0; }
#dialog-form div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#dialog-form div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
 .ui-dialog .ui-state-error { padding: .3em; }

 .validateTips { border: 1px solid transparent; padding: 0.3em; }
.ui-menu { width: 150px; }

.ui-progressbar {
   position: relative;
 }
 .progress-label {
   position: absolute;
   left: 50%;
   top: 4px;
   font-weight: bold;
   text-shadow: 1px 1px 0 #fff;
 }

 .demo fieldset {
    border: 0;
  }
.demo  label {
    display: block;
    margin: 30px 0 0 0;
  }
.demo  .overflow {
    height: 200px;
  }

  #custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
  }
.tooltips  label {
  display: inline-block;
  width: 5em;
}
#high-site{
  position: relative;
}
#high-site .high-site-paragraph{
  position: absolute;
}