.com-box:hover{
    cursor:pointer;box-shadow: 1px 1px 2px 0px black;

}
input:focus {
  outline: 1px solid var(--accent-green-dark);
  box-shadow: 0 0 5px rgba(46, 125, 50, 0.5) !important;
}
.com-body{
    background-color: var(--page-bg);
    /* height:120vh; */
    display:flex;
    flex-direction:row;
    padding:20px;
}
.pro-card{
  background-color: var(--panel-strong);
}

  .truncated-text {
    display: inline-block;
    max-width: 100px; /* Adjust the width to fit approximately 10 characters */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  body {
    font-family: 'Roboto', sans-serif;
    background-color: var(--panel);
    color: var(--text-color);
}
h3, h5 {
    color: var(--accent-green);
}
.text-grey {
    color: var(--muted);
}
.border-grey {
    border-color: rgba(0,0,0,0.12) !important;
}
.btn-success:hover {
    background-color: var(--accent-green-dark);
}
.shadow-sm {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.pro-card {
    border: 1px solid rgba(0,0,0,0.08);
}