:root {
    --white: #ffffffff;
    --silver: #c1c1c1ff;
    --emerald: #15d37d;
    --grullo: #ab947e;
    --black-chocolate: #261c15;
    --teal-blue: #2d728f;
    --blue-munsell: #3B8EA5;
    --white: #ffffffff;
    --silver: #c1c1c1ff;
    --charcoal: #2c4251ff;
    --fuzzy-wuzzy: #d16666ff;
    --sea-green: #0a8754ff;
    --bleu-de-france: #008bf8ff;
  }
  
  html, body {
    height: 100%;
    font-family:'Roboto';
  }
  
  
  a {
    text-decoration: none !important;
  }
  
  .no-carret.dropdown-toggle::after {
    content: none; 
  }
  
  .list-group-item small {
    font-size:11px;
  }

  .bg-emerald {
    background-color: var(--emerald);
  }
  .bg-grullo {
    background-color: var(--grullo);
  }
  .bg-black-chocolate {
    background-color: var(--black-chocolate);
  }
  .bg-teal-blue {
    background-color: var(--teal-blue);
  }
  .bg-blue-munsell {
    background-color: var(--blue-munsell);
  }

  .text-emerald {
    color: var(--emerald);
  }
  .text-grullo {
    color: var(--grullo);
  }
  .text-black-chocolate {
    color: var(--black-chocolate);
  }
  .text-teal-blue {
    color: var(--teal-blue);
  }
  .text-blue-munsell {
    color: var(--blue-munsell);
  }
  
  .btn-dialog-options {
    min-width: 100px;
  }
  
.spending {
  font-family:'Courier New', Courier, monospace
}

  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #5f5d5f #ffffff;
  }
  
  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 13px;
  }
  
  *::-webkit-scrollbar-track {
    background: #ffffff;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #5f5d5f;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
  
  /* ===== Customize TRIX ===== */
  trix-toolbar [data-trix-button-group="file-tools"] {
    display: none;
  }
  trix-toolbar [data-trix-attribute="heading1"] {
    display: none;
  }



.paginator {
  float:right;
}



.atlas-panel {
  min-width:300px;
}

.atlas-option-header {
  color:#fff;
  padding-top:5px;
  background-color:#999;
}

.atlas-char-index > li > a.active {border-bottom:5px solid var(--bleu-de-france);}

.atlas-article-header-subtitle {
  font-size:12px;
  font-style: italic;
}

@media only screen and (min-width: 600px) {
    .sidebar-div {
        display:block;
    }
    .sidebar-offcanvas {
        display:none;
    }
}

@media only screen and (max-width: 600px) {
    .sidebar-div {
        display:none;
    }
    .sidebar-offcanvas {
        display:block;
    }
}