/* ==UserStyle==
@name           Dark LastPass
@namespace      https://github.com/thiagobraga/dark-lastpass
@description    A blue dark theme for LastPass password manager.
@version        0.0.6
@author         Thiago Braga <thibraga06@gmail.com>
==/UserStyle== */

@-moz-document domain("lastpass.com") {
  header {
    background-color: #22303a;
  }

  .lp-get-lastpass a {
    background-color: #333f48;
  }
  
  a {
    color: #b8c3ca;
  }

  .main {
    background-color: #172027;
  }

  label {
    color: #b0b5b9;
  }
  
  .muted {
    color: #b0b5b9;
  }

  .remembersignin,
  .remembersignin > div {
    color: #b0b5b9 !important;
  }

  #vault {
    background-color: #22303a;
  }

  .contentframe {
    background-color: #22303a;
    border:           1px solid #333f48;
  }
  
  .contentheading {
    color: #b0b5b9;
  }

  #tools {
    background-color: #22303a;
    color:            #b0b5b9;
  }

  .dialogHeader {
    background-color: #22303a;
  }

  .dialog {
    background-color: #333f48;
  }

  .dialogContent,
  .dialog .label {
    color: #b0b5b9;
  }

  .meter {
    height: 1px;
  }

  .meter > div {
    height: 2px;
  }

  .meter .best {
    background-color: #0dd05b;
  }
  
  .main .inputtext {
    background-color: #172027;
    border:           1px solid #22303a;
    color:            #737d8a !important;
    height:           32px;
  }

  .dialogInput,
  .dialog input[type="text"],
  .dialog select,
  .dialog textarea {
    background-color: #22303a;
    border:           1px solid #1c272f;
    color:            #737d8a;
  }

  .dialogInput:focus {
    outline: 0;
  }

  .rbtn {
    background-color: #19252b;
    border-color:     #51616d;
    color:            #b0b8bf !important;
  }

  .rbtn:focus,
  .rbtn:hover {
    background-color: #141d22;
  }

  .rbtn:active {
    background-color: #0b1014;
  }

  .selectDropdownList {
    border-color: #172027;
  }

  .selectDropdownList ul {
    background-color: #22303a;
  }

  .selectDropdownList.dropdownMenu li {
    border-top: 1px solid #22303a;
    color:      #868686;
  }

  #search {
    background-color: #172027;
  }

  .menuRight {
    background-color: #172027;
  }

  .userMenuTextSecondary {
    color: #567690;
  }

  .folderContainer {
    border-bottom: 1px solid #1b262f;
    color:         #b0b5b9;
  }
  
  .contents {
    margin-bottom: 20px;
  }

  #pageTitle {
    color: #b0b5b9;
  }

  .optionButtons,
  .optionsDropdown {
    background-color: #33414a;
    color:            #b0b8bf;
  }

  .optionsDropdown:hover,
  .optionButton:hover,
  .toggleButton:hover {
    background-color: #5d7686;
    color:            #b0b8bf;
  }

  .list {
    background-color: #172027;
  }

  .name {
    color: #737d8a;
  }

  .infoLabel {
    color: #51616d;
  }

  #addMenuButton .addMenuItem>div,  
  .menuButtonRight img.userIcon {
    filter: hue-rotate(225deg) saturate(25%);
  }

  #options {
    padding: 12px 48px 0 30px;
  }

  .folder {
    margin: 1px 42px 24px 30px;
  }
  
  .stickyFolder {
    background-color: #141d22;
  }
  
  .stickyFoldersContainer.folder {
    margin-top:    0;
    padding-right: 15px;
  }

  :focus {
    outline: 1px solid #51616d;
  }

  /* Hide free user ad right column */
  .freeUser .leftOfAd {
    right: 0;
  }

  .freeUser #ad {
    display: none;
  }
}