/**************************************/
/*               TAGBOX               */
/**************************************/
a.tagBox-add-tag, .add_button {
 background: #a08e0c;
    border: none !important;
    box-shadow: 0 1px 0 #E8E8E8;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 23px;
    margin: 0 0 0 5px;
    padding: 0 8px;
    text-align: center;
    border-radius: 3px;
  padding: 3px 15px;
}
a.tagBox-add-tag:hover, .add_button:hover {
color: #FFF !important;
border: none !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);
}

a.tagBox-add-tag:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#F2F2F2));
  background: -moz-linear-gradient(top, #CCCCCC, #F2F2F2);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#F2F2F2');
}

input.tagBox-input,
select.tagBox-input {
    
    border-right: 0px !important;
border-left: 0px;
    border-left-color: currentcolor;
border-left-color: currentcolor;
border-top: 0px;
    border-top-color: currentcolor;
border-top-color: currentcolor;
border-color: green;
    border-right-color: green;
border-right-color: green;
border-radius: 0px !important;


  
  padding: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #FFF;
}
span.tagBox-container {
  display: inline-block;
  vertical-align: middle;
}
span.tagBox-list {
  padding: 0em 0;
  font-size: 12px;
  line-height: 1em;
  display: block;
}
span.tagBox-item {
  display: inline-block;
  margin: 0.3em 0.25em 0.15em;
  vertical-align: middle;
  cursor: default;
  white-space:nowrap;
}
span.tagBox-item * {
  vertical-align: middle;
  white-space: normal;
}
span.tagBox-bullet {
  display: none;
}
span.tagBox-item * {
  vertical-align: middle;
}

span.tagBox-item-content {
  display: inline-block;
  padding: 0.417em 0.417em;
  font-size: 10px;
  line-height: 1.4em;
  text-shadow: 0.083em 0.083em 0.083em #888;
  border: 0.083em solid #3C7BA8;
  color: #FFF;
  background: #234B77;
  background: -webkit-gradient(linear, left top, left bottom, from(#4998CF), to(#234B77));
  background: -moz-linear-gradient(top, #4998CF, #234B77);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4998CF', endColorstr='#234B77');
  -moz-border-radius: 0.5em;
  -wekit-border-radius: 0.5em;
  border-radius: 0.5em;
}
span.tagBox-item-content a.tagBox-remove {
  text-decoration: none;
  display: inline-block;
  float: right;
  color: #FFF;
  text-align: center;
  font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: 500;
  line-height: 1em;
  background: #D00;
  margin-left: 0.5em;
  padding: 0.35em 0.5em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 3px #FFF;
  -webkit-box-shadow: 0 0 3px #FFF;
  box-shadow: 0 0 3px #FFF;
}
span.tagBox-item-content a.tagBox-remove:hover {
  background-color: #ff3333;
}
/*------------------------------------*/