﻿.dropbutton-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.dropbutton-container .dropbutton-button, .dropbutton-container .dropbutton-toggle-container {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.dropbutton-container.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.dropbutton-container.disabled .dropbutton-button, .dropbutton-container.disabled .dropbutton-toggle-button {
  /*background: #363b45;*/
}
.dropbutton-container .dropbutton-button {
  background: transparent;
  /*background: #295287;*/
  background-image: url(images/back-button.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
  border: 0;
  /*color: #c7cbd1;*/
  /*line-height: 39px;*/
  /*padding: 0px 18px;*/
  margin: 0 1px;
  height: 20px;
  width: 20px;
}
/*
  .dropbutton-container .dropbutton-button > span {
    position: relative;
  }
*/
  .dropbutton-container .dropbutton-button:hover, .dropbutton-container .dropbutton-toggle-button:hover {background-color: #22446f}
  .dropbutton-container .dropbutton-button:active, .dropbutton-container .dropbutton-toggle-button:active {background-color: #1b406c;opacity: 0.8;}
.dropbutton-container .dropbutton-toggle-button {
  position: relative;
  background: transparent;
  /*background: #295287;*/
  color: #c7cbd1;
  line-height: 20px;
  padding: 0px 2px;
  height: 20px;
  cursor: pointer;
}
.dropbutton-container .dropbutton-toggle-button:after {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #c7cbd1 transparent transparent transparent;
}
.dropbutton-container .dropbutton-toggle-list.dropdown-menu {
  position: absolute;
  left: -21px;
  right: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  background: #1a2028;
  border: solid 1px #295287;
  margin-top: 1px;
  overflow-y: auto;
  overflow-x: visible;
  overflow-x: -moz-hidden-unscrollable;
  min-width: calc(100% - 2px);
  max-height: 242px;
  border-radius: 2px;
  z-index: 4;
}
.dropbutton-container .dropbutton-toggle-list-item {
  background: #292d35;
  color: #c7cbd1;
  padding: 0px 18px;
  line-height: 24px;
  min-width: 99px;
  height: 24px;
  cursor: pointer;
}
.dropbutton-container .dropbutton-toggle-list-item.hover {
  background: #295287;
}