.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}


/* selected btn css */
.btn-group-toggle .btn:not(:disabled):not(.disabled).active, .btn-group-toggle .btn:not(:disabled):not(.disabled):active, .show>.btn.dropdown-toggle {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}

/* non selected btn css */
.btn-group-toggle .btn {
color: #fff;
background-color: #b7b7b7;
border-color: #6c757d;
}

/* @media screen and (max-width:576px) {
  .custom-range {
    visibility: hidden;
  }
}
 */
 
.expandable > legend:before {
    content: '\25B8';
    padding-right: 5px;
  }
.expanded > legend:before {
    content: '\25BE';
}

/* input[type=range]:after{
    content: attr(value);
    color: #000;
    position: absolute;
}
 */
 input[type=range]::-webkit-slider-runnable-track {
    background: black;
  }
 input[type=range]:focus::-webkit-slider-runnable-track {
    background: black;
  }
 input[type=range]::-moz-range-track {
    background: black;
  }

 input[type=range]::-ms-fill-lower {
    background: black;
 }
 input[type=range]:focus::-ms-fill-lower {
    background: black;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: black;
  }
.custom-range::-webkit-slider-thumb {
    background: darkred;
  }
  
.custom-range::-moz-range-thumb {
    background: darkred;
  }
  
.custom-range::-ms-thumb {
    background: darkred;
  }