Merge pull request #211 from christieb7007/feature/v3-navs

Feature/v3 navs
Availity · Dec 1, 2017 · 7bbc457 · 7bbc457
2 parents 9c752b9 + d3d31da
commit 7bbc457
Show file tree

Hide file tree

Showing 8 changed files with 110 additions and 100 deletions.
diff --git a/packages/docs/src/bootstrap-components/mega-menu.md b/packages/docs/src/bootstrap-components/mega-menu.md
@@ -3,11 +3,11 @@ category: Navbar
 title: Mega Menu
 ---
 <div class="docs-example">
-  <nav class="navbar navbar-toggleable-sm mega-menu navbar-default" role="navigation">
+  <nav class="navbar navbar-toggleable-sm mega-menu navbar-default navbar-expand-md" role="navigation">
     <a class="navbar-brand navbar-brand-availity" href="#">
-      <div class="navbar-logo-availity" aria-label="availity logo"></div>
+      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MzAgMTMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzAgMTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDcsNjAuM2MwLTIuNSwyLTQuNSw0LjUtNC41YzIuNSwwLDQuNSwyLDQuNSw0LjVjMCwyLjUtMiw0LjUtNC41LDQuNUM0MDksNjQuOCw0MDcsNjIuOCw0MDcsNjAuM3oKCQkgTTQxNS4zLDYwLjNjMC0yLjItMS42LTMuOC0zLjgtMy44Yy0yLjIsMC0zLjgsMS42LTMuOCwzLjhjMCwyLjIsMS42LDMuOCwzLjgsMy44QzQxMy43LDY0LjIsNDE1LjMsNjIuNiw0MTUuMyw2MC4zeiBNNDA5LjksNTcuNgoJCWgxLjhjMS4xLDAsMS43LDAuNywxLjcsMS41YzAsMC44LTAuNSwxLjMtMS40LDEuNGMwLjIsMC4yLDAuNCwwLjQsMC42LDAuN2wxLjMsMS44aC0wLjlsLTEuMy0xLjljLTAuMy0wLjQtMC40LTAuNS0wLjktMC41VjYzCgkJaC0wLjhWNTcuNnogTTQxMS4yLDU5LjljMC42LDAsMS4zLTAuMSwxLjMtMC45YzAtMC41LTAuMy0wLjktMS0wLjloLTAuOHYxLjdINDExLjJ6Ii8+CjwvZz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxMS40LDkzLjVoLTcuM2MtMC42LDAtMS4yLTAuNS0xLjMtMS4xTDE5OS42LDgwaC0xNS44bC0zLjIsMTIuM2MtMC4xLDAuNi0wLjcsMS4xLTEuMywxLjFIMTcyCgljLTAuNywwLTEuMi0wLjUtMS4yLTEuMWMwLTAuMSwwLjEtMC4yLDAuMS0wLjNsMTEuMy00MC43YzEuNy02LDYuNi02LjYsOS42LTYuNmMzLDAsNy45LDAuNiw5LjYsNi42TDIxMi41LDkyCgljMCwwLjEsMC4xLDAuMywwLjEsMC4zQzIxMi42LDkzLDIxMiw5My41LDIxMS40LDkzLjV6IE0xOTIuOCw1My40Yy0wLjItMC44LTAuNC0xLTEuMS0xYy0wLjcsMC0wLjksMC4zLTEuMSwxbC01LDE5LjNoMTIuMQoJTDE5Mi44LDUzLjR6IE0yNDYuNiw1Ny45YzAtMC42LTAuNS0xLTEuMS0xaC02LjljLTAuNiwwLTEuMiwwLjUtMS41LDEuM2wtNi42LDI3LjJjLTAuMywxLjItMC44LDEuNi0xLjMsMS42Yy0wLjUsMC0xLTAuNC0xLjMtMS42CglsLTYuNi0yNy4yYy0wLjItMC44LTAuOC0xLjMtMS40LTEuM2gtNi45Yy0wLjYsMC0xLjEsMC41LTEuMSwxYzAsMC4xLDAsMC4zLDAuMSwwLjVsOC43LDI5LjVjMS40LDQuOCw1LDYuMSw4LjUsNi4xCgljMy41LDAsNy4yLTEuMyw4LjYtNi4xbDguNy0yOS41QzI0Ni42LDU4LjIsMjQ2LjYsNTgsMjQ2LjYsNTcuOXogTTI3OC4yLDkzLjVoLTUuOGMtMC44LDAtMS40LTAuNi0xLjQtMS4zdi0xCgljLTMuMiwxLjgtNi40LDIuOS05LjcsMi45Yy01LjcsMC0xMS45LTIuMS0xMS45LTEwLjh2LTAuM2MwLTcuNCw0LjgtMTEuMiwxNi44LTExLjJoNC4zdi0yLjljMC00LjItMi01LjMtNi4xLTUuMwoJYy00LjQsMC04LjksMC4zLTExLjIsMC41Yy0wLjEsMC0wLjMsMC0wLjMsMGMtMC43LDAtMS4yLTAuMi0xLjItMS4xdi00LjJjMC0wLjcsMC40LTEuMiwxLjMtMS40YzIuOC0wLjUsNi43LTEsMTEuNS0xCgljOS44LDAsMTUuMSw0LjEsMTUuMSwxMi40djIzLjRDMjc5LjYsOTIuOSwyNzksOTMuNSwyNzguMiw5My41eiBNMjcwLjUsNzcuNGgtNC4zYy02LjMsMC03LjYsMS45LTcuNiw1LjV2MC4zYzAsMy4yLDEuNSw0LDUsNAoJYzIuNSwwLDUtMC44LDctMS44Vjc3LjR6IE0yOTcuNyw1MC43VjQ1YzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi43Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjN2NS43YzAsMC43LDAuNywxLjMsMS40LDEuM2g2LjcKCUMyOTcuMSw1MiwyOTcuNyw1MS40LDI5Ny43LDUwLjd6IE0yOTcuNSw5Mi4xVjU4LjJjMC0wLjctMC42LTEuMy0xLjQtMS4zaC02LjNjLTAuOCwwLTEuNCwwLjYtMS40LDEuM3YzMy45YzAsMC43LDAuNiwxLjQsMS40LDEuNAoJaDYuM0MyOTYuOSw5My41LDI5Ny41LDkyLjgsMjk3LjUsOTIuMXogTTMxNS43LDkyLjFWNDUuNGMwLTAuNy0wLjUtMS4zLTEuMy0xLjNIMzA4Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjN2NDYuNwoJYzAsMC43LDAuNiwxLjQsMS40LDEuNGg2LjRDMzE1LjIsOTMuNSwzMTUuNyw5Mi44LDMxNS43LDkyLjF6IE0zMzQuMiw1MC43VjQ1YzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi43Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjMKCXY1LjdjMCwwLjcsMC43LDEuMywxLjQsMS4zaDYuN0MzMzMuNSw1MiwzMzQuMiw1MS40LDMzNC4yLDUwLjd6IE0zMzQsOTIuMVY1OC4yYzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi4zYy0wLjgsMC0xLjQsMC42LTEuNCwxLjMKCXYzMy45YzAsMC43LDAuNiwxLjQsMS40LDEuNGg2LjNDMzMzLjMsOTMuNSwzMzQsOTIuOCwzMzQsOTIuMXogTTM2Mi41LDg3LjNoLTMuNmMtMi41LDAtMi43LTAuNC0yLjctMy42VjYzLjNoNi4yCgljMC44LDAsMS40LTAuNiwxLjQtMS4zdi0zLjhjMC0wLjctMC42LTEuMy0xLjQtMS4zaC02LjJ2LTguNmMwLTAuNi0wLjUtMS0xLjEtMWMtMC4xLDAtMC4yLDAtMC4zLDBsLTYuMiwxCgljLTAuOCwwLjEtMS40LDAuNi0xLjQsMS4zdjcuMmgwSDM0MWMtMC44LDAtMS40LDAuNi0xLjQsMS4zVjYyYzAsMC43LDAuNiwxLjMsMS40LDEuM2g2LjJoMHYyMC40YzAsOC43LDIuOSwxMC4zLDEwLjcsMTAuMwoJYzEuNSwwLDMtMC4yLDQuNy0wLjVjMC45LTAuMSwxLjMtMC41LDEuMy0xLjJ2LTQuMUMzNjMuOSw4Ny42LDM2My40LDg3LjMsMzYyLjUsODcuM3ogTTQwMi4yLDU4YzAtMC42LTAuNS0xLjEtMS4yLTEuMWgtNwoJYy0wLjcsMC0xLjIsMC41LTEuNCwxLjFsLTcuNCwyNy45YzAsMCwwLDAtMC4yLDBjLTAuMSwwLTAuMiwwLTAuMywwaC0wLjFjLTAuNCwwLTAuNy0wLjMtMS0xLjRMMzc2LjYsNThjLTAuMS0wLjYtMC43LTEuMi0xLjMtMS4yCgloLTYuOWMtMC45LDAtMS4zLDAuNC0xLjMsMWMwLDAuMSwwLDAuMywwLjEsMC41bDksMjkuN2MxLjUsNC45LDQsNS40LDYsNS40aDFsLTAuNSwxLjljLTEsMy40LTIuNSw0LjItNS40LDQuMgoJYy0xLjksMC01LjgtMC4zLTcuOC0wLjRjLTAuMSwwLTAuMSwwLTAuMSwwYy0wLjgsMC0xLjQsMC41LTEuNCwxLjJ2NC4xYzAsMC43LDAuNywwLjksMS40LDEuMWMxLjYsMC41LDUsMC44LDcuMywwLjgKCWM5LjQsMCwxMS45LTMuMSwxNC0xMC4ybDExLjUtMzcuOUM0MDIuMiw1OC4yLDQwMi4yLDU4LjEsNDAyLjIsNTh6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTQuNjkzMiIgeTE9IjY1LjYzNjUiIHgyPSIxNDcuMTQ1NSIgeTI9IjY1LjYzNjUiPgoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGNjcxRiIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRDMwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguOSw2MEw2MCw3MS44bC02LjcsOC44Yy0zLjEsNC4xLTcuMyw2LjMtMTEuOSw2LjNoLTguOWMtNy4zLDAtMTMuMi0yLjgtMTYtNy44Yy0yLjgtNC45LTIuNC0xMS40LDEuMy0xNy43CglsMjcuNS00Ny42YzMuNy02LjMsOS0xMCwxNC43LTEwYzUuNywwLDExLjEsMy42LDE0LjcsMTBsMjUuNCw0My45bC01LjksNy44TDY2LjksMTguM2MtMi0zLjUtNC41LTUuNS02LjktNS41Yy0yLjQsMC00LjksMi02LjksNS41CglMMjUuNiw2NS45Yy0yLDMuNS0yLjUsNi43LTEuMyw4LjhjMS4yLDIuMSw0LjIsMy4zLDguMiwzLjNoOC45YzEuNywwLDMuMy0wLjksNC43LTIuOGw0LjktNi41bDAsMGwxMi40LTE2LjVoMGwzLjgtNUg1Mi43bDUuNyw3LjYKCWwtNS42LDcuNWwtOS40LTEyLjRsLTAuMS0wLjJjLTEuNS0yLjctMS43LTUuNS0wLjMtNy44YzEuMy0yLjMsMy45LTMuNiw2LjktMy42aDIwLjJjMy4xLDAsNS42LDEuMyw2LjksMy42CgljMS4zLDIuMywxLjIsNS4yLTAuMyw3LjhsLTAuMSwwLjJMNjguOSw2MEw2OC45LDYweiBNMTQ1LjMsNTIuMWMtMi45LTQuOS04LjctNy44LTE2LTcuOGgtOC45Yy00LjYsMC04LjgsMi4yLTExLjksNi4zbC02LjcsOC44CglsLTguOSwxMS44bDAsMGwtNy42LDEwLjFsLTAuMSwwLjJjLTEuNSwyLjctMS43LDUuNS0wLjMsNy44YzEuMywyLjMsMy45LDMuNiw2LjksMy42aDIwLjJjMy4xLDAsNS42LTEuMyw2LjktMy42CgljMS4zLTIuMywxLjItNS4xLTAuMy03LjhsLTAuMS0wLjNMMTA5LDY5LjFsLTUuNiw3LjVsNS43LDcuNkg5NC41bDMuOC01bDAsMGwxMi40LTE2LjVsMCwwbDQuOS02LjVjMS40LTEuOCwzLTIuOCw0LjctMi44aDguOQoJYzQsMCw3LDEuMiw4LjIsMy4zYzEuMiwyLjEsMC43LDUuMy0xLjMsOC43bC0yNy41LDQ3LjZjLTIsMy41LTQuNSw1LjUtNi45LDUuNWMtMi40LDAtNC45LTItNi45LTUuNUw2Ny42LDY1LjdsLTUuOSw3LjhsMjUuNCw0My45CgljMy43LDYuMyw5LDEwLDE0LjcsMTBjNS43LDAsMTEuMS0zLjYsMTQuNy0xMEwxNDQsNjkuOUMxNDcuNyw2My41LDE0OC4xLDU3LjEsMTQ1LjMsNTIuMXoiLz4KPC9zdmc+Cg==" width="85" height="27" alt="availity logo">
     </a>
