@import '../../../@theme/styles/themes';

@include nb-install-component() {
  input {
    width: 100%;
  }

  .cancel {
    margin-right: 1rem;
  }
}
.error-message {
  color: #7c0e0e;
  font-size: 10px;
  word-wrap: break-word;
  max-width: 250px; /* Adjust this value as needed */
}

nb-icon {
  cursor: pointer;
}

.icon-error {
  color: red !important;
}

@media (max-width: 767px) {
  .show-grid .col-sm-12 {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .show-grid .col-md-4, .show-grid .col-md-3 {
    padding: 0 15px;
  }
}

.custom-dialog-class {
    width: 50%; /* Set the desired width here */
    height: 300px; /* Set the desired height here */
  }
  .show-grid{
    margin-bottom: 2rem;
  }
  .error-message-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .error-message {
    color: #7c0e0e;
  }
  
  .error-message.small {
    font-size: 12px;
  }
 