:root {
    --primary-color: #016835;
    
    --black-color: #000;
    --white-color: #fff;
    --green-color: #1cad6e;
    --gray-color: #888;
    --red-color: #fc4850;   
}

body{
    background-color: #f5f6fa;
}

hr{
    border:1px solid #f7f7f7;
}

.red{
    color: var(--red-color) !important;
}

.green{
    color: var(--green-color) !important;
}

.gray{
    color: var(--gray-color) !important;
}

.topMenu{
    background-color: var(--white-color);
    color:#1c1c1c;
    border-bottom: 1px solid #eee;    
}

.topMenu .left{
    color : var(--primary-color);
    border-right: 1px solid #eee;
}

.topMenu .right .notifications{
    color:#888;
}

.sideMenu{
    background-color:var(--white-color);
    color:var(--black-color);
    border-right: 1px solid #eee;    
}

.sideMenu a{
    color:#d6d9e2;
}

.sideMenu .option i{
    color:#acafb8;    
}

.sideMenu .option:hover{
    color:var(--primary-color);  
    border-right: 3px solid var(--primary-color);
}

.sideMenu .option:hover i{
    color:var(--primary-color);  
}

.sideMenu .text{
    color:#888;
}

.sideMenu .active{
    color:var(--primary-color);
    border-right: 3px solid var(--primary-color);
}

.sideMenu .active i, .sideMenu .active .text{
    color:var(--primary-color) !important;
}

.forms{
    background-color: rgba(255,255,255,0.9);
    border:1px solid #eee;    
    color:#2b2b2b;
}

.forms a{
    color:var(--black-color);
}

.forms .title{
    color:var(--black-color);    
}

.forms .miniTitle{
    color:#888;    
}

.forms .formTitle{
    color:#888;    
}

.forms .hyperLink{
    color: var(--primary-color);
}

.forms .createAcc a{
    color:var(--black-color);
}

.forms input[type=text],.forms input[type=password],.forms input[type=email],.forms input[type=number],.forms select,.forms textarea,.forms input[type=datetime-local],.forms input[type=date],.search select, #analyticsViewSelector{
    background-color: #eee;
    color:#2b2b2b;
}

.forms input[type=submit]{
    background: var(--primary-color);
    color: var(--white-color);        
}

.forms .logout{
    background-color: var(--red-color);
    color:var(--white-color);    
}

.forms input:disabled{
    background-color: #aaa !important;    
}

.forms .buttonPos .delete{
    background-color: #dd2635;
    color:var(--white-color);
}

.otc input[type="number"] {
    background: #eeeeee;
    border: 2px solid #eeeeee;
    color: #2b2b2b;    
}

.forms .box{
    border:2px solid #eee;
    color:#1c1c1c;
    /*background-color:#eeeeee;*/
}

.forms .loginWith .btn{  
    color:#888;
    border:1px solid #eee;        
}

.forms .loginWith .active{
    color:var(--black-color);
}

.forms .notice{
    color:#888;
}

.forms .termsAndConditions,.forms .termsAndConditions a{
    color:#888;
}

.forms .termsBox a{
    color:#888;
}

.forms .termsBox a:hover{
    color: var(--primary-color);
}

.forms .chooseWallet img{
    border:2px solid #eee;    
}

.forms .choosePaymentWay i{
    border:2px solid #eee;
}

.forms .chooseWallet .active,.forms .choosePaymentWay .active{
    border:4px solid var(--green-color);
}

.buttonPos .btnGreen{
    background-color: var(--green-color) !important;
}
    
.buttonPos .btnRed{
    background-color: var(--red-color) !important;
}

.modal {
    background: rgba(0,0,0,0.3);
}

.modal__edit{
    color:#cccccc;    
}

.modal__edit:hover{
    color:#aaa;
}

.modal__inner {
    background: var(--white-color);    
}

.modal__close:after,
.modal__close:before {
    background: #ccc;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.mainTable .bi-x-lg{
    color: var(--red-color);
}

.mainTable .bi-check-lg{
    color:var(--green-color);
}

.mainTable th{
    color: #888;
    font-weight: 500;
}

.mainTable tr{
    background-color: #fff;       
    color:#464255;
    border-bottom: 1px solid #eee;    
}

.mainTable tr:nth-child(odd) {    
    background-color: #fff;          
}

.mainTable tr:hover{
    background-color: #f7f7f7;  
}

.mainTable .head{
    background-color: #fff !important;
    color:#2b2b2b !important;
}

.mainTable a{
    color:#2b2b2b;
}

.tableTitle{
    background-color: #2b2b2b !important;
    color:var(--white-color) !important;    
}

