.menu {
  position: absolute;
  width: auto;
  padding: 2px;
  margin: 0;
  border: 1px solid #bbb;
  background: #eee;
  background: -webkit-linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100px, #e5e5e5 100%);
  z-index: 999999;
  border-radius: 3px;
  box-shadow: 5px 5px 4px rgba(51,122,183,.5);
  opacity: 0;
  -webkit-transform: translate(0, 15px) scale(.95);
  transform: translate(0, 15px) scale(.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  pointer-events: none;
}
 
.menu-item {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background-color: #fff;
}
 
.menu-btn {
  background: none;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
  width: 100%;
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 6px;
  border-radius: 3px;
}
 .menu-btn::-moz-focus-inner, .menu-btn::-moz-focus-inner {
 border: 0;
 padding: 0;
}
 
.menu-text { margin-left: 5px; }
 
.menu-btn .fa {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
}
 
.menu-item:hover > .menu-btn {
  color: #fff;
  outline: none;
  background-color: #337ab7;
  background: -webkit-linear-gradient(to bottom, #337ab7, #337ab7);
  background: linear-gradient(to bottom, #337ab7, #337ab7);
  border: 1px solid #337ab7;
}
 
.menu-item.disabled {
  opacity: .5;
  pointer-events: none;
}
 
.menu-item.disabled .menu-btn { cursor: default; }
 
.menu-separator {
  display: block;
  margin: 7px 5px;
  height: 1px;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}
 
.menu-item.submenu::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left-color: #aaa;
}
 
.menu-item.submenu:hover::after { border-left-color: #fff; }
 
.menu .menu {
  top: 4px;
  left: 99%;
}
 
.show-menu, .menu-item:hover > .menu {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}
 
.menu-item:hover > .menu {
  -webkit-transition-delay: 100ms;
  transition-delay: 300ms;
}
.glyphicon-text-background, .glyphicon-text-color{
  font-size: 16px;
  align-self: center;
  margin-top: 4px;
  cursor: default;
  background: #fff;
}

.colorpickerCss {
   border: none;
   margin-top: -12.5px;
   width: 20px;
   height: 20px;
   
}
.colorpicker-content {
  border: 1px solid gray;
  height: 28px;
  padding-right: 3px;
  padding-left: 3px;
  margin-left: 4px;
}