arangodb/js/apps/system/aardvark/frontend/css/buttons.css

.addButton {
  position: relative;
  margin-right: 7px;
  font-size: 20px;
  color: #8AA050;
  margin-top: 2px;
}
.deleteButton {
  color: #B30000;
  font-size: 20px;
  padding-right: 3px;
  top: 3px;
  position: relative;
}


.badge, .label, .btn {
  text-shadow: none !important;
}

.thumbnail, .navbar-inner, .btn, .btn-primary {
  border-radius:0;
  box-shadow: 0;
}


.modal-body th.actionCell > button {
  margin-top: -12px;
}
/* General Layout */

button {
  font-family: 'Open Sans', sans-serif !important;
}

.btn {
  box-shadow:none;
  background: #8f8d8c;
  border: none;
  color:#FFFFFF;
  margin-left:10px;
  padding: 5px 16px;
  font-weight: 300 !important;
  font-size: 14px;
}

.btn-old-padding {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.btn:hover {
  background: #736b68;
  color:#FFFFFF;
}

.btn-primary {
  background: #564e4a;
}

.btn-primary:hover {
  background: #3a322e;
}

.btn-notification {
  background-color: #FAA020;
  margin-right: 5px;
}

.btn-notification:hover {
  background-color: #F87C0F;
}

.btn-success {
  background: #8AA051;
}

.btn-success:hover {
  background: #788F3D;
}

.btn-danger {
  background-color: #DA4F49;
}

.btn-danger:hover {
  background-color: #BE342E;
}

.btn-warning {
  background-color: #FAA732;
}

.btn-warning:hover {
  background-color: #F89406;
}

.btn-inactive {
  background-color: lightgrey;
}

.btn-inactive:hover {
  background-color: grey;
}

.btn-group > .btn + .dropdown-toggle {
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #736b68;
}

/*Dashboard Layout*/
#dashboardHeader .btn-group {
  margin-left: 10px;
  margin-top: 6px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-radius: 0 !important;
  max-height: 30px !important;
}
/*Graphviewer Layout*/

button.graphViewer-icon-button {
  border: medium none;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-left: 5px;
  padding: 0px;
  background-color: transparent;
}

button.graphViewer-icon-button > img {
  width:20px;
  height:20px;
  padding-bottom: 10px;
}

button.gv_dropdown_entry {
  width: 160px;
  height: 30px;
  margin: 4px 4px 4px 30px;
}

button.gv_context_button {
  width: 65px;
}

.toolbox > .btn {
  width: 50px;
  height: 50px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: rgb(51, 51, 51);
  background-size: 50px 50px;
}

.toolbox > .btn:first-child {
  margin-top: 0px;
}

.toolbox > .btn:last-child {
  margin-bottom: 0px;
}

.btn-icon {
  padding: 4px 4px;
  background-color: rgb(56, 52, 52);
}

button.gv-icon-small {
  background-size: 16px 16px;
  width:16px;
  height:16px;
}

button.gv-icon-small.delete {
  background-image:url("../img/icon_delete.png");
}

button.gv-icon-small.add {
  background-image:url("../img/plus_icon.png");
}


button.gv-icon-btn {
  width:36px;
  height:36px;
  background-size: 36px 36px;
  border-radius: 0px !important;  
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}

button.gv-icon-btn.active {
  background-color: #8AA051
}

button.gv-icon-btn.edit{
  background-image:url("../img/gv_edit.png");
}

button.gv-icon-btn.view{
  background-image:url("../img/gv_view.png");
}

button.gv-icon-btn.add{
  background-image:url("../img/gv_add.png");
}

button.gv-icon-btn.expand{
  background-image:url("../img/gv_expand.png");
}

button.gv-icon-btn.drag{
  background-image:url("../img/gv_drag.png");
}

button.gv-icon-btn.connect{
  background-image:url("../img/gv_connect.png");
}

button.gv-icon-btn.trash{
  background-image:url("../img/gv_trash.png");
}

button.btn-zoom:hover {
  background: inherit;
}

button.btn-zoom {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  background: none;
}

button.btn-zoom-top {
  left: 13px;
  top: 0px;
}

button.btn-zoom-left {
  left: 0px;
  top: 12px;
}

button.btn-zoom-bottom {
  left: 13px;
  top: 24px;
}

button.btn-zoom-right {
  right: 0px;
  top: 12px;
}

button.gv-zoom-btn {
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  vertical-align: baseline;
}

button.gv-zoom-btn.pan-right{
  background-image:url("../img/gv_arrow_right.png");
}
button.gv-zoom-btn.pan-left{
  background-image:url("../img/gv_arrow_left.png");
}
button.gv-zoom-btn.pan-top{
  background-image:url("../img/gv_arrow_top.png");
}
button.gv-zoom-btn.pan-bottom{
  background-image:url("../img/gv_arrow_bottom.png");
}

/* Cluster View */

button.btn-overview, button.btn-server {
  margin: 5px;
}

button.btn-server {
  width: 120px;
}