@import "common_all.css";
@import "common.css";

.title_big {
  font-size: 2rem;
  text-align: center;
  color: #183970;
}

.icon_table {
  width: 100%;
  max-width: 1.5rem;
  cursor: pointer;
  margin: 0px auto;
}

.homepage .main {
  background-image: url("../img/web_dynamic/icons/frecce_CF.png");
  background-repeat: no-repeat;
  background-size: 15rem;
  background-position: left bottom;
}
.homeContainerButtons {
  max-width: 60rem;
}
.homeContainerButtons.three_btns {
  max-width: 80rem;
}
.homeButton {
  flex: calc(50% - 3rem) 0 !important;
  font-size: 1.4rem;
  color: #1f3b6f;
  cursor: pointer;
  background-color: #ffffff;
  border: solid 2px;
  border-radius: 1rem;
  margin: 1.5rem 1.5rem;
}
.homeButton > div {
  padding: 1.5rem 1rem;
}
.homeButton .catflow-image {
  flex: 0 0 2rem;
  margin-right: 1.5rem;
}
.homeButton.orange {
  border-color: #f19b22;
}
.homeButton.green {
  border-color: #4dba6f;
}
.homeButton.blue {
  border-color: #3085bc;
}
.homeButton.purple {
  border-color: #a670b0;
}
.homeButton.gray {
  border-color: #6d6e71;
}

.homeButtonCircular {
  font-size: 1.4rem;
  text-align: center;
  color: #1f3b6f;
  cursor: pointer;
  background-color: #ffffff;
  border: solid 2px #6d6e71;
  border-radius: 50%;
  margin: 0 auto;
  width: 8.5rem;
  height: 8.5rem;
}
.homeButtonCircular > div {
  padding: 1.5rem 1rem;
}
.homeButtonCircular img {
  max-width: 2rem;
  margin-bottom: 1rem !important;
}

.homeTitle {
  font-size: 1.6rem;
  color: #6d6e71;
  padding-bottom: 0.4rem;
  border-bottom: solid 1px #1f3b6f;
  margin: 0 1.5rem 5rem;
}
.homeTitle .catflow-image {
  flex: 0 0 3rem;
  margin-right: 1.5rem;
}

.container_title_user {
  color: #2881ba;
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 0 0.5rem 0;
  margin-bottom: 1.5rem;
}

table.dataTable.blue tbody tr.selected td.select-checkbox:after,
table.dataTable.blue tbody tr.selected th.select-checkbox:after {
  border-color: #2981ba;
}

.pageProductsList #modal_edit_data > .modal-dialog {
  width: 60rem;
  max-width: 100%;
}
.container_form_edit_product_sku_color > .catflow-inline > .catflow-element:first-child {
  width: calc(100% - 2.5rem) !important;
}
.container_form_edit_product_sku_color > .catflow-inline > .catflow-element:last-child {
  width: 2.5rem !important;
}
.pageProductsList .catflow-modal hr {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.pageProductsList .catflow-modal .uploadedLogo img.imageToUpload {
  max-width: calc(100% - 4.5rem);
}
.pageProductsList .catflow-modal .uploadedLogo .removeLogo {
  width: 1.2rem !important;
}
.pageProductsList .catflow-modal .container_upload_logo {
  margin-bottom: 1rem;
  padding: 0 0.2rem;
}
.catflow-modal .catflow-inline > .container_upload_logo:first-child {
  padding-left: 0;
}
.catflow-modal .catflow-inline > .container_upload_logo:last-child {
  padding-right: 0;
}

/* .icon_confirm.published {
    width: 100%;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    background-image: url('../img/web_dynamic/icons/conferma_green.svg');
} */
.pageAutomaticCatalog .modal-dialog,
.pageCatalog #modal_catalog .modal-dialog {
  width: 60rem;
  max-width: 100%;
}
.pageAutomaticCatalog .modal-dialog .row,
.pageCatalog #modal_catalog .modal-dialog .row {
  margin-left: -15px;
  margin-right: -15px;
}

.pageAutomaticCatalog #modal_item_catalog .theme_selected .eye_icon,
.pageCatalog #modal_item_catalog .theme_selected .eye_icon {
  visibility: hidden;
}
.pageAutomaticCatalog #modal_item_catalog .theme_selected .modal_item_theme img,
.pageCatalog #modal_item_catalog .theme_selected .modal_item_theme img {
  position: absolute;
  max-width: 5rem;
  top: -3rem;
}
.pageAutomaticCatalog #modal_themes .imagesContainer {
  margin-bottom: 0.5rem;
}
.pageAutomaticCatalog #modal_themes .imagesContainer .catflow-image {
  flex: 0 0 auto;
  margin-right: 3rem;
}
.pageAutomaticCatalog #modal_themes .imagesContainer .catflow-image img {
  max-width: 12rem;
}
.pageAutomaticCatalog #modal_themes .chooseContainer {
  border-bottom: solid 1px rgb(229, 229, 229);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

