.custom-head {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -1px; /* Use negative margin to move it a bit to the left */
}

/* Readonly field styling for ValueTag fields */
.readonly-field {
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
}

.custom-button-sm {
  padding: 2px 6px !important; /* 调整按钮内边距 */
  font-size: 12px !important; /* 调整按钮字体大小 */
  line-height: 1.2 !important; /* 设置行高 */
  height: auto !important; /* 自动高度 */
}

.version-fontSize {
  font-size: 0.85rem;
  color: #39493F;
  font-style: italic;
  line-height: 1.2;
  vertical-align: text-bottom; /* 对齐到标题文字的底部 */
  margin-left: 5px; /* 与标题之间的间距 */
}

/* login main */
:root {
  --s-sidebar-band-bg: #FFFEFA !important;
}

/* panel top border */
.s-Panel {
  border-top: 3px solid #FFFEFA !important;
  background-color: #FFFEFA
}

/* login button */
.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #39493F !important;
  --bs-btn-border-color: #39493F !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #39493F !important;
  --bs-btn-hover-border-color: #39493F !important;
  --bs-btn-focus-shadow-rgb: 241, 91, 43 !important;
  --bs-btn-active-bg: #39493F !important;
  --bs-btn-active-border-color: #39493F !important;
  --bs-btn-disabled-bg: #39493F !important;
  --bs-btn-disabled-border-color: #39493F !important;
  padding: 13px;
  border-radius: 10px;
}

.btn-danger {
  padding: 13px;
  border-radius: 10px;
}

/* header */
.s-sidebar-header {
  background-color: #FFFEFA;
  height: auto !important;
  /*padding-top: 50px;*/
}

.s-sidebar-header-title {
  color: #39493F
}

.s-sidebar-search-icon {
  top: 50px;
}

.s-sidebar-search-input {
  padding: 5px;
  padding-left: 35px;
  border-radius: 10px;
  border: none;
  outline: none;
}

.s-sidebar-search {
  padding-top: 40px;
}

.s-sidebar-pane {
  background-color: #FFFEFA !important;
}

.s-sidebar-link {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 16px;
}

.s-sidebar-link-text {
  color: #39493F;
}

/* side bar */
.s-sidebar-link:hover, .s-sidebar-pane .active > .s-sidebar-link {
  color: #39493F;
}

  /* side bar icon */
  .s-sidebar-link:hover .s-sidebar-icon, .active > .s-sidebar-link > .s-sidebar-icon {
    color: #39493F;
  }

.s-sidebar-icon {
  color: #39493F;
}

/* grid title */
.grid-title, .panel-titlebar {
  color: #39493F;
  font-size: 18px;
  align-items: center;
}

.panel-titlebar-text {
  width: 90vh;
}

/* grid search */
.s-QuickSearchBar .quick-search-icon {
  background: #39493F;
}

/* grid refresh button */
.text-blue {
  color: #39493F !important;
}

/* dialog button */
.text-purple {
  color: #F15B2B !important;
}

/*.info-text {
  font-size: 13px;
  color: #444;
  background-color: #f8f9fa;
  border-left: 3px solid #17a2b8;
  padding: 6px 12px;
  margin: 10px 0 4px 10px;*/
/* ⬅️ You can try to fine-tune the alignment of the margin on the left. */
/*border-radius: 4px;
}*/

.caption .info-text {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 4px;
}

.ui-datepicker-trigger::before {
  content: "\f073"; /* Font Awesome calendar icon */
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  font-size: 16px;
  color: #333;
  display: inline-block;
}

/* users */
.reset-password-button {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.s-sidebar-pane {
  overflow-y: auto;
  max-height: 100vh;
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
}

  .s-sidebar-pane::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

.slick-cell:has(.check-box) {
  text-align: center !important;
}

.valueTagSet-editorGrid-Adjustment > .s-Poisum_Portal-Mission-ValueTagGridEditor {
  min-height: 50vh;
}

.content {
  background-color: #FFFEFA;
}

section.content > .s-DataGrid {
  background-color: #FFFEFA;
}

.s-full-page {
  background-color: #FFFEFA;
}

#LoginPanel0_PropertyGrid > .categories > .category > .field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

  #LoginPanel0_PropertyGrid > .categories > .category > .field > label.caption {
    font-size: 18px;
  }

