/* common start */
.container.page .page-title {
  /* H2 */
  font-family: Poppins;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px; /* 116.667% */
  letter-spacing: 0.075px;
  margin-bottom: 15px;
}
.container.page .mw-850 {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
  font-size: 16px;
}
.translate-header-description {
  color: #2f5496;
  padding: 15px 30px 30px;
}
.header-description {
  color: #2f5496;
}
/* common end */

#translator-page a {
  text-decoration: underline;
}
#translator-page .container {
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 150% */
  color: #2f5496;
}
#translator-page .panel-title,
#translator-page .form-label {
  color: #2f5496;
  font-family: Poppins;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px; /* 113.636% */
  text-transform: capitalize;
  margin-bottom: 5px;
}
#translator-page .form-text {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
#translator-page .mt-20 {
  margin-top: 20px;
}
#translator-page .mt-25 {
  margin-top: 25px;
}
#translator-page .mb-25 {
  margin-bottom: 45px;
}
#translator-page .mt-45 {
  margin-top: 45px;
}
#translator-page .mt-55 {
  margin-top: 55px;
}
#translator-page .btn-wide-action,
#consent-crafter-page .btn-wide-action {
  background: linear-gradient(90deg, #9534e5 0%, #007bff 100%), #2e4d7b;
  color: #ffffff;
}
#translator-left-panel,
#translator-right-panel {
  padding: 24px;
  border-radius: 10px;
  border: 1px solid var(--blue-light) !important;
}
#translator-right-panel ol {
  margin-top: 25px;
  padding-left: 20px;
}
#translator-page input[type="file"] {
  background: transparent;
  border: 1px solid #2f5496;
}
#translator-page input[type="file"]::file-selector-button {
  padding: 0.2em 30px 0.2em 0.4em;
  cursor: pointer;
  transition: background 0.3s;
  background: transparent;
  color: #2f5496;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 16px; /* 100% */
  letter-spacing: 0.32px;
  border-right: 1px solid #2f5496;
  height: 56px;
}
#translator-page input[type="file"]::before {
  content: "TXT, DOCX, HTML (max 25 MB per file)";
  position: absolute;
  left: 160px;
  top: 10px;
  color: #a5a5a5;
}
#translator-page input[type="file"] {
  color: transparent;
  position: relative;
  padding: 0 15px;
}
#translator-page input[type="file"].has-file {
  color: #62666d;
}
#translator-page input[type="file"].has-file::before {
  content: "";
}

#translator-page input[type="file"]::file-selector-button:hover {
  background-color: #81ecec;
}
#translator-page .btn-wide-info.btn-outline {
  background: transparent;
  box-shadow: none;
}
.cc-panel-col .btn-wide-info {
  background: transparent;
  box-shadow: none;
}
.btn-wide-info.no-shadow {
  background: transparent;
  box-shadow: none;
}
#translator-page .btn-wide.btn-sm {
  padding: 5px;
  min-width: auto;
}
#translator-left-panel .form-check {
  display: flex;
  align-items: center; /* Vertically centers the checkbox and label text */
  gap: 7px; /* Adds space between the box and text */
}
#translator-left-panel .form-check input[type="checkbox"] {
  margin-top: 0;
}
#translator-right-panel .border {
  border: 1px solid #2f5496 !important;
}
/* consistent styling start */
#translator-right-panel .status-label,
.cc-panel-col .status-label {
  font-size: 14px;
  line-height: 27px;
}
#translator-right-panel .status-completed,
.cc-panel-col .status-completed {
  color: rgba(var(--bs-success-rgb));
}
#translator-right-panel .status-aborted,
.cc-panel-col .status-canceled {
  color: #3c3c3c;
}
#translator-right-panel .status-error,
.cc-panel-col .status-error {
  color: #d51c26;
}
#translator-right-panel .language-file-name-container {
  min-width: 0;
}
.language-file-name-container {
  font-size: 18px !important;
  color: #2f5496;
}
#translator-right-panel .s-tooltip-wrapper {
  display: block !important;
}
#translator-right-panel .filename-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  min-width: 0;
}
.btn-wide-info.small {
  font-size: 14px;
  box-shadow: none;
  width: 120px;
  min-width: 120px;
}
.oversized-file-item {
  padding: 4px 16px;
}
#translator-right-panel .panel-header,
.cc-panel-col .panel-header {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #2f5496;
}
.right-panel-card {
  display: grid;
  grid-template-columns: 1fr auto;
}
.status-action-container {
  position: relative;
  top: -2px;
  min-width: 120px;
  justify-content: flex-end;
}
/* consistent styling end */