/**
 * Provide background colors for default user thumbnails, based on the
 * first letter of their username.
 *
 * @see: https://www.color-hex.com/color-names.html
 */

.letter-A,
.letter-1 {
  background-color: #ffefdb;
}

.letter-B,
.letter-2 {
  background-color: #ffd39b;
}

.letter-C,
.letter-3 {
  background-color: #eee8cd;
}

.letter-D,
.letter-4 {
  background-color: #bcee68;
}

.letter-E,
.letter-5 {
  background-color: #b4eeb4;
}

.letter-F,
.letter-6 {
  background-color: #fffaf0;
}

.letter-G,
.letter-7 {
  background-color: #ffc125;
}

.letter-H,
.letter-8 {
  background-color: #e0eee0;
}

.letter-I,
.letter-9 {
  background-color: #cd5555;
}

.letter-J,
.letter-0 {
  background-color: #eeeee0;
}

.letter-K {
  background-color: #eee685;
}

.letter-L {
  background-color: #fff0f5;
}

.letter-M {
  background-color: #e066ff;
}

.letter-N {
  background-color: #eecfa1;
}

.letter-O {
  background-color: #b3ee3a;
}

.letter-P {
  background-color: #9aff9a;
}

.letter-Q {
  background-color: #ffefd5;
}

.letter-R {
  background-color: #ffc1c1;
}

.letter-S {
  background-color: #54ff9f;
}

.letter-T {
  background-color: #eed2ee;
}

.letter-U {
  background-color: #40e0d0;
}

.letter-V {
  background-color: #ee82ee;
}

.letter-W {
  background-color: #eed8ae;
}

.letter-X {
  background-color: #e1f1f1;
}

.letter-Y {
  background-color: #cdcd00;
}

.letter-Z {
  background-color: #9acd32;
}
.ui-dialog .ui-dialog-buttonpane{
	z-index:9999;
}
.path-burndown div.ui-widget-content.ui-front.ui-dialog-buttons{
  height: 100vh !important;
  top: 0px !important;
  width: 1100px !important;
  /* left:auto !important; */
  right: 0px !important;
}
.toolbar-horizontal.toolbar-tray-open.path-burndown div.ui-front.ui-widget-content{
  top: 81px !important;
}
.toolbar-horizontal.path-burndown .ui-front.ui-widget-content div.ui-front.ui-widget-content{
  top: 0px !important;
	padding-top: 0px;
}
.toolbar-horizontal.path-burndown .ui-front.ui-widget-content .ui-front.ui-widget-content{
	
}

.toolbar-horizontal.toolbar-tray-open.path-burndown .ui-front.ui-widget-content
.toolbar-horizontal.path-burndown.path-burndown .ui-front.ui-widget-content #drupal-modal, 
.toolbar-horizontal.toolbar-tray-open.path-burndown.path-burndown .ui-front.ui-widget-content #drupal-modal{
  /* top:0px !important; */
}
.path-burndown .ui-dialog > .ui-dialog-content{
  max-width: 95% !important;
}
.path-burndown .ui-front.ui-widget-content #drupal-modal{
  height: 81vh !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.path-burndown .ui-dialog :focus, .path-burndown .ui-dialog:focus{
  outline: inherit !important;
  box-shadow: inherit !important;
}
.path-burndown .task-actions .button{
  margin:0px;
}
.user_circle {
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: bold;
}
.circle {
  display:inline-block;
  width: 24px;
  height: 24px;
  border-radius:50%;
  line-height:24px;
}