left: 0;
background: #336699;
width: 100%;
box-sizing: border-box;
color: #FFFFFF;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.at-banner__content {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
width: 90%;
margin: 0 auto;
padding: 10px 40px;
box-sizing: border-box;
}
.at-banner__title {
font-size: 18px;
}
.at-banner__text {
margin: 0 20px 0 0;
}
.at-banner__close {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
transform: translateY(-50%);
cursor: pointer;
}
.at-banner__close:before, .at-banner__close:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
background: #FFFFFF;
width: 100%;
height: 3px;
border-radius: 2px;
transform-origin: center;
}
.at-banner__close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.at-banner__close:after {
transform: translate(-50%, -50%) rotate(45deg);
}</style>
<title>Match Data</title>
<link rel="stylesheet" href="assets/spinner.css"/>
<link rel="stylesheet" href="css-loaders/css/fallback.css"/>
<link rel="stylesheet" href="css-loaders/css/load1.css"/>
<style>#spinner-fe604e2328196baebf3be029b7c97fd5, #spinner-fe604e2328196baebf3be029b7c97fd5:before, #spinner-fe604e2328196baebf3be029b7c97fd5:after {background: #0275D8} #spinner-fe604e2328196baebf3be029b7c97fd5 {color: #0275D8}</style>
<style>#spinner-fe604e2328196baebf3be029b7c97fd5 {font-size: 8px}spinner-fe604e2328196baebf3be029b7c97fd58</style>
<style>#spinner-dbcfe088ec2dda598f5ccfde5a22249d, #spinner-dbcfe088ec2dda598f5ccfde5a22249d:before, #spinner-dbcfe088ec2dda598f5ccfde5a22249d:after {background: #0275D8} #spinner-dbcfe088ec2dda598f5ccfde5a22249d {color: #0275D8}</style>
<style>#spinner-dbcfe088ec2dda598f5ccfde5a22249d {font-size: 8px}spinner-dbcfe088ec2dda598f5ccfde5a22249d8</style>
<script src="__assets__/sockjs-0.3.4.min.js"></script>
<script src="__assets__/shiny-server-client.min.js"></script>
<script>preShinyInit({reconnect:true,disableProtocols:["xdr-streaming","xhr-streaming","iframe-eventsource","iframe-htmlfile"]});</script>
<link rel="stylesheet" type="text/css" href="__assets__/shiny-server.css"/>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<span class="navbar-brand">Match Data</span>
</div>
<ul class="nav navbar-nav" data-tabsetid="3970">
<li class="active">
<a href="#tab-3970-1" data-toggle="tab" data-value="Data Browser">Data Browser</a>
</li>
<li>
<a href="#tab-3970-2" data-toggle="tab" data-value="Plots">Plots</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div style="margin-left:2%; margin-right:2%;">
<div class="at-banner">
<div class="at-banner__content">
<a href="https://bsolomon.us/support" style="color:white; text-decoration: underline;">Help keep this app running</a>
<div class="at-banner__close"></div>
</div>
</div>
<h2>Match Data</h2>
<div style="border:solid; background-color:#f5f7fa; border-radius: 25px">
<div class="col-sm-4">
<div class="form-group shiny-input-container">
<label class="control-label" for="specialty">Choose specialty</label>
<div>
<select id="specialty" class="form-control"><option value="All specialties" selected>All specialties</option>
<option value="Anesthesiology">Anesthesiology</option>
<option value="Child Neurology">Child Neurology</option>
<option value="Dermatology">Dermatology</option>
<option value="Emergency-Medicine">Emergency-Medicine</option>
<option value="Family Medicine">Family Medic