.templates table::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.templates button {
  margin-bottom: 4px;
}
th { text-align: center; }
th span a { cursor: pointer; }
.slider {
  cursor: pointer; 
}
.weighting-table td {
  white-space: normal !important; 
}
.weighting-table td:nth-child(2) {
  padding-left: 25px; 
}
.slidecontainer {
  margin-bottom: 25px;
}
table {
  display: block;
  margin: 0 auto;
  overflow-x: auto;
  white-space: nowrap;
}
[v-cloak] { display:none; }
#sliderTable td {
  padding: 5px; 
}
#sliderTable td:nth-child(3) input {
  width: 60px; 
  text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=range] {
  cursor: pointer; 
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
/* table, td, tr, th {
  border: 1px solid black; 
} */
.brd td, .brd th {
  border-top: 1px solid black;
  /* border-bottom: 1px solid black; */
  padding: 5px; 
}
.form-control {
  display: inline; 
  width: 36px; 
  font-size: 16px; 
  text-align: center; 
  padding: 0; 
}
button {
  margin-right: 3px; 
  border: 0; font-weight: bold;
}
.options-bar div {
  display: inline-block; 
  margin-bottom: 10px;
}
.modal-body {
  padding: 25px; 
}

/* css for slider 
------------------------------ */


.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}
.tgl-flat + .tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  background: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
  transition: all 0.2s ease;
  background: #f2f2f2;
  content: "";
  border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
  border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #7FC6A6;
}
.notSort {
    text-decoration: underline;
    cursor: pointer;
}
.sort {
    background-color: #ed702b;
    color: #fff !important;
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    font-weight: bold;
    white-space: nowrap;
    border-radius: 0.25em;
    cursor: pointer;
    text-decoration: none !important;
}