.s-Form .caption {
  text-align: initial;
  padding-bottom: 5px;
}

.s-Form label.caption {
  color: #39493F;
  font-size: 14px;
}

.flex-layout .field {
  align-items: center;
}

.s-Form input {
  padding: 7px !important;
  border-radius: 10px;
  outline: none;
  background-color: #FFFEFA;
}

.flex-layout .s-Form .editor {
  background-color: #FFFEFA;
  border-radius: 10px;
  outline: none;
}

/*.s-Form .select2-input input[type=text] {
    background-color: #FFFEFA;
}*/

.s-Form input:read-only {
  background-color: #CCCCCC;
}

#LoginPanel0_Form > .px-field > .input-group {
  flex-wrap: nowrap;
  /*overflow:visible;*/
}

  #LoginPanel0_Form > .px-field > .input-group > button {
    border-radius: 10px;
    background-color: #39493F;
    color: #FFFFFF;
  }

/*#LoginPanel0_Form > .px-field > .input-group > #EmailInput {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}*/

/*#LoginPanel0_Email {
  width: stretch;
  padding: 13px !important;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 18px;
  background-color: #FFFFFF;
}*/

#PasswordInput {
  width: stretch;
  padding: 13px !important;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 18px;
  background-color: #FFFFFF;
}

#EmailInput {
  width: stretch;
  padding: 13px !important;
  border-radius: 10px;
  border: none;
  outline: none;
  font-size: 18px;
  background-color: #FFFFFF;
}

#ForgotPasswordPanel0_Form > .px-field > .caption {
  font-size: 18px;
}

#LoginPanel > .s-Panel, #ForgotPasswordPanel > .s-Panel {
  box-shadow: none;
}

.px-field a {
  color: #39493F !important;
  font-size: 14px;
}

a {
  color: #39493F !important;
}


html, body {
  font-family: 'Poppins' !important;
  font-size: 18px;
  scrollbar-color: #39493F #FFFEFA;
}

.s-Dialog,
.ui-widget,
input,
.s-Grid,
.s-Toolbar,
textarea, select, button,
.slick-cell,
.slick-header-column {
  font-size: 14px;
}

.s-form-title-logo {
  height: 250px;
  width: 250px;
}

.s-sidebar-header-logo {
  width: 70px;
  height: 70px;
}

.select2-container--default .select2-selection--multiple {
  padding-bottom: 70px !important;
  border-radius: 10px !important;
  background-color: #FFFEFA !important;
  border: 1px #CCCCCC solid !important;
}

.quick-filters-bar {
  background-color: #FFFEFA;
}

.card {
  background-color: #FFFEFA;
}

  .card .card-header {
    background-color: #FFFEFA;
  }

.s-QuickSearchBar input[type="text"] {
  padding: 20px !important;
  border-radius: 10px;
  border: none;
  outline: none;
  background-color: #FFFFFF;
}

.quick-search-icon {
  display: none;
}

.select2-container, .select2-container * {
  border-radius: 10px;
  border: none !important;
  outline: none !important;
}

.quick-filter-label {
  font-size: 14px;
}

.slick-cell {
  background-color: #FFFEFA;
  border-bottom-color: #CCCCCC;
  border-bottom-width: 0.2px;
}

  .slick-cell > .btn {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 10px;
  }

  .slick-cell > a {
    /*color: #39493F;*/
    /*font-weight: 600;*/
  }

.flex-layout.s-Panel, .flex-layout .ui-dialog-content,
.flex-layout .s-DialogContent, .flex-layout .panel-body,
.flex-layout .s-Form, .flex-layout form, .flex-layout .fieldset,
.flex-layout .ui-tabs-panel, .flex-layout .ui-tabs-panel > .s-DataGrid,
.flex-layout .tab-content, .flex-layout .property-panes,
.flex-layout .tab-content > .tab-pane.active, .flex-layout .s-PropertyGrid {
  background-color: #FFFEFA;
}

.tool-button {
  padding-top: 7px !important;
  padding-bottom: 7px;
  border: none;
  background: #CBCEA7;
  border-radius: 4px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #FFFEFA;
  padding-top: 10px;
  padding-bottom: 10px;
}

.s-Panel .ui-tabs .ui-tabs-nav li a {
  padding: 10px 10px 10px 10px !important;
}

.modal-content {
  background-color: #FFFEFA;
}

