/* Common styles for both switch and term */
.term-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 23px;
}

.term-switch input {
  display: none;
}

.term {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: orange;
  border-radius: 30px;
  transition: background-color 0.4s, box-shadow 0.4s;
}

/* Styles when input is checked */
input:checked + .term {
  background-color: green;
}

input:focus + .term {
  box-shadow: 0 0 1px #2196F3;
}

/* Styles for the switch text */
.term:after {
  content: 'Suspend';
  color: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

/* Styles when input is checked */
input:checked + .term:after {
  content: 'Suspended';
}

/* Fit element in td */
tr td.fit {
  width: 5%;
  white-space: nowrap;
}

/* Adjusted position for rounded term */
div.term.round {
  top: 22%;
}

	
	/* dataTables Search input box */
 
    .dataTables_filter {
        position: relative;
		float: right;
    }
 
    .dataTables_filter input {
        width: 400px;
        height: 32px;
        background: #B6FBFC;
        border: 1px solid #aaa;
        border-radius: 5px;
        box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
        text-indent: 10px;
    }
 
    .dataTables_filter .fa-search {
        position: absolute;
        top: 10px;
        left: auto;
        right: 10px;
    }