module.topbar  {
  margin-bottom: 30px;
  display:block;
}

module.topbar .top {
  background-color:#FFF;
   
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 0px;
}

module.topbar .tabs {
  margin-top: 15px;
  height: 36px;
}

module.topbar .tabs .tab {
  text-transform:uppercase;
  color:#888;
  padding: 7px;
  height: 16px;
  padding-bottom: 14px;
  font-size: 13px;
  font-family:'Open Sans';
  font-weight: 600;
  margin-right: 40px;
  
}

module.topbar .tabs .tab .icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-size:100% 100%;
  display:inline-block;
  opacity:0.7;
  font-size: 16px;
  
  
  
}


module.topbar .tabs .tab:hover .icon{
  opacity: 0.9;
}

module.topbar .tabs .tab {
  color:#333;
}

module.topbar .tabs .tab.selected {
  border-bottom: 3px solid  #ffe74f;
  color:#666;
  
}

module.topbar .bottom {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color:#F7F7F7;
  
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 40px;
  
}

module.topbar .date-range {
  float:left;
  margin-right: 10px;
  padding-right: 10px;
  border-right:1px solid #EFEFEF;
}

module.topbar .selectors {

    float:left;
}

module.topbar .selectors .selector {
  display:inline-block;
}

module.topbar .selectors select {
  border: 1px solid #EFEFEF;
  padding: 4px;
  color:#666;
}


module.topbar .date-range .input-dield {
  border: 1px solid #EFEFEF;
  padding: 4px;
  color:#666;
  width: 100px;
  
}

module.topbar .search-field {
  float:left;   
  margin-right: 15px;

      
}
module.topbar .search-field-container {
  border-bottom: 1px solid #CCC;
  display:inline-block;

  padding-left: 20px;
  background-size: 12px 12px;
  background-position: left center;
  background-image:url(/images/icos/search.png);
  background-repeat:no-repeat;
}

module.topbar .search-field .searchterm {
  border:0px;

  background-position: left;
  background-repeat:no-repeat;
  padding: 4px;  
  background-color:#F7F7F7;
  
  color:#666;
}

module.topbar .buttons {
  float:right;
}   

module.topbar .buttons .button {
  margin-left: 10px;
}   

module.topbar .buttons .button .icon {
  width: 20px;
  
  margin-left: 4px;
  opacity: 0.4;
  background-size: auto 100%;
  display: inline-block;
  height:20px;
  background-repeat:no-repeat;
  vertical-align:top;
}


module.topbar .buttons .button.green {
  background: #adc028; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  font-family: 'Open Sans';
  border-radius: 3px;
  padding: 6px 20px 6px 20px;
  color: #FFF;
  display: inline-block;
  vertical-align:top;
  text-transform:none;
  letter-spacing: 0px;
  vertical-align:top;

}

module.topbar .buttons .button-green:hover {
  background-color:#9aab20;
}

module.topbar .buttons .button-green span {
  line-height: 20px;
  height: 20px;
  display:inline-block;
    vertical-align:top;
}


module.topbar .subtitle {
  margin-top: 30px;
}


module.topbar .button.small.grey {
  background-color: #CCC;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Open Sans';
  border-radius: 2px;
  color: #FFF;
  border: 0px;
  cursor: pointer;
  padding: 4px 20px 4px 20px;
  text-transform:none;
  letter-spacing: 0px;

}