.modal-body {
  background-color: #FFFEFA;
}

.s-ImageUploadEditor .s-Toolbar, .s-ImageUploadEditor ul {
  background-color: #FFFEFA !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 10px;
}

.select2-container-multi .select2-choices {
  border: 1px solid #CCCCCC !important;
  background-color: #FFFEFA !important;
  background-image: none !important;
}

  .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #CCCCCC;
    background-image: none !important;
  }

.select2-container--default .select2-selection--multiple:focus {
  box-shadow: none !important;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  background-color: #FFFEFA;
}

.select2-container .select2-choice {
  background-color: #FFFEFA;
  background-image: none;
  border: 1px solid #CCCCCC !important;
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 5px;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #FFFEFA;
}

.select2-drop-active {
  border: none;
}

.select2-chosen, .select2-result-label {
  font-size: 14px;
}

.select2-container .select2-choice .select2-arrow {
  background-image: none;
}

.flex-layout .field.ValueTagList {
  align-items: start;
}

.s-Panel .s-DataGrid.editor .grid-toolbar {
  background: #FFFEFA;
}

.field.EmployeeMissionApprovalGrid > div > .grid-title {
  display: none;
}

.field.IconCode > .editor {
  padding-left: 30px !important;
  background-position-x: 10px !important;
  background-position-y: center !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #39493F !important;
}

.select2-container--default .select2-results__option--selected {
  border-radius: 0px;
}

.select2-results {
  margin: 0;
  padding: 0;
  border-radius: 10px;
}

.table {
  --bs-table-bg: none;
  --bs-table-striped-bg: none;
}

/*.table-container {
  scrollbar-color: #cccccc #FFFEFA !important;
}*/

.s-QuickSearchBar {
  border-right: none;
}

.slick-header-column:hover {
  background: none;
}

.slick-header-column-sorted, .slick-header-column-sorted.ui-state-default {
  border-bottom-color: #39493F;
}

.slick-sort-indicator-desc {
  border-top-color: #39493F;
}

.slick-sort-indicator-asc {
  border-bottom-color: #39493F;
}

.s-ColumnPickerDialog .column-list {
  border-radius: 10px;
}

  .s-ColumnPickerDialog .column-list h5 {
    background-color: transparent;
  }

.bg-success {
  background-color: #FFFEFA !important;
  border: 1px #CCCCCC solid;
}

.s-ColumnPickerDialog .drag-handle {
  color: #39493F;
}

.bg-info {
  background-color: #FFFEFA !important;
  border: 1px #CCCCCC solid;
}

.btn-info {
  --bs-btn-bg: #39493F;
  --bs-btn-border-color: #39493F;
  --bs-btn-hover-bg: #39493F;
  --bs-btn-hover-border-color: #39493F;
  --bs-btn-active-bg: #39493F;
  --bs-btn-active-border-color: #39493F;
  --bs-btn-disabled-border-color: #39493F;
  --bs-btn-active-shadow: none;
  --bs-btn-focus-shadow-rgb: none;
  --bs-btn-color: #FFFFFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-disabled-color: #CCCCCC;
}

.s-SlickPager {
  background: none;
}

.slick-pg-in > * {
  font-size: 14px;
}

.flex-layout input.editor[type=checkbox] {
  accent-color: #39493F;
}

#select2-drop {
  background-color: #FFFEFA;
  border-radius: 10px;
}

.select2-results .select2-highlighted {
  background: #39493F;
}

.info-text > code {
  color: #FFA62B;
}

.s-Form textarea {
  padding: 7px;
}

.select2-container--open .select2-dropdown {
  background-color: #FFFEFA;
}

.s-Form .readonly {
  color: #39493F;
}

.select2-search input[type=text] {
  border-radius: 10px;
}

.slick-header-column {
  padding-right: 16px !important;
}

  .slick-header-column .slick-column-name {
    margin-right: 8px;
    display: inline-block;
  }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: 700;
  color: #39483F;
}

#ConfirmPasswordInput, #NewPasswordInput{
    width:60%;
}
.s-sidebar-toggler {
  color: #39493F;
}

section.content > .s-DataGrid{
    border:none;
}
.slick-header-columns {
  background-color: #39483F;
  color:white;
}
.slick-header-column, .slick-header-column.ui-state-default {
  color: white;
}
.slick-row{
    line-height:2.5;
}