body {
  margin: 0;
  background-color: #f5f5f5;
  font-family: sans-serif !important;
  color: #313131;
  line-height: 1.5;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
/* .MuiScopedCssBaseline-root a,
.MuiScopedCssBaseline-root a:hover,
.MuiScopedCssBaseline-root a:visited,
.MuiScopedCssBaseline-root a:active,
.MuiScopedCssBaseline-root a:focus {
  color: inherit;
} */

.w-100 {
  width: 100%;
}
.hexColorInput input:hover {
  box-shadow: 0 0 0 1.2px #0d1056 !important;
}
.hexColorInput input:focus {
  box-shadow: 0 0 0 1.2px #0d1056 !important;
}
.hexColorInput input:focus-visible {
  box-shadow: 0 0 0 1.2px #0d1056 !important;
  outline: none !important;
}
.hexColorInput input:focus-within {
  box-shadow: 0 0 0 1.2px #0d1056 !important;
}

.cursor {
  cursor: pointer;
}

.website-page-builder .ql-editor {
  min-height: 200px;
  max-height: 500px;
}
.ql-editor {
  min-height: 100px;
  max-height: 250px;
}

.single-message-content .ql-editor {
  max-height: 100% !important;
}
.single-note-content .ql-editor {
  max-height: 100% !important;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 3 !important;
}

.no-style-link a {
  outline: 0;
  text-decoration: none;
}

.no-style-link a:visited {
  outline: 0;
  text-decoration: none;
}
.no-style-link a:hover {
  outline: 0;
  text-decoration: none;
}
.no-style-link a:focus {
  outline: 0;
  text-decoration: none;
}
.no-style-link a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}

a.no-style-link {
  outline: 0;
  text-decoration: none;
}

/* each state */
a.no-style-link:visited {
  outline: 0;
  text-decoration: none;
}
a.no-style-link:hover {
  outline: 0;
  text-decoration: none;
}
a.no-style-link:focus {
  outline: 0;
  text-decoration: none;
}
a.no-style-link:hover,
a.no-style-link:active {
  outline: 0;
  text-decoration: none;
}

html,
body {
  height: 100%;
}

.commitflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.commitflexvertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.commitinlineflex {
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
}

.commitflexwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  flex-grow: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
}