.mainTable .wallet{
    color: #464255;
}

.mainTable .paymentWay{
    background-color: #fff;
    color:#464255;    
}

.myButton{
    background-color: #1c1c1c;
    color:#fff;    
}

.modernTable tr{
    background-color: #fff;
    /*border-bottom: 1px solid #eee;*/
}

.modernTable tr:hover td:first-child {
    border-left: 5px solid #eee;
}

.modernTable thead tr:hover td:first-child{
    border-left: 1px solid #fff !important;    
}

.modernTable .cgreen{
    background-color: #def7ef;
    color:#00a389;
}

.modernTable .cred{
    background-color: #fde4e4;
    color:#ff5b5b;
}

.modernTable .date{
    color:#888;
}

.modernTable .myButton{
    background-color: #2b2b2b;
    color:#fff;
}

.modernTable .status img{
    background-color: #fff;
    border:1px solid #eee;
}

.modernTable thead tr{
    border-bottom: 1px solid #eee;    
}

.modernTable tfoot tr{
    border-top: 1px solid #eee;    
}

.modernTable thead td{
    color:#2b2b2b;
}

.carts{
    border:1px solid #eee;
    background-color:#fff;    
}

.carts .title{
    color:#aaa;
}

.carts i{
    color:#016835;
}

.carts .number{   
    color:#000;
}

.money i{
    color: #00a389;
}

.expenses i{
    color:#bd2130;
}

.profit i{
    color:#016835;
}

.categoriesTable th{
    border-top: 1px solid #2b2b2b;
}

.categoriesTable td{
    border-bottom: 1px solid #eee;
}

.seperateDates{
    border-top: 1px solid #eee;
}

.statBox{
    background-color: #dd2635;
    color:#fff;
}

#hide-overspend-alert{
    color:#fff;
}

#myImg{
    border:2px solid #f7f7f7;
}

.search input[type=text]{
    border:1px solid #eee;
}

.limitItem {
  background: #f5f5f5;
}

.bar {
  background: #ddd;
}

.fill.green {
  background: #28a745;
}

.fill.orange {
  background: #ffc107;
}

.fill.red {
  background: #dc3545;
}

.analyticsGroup {
    border: 1px solid #eee;
    background: #fafafa;
}

.analyticsToggle {
    background: #ffff;
}

.analyticsToggle:hover {
    background: #eee;
}

.alert.red {
    background: #fdd;
    color: #900;
}

.alert.orange {
    background: #fff3cd;
    color: #b26b00;
}

#analyticsViewSelector{
    background-color: #eee;
    color:#000;    
    border:1px solid #f7f7f7;
}

/* Container για τις προτάσεις autocomplete */
.autocomplete-suggestions {
  background: #fff;
}

/* Κάθε γραμμή πρότασης */
.autocomplete-suggestion {
  background-color: #fff;
}

/* Highlight όταν περνάει με βελάκι ή hover */
.autocomplete-suggestion:hover,
.autocomplete-suggestion.active {
  background-color: #e0e0e0;
}

.autocomplete-suggestion.active {
  background-color: #e0e0e0;
}

#custom_numpad {
  background: #f9f9f9;
}

.numpad button {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.numpad button:active {
  background-color: #e0e0e0;
}

.numpad button[data-action="delete"] {
  background-color: #ff5555;
  color: #fff;
}

.numpad button[data-action="delete"]:active {
  background-color: #d94444;
}

.numpad button[data-action="ok"] {
  background-color: #4caf50;
  color: #fff;
}

.numpad button[data-action="ok"]:active {
  background-color: #3e8e41;
}

.numpad button[data-action="clear"] {
  background-color: #ffa500;
  color: #fff;
}

.numpad button[data-action="clear"]:active {
  background-color: #e69500;
}

.calendar-header {
  background: #eee;
  border-bottom: 1px solid #f7f7f7;
}

.calendar-header button,
.calendar-header select {
  background: #f7f7f7;
  border: 1px solid #eee;
}

#date-picker {
  background: #fff;
  border: 1px solid #ddd;
}

.calendar-grid {
  border-top: 1px solid #f7f7f7;
  border-left: 1px solid #f7f7f7;
}

.day-header, .day {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #f7f7f7;
}

.day-header {
  background: #eee;
  color: #888;
}

.day:hover {
  background: #f1f1f1;
}

.income { 
    color: #28a745; 
}

.expense {
    color: #dc3545; 
}

.day.inactive {
    background: #f5f5f5; 
    color: #aaa; 
}

#modal {
  background: rgba(0, 0, 0, 0.5);
}

#modal > div {
  background: #fff;
}