.container {
  overflow: visible;
}

.btn-container {
   border-radius: 40px;
   padding: 5px;
   width: 110px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .btn-container--on {
   border: 1px solid green;
   color: green;
 }
 
 .btn-container--off {
   border: 1px solid red;
   color: red;
 }
 
 .btn-switch {
   position: relative;
   display: block;
   width: 32px;
   height: 15px;
   cursor: pointer;
   background-color: #d8534f;
   border: 2px solid #d33f3a;
   border-radius: 40px;
 }
 
 .btn-switch-circle {
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   height: 10px;
   width: 10px;
   background-color: #fff;
   border-radius: 40px;
 }
 
 .btn-switch--on {
   background-color: #5cb95c;
   border: 2px solid #4dae4c;
 }
 
 .btn-switch-circle--on {
   left: auto;
   right: 0;
 }

 table {
   overflow: visible; 
 }
 
 tbody tr {
   position: relative; 
 }
 
 td {
   position: relative;
   overflow: visible; 
 }
 
 .dropdown-menu {
   display: block !important;
   position: absolute !important;
   z-index: 1000 !important;
   max-height: 200px;
   overflow-y: auto;
   width: 100%; 
   left: 0; 
   top: 100%;
 }
 
 .drop-up {
   bottom: 100%;
   top: auto;
 }
 
 .dropdown-menu li {
   padding: 8px;
   cursor: pointer;
 }
 
 .dropdown-menu li:hover {
   background-color: #f1f1f1;
 }