.theme-dark {
    --color-background:#18191a;
    --color-secondary: #3a3b3c;
    --color-selector:#18191a; 
    --color-button:#212529;
    --color-brand:#ffffff;
    --color-image:#3a3b3c;
    --color-track:#18191a;
    --color-slider: #ffffff;
     --color-accent: #12cdea;
     --color-scroll:#aaa;
     --color-body:#ffffff;
     --color-hastip:#52565d;
     --color-tooltip:#ffc107;
     --font-color:#aaa;
     --foo-color:#ffffff;
     --select-font:#18191a;
    --font-hover: #b3b3b3;
    --card-body: #999999;
    --tape-cell: #242526;
    --tape-digit: #3a3b3c;
    --tape-label: #242526;
    --outer-frame: #1c1d1d;                       
    --toggle-btn-color:#aaa;
    --accordian-color: #242526;
    --percentage-calc-font:#aaa;
    --percentage-question-symbol-font:#6c757d;
     --percentage-container-background:#535353;
    
}
.theme-light{
    --color-background:#ffffff;
    --color-secondary:#dee2e6;
    --color-selector:#dee2e6;
     --color-button:#f2f3f7;
     --color-slider:#18191a;
     --color-brand:#000000;
       --color-image:#dee2e6;
    --color-accent: #fd6f53;
    --color-track:#ffffff;
    --color-body:#6c757d;
    --color-hastip:#969aa2;
    --color-scroll:#b3b3b3;
    --select-font:#6c757d;
    --color--tooltip:#ffc107;
    --font-color: #535353;
    --foo-color:##343a40;
    --font-hover: #b3b3b3;
    --card-color: #99ff99;
    --card-body: #999999;
    --tape-cell: #ffffff;
    --tape-digit: #cccccc;
    --tape-label: #ffffff;
    --outer-frame: #cccccc;
    --toggle-btn-color:#6c757d;
    --accordian-color: #E7E6EA;
    --percentage-calc-font:#E7E6EA;
    --percentage-question-symbol-font:#aaa;
    --percentage-container-background:#cccccc;
   
}


#calc_calc{
    background-color:pink;
    
}
#buttons input[type="button"]{
    background:white;
}

a {
    color:#3a3b3c !important;
}
.fieldwrp{
    background:none !important;
    padding:0 !important;
}
.fieldwrp  #name1,#name2{
     background:#dee2e6;
 }