-    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#availity-example-navbar-collapse-12" aria-label="navbar toggler">
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#availity-example-navbar-collapse-12" aria-controls="availity-example-navbar-collapse-12" aria-label="navbar toggler">
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="availity-example-navbar-collapse-12">
@@ -19,17 +19,17 @@ title: Mega Menu
               <div class="mega-menu-content">
                 <h5 class="mega-menu-title">My Patient Access Apps</h5>
                 <div class="list-group list-group-unstyled">
-                  <a href="#" class="list-group-item">
+                  <a href="#" class="list-group-item" role="menuitem">
                     <span class="app-icon app-icon-orange">ai</span> Eligibility &amp; Benefits
                   </a>
-                  <a href="#" class="list-group-item">
+                  <a href="#" class="list-group-item" role="menuitem">
                     <span class="app-icon app-icon-orange">ai</span> Care Reminders
                   </a>
-                  <a href="#" class="list-group-item">
+                  <a href="#" class="list-group-item" role="menuitem">
                     <span class="app-icon app-icon-orange">ai</span> Patient Care Summary
                   </a>
                   <hr>
-                  <a href="#" class="list-group-item">
+                  <a href="#" class="list-group-item" role="menuitem">
                     <span class="app-icon app-icon-orange">ai</span> Authorizations &amp; Referrals
                   </a>
                 </div>
