:root {
    --body-background: #c5dbdb;
    --white: #ffffffff;
    --silver: #c1c1c1ff;
    --emerald: #15d37d;
    --grullo: #ab947e;
    --black-chocolate: #261c15;
    --teal-blue: #2d728f;
    --blue-munsell: #3B8EA5;
  }
  
  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-body-background {
    background-color: var(--body-background);
  }

  .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;
  }
  
  trix-toolbar [data-trix-button-group="file-tools"] {
    display: none;
  }

  .trix-hide-bold .trix-button--icon-bold { display: none; }
  .trix-hide-italic .trix-button--icon-italic { display: none; }
  .trix-hide-strike .trix-button--icon-strike { display: none; }
  .trix-hide-link .trix-button--icon-link { display: none; }
  .trix-hide-heading-1 .trix-button--icon-heading-1 { display: none; }
  .trix-hide-quote .trix-button--icon-quote { display: none; }
  .trix-hide-code .trix-button--icon-code { display: none; }
  .trix-hide-bullet-list .trix-button--icon-bullet-list { display: none; }
  .trix-hide-number-list .trix-button--icon-number-list { display: none; }
  .trix-hide-decrease-nesting-level .trix-button--icon-decrease-nesting-level { display: none; }
  .trix-hide-increase-nesting-level .trix-button--icon-increase-nesting-level { display: none; }
  .trix-hide-attach .trix-button--icon-attach { display: none; }
  .trix-hide-undo .trix-button--icon-undo { display: none; }
  .trix-hide-redo .trix-button--icon-redo { display: none; }
 
  
  trix-toolbar .trix-button, .trix-button-group {
    border:0 !important;
  }
  
  trix-editor {
    border:0 !important;
  }



@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;
    }
}



.horizontal-scrollable > .row {
  overflow-x: auto;
  white-space: nowrap;
}

.horizontal-scrollable > .row > .col {
  display: inline-block;
  float: none;
}
