<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebSocket RF Sensors UI</title>
<link rel="shortcut icon" type="image/x-icon" href="src/favicon.ico">
<script src="src/jquery.min.js"></script>
<script src="fonts/glyphicons-halflings-regular.woff"></script>
<link href="src/bootstrap.min.css" rel="stylesheet">
<script src="src/bootstrap.min.js"></script>
<link href="src/bootstrap.toggle.css" rel="stylesheet">
<script src="src/bootstrap.toggle.js"></script>
<script src="src/bubbly_bg.js"></script>
<style>
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
.toggle.ios .toggle-handle { border-radius: 20px; }
.btnEdit {
background-color: #2226fa;
border: 2px solid #2226fa;
border-radius: 4px;
color: white;
cursor: pointer;
}
.btnEdit:hover{
background-color: #35109b; border: 2px solid #35109b;
}
.btnDelete {
background-color: #f44336;
border: 2px solid #f44336;
border-radius: 4px;
color: white;
