/* Keep shared modals inside the viewport; only the body scrolls */
.app-shared-modal-wrap .ant-modal {
  max-width: calc(100vw - 32px);
  padding-bottom: 0;
}

.app-shared-modal .ant-modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 48px);
  overflow: hidden;
}

.app-shared-modal .ant-modal-header {
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
}

.app-shared-modal .ant-modal-title {
  color: #495761;
  font-weight: 600;
}

.app-shared-modal .ant-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.app-shared-modal .ant-modal-footer {
  flex-shrink: 0;
  border-top: 1px solid #f0f0f0;
}

.app-shared-modal .ant-modal-close:hover .ant-modal-close-x {
  color: #045c99;
}
.settings-collapse-custom-panel {
  overflow: hidden;
  border: 0px;
  border-radius: 0px;
}
.settings-collapse-custom-panel > .ant-collapse-header {
  overflow: hidden;
  border-bottom: 1px solid #dfe5eb;
  border-radius: 0px !important;
}
.settings-collapse-custom-collapse {
  margin-bottom: 16px;
  background: #ffffff;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
}
#input-subdomain-management + .ant-input-group-addon {
  background-color: #f2faff !important;
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: 0px !important;
  width: 140px;
  border: 1px solid #dfe5eb;
}
#input-subdomain-management {
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;

  border: 1px solid #dfe5eb;
}
#input-domain-management + .ant-input-group-addon {
  background-color: #f2faff !important;
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: 0px !important;
  width: 50px;
  border: 1px solid #dfe5eb;
}
#input-domain-management {
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;

  border: 1px solid #dfe5eb;
}

#domain-management > .ant-collapse-content-active > .ant-collapse-content-box {
  padding-bottom: 30px !important;
}

.cname {
  display: flex;
  width: 545px;
  height: 70px;
  padding: 15px 20px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #dfe5eb;
  margin-top: 25px;
  margin-bottom: 30px;
}

.cname-title {
  width: 206px;
  color: #495761;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.howto {
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  margin-bottom: 25px;
}
.add-more {
  display: flex;
  width: 43px;
  height: 43px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #dfe5eb;
  margin-left: 25px;
}
.step {
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.step::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: #045c99;
}
.description {
  display: flex;
  margin-top: 10px;
  color: #495761;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.imgdiv {
  width: 645px;

  margin-block: 15px;
}
.img {
  width: inherit;
  height: auto;
}

#fbLink.Mui-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
#fbLink-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
#instagramLink.Mui-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
#instagramLink-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
#linkedInLink.Mui-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
#linkedInLink-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
#twitterLink.Mui-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
#twitterLink-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
#youtubeLink.Mui-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
}
#youtubeLink-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
#input-upload-management-div > span > span > span.ant-input-group-addon {
  /* background-color: #f2faff !important; */
  padding: 0 !important;

  border: 0px;
}
#input-upload-management-button {
  background-color: #f2faff !important;
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  /* border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-left: 0px !important; */
  border: 4px solid #dfe5eb;
}
#input-upload-management {
  color: #1d1d1f;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;

  border: 1px solid #dfe5eb;
}

.inputfield input.MuiInputBase-input {
  height: auto !important;
  padding: 10.5px 10px !important;
}


.ant-collapse-borderless.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.loading.cover-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loading.cover-page {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading .ant-spin {
  color: #045c99;
}

.app-content {
  background: #F3F8FC !important;
}

.ant-btn,
.tokenAi-button {
  height: 36px !important;
  padding: 4px 1.2rem !important;
}

.totalCount {
  font-size: 16px !important;
}


.ant-table-thead tr th {
  background-color: #E8F2FA !important;
}

.ant-collapse-header {
  background-color: #FCFEFE !important;
}

input {
  font-size: 14px !important;
}

.MuiFormLabel-root {
  font-size: 18px !important;
  background-color: #fff !important;
  z-index: 9 !important;
  padding-right: 5px !important;
  padding-right: 5px !important;

}

.ant-btn-primary,
button:not(:has(.ant-switch-inner)):not(:has(.MuiButtonBase-root)) {
  max-height: 40px !important;
  font-size: 14px !important;
}

.code-testing-close {
  padding: 5px !important;
}

.grid-col-2nd:has(.code-testing-close) {
  overflow-y: auto !important;
}

.ant-collapse-arrow:has(.code-testing-close) {
  padding-top: 5px !important;
  padding-right: 10px !important;
  transform: translateY(-4px) translateX(-10px);
}

.ant-collapse-arrow:has(.code-testing-close) .anticon-right {
  transform: translateY(-2px);
  padding-left: 8px;
}

.icon-div-img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain;
}

.totalCount {
  font-size: 16px !important;
}

.MuiMenuItem-root,
.MuiSelect-select,
.MuiChip-label {
  font-size: 14px !important;
  display: flex;
  align-items: center;
  min-height: unset !important;
  padding: 2px;

}


.ant-checkbox+span {
  font-size: 12px !important;
}

.ant-checkbox .ant-checkbox-inner {
  width: 20px !important;
  height: 20px !important;
  scale: 0.8;
}

.MuiInputBase-root {
  min-height: 44px !important;
}


.ant-checkbox .ant-checkbox-inner{
  border-color: #b0b7c3 !important; /* visible on white */
}

.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1f72a6 !important; /* match normal border on hover/focus */
}

/* search input cursor size */
.ant-input {
  border: 1px solid #d3dfea;
  border-radius: 5px;
}

/* button.with-focus-visible:focus:not(:focus-visible) {
  outline: 0;
  border: 0;
} */

.searchComp {
  padding: 8px;
  border: none;
  border-bottom: 1px solid #ccc;
  position: absolute;
  right: 44px;
  top: -3px;
  font-size: 18px;
}

.ipinitial {
  width: 0;
  opacity: 0;
}

.searchComp:focus {
  outline: none;
}

.animateInput {
  transition: all 300ms ease-in;
  width: 600px;
  opacity: 1;
  z-index: 5;
}

/* Ant Image preview: theme maps operation color to dark text — invisible on dark overlay */
.ant-image-preview-operations,
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  color: rgba(255, 255, 255, 0.85) !important;
}

.ant-image-preview-operations-operation-disabled,
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25) !important;
}

.ant-image-preview-operations-operation .anticon,
.ant-image-preview-switch-left .anticon,
.ant-image-preview-switch-right .anticon {
  color: inherit !important;
}