/* Layout */
fieldset {
  margin-top: 1rem;
}
fieldset fieldset {
  border: solid 1px grey;
  padding: 20px;
  margin-bottom: 15px;
}
fieldset fieldset legend {
  padding: 0px 10px;
  width: auto;
}
fieldset .no-border-fieldset > fieldset {
  border: none;
  padding: 0px;
  margin-bottom: 0px;
}
legend {
  margin-bottom: 0;
}
.page-toolbar {
  margin: 0px;
  background-color: #f0f2f5;
  line-height: 35px;
}
.page-content {
  height: calc(100vh - 125px);
  overflow-y: auto;
  width: 100%;
  background-color: #555;
}
.listing-wrapper {
  height: calc(100vh - 129px);
  overflow-y: auto;
  width: 100%;
  background-color: #fff;
}
.listing-wrapper .ant-table {
  height: calc(100vh - 185px);
  overflow-y: auto;
}
.ant-form-item {
  margin-bottom: 8px;
}
.ant-form-item-label {
  line-height: 1;
}
.upload-button-with-addon .upload-button button {
  border-radius: 0;
}

/* Settings */
.settings .ant-collapse-content-box {
  padding-top: 0px;
}
.settings-screens .ant-form-item {
  margin-bottom: 0px;
}
fieldset.settings fieldset {
  border: 0;
}

/* Nodes */
.node-listing-container {
  min-height: calc(100vh - 129px);
  background-color: #fff;
  padding-left: 10px;
  padding-right: 30px;
}
.nodes-toolbar {
  display: flex;
  justify-content: space-between;
}
.nodes-toolbar .ant-form-item-control {
  line-height: 0;
}

