@import url('./f/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&display=swap');
@font-face {
    font-family: TwemojiMozilla;
    src: url(TwemojiMozilla.ttf);
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

:root {
      font-size: 13px;
      --bs-info-rgb: 100,20,100;
      --bs-primary-rgb:13,55,125;
}

body {
    font-family: 'TwemojiMozilla', 'Anek Latin', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

header nav {
    background: rgb(240,237,242);
}

.dropdown-item {
  color:#000;
}

main {
    padding: 2px;
}

.toolbar {
    padding: 10px 0;
}

.list-group { --bs-list-group-item-padding-y: 0.4rem; --bs-list-group-item-padding-y: 0.1rem; }

.menu-icon {width:1.2rem; margin-right:0.25rem;}

.clickable:hover {
    text-decoration:underline;
    cursor:pointer;
}

.clickable-button:hover{
    cursor:pointer;
}

.tabulator {
    font-size:12px;
}

.tabulator .tabulator-header-filter input {
    padding:1px !important;
}

.tabulator .tabulator-table {
    font-size:12px;
}

.activeinactive { 
    font-weight: bold; 
    & option {color:#000; font-weight: normal;}
    &:has(option[value='N']:checked) { color: #FF0000; }  
    &:has(option[value='Y']:checked) { color: #268226; }  
}

financial-records-component {
    & .tabulator { 
                     font-size:12px; 
                     & .tabulator-table { font-size:12px; }
                     & .tabulator-header .tabulator-col {justify-content: end;}
                 }    
}

.fade-animation {
  color: #000;
  animation: fadeColor 3s infinite;
}

@keyframes fadeColor {
  0%, 100% {
    color: #000;
  }
  50% {
    color: #EEE;
  }
}