nav {
  background-color: #3b3b3b; }

.captureConnection {
  margin: 10px -15px 10px -15px;
  border-top: 5px solid #6EC1E4; }

.connection {
  margin: 10px -15px 0px -15px;
  border-top: 10px solid #6EC1E4; }
#context {
  margin-top: 1px; background-color: #3b3b3b; }

#MainMenu.nav-pills {
  margin: 5px 0; }
  #MainMenu.nav-pills li > a {
    color: #fff;
    padding: 8px 12px;
    font-weight: 500;
    border-bottom: none; }
    #MainMenu.nav-pills li > a:hover, #MainMenu.nav-pills li > a:active {
      background-color: #2F2F2F;
      color: #fff; }
    #MainMenu.nav-pills li > a:focus {
      background-color: #626262; }
  #MainMenu.nav-pills li.open > a:link, #MainMenu.nav-pills li.open > a:focus, #MainMenu.nav-pills li.open > a:hover, #MainMenu.nav-pills li.open > a:active, #MainMenu.nav-pills li.open > a:visited {
    background-color: #2F2F2F !important;
    color: #fff; }
  #MainMenu.nav-pills li.active > a:link, #MainMenu.nav-pills li.active > a:focus, #MainMenu.nav-pills li.active > a:hover, #MainMenu.nav-pills li.active > a:active, #MainMenu.nav-pills li.active > a:visited {
    /*background-color: transparent;
                    text-decoration: underline;*/ }
  #MainMenu.nav-pills li .dropdown-menu {
    background-color: #2F2F2F;
    border: 1px solid #fff;
    color: #fff;
    font-size: inherit;
    border-radius: 0 0 0 0;
    padding: 0 0;
    margin-left: 1px; }
    #MainMenu.nav-pills li .dropdown-menu li {
      margin-right: 0; }
      #MainMenu.nav-pills li .dropdown-menu li a {
        background-color: #2F2F2F;
        background-image: none;
        color: #fff;
        padding: 5px 10px; }
        #MainMenu.nav-pills li .dropdown-menu li a:focus, #MainMenu.nav-pills li .dropdown-menu li a:hover {
          background-color: #626262;
          color: #fff; }
#MainMenu.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #2F2F2F;
    background-color: #fff;
}

h1, .h1 {
  color: #626262; }

.search-button {
  background-color: #626262; }

a.homepage-box {
  background-color: #626262; }
  a.homepage-box:hover {
    background-color: #818181; }

a.homepage-box .text {
     color: ##ffffff; }
}

/*both the below selectors are required to change the color*/
input:checked + .slider {
    background-color: #6EC1E4;
}

input[type=checkbox]:checked + .slider{
    background-color: #6EC1E4;
}