@@ -52,8 +52,9 @@ title: Mega Menu
       </ul>
     </div>
   </nav>
-  <nav class="navbar navbar-secondary navbar-toggleable-sm mega-menu navbar-default" role="navigation">
-    <button class="navbar-toggler float-right mr-3" type="button" data-toggle="collapse" data-target="#availity-navbar-secondary" aria-label="navbar toggler">
+  <nav class="navbar navbar-secondary navbar-toggleable-sm mega-menu navbar-default navbar-expand-md" role="navigation">
+    <div></div>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#availity-navbar-secondary" aria-controls="availity-navbar-secondary" aria-label="navbar toggler">
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="availity-navbar-secondary">
@@ -64,23 +65,23 @@ title: Mega Menu
             <li>
               <div class="mega-menu-content mega-menu-tiles">
                 <div class="row">
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Anthem" class="img-responsive img-thumbnail">
                         <p>Anthem CA</p>
                         </div>
                     </a>
                   </div>
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Florida Blue" class="img-responsive img-thumbnail">
                         <p>Florida Blue</p>
                         </div>
                     </a>
                   </div>
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Humana" class="img-responsive img-thumbnail">
@@ -90,23 +91,23 @@ title: Mega Menu
                   </div>
                 </div>
                 <div class="row">
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Anthem" class="img-responsive img-thumbnail">
                         <p>Anthem CA</p>
                         </div>
                     </a>
                   </div>
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Florida Blue" class="img-responsive img-thumbnail">
                         <p>Florida Blue</p>
                         </div>
                     </a>
                   </div>