/*per nascondere lo sfondo scuro doppio se apro due modali contemporaneamente*/
.modal-backdrop.fade.in + .modal-backdrop.fade.in {
  display: none;
}

.pageAutomaticCatalog #modal_catalog .title,
.pageCatalog #modal_catalog .title {
  color: #2881ba;
  font-size: 1.1rem;
  margin-bottom: 2.5rem;
}

.catalogs_list_page tr > td {
  vertical-align: middle !important;
}
.catalogs_list_page tr > td:first-child + td + td + td + td + td {
  padding: 0;
}
.catalogs_list_page tr > td:first-child + td + td + td + td + td img {
  height: 7rem;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.container_thumbnails_view .container_slot {
  border: none !important;
  box-shadow: 0.4rem 0.4rem 0.5rem 0rem rgb(0 0 0 / 10%);
  -webkit-box-shadow: 0.4rem 0.4rem 0.5rem 0rem rgb(0 0 0 / 10%);
  -webkit-appearance: 0.4rem 0.4rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
  -moz-appearance: 0.4rem 0.4rem 0.5rem 0rem rgba(0, 0, 0, 0.1);
}
.catalogs_list_page .container_thumbnails_view .container_img img {
  object-fit: cover;
  width: 100%;
}
.catalogs_list_page tr > td:first-child + td + td + td + td + td .placeholder img {
  object-fit: contain;
  padding: 0 1rem;
}

.green .data-table tr > th {
  background-color: #4dba6f;
}
.green .data-table .pagination > .active > a,
.green .data-table .pagination > .active > span,
.green .data-table .pagination > .active > a:hover,
.green .data-table .pagination > .active > span:hover,
.green .data-table .pagination > .active > a:focus,
.green .data-table .pagination > .active > span:focus {
  color: #ffffff;
  background-color: #4dba6f;
  border-color: #4dba6f;
}
.green .data-table .pagination > li > a,
.green .data-table .pagination > li > span {
  color: #36824d;
}

.hideHeader .length_filter,
.hidePaging .info_paging {
  display: none;
}

.container_toolbar + .main {
  height: calc(100% - 9.6rem);
  padding: 0 2rem;
}

.itemCatalogOptions {
  padding: 1rem 0;
}

.collection_dataset > .catflow-collection > .catflow-instance {
  margin-bottom: 2rem;
}
.collection_dataset > .catflow-collection > .catflow-instance + .catflow-instance {
  border-top: 1px solid #2880b9;
  padding-top: 2rem;
}
.collection_dataset > .catflow-collection > .catflow-instance:last-child {
  margin-bottom: 0;
}
.collection_dataset > .catflow-collection > .catflow-instance .container_data_filters_new_dataset > .catflow-flex {
  display: block;
}
.collection_dataset
  > .catflow-collection
  > .catflow-instance:last-child
  .container_data_filters_new_dataset
  > .catflow-flex {
  display: flex;
}
.collection_dataset > .catflow-collection > .catflow-instance:last-child .container_add_dataset {
  display: block;
}

.container_data_filters .container_filters > .catflow-inline > .catflow-element {
  width: calc(33.333% - 2.166rem) !important;
  padding-right: 1.5rem;
}
.container_data_filters .container_filters > .catflow-inline > .catflow-element:first-child {
  width: 5rem !important;
  padding-right: 0;
}
.container_data_filters
  .container_filters
  > .catflow-inline
  > .catflow-element:first-child
  + .catflow-element
  + .catflow-element {
  width: calc(41.333% - 2.166rem) !important;
}
.container_data_filters
  .container_filters
  > .catflow-inline
  > .catflow-element:first-child
  + .catflow-element
  + .catflow-element
  + .catflow-element {
  width: calc(25.333% - 2.166rem) !important;
}
.container_data_filters .container_filters > .catflow-inline > .catflow-element:last-child {
  width: 1.5rem !important;
  padding-right: 0;
}
.container_data_filters .container_icons .totals {
  text-align: right;
  font-size: 1.3rem;
  color: #2981ba;
}
.container_data_filters .container_icons > .catflow-container > .catflow-image {
  margin-left: 1rem;
}
.collection_dataset
  > .catflow-collection
  > .catflow-instance:first-child
  .container_data_filters
  .container_icons
  > .catflow-container
  > .catflow-image:last-child {
  visibility: hidden;
}
.container_data_filters .container_filters {
  margin-bottom: 1rem;
}
.container_data_filters .container_filters > div {
  font-size: 0;
}
.container_data_filters .form-control {
  margin-bottom: 0;
}

.container_data_filters .collection_data_filters > .catflow-collection > .catflow-instance:first-child .trash_icon {
  display: none;
}
.container_data_filters .collection_data_filters > .catflow-collection > .catflow-instance:last-child .add_icon {
  display: block;
}

.container_data_filters_new_dataset .catflow-inline {
  font-size: 0;
}
.container_template_list {
  margin-top: 2rem;
}
.container_data_filters .container_title,
.container_template_list .container_title {
  margin-bottom: 1rem;
}
.container_data_filters .container_title,
.container_template_list .container_title .catflow-inline > div {
  /* font-size: 1.3rem; */
  color: #1f3b6f;
}
.container_data_filters .container_title .catflow-inline > .catflow-element:first-child,
.container_template_list .container_title .catflow-inline > .catflow-element:first-child {
  width: 5rem !important;
}
.container_data_filters .container_title .catflow-inline > .catflow-element:last-child,
.container_template_list .container_title .catflow-inline > .catflow-element:last-child {
  font-size: 1.3rem;
  width: auto !important;
}
.container_data_filters .container_title img,
.container_template_list .container_title img {
  width: 3rem;
  margin-left: 0 !important;
}
.container_template_list .collection_template_list {
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 5rem;
}
.container_template_list .container_template .catflow-inline > .catflow-element:first-child {
  width: 8rem !important;
}
.container_template_list .container_template .catflow-inline > .catflow-element:last-child {
  width: 4rem !important;
}
.container_template_list .container_img {
  font-size: 1rem;
  text-align: center;
}
.container_template_list .templateName span {
  display: block;
  max-width: 8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container_template_list .container_img img {
  width: 100%;
  height: 11rem;
  object-fit: cover;
  cursor: pointer;
  margin-bottom: 0.5rem !important;
}
.container_template_list .container_icons img {
  max-height: 1.5rem;
  margin-bottom: 1.5rem !important;
  cursor: pointer;
}
.container_template_list .catflow-instance.template_selected .container_icons img {
  display: block;
}

.container_data_filters_new_dataset .collection_data_filters {
  width: calc(100% - 15rem) !important;
  padding-right: 1.5rem;
}
.container_data_filters_new_dataset .container_add_dataset {
  height: 14rem;
  font-size: 1.3rem;
  width: 15rem !important;
  cursor: pointer;
  padding-left: 1.5rem;
  border-left: solid 1px #000000;
}
.container_data_filters_new_dataset .container_add_dataset > .catflow-container {
  background-color: #e6ebf5;
  padding: 1.5rem 1.5rem;
}

#modalTemplates .modal-content {
  min-height: 30rem;
  border: solid 1px #53bc74;
}
#modalTemplates .modal-header {
  color: #000000;
  padding-bottom: 0;
  border: none;
}
#modalTemplates .modal-body {
  padding: 1.5rem 0;
}