/* HTML Editor */
.EditorToolbar {
  background-color: #eaeaea;
  padding: 5px 10px;
  border-bottom: 1px solid #aeaeae;
}
.EditorToolbar .import-button {
  line-height: 30px;
}
.EditorToolbar .links-toolbar {
  text-align: right;
}
.links-selector {
    max-height: calc(90vh - 400px);
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.links-selector .list-item-container {
    cursor: pointer;
}
.links-selector .list-item-container.selected {
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
}
.img-fieldset {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.img-fieldset .ant-form-item {
  margin-bottom: 0;
}
.edit-block-component {
  margin-bottom: 25px;
  border-bottom: groove 2px;
  padding-bottom: 20px;
}
.rdw-option-active {
  border: 1px solid #0A246A !important;
  background-color: #C2CBE0 !important;
}

/* Component form */
.component-form {
  display: flex;
  flex-wrap: wrap;
}
.component-editor {
  width: 50%;
  flex-grow: 1;
  padding-right: 20px;
}
.component-preview {
  width: 50%;
  flex-grow: 1;
  padding-left: 20px;
  border-left: solid 1px;
}

/* Preview */
.preview-toolbar {
  min-height: 40px;
  color: #eee;
  background-color: #5f6366;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 10px;
}
.preview-xs .toolbar-icon.-xs {
  color: #edb5bf;
}
.preview-sm .toolbar-icon.-sm {
  color: #edb5bf;
}
.preview-md .toolbar-icon.-md {
  color: #edb5bf;
}
.preview-lg .toolbar-icon.-lg {
  color: #edb5bf;
}
.preview-xl .toolbar-icon.-xl {
  color: #edb5bf;
}
.preview-toolbar-col {
  min-width: 50px;
}
.preview-toolbar-col.selector {
  display: flex;
  line-height: 40px;
}
.preview-toolbar-col.selector label {
  width: 70px;
}
.preview-toolbar-col.selector .ant-form-item {
  width: 130px;
}
.preview-toolbar-col h2, .preview-toolbar-col .ant-form-item{
  margin-bottom: 0px;
}
.preview-content {
  overflow: auto;
  height: calc(100vh - 172px);
  width: 100vw;
}
.preview-content iframe {
  min-height: 100%;
  border: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* Simple text component */
.simple-text-container textarea {
  height: 350px !important;
}

/* Draft Text Component */
.draft-text-component {
  height: 300px!important;
  border: 1px solid #f1f1f1!important;
  border-radius: 2px!important;
  padding: 5px!important;
  margin-bottom: 20px;
  background-color: #d1d1d1;
}
.article-editor {
  height: 500px!important;
}
.rdw-editor-wrapper {
  max-width: 760px;
}
/* Draft Input Component */
.tabs-draft-input .ant-tabs {
  overflow: visible;
}
.draft-input-component {
  border: 1px solid #f1f1f1!important;
  border-radius: 2px!important;
  margin-bottom: 20px;
  background-color: #e1e1e1;
}

/* Toggles component */
.toggle-items-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
}
.toggle-item {
  display: block;
  background-color: grey;
  margin: 5px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 5px;
}
.toggle-item .actions {
  display: flex;
  box-sizing: border-box;
}
.toggle-item .action.last {
  margin-top: 5px !important;
}
.toggle-title {
  color: #fff;
  padding: 5px 10px;
}

/* Menu Component */
.menu-tree-items .ant-tree {
  padding-right: 25px;
}

/* Margin/Padding/Border Editor*/
.box-properties-editor .ant-form-item {
  margin-bottom: 12px;
}
.box-properties-editor .property-input {
  display: flex;
  flex-wrap: wrap;
}
.box-properties-editor .property-mode-selector {
  min-width: 150px;
  margin-right: 20px;
}

/* Color Editor */
.color-selector {
  display: flex;
  flex-wrap: wrap;
}
.color-selector .color-mode-selector, .color-selector .preset-selector {
  min-width: 150px;
  margin-right: 20px;
}

/* Assets */
.asset-file-upload {
  display: flex;
  line-height: 116px;
}
.asset-file-upload .ant-form-item {
  flex-grow: 1;
}
.asset-file-upload .ant-input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.asset-file-upload .upload-button button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
h3 + .files-explorer .ant-card-body {
  padding: 0px;
}
.files-explorer .card-content .ant-card-body {
  padding: 0px;
}
.files-explorer .explorer-breadcrumb .ant-card-body {
  padding-top: 10px;
  padding-bottom: 20px;
}
.files-explorer .explorer-buttons {
  display: none;
}

/* Library */
.library-files-tab .files-explorer > button {
  /* float: left; */
  margin-left: 32px;
}
.library-files-tab .files-explorer .explorer-breadcrumb {
  margin-bottom: 0px;
  display: inline-block;
}
.library-files-tab .files-explorer .explorer-breadcrumb .ant-card-body {
  padding: 0;
}

/* Membership */
.membership-info-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.membership-info {
  min-width: 450px;
}
.membership-notes {
  flex-basis: 0;
  min-width: 120px;
  flex-grow: 1;
}
.membership-creation-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.membership-creation {
  min-width: 450px;
}
.membership-promo {
  flex-basis: 0;
  min-width: 120px;
  flex-grow: 1;
}
.membership-notes textarea {
  height: 240px;
}
.membership-advanced-filters .ant-form-item-label {
  line-height: inherit;
}
.member-fieldset fieldset, .member-fieldset legend {
  border: 0;
  padding: 0;
}
.membership-member_display {
  background-color: #fff;
}
.membership-member_display .MemberInfo {
  /* padding: 0 10px; */
  height: calc(100vh - 129px);
}
.membership-member_display .ant-tabs-tabpane, .membership-member_editor .ant-tabs-tabpane, .MemberInfo .ant-card-body {
  max-height: calc(100vh - 177px);
  overflow: auto;
  padding: 0 10px;
}
.membership-member_display .right-block .ant-tabs-tab {
  padding: 8px 8px 8px 15px;
}
/* .contact-tabs .ant-tabs-tabpane {
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding-right: 10px;
} */
.membership-contacts {
  display: flex;
  flex-wrap: wrap;
}
.membership-contacts .membership-contact-block, .membership-contacts .shipping-address {
  flex-grow: 1;
  width: 50%;
  min-width: 300px;
  padding-right: 5px;
}
.add-membership-contact .ant-tabs-tabpane {
  max-height: calc(100vh - 365px);
  overflow: auto;
}
.membership-membership_plan_editor {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.membership-plan-details, .membership-plan-rates {
  padding: 0 10px;
  height: calc(100vh - 129px);
  overflow: auto;
}
.membership-call_for_payment_editor .ant-pagination-total-text, .membership-cancellation_editor .ant-pagination-total-text {
  color: #fff;
}
.infos-block-title {
  font-size: 16px;
  margin-right: 10px;
}
.infos-block-body {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.infos-block-body .ant-card-body {
  padding: 10px 24px;
}
.infos-block .card-content {
  min-height: 250px;
}

/* Addresses */
.address-box {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.address-box .ant-card-body {
  padding: 10px 20px;
}
.address-box .address-footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0px;
  justify-content: space-between;
}
.address-body {
  display: flex;
  flex-direction: column;
}
/* .address-body > span {
  margin-bottom: 5px;
} */
.address-body .address-recipient {
  font-weight: bold;
}

/* Consultations */
.consultation-details {
  margin-bottom: 20px;
}
.consultation-details thead {
  display: none;
}
.consultation-details tr td:first-child {
  width: 300px;
  max-width: 50%;
  /* background-color: #f0f2f5; */
}
.consultation-messages {
  max-width: 800px;
  width: 100%;
}
.consultation-messages .message-box {
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.consultation-messages .message-header {
  display: flex;
  justify-content: space-between;
  padding: 8px;
}
.consultation-messages .received .message-header {
  background-color: #86b3d1;
}
.consultation-messages .sent .message-header {
  background-color: #99ced3;
}
.consultation-messages .message-date {
  font-style: oblique;
  font-weight: bold;
}
.consultation-messages .message-status i {
  margin-right: 5px;
  font-size: 18px;
  color: #444;
}
.consultation-messages .message-body {
  padding: 10px;
}
.consultation-messages .message-footer {
  padding: 8px;
  background-color: #eee;
  color: #555;
}
.consultation-messages .message-actions {
  display: flex;
  justify-content: flex-end;
}
.consultation-messages .message-actions i {
  cursor: pointer;
  font-size: 20px;
  margin-right: 8px;
}
.consultation-messages .message-actions i:hover {
  opacity: 0.8;
}
.consultation-messages .message-list-attachments {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.consultation-messages .message-list-attachments span {
  margin-right: 15px;
}
.consultation-messages hr {
  border: 1px dashed #ccc;
}
.consultation-reply-editor .rdw-editor-wrapper {
  margin: 0 auto;
}
.consultation-reply-editor .rdw-editor-main {
  max-height: 330px;
}
.consultation-reply-editor .DraftEditor-root {
  height: 300px;
}
.consultation-reply-editor .draft-text-component {
  margin-bottom: 5px;
}
.consultation-reply-attachments {
  margin: 10px 20px;
}
.consultation-reply-attachments label {
  margin-right: 15px;
}

/* Shop */
.order-details-print {
  display: none;
}

/* Payments */
.payment-collection-details {
  width: 450px;
  max-width: 100%;
  margin-bottom: 30px;
}
.payment-collection-details thead {
  display: none;
}
.payment-collection-details .ant-form-item {
  margin: 0;
}
.payment-collection-print {
  display: none;
}
.payment-debit-print {
  display: none;
}

/* Page builder */
.SegmentStack-toolbar .Button i {
  line-height: unset;
}
.SectionBuilder-toolbar {
  cursor: grab;
}
.SectionStack-toolbar .Button i {
  line-height: unset;
}
.SectionBuilder .edit-action {
  padding: 0.1rem !important;
}
.ContainerBuilder-toolbar {
  cursor: grab;
}
.ContainerStack-body {
  min-height: 3rem;
}
.Component {
  cursor: grab;
}
.draggingOver {
  background-color: #b5f5ec;
}
.layer-preview {
  position: fixed;
  pointer-events: none;
  z-index: 100;
  left: 0;
  top: 0;
  width: 150px;
  height: 40px;
}

.system-user_editor,
.system-group_editor,
.system-settings_editor,
.site-redirection_editor,
.site-resource_editor,
.site-page_content_create_editor,
.site-page_content_files_editor,
.site-shared_block_create_editor,
.site-shared_block_files_editor,
.site-content_template_create_editor,
.site-content_template_files_editor,
.site-custom_component_create_editor,
.site-custom_component_settings_editor,
.site-custom_component_template_editor,
.site-custom_component_stylesheets_editor,
.site-custom_component_scripts_editor,
.site-custom_component_files_editor,
.site-library_create_editor,
.site-library_settings_editor,
.site-library_files_editor,
.site-settings_editor,
.news-article_editor,
.news-category_editor,
.agenda-event_editor,
.agenda-registration_editor,
.agenda-category_editor,
.agenda-settings_editor,
.publications-issue_editor,
.publications-item_editor,
.faq-question_editor,
.faq-topic_editor,
.want_ad-item_editor,
.want_ad-category_editor,
.want_ad-property_type_editor,
.want_ad-settings_editor,
.shop-product_editor,
.shop-category_editor,
.shop-price_type_editor,
.shop-vat_rate_editor,
.shop-settings_editor,
.shop-order_display,
.consultations-item_display,
.consultations-field_expertise_editor,
.consultations-consultant_editor,
.consultation-settings_editor,
.newsletter-subscriber_editor,
.newsletter-settings_editor,
.advertising-ad_editor,
.advertising-advertiser_editor,
.advertising-campaign_editor,
.rent_calculation-icc_editor,
.rent_calculation-irl_editor,
.user-account_editor,
.user-group_editor,
.user-settings_editor,
.membership-request_editor,
.membership-renewal_request_editor,
.membership-member_editor,
.membership-membership_start_reason_editor,
.membership-membership_end_reason_editor,
.membership-membership_property_type_editor,
.membership-membership_occupation_editor,
.membership-membership_promo_editor,
.membership-call_for_payment_editor,
.membership-cancellation_editor,
.membership-settings_editor,
.payment-item_editor,
.payment-payment_type_editor,
.payment-payment_collection_editor,
.payment-payment_debit_editor,
.payment-settings_editor
{
  max-width: 800px;
  margin: auto;
  background-color: #fff;
  padding: 0 20px;
  min-height: calc(100vh - 129px);
}

.membership-member_editor {
  max-width: 950px;
}

.site-page_content_files_editor {
  height: calc(100vh - 129px);
  overflow: auto;
}

.site-page_content_layout_editor,
.site-page_content_visual_editor,
.site-shared_block_layout_editor,
.site-shared_block_visual_editor,
.site-content_template_layout_editor,
.site-content_template_visual_editor
{
  width: 100%;
  background-color: #fff;
  height: calc(100vh - 129px);
  overflow: auto;
}

.shop-order_display,
.consultations-item_display,
.membership-call_for_payment_editor,
.membership-cancellation_editor,
.payment-payment_collection_editor,
.payment-payment_debit_editor,
.agenda-registration_editor,
.user-settings_editor,
.agenda-settings_editor,
.want_ad-settings_editor,
.shop-settings_editor,
.consultation-settings_editor,
.newsletter-settings_editor,
.membership-settings_editor,
.payment-settings_editor
{
  max-width: 1200px;
}

.group-box-hidden {
  opacity: 0;
  min-height: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}