//global imports
@import '../../../styles/global.colors.scss';
@import '../../../styles/global.fonts.scss';
@import '../../../styles/mixins';

/* Modal Content */
.modalContent {
  background-color: inherit;
  padding: 20px;
  z-index: 3;
  text-align: center;
}

/* Heading */
.modalContent h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
}

/* Input Field */
.modalContent input {
  width: 100%;
  padding: 8px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

/* Save Button */

/* Close Button */
.modalContent button.close {
  background-color: #f44336; /* Red */
  margin-left: 10px;
}