.modalCollectionTemplates .catflow-collection.catflow-flex {
  margin: 0 -1rem;
}
.modalCollectionTemplates .catflow-collection.catflow-flex > .catflow-instance {
  flex: 0 0 8.8rem;
  padding: 0 1rem;
  margin-bottom: 1.5rem;
}
.modalCollectionTemplates .catflow-image {
  margin-bottom: 0.5rem;
}
.modalCollectionTemplates .catflow-instance.selected .catflow-image img,
.container_template_list .catflow-instance.template_selected .container_img img {
  border: solid 1px #53bc74;
}

.modalCollectionTemplates .catflow-image img {
  object-fit: cover;
  width: 100%;
  height: 9.5rem;
  border: solid 1px #cfcfcf;
}
.modalCollectionTemplates .templateName span {
  display: block;
  max-width: 6.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#modalProducts,
#modalLocations {
  padding: 0 15px;
}
#modalProducts .modal-dialog,
#modalLocations .modal-dialog {
  width: 100%;
  height: calc(100% - 60px);
}
#modalProducts .modal-content,
#modalLocations .modal-content {
  height: 100%;
}
#modalProducts .modal-header,
#modalLocations .modal-header {
  height: 3.5rem;
}
#modalProducts .modal-body,
#modalLocations .modal-body {
  height: calc(100% - 3.5rem);
}
#modalProducts .modal-body > .catflow-container,
#modalLocations .modal-body > .catflow-container {
  height: 100%;
}
#modalProducts .catflow-element.data-table,
#modalProducts .dataTables_wrapper,
#modalLocations .catflow-element.data-table,
#modalLocations .dataTables_wrapper {
  height: 100%;
}
#modalProducts .catflow-element.data-table {
  height: calc(100% - 3.5rem);
}
#modalProducts .catflow-element.data-table .row.length_filter,
#modalLocations .catflow-element.data-table .row.length_filter {
  background-color: transparent;
  height: 4rem;
  padding: 1rem 0;
  border: none;
}
#modalProducts .catflow-element.data-table .row.datatable,
#modalLocations .catflow-element.data-table .row.datatable {
  height: calc(100% - 7rem);
}
#modalProducts .catflow-element.data-table .row.info_paging,
#modalLocations .catflow-element.data-table .row.info_paging {
  height: 3rem;
}
#modalProducts .catflow-element.data-table .dataTables_scroll,
#modalLocations .catflow-element.data-table .dataTables_scroll {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* #modalProducts .catflow-element.data-table .dataTables_scroll .dataTables_scrollHead {
    height: 2.5rem;
} */
#modalProducts .catflow-element.data-table .dataTables_scroll .dataTables_scrollBody,
#modalLocations .catflow-element.data-table .dataTables_scroll .dataTables_scrollBody {
  flex: 1;
}

