* {
   box-sizing: border-box;
 }
 

 body {
   margin: 0;
   padding: 0;

   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

   font-size: 14px;

 }
 
 svg * {
   user-select: none;
 }
 
 .recharts-cartesian-axis-tick-value {
   fill: #3A4168;
 }
 
 .recharts-cartesian-axis-line,
 .recharts-cartesian-axis-tick-line {
   stroke: #3A4168;
 }
 
 .color1 {
   color: #1B1B3A;
 }
 
 .color2 {
   color: #3A4168;
 }
 
 .color3 {
   color: #98798F;
 }
 
 .color4 {
   color: #C89C93;
 }
 
 .color5 {
   color: #F1D8CB;

 }

 
 .row:hover,
 .sortable-inactive:hover {
   background-color: #f8f9ff;
 }
 
 .sortable-inactive {
   border-bottom: 1px solid #3A4168;
 }
 
 .sortable-inactive:last-child {
   border-bottom: none;
 }
 
 .sorting {
   background-color: white;
   border-bottom-color: white !important;
   box-shadow: 0 0 10px rgba(0,0,0,0.2)
 }