.switch 
	{
	  position: relative;
	  display: inline-block;
	  width: 60px;
	  height: 23px;
	}

	.switch input {display:none;}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: orange;
	  -webkit-transition: .4s;
	  transition: .4s;
	   border-radius: 30px;
	}

	/* .slider:before {
	  position: absolute;
	  content: "";
	  height: 15px;
	  width: 15px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	  border-radius: 50%;
	} */

	input:checked + .slider 
	{
	  background-color: green;
	}

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

	input:checked + .slider:before 
	{
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(55px);
	}

	/*------ ADDED CSS ---------*/
	.slider:after
	{
	 content:'Pending';
	 color: white;
	 display: block;
	 position: absolute;
	 transform: translate(-50%,-50%);
	 top: 50%;
	 left: 50%;
	 font-size: 12px;
	 font-family: Verdana, sans-serif;
	 
	}

	input:checked + .slider:after
	{  
	  content:'Done';
	}

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

	/*--------- END --------*/
	div.slider.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;
    }