table.data-table .advanced_search_row .form-control {
  width: 100% !important;
  border-radius: 5px;
  box-shadow: 5px 5px 6px -4px rgb(0 0 0 / 50%);
  border: none;
}

.pageAssignCatalogs .containerCatalog {
  align-items: center;
  margin-bottom: 2rem;
}
.pageAssignCatalogs .containerCatalog .containerCatalogCol1 img {
  height: 8rem;
  width: 10rem;
  object-fit: cover;
  object-position: top;
}
.pageAssignCatalogs .containerCatalog .containerCatalogCol1 .placeholder img {
  object-fit: contain;
}
.pageAssignCatalogs .containerCatalogCol1 .name {
  font-size: 1.1rem;
}
.pageAssignCatalogs .containerCatalogCol1 .description {
  font-size: 0.8rem;
}
.containerBreadcrumb h4 {
  font-weight: normal;
  cursor: pointer;
}
.containerBreadcrumb .selected h4 {
  font-weight: bold;
  cursor: default;
}

/*pezza bug editor*/
.hideEditorBugImgs img {
  display: none;
}

.page_reports  .data-table tr > th {
  background-color: #4f6d84;
}

.page_reports .container_filters > .catflow-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 0fr));
  grid-column-gap: 1rem;
  align-items: center;
}

.page_reports .container_tab_chart > .catflow-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-column-gap: 1rem;
}

.page_reports .container_tab_chart.rowsView > .catflow-container {
  display: block;
}

.page_reports .card {
  box-shadow: 0 3px 3px -1px rgb(10 22 70 / 10%), 0 0 1px 0 rgb(10 22 70 / 6%);
  padding: 1rem;
  border: 0.0625rem solid rgba(231, 234, 243, 0.7);
  border-radius: 0.75rem;
}
.page_reports .rowsView .card + .card {
  margin-top: 1rem;
}

.page_reports .chart_container > .catflow-container {
  display: flex;
  align-items: center;
}

.page_reports .no_data_mex {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  text-align: center;
  font-size: 2rem;
  border-radius: 0.75rem;
  padding-top: 3rem;
  z-index: 10;
}

.page_reports #DataTables_Table_0_filter input {
  max-width: 9rem;
}

.catflow-input.has-clear-btn input {
  padding-right: 2.5rem;
}
.catflow-input.has-clear-btn .clear-btn {
  width: 0.8rem;
  bottom: 0.2rem;
  right: 0;
  position: absolute;
  cursor: pointer;
  margin-right: 1rem;
  opacity: 0;
  transition: opacity 0.5s;
  fill: #6d6e71;
}
.catflow-input.has-clear-btn:focus input + span,
.catflow-input.has-clear-btn:hover input + span {
  opacity: 1;
}
.catflow-input.has-clear-btn .clear-btn svg {
  max-width: 100%;
}

.data-table th div.container-daterangepicker span.cleaner {
  color: #6d6e71;
}