.d-grid {
  display: grid !important;
}

.bg-yellow {
  background: #ffe000 !important;
}

.w-200 {
  width: 200px;
}

.w-full {
  width: 100% !important;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.ml-3x {
  margin-left: 1.5rem !important;
}

.text-align-c {
  text-align: center;
}

.font-DB-bold-not-rounded {
  font-family: "DB-HeaventRounded-Bold";
}

.list-style-number {
  list-style: decimal;
  padding: 0 15px;
}

.list-style-disc {
  list-style: disc;
  padding-inline-start: 40px;
}

.break_word {
  word-break: break-word;
  overflow-wrap: break-word;
}

.disabled-button {
  display: none;
}

a.disabled-button {
  padding-inline: 12px !important;
  opacity: 0.8;
  pointer-events: none;
  background-color: #cccccc !important;
  color: #666666 !important;
  border: 1px solid #666666 !important;
}

.separator-line-bottom {
  border-bottom: 1px solid #393939;
}

.display-resume-name {
  display: grid;
  align-items: center;
  gap: 10px;
  margin-left: 7.5px;
  margin-top: 15px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.name-company h6 {
  font-size: var(--font14);
}

textarea.text-interview-area {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  height: 150px;
}

a.clicl-status {
  color: #0f6fc9;
  cursor: pointer;
}

.notpostjob,
.viewover {
  color: white;
}

.noLogin {
  text-align: center;
  display: grid;
  gap: 10px;
}

.ownerNoLogin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #ffe000;
  font-size: var(--font16);
  overflow: hidden;
  border: 1px solid #bfbfc0;
}

.ownerNoLogin p a {
  font-size: var(--font20);
  background: #d40101;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 100;
}

.expireResume {
  background: #d40101;
  border-radius: 4px;
  text-align: center;
  color: #fff !important;
  padding: 10px 0;
  font-size: var(--font16);
}

.click_to_postjob,
.btnNoLogin {
  font-size: var(--font20);
  background: #d40101;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 100;
  height: auto;
}

.expireResume a {
  display: inline-block;
  font-size: var(--font16);
  background: #fff;
  color: #333;
  padding: 5px 15px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}

.expireResume a:hover {
  background: #333;
  color: #fff;
}

.block-report ul {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

.block-report ul li {
  padding: 0 10px;
  margin-bottom: 5px;
}

.block-report ul li button {
  background: transparent;
  border: 0;
  color: #555;
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 5px 10px;
  text-align: right;
}

.block-report ul li button:hover {
  background: #ebebeb;
  border: 0;
  color: #555;
}

.block-report ul li button.active {
  background: #bfbfbf;
  color: #fff;
}

.text-sms {
  color: #d40101;
  font-size: var(--font14);
}

.send-message {
  margin: 20px 0;
  text-align: center;
}

.send-message button {
  border-radius: 4px;
  padding: 5px 10px;
  background: #d40101;
  color: #ffffff;
  border: 1px solid #d40101;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.send-message button:hover {
  background: #ebebeb;
  color: #d40101;
  border: 1px solid #ebebeb;
}

.text-success {
  color: #28a745;
}

.text-error {
  color: #d40101;
}

.swal2-header {
  margin-top: 2.5rem;
}

.swal2-title {
  font-size: var(--font20) !important;
  color: #198754 !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: #f47920 !important;
}

.swal2-confirm,
.swal2-cancel {
  font-size: var(--font16) !important;
  padding: 8px 25px !important;
  font-family: 'DB-HeaventRounded-Bold';
}

.swal2-close {
  /* background: #FF1111 !important;
  color: #ffffff !important; */
  border-radius: 50% !important;
  opacity: .5;
  font-size: var(--font20) !important;
  margin: 5px;
  line-height: unset !important;
}

@media (max-width: 767px) {
  .block-report ul li button {
    text-align: left;
  }
}

@media (max-width: 576px) {
  .block-report ul li,
  h6 b {
    font-size: var(--font12);
  }
  .name-company {
    margin-bottom: 0 !important;
  }
}