/*
========================================
           Networkbar
========================================
*/

#beton-networkbar {
  background: #6F6F6F;
  border-bottom: 1px solid #FFFFFF;
  font-family: "ag-book", sans-serif !important;
  font-size: 13px;
  height: 34px;
  text-align: right;
  width: 100%;
}

#beton-networkbar a,
#beton-networkbar table {
  font-family: "ag-book", sans-serif !important;
}

#beton-networkbar.blue {
  background-color: #2E518C;
}

#beton-networkbar.campusGreen {
  background-color: #7EB613;
}

#beton-networkbar.stoneBlue {
  background-color: #0055A0;
}

#beton-networkbar.lightblue {
  background-color: #006FBE;
}

#beton-networkbar.grey {
  background-color: #747A83;
}

#beton-networkbar.orange {
  background-color: #F4E600;
}

#beton-networkbar.magenta {
  background-color: #DE0079;
}

#beton-networkbar.ochreTrafficArea {
  background-color: #C3B800;
}

#beton-networkbar.ochreProtector {
  background-color: #C8CB00;
}

#beton-networkbar > .wrapper-inner {
  margin: 0 auto;
}

#beton-networkbar ul {
  display: inline;
  margin: 0;
  padding: 0;
}

#beton-networkbar ul li {
  display: inline-block;
  height: 16px;
  margin-top: 4px;
  padding: 5px 10px 2px 10px;
  vertical-align: top;
}


#beton-networkbar ul li.no-border {
  border-right: 0;
}

#beton-networkbar #beton-network-wrapper {
  background: url(../Images/icn_networkbar.png) no-repeat;
  cursor: pointer;
  padding-left: 30px;
}

#beton-networkbar ul li a {
  background-color: transparent !important;
  color: #F0F0F0	;
  font-weight: 300;
  text-decoration: none !important;
}

#beton-networkbar ul li a:focus,
#beton-networkbar ul li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#beton-networkbar ul li a.betonshop {
  background: url(../Images/Beton-Shop-Icon.svg) no-repeat 0 0;
  padding-left: 25px;
}

#beton-networkbar ul li a.mybeton {
  background: url(../Images/icn_contact.png) no-repeat;
  padding-left: 20px;
}

#beton-networkbar div.search {
  display: inline-block;
  margin: 4px 0 0 10px;
}

#beton-networkbar div.search input {
  border: none;
  height: 18px;
  padding: 0;
  vertical-align: top;
}

#beton-networkbar div.search input.input-text {
  background: #7e7e7e;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  margin-right: 5px;
  padding: 4px 12px;
  width: 120px;
}
#beton-networkbar div.search input.input-text::placeholder {
  color: #ffffff;
}

#beton-networkbar div.search input.submit {
  background: url(../Images/icn_magnifying-glass_networkbar.png) no-repeat 0 4px;
  cursor: pointer;
  height: 26px;
  width: 21px;
}
#beton-networkbar div.search input.submit:hover {
  background: url(../Images/icn_magnifying-glass_networkbar.png) no-repeat 0 -32px;
}

#beton-networkbar #beton-network-wrapper span.arrow-dropdown {
  background: url(../Images/icn_arrow_dropdown.png) no-repeat center bottom;
  display: none;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 8px;
  width: 25px;
  z-index: 5010;
}

#beton-networkbar #beton-network-wrapper:focus span.arrow-dropdown,
#beton-networkbar #beton-network-wrapper:hover span.arrow-dropdown {
  display: block;
}

#beton-networkbar #beton-social li {
  padding: 3px 0;
  margin-right: 5px;
}

#beton-networkbar #beton-social li:last-child {
  margin-right: 0;
}

#beton-networkbar #beton-social li a {
  display: block;
  height: 24px;
  width: auto;
}

#beton-networkbar #beton-social li span {
  height: 20px;
  width: 30px;
  display: block;
}

#beton-networkbar #beton-social .instagram:hover {
  background: url(../Images/networkbar/icn-instagram-ffffff.svg) no-repeat center;
}

#beton-networkbar #beton-social .instagram {
  background: url(../Images/networkbar/icn-instagram-cccccc.svg) no-repeat center;
  width: 20px;
}

#beton-networkbar #beton-social .linkedin:hover {
  background: url(../Images/networkbar/icn-linkedin-ffffff.svg) no-repeat center;
}

#beton-networkbar #beton-social .linkedin {
  background: url(../Images/networkbar/icn-linkedin-cccccc.svg) no-repeat center;
  width: 20px;
}

#beton-networkbar #beton-social .facebook:hover {
  background: url(../Images/networkbar/icn-facebook-ffffff.svg) no-repeat center;
  width: 20px;
}

#beton-networkbar #beton-social .facebook {
  background: url(../Images/networkbar/icn-facebook-cccccc.svg) no-repeat center;
  width: 20px;
}

#beton-networkbar #beton-social .twitter:hover {
  background: url(../Images/networkbar/icn-twitter-ffffff.svg) no-repeat center;
}

#beton-networkbar #beton-social .twitter {
  background: url(../Images/networkbar/icn-twitter-cccccc.svg) no-repeat center;
  width: 20px;
}

#beton-networkbar #beton-social .youtube:hover {
  background: url(../Images/networkbar/icn-youtube-ffffff.svg) no-repeat center;
}

#beton-networkbar #beton-social .youtube {
  background: url(../Images/networkbar/icn-youtube-cccccc.svg) no-repeat center;
  width: 28px;
}