
.phonecall-cell {
  width: 40em;
  border: 3px solid var(--lightest-primary);
  border-radius: var(--radius);
  margin: 3px;
  display: flex;
  justify-content: space-between;
  height: 20em; /* Adjusted height for larger cards */
}


@media screen and (max-width: 480px) {
    .browsephonecall-row-data .phonecall-cell {
      width: 100%; /* Set to 100% to make it full width on smaller screens */
    }
}

.phonecall-asap {
  width:25%;
}
.phonecall-type {
  width:75%;
}
.phonecall-company {
  width:100%;
}

.phonecall-icon {
  color: #0275d8;
}

.call-label {
  color: #0275d8;
}
.phonecall-telephone {
  width:100%;
}
.phonecall-taken {
  width:50%;
}
.fas {
  margin-left: 0em!important
}
.phonecall-callback {
  width: 50%;
  text-align: right;
}

.phonecalltable .nt-browse-empty {
    background-color: #0275d8;
    color: white;
    width: 100%;
}

.maint0 {
  background-color: red;
}

.phonecall-name,
.phonecall-date
{
    padding: 0.5em; /* Add internal spacing */
    margin: 0; /* Ensure no unwanted margins are present */
}

.zoomable-image {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M500.3 471.7l-129.8-129.8c29.1-39.3 46.4-87.9 46.4-140.4C416.9 90.5 326.5 0 215.5 0S14.1 90.5 14.1 201.5s90.5 201.5 201.5 201.5c52.5 0 101.1-17.3 140.4-46.4l129.8 129.8c12.5 12.5 32.8 12.5 45.3 0 12.5-12.5 12.5-32.8 0-45.3zM64 201.5c0-83.5 67.9-151.5 151.5-151.5s151.5 67.9 151.5 151.5-67.9 151.5-151.5 151.5S64 285 64 201.5zM224 96c-8.8 0-16 7.2-16 16v74h-74c-8.8 0-16 7.2-16 16s7.2 16 16 16h74v74c0 8.8 7.2 16 16 16s16-7.2 16-16v-74h74c8.8 0 16-7.2 16-16s-7.2-16-16-16h-74V112c0-8.8-7.2-16-16-16z'/%3E%3C/svg%3E") 16 16, zoom-in;
  transition: transform 0.3s ease-in-out;
}

.zoomable-image:hover {
  transform: scale(1.1);
}

@media (min-width: 768px) { 
  #imageModal .modal-dialog {
      max-width: 90%;
  }
}

@media (min-width: 1200px) { 
  #imageModal .modal-dialog {
      max-width: 70%;
  }
}

#newsModal .modal-body {
  max-height: 75vh; 
  overflow-y: auto;
  padding: 20px;
}


