.body{
  height: 97%;
}
#root{
  /* background-color: #F8F8F8; */
  font-family: 'Inter, sans-serif' 
}



/* Webkit browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

/* Collapse style for menu item container elements */
.collapsed {
width: 56px;
}

/* Collapse style for submenu container elements */
.submenu.collapsed {
display: none;
}


.custom-box-left {
  border-radius:1rem 0  0 1rem; /* Left Rounded Corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);/* Circle of shadows */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);/* The bottom shadow effect is obvious */
}


.custom-box-right{
  border-radius: 0  1rem 1rem  0 ; /* Left Rounded Corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Circle of shadows */
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* The bottom shadow effect is obvious */
}

.radius-1{
  border-radius: 5px;
  margin: 0 5px;
}
.gradient-divider {
  background: linear-gradient(to right, #8D8888, #FFFFFF);
}