/* ECQ team branding overrides for Elastic skin (based on www.ecq.jp palette) */

a { color: #7C5CFC; }
a:hover { color: #5F3FE0; }

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background: #7C5CFC !important;
  border-color: #7C5CFC !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #5F3FE0 !important;
  border-color: #5F3FE0 !important;
}
.btn-link { color: #7C5CFC !important; }

/* Main action buttons (e.g. login submit, compose send) use .mainaction,
   not .btn-primary */
.button.mainaction,
button.mainaction,
#rcmloginsubmit {
  background: #7C5CFC !important;
  border-color: #7C5CFC !important;
  color: #fff !important;
}
.button.mainaction:hover,
button.mainaction:hover,
#rcmloginsubmit:hover {
  background: #5F3FE0 !important;
  border-color: #5F3FE0 !important;
}

/* Task menu (left icon sidebar) */
#taskmenu,
#layout-menu,
#rcmdraglayer,
#taskmenu .popover-header {
  background-color: #1A1A2E !important;
}
#taskmenu .action-buttons a { color: #7C5CFC !important; }

/* Header / footer / dialog title bars */
#layout > div > .header,
#layout > div > .footer,
.ui-dialog .ui-dialog-titlebar {
  background-color: #FBF7EE !important;
}

/* Unread counters / badges */
.folderlist li.mailbox.recent > a > .unreadcount,
.listing .unreadcount {
  background: #7C5CFC !important;
  color: #fff !important;
}
.folderlist li.mailbox.recent > a { color: #5F3FE0 !important; }

/* Popup / dropdown menu hover states */
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover,
.popupmenu .listing li > a:not(.disabled):hover,
.ui-menu .ui-state-active {
  background-color: #7C5CFC !important;
  color: #fff !important;
}

/* Info message stack */
#messagestack .alert-info.information { background-color: #7C5CFC !important; }

/* Form focus rings */
.form-control:focus,
.multi-input > .content.focused,
.recipient-input.focus,
.tagedit-list[tabindex="-1"],
.formcontent.raweditor .CodeMirror-focused {
  border-color: #7C5CFC !important;
  box-shadow: 0 0 0 .2rem rgba(124, 92, 252, .3) !important;
}

/* Date picker highlight */
.ui-datepicker.ui-widget-content .ui-state-highlight {
  background: #EDE7FF !important;
  color: #7C5CFC !important;
}