-                  <div class="col-4">
+                  <div class="col-4" role="menuitem">
                     <a href="availity.com" target="_blank">
                       <div class="mega-menu-tile">
                         <img data-src="holder.js/75x75" height="75" alt="Humana" class="img-responsive img-thumbnail">

diff --git a/packages/docs/src/bootstrap-components/navbar-forms.md b/packages/docs/src/bootstrap-components/navbar-forms.md
@@ -4,10 +4,13 @@ title: Forms
 ---
 
 <div class="docs-example">
-  <nav class="navbar navbar-default navbar-toggleable-md" role="navigation">
-    <a class="navbar-brand navbar-brand" href="#">
-      <div class="navbar-logo-availity" aria-label="availity logo"></div>
+  <nav class="navbar navbar-default navbar-toggleable-md navbar-expand-md" role="navigation">
+    <a class="navbar-brand navbar-brand-availity" href="#">
+      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MzAgMTMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MzAgMTMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDcsNjAuM2MwLTIuNSwyLTQuNSw0LjUtNC41YzIuNSwwLDQuNSwyLDQuNSw0LjVjMCwyLjUtMiw0LjUtNC41LDQuNUM0MDksNjQuOCw0MDcsNjIuOCw0MDcsNjAuM3oKCQkgTTQxNS4zLDYwLjNjMC0yLjItMS42LTMuOC0zLjgtMy44Yy0yLjIsMC0zLjgsMS42LTMuOCwzLjhjMCwyLjIsMS42LDMuOCwzLjgsMy44QzQxMy43LDY0LjIsNDE1LjMsNjIuNiw0MTUuMyw2MC4zeiBNNDA5LjksNTcuNgoJCWgxLjhjMS4xLDAsMS43LDAuNywxLjcsMS41YzAsMC44LTAuNSwxLjMtMS40LDEuNGMwLjIsMC4yLDAuNCwwLjQsMC42LDAuN2wxLjMsMS44aC0wLjlsLTEuMy0xLjljLTAuMy0wLjQtMC40LTAuNS0wLjktMC41VjYzCgkJaC0wLjhWNTcuNnogTTQxMS4yLDU5LjljMC42LDAsMS4zLTAuMSwxLjMtMC45YzAtMC41LTAuMy0wLjktMS0wLjloLTAuOHYxLjdINDExLjJ6Ii8+CjwvZz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxMS40LDkzLjVoLTcuM2MtMC42LDAtMS4yLTAuNS0xLjMtMS4xTDE5OS42LDgwaC0xNS44bC0zLjIsMTIuM2MtMC4xLDAuNi0wLjcsMS4xLTEuMywxLjFIMTcyCgljLTAuNywwLTEuMi0wLjUtMS4yLTEuMWMwLTAuMSwwLjEtMC4yLDAuMS0wLjNsMTEuMy00MC43YzEuNy02LDYuNi02LjYsOS42LTYuNmMzLDAsNy45LDAuNiw5LjYsNi42TDIxMi41LDkyCgljMCwwLjEsMC4xLDAuMywwLjEsMC4zQzIxMi42LDkzLDIxMiw5My41LDIxMS40LDkzLjV6IE0xOTIuOCw1My40Yy0wLjItMC44LTAuNC0xLTEuMS0xYy0wLjcsMC0wLjksMC4zLTEuMSwxbC01LDE5LjNoMTIuMQoJTDE5Mi44LDUzLjR6IE0yNDYuNiw1Ny45YzAtMC42LTAuNS0xLTEuMS0xaC02LjljLTAuNiwwLTEuMiwwLjUtMS41LDEuM2wtNi42LDI3LjJjLTAuMywxLjItMC44LDEuNi0xLjMsMS42Yy0wLjUsMC0xLTAuNC0xLjMtMS42CglsLTYuNi0yNy4yYy0wLjItMC44LTAuOC0xLjMtMS40LTEuM2gtNi45Yy0wLjYsMC0xLjEsMC41LTEuMSwxYzAsMC4xLDAsMC4zLDAuMSwwLjVsOC43LDI5LjVjMS40LDQuOCw1LDYuMSw4LjUsNi4xCgljMy41LDAsNy4yLTEuMyw4LjYtNi4xbDguNy0yOS41QzI0Ni42LDU4LjIsMjQ2LjYsNTgsMjQ2LjYsNTcuOXogTTI3OC4yLDkzLjVoLTUuOGMtMC44LDAtMS40LTAuNi0xLjQtMS4zdi0xCgljLTMuMiwxLjgtNi40LDIuOS05LjcsMi45Yy01LjcsMC0xMS45LTIuMS0xMS45LTEwLjh2LTAuM2MwLTcuNCw0LjgtMTEuMiwxNi44LTExLjJoNC4zdi0yLjljMC00LjItMi01LjMtNi4xLTUuMwoJYy00LjQsMC04LjksMC4zLTExLjIsMC41Yy0wLjEsMC0wLjMsMC0wLjMsMGMtMC43LDAtMS4yLTAuMi0xLjItMS4xdi00LjJjMC0wLjcsMC40LTEuMiwxLjMtMS40YzIuOC0wLjUsNi43LTEsMTEuNS0xCgljOS44LDAsMTUuMSw0LjEsMTUuMSwxMi40djIzLjRDMjc5LjYsOTIuOSwyNzksOTMuNSwyNzguMiw5My41eiBNMjcwLjUsNzcuNGgtNC4zYy02LjMsMC03LjYsMS45LTcuNiw1LjV2MC4zYzAsMy4yLDEuNSw0LDUsNAoJYzIuNSwwLDUtMC44LDctMS44Vjc3LjR6IE0yOTcuNyw1MC43VjQ1YzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi43Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjN2NS43YzAsMC43LDAuNywxLjMsMS40LDEuM2g2LjcKCUMyOTcuMSw1MiwyOTcuNyw1MS40LDI5Ny43LDUwLjd6IE0yOTcuNSw5Mi4xVjU4LjJjMC0wLjctMC42LTEuMy0xLjQtMS4zaC02LjNjLTAuOCwwLTEuNCwwLjYtMS40LDEuM3YzMy45YzAsMC43LDAuNiwxLjQsMS40LDEuNAoJaDYuM0MyOTYuOSw5My41LDI5Ny41LDkyLjgsMjk3LjUsOTIuMXogTTMxNS43LDkyLjFWNDUuNGMwLTAuNy0wLjUtMS4zLTEuMy0xLjNIMzA4Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjN2NDYuNwoJYzAsMC43LDAuNiwxLjQsMS40LDEuNGg2LjRDMzE1LjIsOTMuNSwzMTUuNyw5Mi44LDMxNS43LDkyLjF6IE0zMzQuMiw1MC43VjQ1YzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi43Yy0wLjgsMC0xLjQsMC42LTEuNCwxLjMKCXY1LjdjMCwwLjcsMC43LDEuMywxLjQsMS4zaDYuN0MzMzMuNSw1MiwzMzQuMiw1MS40LDMzNC4yLDUwLjd6IE0zMzQsOTIuMVY1OC4yYzAtMC43LTAuNi0xLjMtMS40LTEuM2gtNi4zYy0wLjgsMC0xLjQsMC42LTEuNCwxLjMKCXYzMy45YzAsMC43LDAuNiwxLjQsMS40LDEuNGg2LjNDMzMzLjMsOTMuNSwzMzQsOTIuOCwzMzQsOTIuMXogTTM2Mi41LDg3LjNoLTMuNmMtMi41LDAtMi43LTAuNC0yLjctMy42VjYzLjNoNi4yCgljMC44LDAsMS40LTAuNiwxLjQtMS4zdi0zLjhjMC0wLjctMC42LTEuMy0xLjQtMS4zaC02LjJ2LTguNmMwLTAuNi0wLjUtMS0xLjEtMWMtMC4xLDAtMC4yLDAtMC4zLDBsLTYuMiwxCgljLTAuOCwwLjEtMS40LDAuNi0xLjQsMS4zdjcuMmgwSDM0MWMtMC44LDAtMS40LDAuNi0xLjQsMS4zVjYyYzAsMC43LDAuNiwxLjMsMS40LDEuM2g2LjJoMHYyMC40YzAsOC43LDIuOSwxMC4zLDEwLjcsMTAuMwoJYzEuNSwwLDMtMC4yLDQuNy0wLjVjMC45LTAuMSwxLjMtMC41LDEuMy0xLjJ2LTQuMUMzNjMuOSw4Ny42LDM2My40LDg3LjMsMzYyLjUsODcuM3ogTTQwMi4yLDU4YzAtMC42LTAuNS0xLjEtMS4yLTEuMWgtNwoJYy0wLjcsMC0xLjIsMC41LTEuNCwxLjFsLTcuNCwyNy45YzAsMCwwLDAtMC4yLDBjLTAuMSwwLTAuMiwwLTAuMywwaC0wLjFjLTAuNCwwLTAuNy0wLjMtMS0xLjRMMzc2LjYsNThjLTAuMS0wLjYtMC43LTEuMi0xLjMtMS4yCgloLTYuOWMtMC45LDAtMS4zLDAuNC0xLjMsMWMwLDAuMSwwLDAuMywwLjEsMC41bDksMjkuN2MxLjUsNC45LDQsNS40LDYsNS40aDFsLTAuNSwxLjljLTEsMy40LTIuNSw0LjItNS40LDQuMgoJYy0xLjksMC01LjgtMC4zLTcuOC0wLjRjLTAuMSwwLTAuMSwwLTAuMSwwYy0wLjgsMC0xLjQsMC41LTEuNCwxLjJ2NC4xYzAsMC43LDAuNywwLjksMS40LDEuMWMxLjYsMC41LDUsMC44LDcuMywwLjgKCWM5LjQsMCwxMS45LTMuMSwxNC0xMC4ybDExLjUtMzcuOUM0MDIuMiw1OC4yLDQwMi4yLDU4LjEsNDAyLjIsNTh6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTQuNjkzMiIgeTE9IjY1LjYzNjUiIHgyPSIxNDcuMTQ1NSIgeTI9IjY1LjYzNjUiPgoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0ZGNjcxRiIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ZGRDMwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguOSw2MEw2MCw3MS44bC02LjcsOC44Yy0zLjEsNC4xLTcuMyw2LjMtMTEuOSw2LjNoLTguOWMtNy4zLDAtMTMuMi0yLjgtMTYtNy44Yy0yLjgtNC45LTIuNC0xMS40LDEuMy0xNy43CglsMjcuNS00Ny42YzMuNy02LjMsOS0xMCwxNC43LTEwYzUuNywwLDExLjEsMy42LDE0LjcsMTBsMjUuNCw0My45bC01LjksNy44TDY2LjksMTguM2MtMi0zLjUtNC41LTUuNS02LjktNS41Yy0yLjQsMC00LjksMi02LjksNS41CglMMjUuNiw2NS45Yy0yLDMuNS0yLjUsNi43LTEuMyw4LjhjMS4yLDIuMSw0LjIsMy4zLDguMiwzLjNoOC45YzEuNywwLDMuMy0wLjksNC43LTIuOGw0LjktNi41bDAsMGwxMi40LTE2LjVoMGwzLjgtNUg1Mi43bDUuNyw3LjYKCWwtNS42LDcuNWwtOS40LTEyLjRsLTAuMS0wLjJjLTEuNS0yLjctMS43LTUuNS0wLjMtNy44YzEuMy0yLjMsMy45LTMuNiw2LjktMy42aDIwLjJjMy4xLDAsNS42LDEuMyw2LjksMy42CgljMS4zLDIuMywxLjIsNS4yLTAuMyw3LjhsLTAuMSwwLjJMNjguOSw2MEw2OC45LDYweiBNMTQ1LjMsNTIuMWMtMi45LTQuOS04LjctNy44LTE2LTcuOGgtOC45Yy00LjYsMC04LjgsMi4yLTExLjksNi4zbC02LjcsOC44CglsLTguOSwxMS44bDAsMGwtNy42LDEwLjFsLTAuMSwwLjJjLTEuNSwyLjctMS43LDUuNS0wLjMsNy44YzEuMywyLjMsMy45LDMuNiw2LjksMy42aDIwLjJjMy4xLDAsNS42LTEuMyw2LjktMy42CgljMS4zLTIuMywxLjItNS4xLTAuMy03LjhsLTAuMS0wLjNMMTA5LDY5LjFsLTUuNiw3LjVsNS43LDcuNkg5NC41bDMuOC01bDAsMGwxMi40LTE2LjVsMCwwbDQuOS02LjVjMS40LTEuOCwzLTIuOCw0LjctMi44aDguOQoJYzQsMCw3LDEuMiw4LjIsMy4zYzEuMiwyLjEsMC43LDUuMy0xLjMsOC43bC0yNy41LDQ3LjZjLTIsMy41LTQuNSw1LjUtNi45LDUuNWMtMi40LDAtNC45LTItNi45LTUuNUw2Ny42LDY1LjdsLTUuOSw3LjhsMjUuNCw0My45CgljMy43LDYuMyw5LDEwLDE0LjcsMTBjNS43LDAsMTEuMS0zLjYsMTQuNy0xMEwxNDQsNjkuOUMxNDcuNyw2My41LDE0OC4xLDU3LjEsMTQ1LjMsNTIuMXoiLz4KPC9zdmc+Cg==" width="85" height="27" alt="availity logo">
     </a>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="navbar toggler">
+      <span class="navbar-toggler-icon"></span>
+    </button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav mr-auto">
         <li class="nav-item active">
@@ -21,8 +24,8 @@ title: Forms
         </li>
       </ul>
       <form class="form-inline my-2 my-lg-0">
-        <input class="form-control mr-sm-2" type="text" placeholder="Search">
-        <button class="btn btn-outline-secondary my-2 my-sm-0" type="submit">Search</button>
+        <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-secondary text-light my-2 my-sm-0" type="submit">Search</button>
       </form>
     </div>
   </nav>