main {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.commitcenteralign {
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* Remove huge X from input fields on IE11 */
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

.commit-background-image {
  background-size: 100% !important;
  background-position: 33% !important;
}

.commit-avatar-image {
  background-size: cover !important;
  cursor: pointer;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.commit-html-override li {
  display: list-item !important;
}

.commit-hover {
  transition: all ease-in-out 0.2s;
}

.commit-hover:hover {
  box-shadow: 0px 0px 5px 0px #0d1056;
}

.commit-table-center,
.commit-table-center input {
  text-align: center;
}
.commit-table-right,
.commit-table-right input {
  text-align: right;
}
.commit-table-italic,
.commit-table-italic input {
  font-style: italic;
}
.commit-table-underline,
.commit-table-underline input {
  text-decoration: underline;
}
.commit-table-bold,
.commit-table-bold input {
  font-weight: bold;
}
.commit-table-sm,
.commit-table-sm input {
  font-size: 0.9em !important;
}
.commit-table-md,
.commit-table-md input {
  font-size: 1em;
}
.commit-table-lg,
.commit-table-lg input {
  font-size: 1.2em !important;
}

.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 4.8em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: "...";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: "";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.commitaffix .ant-affix {
  overflow: visible;
}

/* Fixes to ant-pro coloring. TODO: Change this at some point */
.ant-tabs-nav .ant-tabs-tab-active {
  color: #0d1056 !important;
}

.ant-tabs-nav .ant-tabs-tab:hover {
  color: #0d1056 !important;
}

/* .ant-form a, .ant-layout-footer a, .ant-table-content a {
  color: #0D1056 !important;
} */

.ant-form a[disabled],
.ant-layout-footer a[disabled],
.ant-table-content a[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
}

.ant-tabs-ink-bar {
  background-color: #0d1056 !important;
}

/* END TODO: */

#dragsort tr.drop-over-downward td {
  border-bottom: 2px dashed #0d1056;
}

#dragsort tr.drop-over-upward td {
  border-top: 2px dashed #0d1056;
}

th.column-money,
td.column-money {
  text-align: right !important;
}

.ant-switch-checked .ant-switch-handle {
  left: auto !important;
  right: 4% !important;
}

.contact-us .ant-modal-content {
  border-radius: 30px !important;
}

.recipient-collapse .ant-collapse-header {
  padding: 0 !important;
}

.recipient-collapse .ant-collapse {
  background-color: transparent !important;
  border: none !important;
}

.recipient-collapse .ant-collapse-content {
  border: none !important;
}
.recipient-collapse .ant-collapse-content-box {
  padding: 6px 0 0 0 !important;
}

.recipient-collapse .ant-collapse-item {
  border: none !important;
}

.image-gallery-slider .react-images__footer {
  display: none;
}
.react-images__view-image {
  max-height: 500px !important;
}

.image-gallery-slider .react-images__navigation button {
  background: rgb(198 198 198 / 85%);
  outline: none;
}

.image-gallery-slider .react-images__navigation button:hover {
  background: rgb(161 161 161 / 85%);
}

.ant-card-body .render-block {
  max-width: 100% !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5 !important;
}
.ant-transfer-list-content-item-checked {
  background-color: #f5f5f5 !important;
}
.ant-carousel .slick-slider.carousel .slick-list {
  max-height: 500px;
  background-color: grey;
}
.ant-carousel .slick-slider.carousel .slick-list .slick-track {
  max-height: 500px;
  align-items: center;
  display: flex;
}

.ant-card-body .ant-carousel .slick-slider.carousel .slick-list {
  max-height: 400px;
}
.ant-card-body .ant-carousel .slick-slider.carousel .slick-list .slick-track {
  max-height: 400px;
}
.ant-dropdown {
  z-index: 1200 !important;
}

.ant-dropdown-menu-item:hover,
.appbar-menu .ant-dropdown-menu-submenu-title:hover {
  background-color: #eeeeee !important;
}
.ant-dropdown-menu-item-selected {
  background-color: #eeeeee !important;
}

.googleMap {
  min-height: 30vw !important;
}

.table-cms-container .ant-table-tbody > tr:first-of-type {
  background-color: #f3f3f3;
}

.table-cms-container .ant-table-thead {
  display: none;
}

.tags-modal .site-tag-plus {
  background: #fff;
  border-style: dashed;
}
.tags-modal .edit-tag {
  user-select: none;
  margin-bottom: 3px;
}
/* .MuiPaper-root p {
  margin-bottom: 0;
} */
.tags-modal .tag-input {
  width: 78px;
  margin-right: 8px;
  vertical-align: top;
}

.commitbesttime .ant-input-number-handler-wrap {
  display: none;
}

.page-title-full-width .ant-page-header-heading-left {
  width: 100%;
}

.page-title-full-width
  .ant-page-header-heading-left
  .ant-page-header-heading-title {
  width: 100%;
}
.page-title-full-width .ant-page-header-heading-title {
  margin-right: 0px !important;
}

.editable-cell {
  position: relative;
}

.editable-cell-value-wrap {
  padding: 5px 0px;
  cursor: pointer;
}

.editable-row:hover .editable-cell-value-wrap {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 12px;
}

.commitheader .ant-radio-button-wrapper {
  height: 29px;
  border-radius: 0 !important;
  border-top: none;
  border-bottom: none;
  padding: 0 8px;
}

.commitheader .ant-input-group-addon {
  padding: 0;
}

.commit-checkbox-group {
  display: flex !important;
  flex-direction: column;
}

.commit-checkbox-group .ant-checkbox-group-item {
  margin: 3px 0;
}

.commit-hyperlink-input,
.commit-hyperlink-input input.ant-input {
  color: #0d1056;
}

@media print {
  .ant-layout-header,
  .ant-layout-footer,
  .antd-pro-page-header-pageHeader,
  .ant-layout-sider {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .ant-carousel .slick-slider.carousel .slick-list {
    max-height: 400px;
  }
  .ant-carousel .slick-slider.carousel .slick-list .slick-track {
    max-height: 400px;
  }
  .render-block-container {
    width: 100% !important;
  }

  .googleMap {
    min-height: 50vw !important;
  }
}

@media screen and (max-width: 480px) {
  .ant-carousel .slick-slider.carousel .slick-list {
    max-height: 250px;
  }
  .ant-carousel .slick-slider.carousel .slick-list .slick-track {
    max-height: 250px;
  }

  .googleMap {
    min-height: 60vw !important;
  }
}

.ant-carousel .slick-slider.carousel .slick-list {
  background-color: transparent;
}

.download_list:hover {
  background-color: #ddd !important;
}

.ant-checkbox-group.check-parent {
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.ant-checkbox-group.check-parent .ant-checkbox-wrapper.ant-checkbox-group-item {
  margin: 10px 0;
}

/* Hide tooltip of Menu Item collapsed */
.ant-layout-sider.ant-layout-sider-collapsed.ant-layout-sider-zero-width
  .ant-menu {
  display: none;
  z-index: -1;
  visibility: hidden;
  width: 0;
  height: 0;
  margin-left: -500px;
}

.ant-page-header-heading-title {
  white-space: pre-wrap !important;
  text-overflow: inherit !important;
}

.ant-card {
  width: 100%;
}

.ant-card-body {
  position: relative;
}

.messaging-quill {
  border: none !important;
}

.messaging-quill {
  box-shadow: none !important;
}

@media screen and (max-width: 576px) {
  .d-xs-column {
    flex-direction: column;
  }
  .single-page {
    margin: 12px !important;
    padding: 12px !important;
  }
  .module-single-page {
    padding: 12px !important;
    min-height: 125px !important;
  }
  .module-single-page-new-message {
    height: 100%;
  }
  /* List */
  .w-auto-in .ant-list-item-meta-content {
    width: auto !important;
  }
  .ant-list-lg .ant-list-item {
    padding: 8px 12px !important;
  }
  .ant-list-item-meta {
    flex: auto !important;
    width: 100%;
  }
  .ant-list-item-meta-description .ant-tag {
    margin-bottom: 3px;
  }
  .ant-list-item-action {
    margin-left: auto !important;
  }
  /* Page Header */
  .ant-page-header-compact .ant-page-header-heading {
    flex-wrap: nowrap !important;
    align-items: center;
  }
  /* Card */
  .ant-card-head {
    padding: 0 12px !important;
  }
  .ant-card-body {
    padding: 12px !important;
  }
  /* Steps */
  .ant-steps-vertical .ant-steps-item {
    display: none !important;
  }
  .ant-steps-vertical .ant-steps-item.ant-steps-item-process {
    display: block !important;
  }
  .ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    width: 0 !important;
  }
  .ant-modal.unattached-modal {
    max-width: 570px !important;
    margin: 0 10px;
  }
  /* Horizontal Form */
  .ant-form-horizontal .ant-form-item-label > label {
    height: auto !important;
  }

  .ant-form-horizontal .ant-row.ant-form-item {
    margin-bottom: 12px !important;
  }
  .no-wrap {
    flex-wrap: nowrap !important;
  }
  /* Antd Table */
  .antd-table-mobile-expand-sm .ant-table .ant-table-content table tbody tr td {
    padding: 8px 2px;
  }
  .antd-table-mobile-expand-sm
    .ant-table
    .ant-table-content
    table
    tbody
    tr
    td.ant-table-row-expand-icon-cell {
    width: 5%;
  }
}

.highcharts-container {
  border-radius: 8px !important;
}

#CommitBigBadTextBoxFancy .ql-container {
  font-size: inherit !important;
}
#CommitBigBadTextBoxFancy .ql-container.ql-snow {
  border: none !important;
}
#commitFancyTextboxToolbar.ql-toolbar.ql-snow {
  border: none !important;
}

#CommitBigBadTextBoxFancy .ql-editor {
  padding: 0px !important;
  line-height: 1.42;
  font-size: inherit;
  max-height: none;
}

#CommitBigBadTextBoxFancy .ql-editor .ql-size-huge {
  font-size: 2em !important;
  line-height: 1em !important;
}
#CommitBigBadTextBoxFancy .ql-editor .ql-size-large {
  font-size: 1.5em !important;
  line-height: 1em !important;
}

.commit-iphone10-fix {
  padding-top: env(safe-area-inset-top);
}

#CommitBigBadTextBoxFancy .ql-editor.ql-blank::before {
  font-style: normal !important;
  left: 0px !important;
  right: 0px !important;
  top: 1px !important;
}