/* Added by: Junry @ 07/18/2019
 * Custom css for the update of jquery 3.3.1 and bootstrap 4.3.1
 */

/* login page */
.login-page #nav-header .navbar-brand {
	font-size: 1.124rem;
}
.login-page .forgot-password {
	font-size: 0.8rem;
}
.login-page .navbar-nav-right {
	justify-content: flex-end;
}
.login-page .navbar.main .nav.navbar-right li {
	float: none;
}
.navbar.main .nav.navbar-right {
	float: right;
}
.navbar.main .nav.navbar-right li {
	float: left;
}
.navbar.main.navbar-primary {
	padding: 0;
}

.navbar.main .nav.navbar-right > li:hover {
	background: #fff;
}
.navbar.main .nav.navbar-right > li .dropdown-toggle::after {
	display: none;
}
.navbar-right .dropdown .dropdown-menu li.active {
	display: block;
	width: 100%;
}
.navbar-right .dropdown .dropdown-menu li a img {
	margin-right: 0.5rem;
}
.navbar.main .nav.navbar-right > li > .dropdown-menu {
	min-width: 12rem;
}
.navbar.main .nav.navbar-right > li:hover > .dropdown-menu {
	left: -8.7rem;
	padding: 0;
	margin: 0;
}
.navbar.main .nav.navbar-right > li:hover > #module-status.dropdown-menu {
	left: -12rem;
}
.navbar.main .nav.navbar-right .dropdown-menu li.active a {
	background-color: #e61c23;
	display: block;
	padding: 3px 20px;
	color: #fff;
	text-decoration: none;
}
/**
 * tabExpander
 */
/* .navbar.main .toggle-button {
  padding: 0 0 0 15px;
} */
/* main navigation tabs dropdown-toggle caret icon */
.nav-tabs .dropdown-toggle:before {
	content: "";
}
/* 
 * Text is not readable same color with the background white on #id_meliscore_header_language 
 */
.navbar.main .nav.navbar-right .dropdown-menu li.active:hover a {
	background-color: #fff;
	color: #e61c23;
}
.content-login .card-wrapper {
	width: 38.285rem;
	margin-bottom: 20px;
}
.navbar.main.navbar-primary .nav > li > a:hover {
	background-color: #fff;
}
/* 
 * BO #nav-header [role="navigation"] 
 */
#nav-header {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
#tab-menu,
#brand-logo,
#nav-header {
	position: relative;
}
#nav-header .no-gutters {
	padding-left: 0;
	padding-right: 0;
}
#nav-header .navbar-brand {
	font-size: 1.25rem;
	padding-right: 0;
	width: 100%;
}
.navbar-brand {
	font-size: 18px;
}
#nav-header .nav-tabs > li.active > a,
#nav-header .nav-tabs > li.active > a:focus {
	display: block;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.navbar.main .nav > li a.menu-icon {
	display: block;
	text-decoration: none;
}
.navbar #melis-id-nav-bar-tabs > li {
	position: relative;
}
.dropdown-toggle::after {
	display: none;
}
.navbar.main .nav.navbar-right li:first-child {
	border-left: 1px solid #c52127;
}
/* notifications */
#flash-messenger > li {
	width: 100%;
}
/* #main */
#main > .row {
	margin-left: -15px;
	margin-right: -15px;
}
#main > .no-gutters {
	padding-left: 0;
	padding-right: 0;
}
#main #menu.no-gutters,
#main #content.no-gutters {
	padding-left: 0;
	padding-right: 0;
}
/* #melis-navtabs / contents */
.dataTables_wrapper .bottom {
	display: block;
	width: 100%;
	position: relative;
}
#id_meliscore_header_flash_messenger {
	border-left: 1px solid #c52127;
}
.navbar-right li:hover .dropdown-toggle .fa-bell {
	color: #e61c23 !important;
}
/* system configuration / diagnostic */
#accordion .card-title {
	font-size: 1rem;
	margin-bottom: 0;
	line-height: 37px;
}
.card-header {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.module-display-heading ul {
	margin-bottom: 0;
	padding-left: 20px;
}
.melis-svg-icon .melis-icon {
	vertical-align: baseline;
}
/* bootstrap buttons */
a:not([href]).btn-info {
	background: none;
	color: #466baf;
}
a:not([href]).btn-info:hover {
	background-color: #466baf;
	color: #fff;
}
a:not([href]).btn-success {
	background: none;
	color: #72af46;
}
a:not([href]).btn-success:hover {
	background-color: #72af46;
	color: #fff;
}
a:not([href]).btn-danger {
	background: none;
	color: #bd362f;
}
a:not([href]).btn-danger:hover {
	background-color: #bd362f;
	color: #fff;
}
/* modules */
#btnModulesSave.btn-success {
	color: #72af46;
}
#btnModulesSave.btn-success:hover {
	color: #fff;
}
#select-deselect-all-module {
	margin-bottom: 21px;
}
.switch-all-container {
	position: relative;
}
.switch-all-noti {
	position: absolute;
	top: 0;
	right: 0;
}
/* tooltip */
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
	border-left-color: #c52127;
}
#id_meliscore_tool_user_module_management_content .ms-cont {
	min-width: 280px;
}
/* platforms pagination */
.pagination-cont {
	justify-content: space-between;
	display: flex;
	width: 100%;
}
.pagination > .page-item.active > .page-link,
.pagination > .page-item.active > .page-link:focus,
.pagination > .page-item.active > .page-link:hover {
	background: #e61c23;
	border-color: #e61c23;
}
.dataTables_wrapper .pagination-cont .dataTables_paginate,
.dataTables_wrapper .pagination-cont .dataTables_info {
	float: none;
}
.page-item .page-link {
	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	-o-transition-property: none !important;
	-ms-transition-property: none !important;
	transition-property: none !important;
}
/* modal */
.wizard .widget.widget-tabs-double > .widget-head ul li.active a {
	padding: 9px 15px 0 38px;
}
.wizard .widget.widget-tabs-double > .widget-head ul li.active a .fa {
	padding-right: 10px;
}
.widget.widget-tabs > .widget-head ul li.active a,
.widget.widget-tabs-double > .widget-head ul li a .fa:before,
.widget.widget-tabs > .widget-head ul li.active a .fa:before {
	color: #e61c23;
}
.widget.widget-tabs-double > .widget-head ul li a .fa:before,
.widget.widget-tabs-double > .widget-head ul li.active a .fa:before {
	left: 9px;
	top: 9px;
	font-size: 20px;
}
.confirm-modal-header.bootstrap-dialog.type-warning .modal-header {
	background-color: #f99319 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.widget.widget-tabs-double .modal-text-info {
	text-align: left;
}
.form-group label .label-text,
.form-group label,
.widget.widget-tabs-double label {
	font-weight: bold;
}
/* form elements */
.form-group label i.fa-info-circle {
	float: none;
	margin-top: 4px;
}
/* panel - processing... */
.panel-default {
	border-color: #ddd;
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* email management account creation */
.nav-tabs.product-text-tab li a:hover {
	border: 0;
}
.tag-creator .tip-info {
	display: none;
}
/* tables */
.table-striped > tbody > tr {
	border-bottom: 1px solid #efefef;
}
.filter-bar label {
	float: left;
}
/* can be a fix for nav-tabs menu */
.fb-dt-left,
.fb-dt-center,
.fb-dt-right {
	display: flex;
	/* flex-direction: row; */
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
}
.fb-dt-right {
	justify-content: flex-end;
}
/* input-group-addon */
.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.input-group-addon,
.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
	display: table-cell;
}
.pageSelect .form-control {
	width: 100% !important;
}
.input-group .form-control {
	width: 100%;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
	display: inline-block;
	cursor: pointer;
	height: 16px;
	vertical-align: text-top;
	width: 16px;
}
.input-group-addon:last-child {
	border-left: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
/* gdpr */
.page-content-container
	.widget.widget-tabs-double-2
	> .widget-head
	ul
	li
	a.glyphicons {
	min-width: 90px;
}
.page-content-container .widget.widget-tabs-double-2 .widget-body,
.page-content-container .widget.widget-tabs-double-2 .widget-body-regular,
.page-content-container .widget {
	border: 0;
}
#id_melis_core_gdpr_tabs.page-content-container .nav-tabs > li.active > a,
.page-content-container .nav-tabs > li.active:focus > a,
.page-content-container .nav-tabs > li.active:active > a {
	border: 0;
}
.widget.widget-tabs-double-2 > .widget-head {
	border-bottom: 1px solid #e5e5e5;
	height: 70px;
}
.wizard .widget.widget-tabs-double > .widget-head ul li a.glyphicons:hover,
.wizard
	.widget.widget-tabs-double
	> .widget-head
	ul
	li.active
	a.glyphicons:hover,
.widget-tabs .nav-tabs > li.active > a.glyphicons:hover,
.widget-tabs .nav-tabs > li > a.glyphicons:hover {
	background: #fff;
}
#id_melis_core_gdpr_tabs .widget-tabs .nav-tabs > li > a.glyphicons {
	display: block;
}
#id_melis_core_gdpr_search_form .melis-core-gdpr-checkbox {
	line-height: 26px;
	margin-top: 10px;
	padding-top: 0;
}
#id_melis_core_gdpr_search_form .cb-cont label {
	padding-left: 0;
	margin-bottom: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
	display: inline-block;
	margin-left: 2px;
}
#id_melis_core_gdpr_search_form .cb-cont .cbmask-outer {
	top: 4px;
}
#id_melis_core_gdpr_search_form
	.melis-core-gdpr-check-box1
	.checkbox
	input[type="checkbox"] {
	margin-left: -12px;
	margin-right: 0;
	float: none;
}
#id_melis_core_gdpr_search_form .custom-melis-core-gdpr-checkbox-span {
	margin-top: 0;
	position: relative;
}
/* 
 * form 
 * gdpr
 */
#id_melis_core_gdpr_search_form .form-group .control-label {
	line-height: 2rem;
}
#id_melis_core_gdpr_search_form .form-group .col-sm-10,
#id_melis_core_gdpr_search_form .form-group .control-label {
	padding: 0;
	max-width: 100%;

	flex: 100%;
	-ms-flex: 100%;
	-webkit-box-flex: 0;
}
.melis-core-gdpr-check-box1 {
	margin-left: 0.7rem !important;
	width: 100%;
}
#melis-core-gdpr-search-form-submit {
	margin-left: 0 !important;
}
#id_melis_core_gdpr_search_form .form-group {
	margin-top: 1rem;
}
#cms_gdpr_banner_site_filter_form .form-group span.select2-container {
	width: 100%;
}
.widget .widget-body {
	width: 100%;
}
.btn {
	cursor: pointer;
	/* padding-left: .5rem;
  padding-right: .5rem; */
}
/* bootstrap specific overrides module.admin css [col-xs-] = [col-]*/
div[class*="col-sm-"],
div[class*="col-md-"],
div[class*="col-lg-"],
li[class*="col-sm-"],
li[class*="col-md-"],
li[class*="col-lg-"] {
	padding: 0 15px;
}
div.row,
ul.row {
	margin: 0 -15px;
}
/* diagnostic */
#id_meliscore_tool_phpunit_content .module-display-heading .ms-heading h4 {
	padding-left: 0;
	padding-right: 0;
}
#id_meliscore_tool_phpunit_content .diagnostic-module-version-display {
	left: auto;
	text-align: right;
}
#accordion .card-header {
	padding-left: 1rem;
	padding-right: 1rem;
}
/* dashboard gridstack delete and refresh buttons on plugins */
.dashboard-plugin-refresh,
.dashboard-plugin-delete,
.dashboard-plugin-properties {
	padding: 1px 5px;
	font-size: 12px;
}
/* bootstrap dialog */
.bootstrap-dialog-footer {
	width: 100%;
}
.bootstrap-dialog-footer-buttons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
/* site tools */
.module-loading .switch-all-noti {
	position: relative;
	top: auto !important;
	right: auto !important;
}
.module-loading .module-loading-title {
	text-align: left;
}
.module-settings .ms-heading .fa {
	float: none;
	font-size: 18px;
	position: relative;
	right: auto;
	top: auto;
	padding: 16px 14px;
	color: #fff;
	cursor: pointer;
	display: block;
}
.module-settings .ms-cont {
	min-width: 280px;
}
.module-settings .ms-cont .module-version-status {
	width: auto;
}
.module-settings .ms-cont .module-version-status .icon-cont {
	text-align: right;
}
.module-settings #header-version {
	margin-right: 0;
}
/* site languages */
.sites-language .cb-cont label {
	padding-left: 15px;
}
.sites-language .cb-cont .cbmask-outer {
	top: 0 !important;
}
.sites-language .checkbox {
	padding-left: 6px;
}
/* utility classes */
.hidden {
	display: none !important;
}
/* news */
.tab-pane .wizard {
	width: 100%;
}
.tab-preview .content-cont {
	padding: 15px;
}

.dtActionCls div .btnUserRegenerateLink {
	padding-left: 0.7em;
	padding-right: 0.7em;
}
.btnUserRegenerateLink:hover > .glyphicons.message_lock i:before {
	color: #fff;
}
.btnUserRegenerateLink > .glyphicons.message_lock {
	display: block;
	padding: 0;
}
.btnUserRegenerateLink > .glyphicons.message_lock i:before {
	content: "\E129";
	color: #466baf;
	font-size: 20px;
	position: relative;
	top: auto;
	left: auto;
	text-align: center;
	display: block;
}
/* user management */
.userimage {
	text-align: center;
}
/* messenger */
.refresh-chat,
.refresh-contacts {
	background-color: #fafafa;
	border-color: #cecece;
	color: #797979 !important;
	font-size: 12px;
	padding: 1px 5px;
}
.refresh-chat:hover,
.refresh-contacts:hover {
	background-color: #e7e7e7;
	border-color: #e7e7e7;
}
.profile-photo #user-profile-pic {
	border-radius: 100%;
}
.selection-button-above {
	margin-top: -40px;
	margin-right: 1px;
}
.selection-button-below {
	margin-top: 10px;
	margin-right: 1px;
}
/* flash messenger icon */
#flash-messenger > li span.fa {
	color: #686868;
	font-size: 14px;

	position: absolute;
	top: 12px;
	left: 12px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.widget.form-create {
	margin-bottom: 1rem;
}
/* melis cms site button caret */
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
/* disabled button melis demo cms */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.65;
}
/* user management / modal*/
#tableUserViewDateConnection_wrapper .pagination-cont {
	display: block;
	justify-content: center;
}
#tableUserViewDateConnection_wrapper .pagination-cont .dataTables_info {
	float: none;
	text-align: center;
}
#tableUserViewDateConnection_wrapper .pagination-cont .dataTables_paginate {
	float: none;
}
#tableUserViewDateConnection_wrapper
	.pagination-cont
	.dataTables_paginate
	.pagination {
	display: inline-flex;
	text-align: center;
}
/* dashboard tooltip */
.melis-dashboard-plugin-tooltip {
	position: absolute;
	background: #212121 !important;
	border: none;
	color: #fff;
	padding: 20px;
	border-radius: 4px;
	opacity: 1;
	z-index: 99999999;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	font: normal 12px "Lato", Arial, Helvetica, sans-serif;
	letter-spacing: 0.4px;
	line-height: 1.3;
}
.melis-dashboard-plugin-tooltip .ui-tooltip-content {
	max-width: 280px;
}
.melis-dashboard-plugin-tooltip:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(33, 33, 33, 0);
	border-left-color: #212121;
	border-width: 10px;
	margin-top: -10px;
}
/* flot chart */
.flotchart-holder {
	width: 100%;
	height: 400px;
}
/* pagination */
.page-link:focus {
	box-shadow: none;
}
/* templates */
.btn-default:active,
.btn-default.active {
	background-color: #fff;
}
.btn-default:hover {
	background: #e7e7e7;
	border-color: #e7e7e7;
}
/* search filter state focus */
.ui-widget-content {
	background-color: #adadad;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background-color: #fff;
	border-color: #dedede;
	color: #333;
	font-weight: normal;
}
/* daterange picker */
.dt-date-range-picker .caret {
	font-size: 0;
	text-indent: -99999px;
}
a:focus,
a:hover {
	text-decoration: underline;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
	content: "";
}
.modal-content .widget.widget-tabs.widget-tabs-responsive > .widget-head {
	height: 40px;
}
.dropdown-menu > li {
	min-height: 30px;
	height: auto !important;
}
#id_meliscore_header_language .dropdown-menu > li > a span {
	line-height: 22px;
	margin-right: 0.5rem;
}
/* site tools translation */
#id_meliscms_tool_sites_site_translations_modal_edit h4 {
	word-break: break-all;
}
/* dataTables rowReorder */
table.dt-rowReorder-float {
	position: absolute !important;
	opacity: 0.8;
	table-layout: fixed;
	outline: 2px solid #0275d8;
	outline-offset: -2px;
	z-index: 2001;
}
tr.dt-rowReorder-moving {
	outline: 2px solid #888;
	outline-offset: -2px;
}
body.dt-rowReorder-noOverflow {
	overflow-x: hidden;
}
table.dataTable td.reorder {
	text-align: center;
	cursor: move;
}
td.dataTables_empty {
	display: none;
}
/* dashboard plugins btn-default active bg */
/* .btn-group label.btn.btn-default.btn-sm.active {
	background-color: #e7e7e7;
} */
.body-overflow-hidden {
	overflow: hidden;
}
.btn-group input[type="checkbox"],
.btn-group input[type="radio"] {
	vertical-align: middle;
}
/* dashboard graphs */
.flotchart-holder {
	height: 400px;
}
#id_meliscore_footer .footer {
	padding-left: 0;
	padding-right: 0;
}
#MelisCmsComments.dataTable.dtr-inline.collapsed
	> tbody
	> tr
	> td:first-child:before,
#MelisCmsComments.dataTable.dtr-inline.collapsed
	> tbody
	> tr
	> th:first-child:before {
	top: 33px !important;
}
#MelisNewsletter.dataTable.dtr-inline.collapsed
	> tbody
	> tr
	> td:first-child:before,
#MelisNewsletter.dataTable.dtr-inline.collapsed
	> tbody
	> tr
	> th:first-child:before {
	top: 18px !important;
}
.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top: 20px !important;
	border-radius: 0 !important;
	background-color: #b9b8b8 !important;
}
.modal .modal-body,
.modal .modal-footer {
	background: none;
	border-color: transparent;
}
.modal .modal-footer {
	justify-content: space-between;
}
.gritter-close {
	font-size: 0;
	text-indent: -99999px;
}
.btnLangUpdate i.fa.fa-download {
	color: #72af46;
}
.dtActionCls .btnLangUpdate:hover i.fa.fa-download {
	color: #fff;
}
.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
.melis-id-nav-bar-tabs-notransition {
	left: 0;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
.dtActionCls .btn {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
/**
 * Fix issue: https://mantis2.uat.melistechnology.fr/view.php?id=18
 * Double hover effect on li as well as on the anchor tag
 */
.navbar.main.navbar-primary .nav.navbar-right > li .dropdown-toggle:hover,
.navbar.main.navbar-primary .nav.navbar-right > li.active,
.navbar.main.navbar-primary .nav.navbar-right > li.active:hover {
	background-color: transparent;
}
/**
 * Slider
 */
.slider-open-tooltip .melis-opentools {
	margin-right: 0.75rem;
}
.bootstrap-datetimepicker-widget table td.active {
	color: #fff !important;
}

a[data-bs-toggle="modal"]:focus {
	text-decoration: none;
}
#modal-user-management .widget.widget-tabs-double > .widget-head ul li a,
#modal-user-management
	.widget.widget-tabs-double
	> .widget-head
	ul
	li.active
	a {
	height: 40px;
}
#modal-user-management .widget.widget-tabs-double > .widget-head ul li,
#modal-user-management .widget.widget-tabs-double > .widget-head ul li.active {
	height: 39px;
}
.no-dashboard-access p {
	margin-bottom: 0;
}
.datepicker thead tr th,
.datepicker tbody tr td {
	cursor: default;
}
.commerce-dashboard-plugin-order-messages .label.label-inverse.pull-right {
	color: #fff !important;
}
.commerce-dashboard-plugin-order-messages:hover .list-group-item-text,
.commerce-dashboard-plugin-order-messages .list-group-item-text {
	color: #686868 !important;
}
/* specific for melis-core, has same css but without the below css id selector on melis-commerce */
#idnewusermanagement .bootstrap-filestyle .group-span-filestyle .btn {
	padding-top: 6px;
}
/* 
 * Fix for Dashboard > horizontal scrollbars problem
 * https://mantis2.uat.melistechnology.fr/view.php?id=480
 */
.flotchart-holder {
	overflow: auto;
}
/* email account creation */
#ACCOUNTCREATION_general_properties .form-group [for="tags"] > .label-text {
	width: 225px;
}
#ACCOUNTCREATION_general_properties
	.form-group
	[for="tags"]
	.slider-open-tooltip {
	height: 15px;
	margin-top: -18px;
}
/* gdpr */
.nav-tabs > li > a:hover,
.nav-pills > li > a,
.nav-pills > li > a:hover {
	background: #fff;
}
#id_melis_core_gdpr_search_form .cb-cont label {
	padding-left: 0;
	margin-bottom: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
	display: inline-block;
	margin-left: 2px;
}
#id_melis_core_gdpr_search_form
	.melis-core-gdpr-check-box1
	.checkbox
	input[type="checkbox"] {
	margin-left: -12px;
	margin-right: 0;
}
#id_melis_core_gdpr_search_form .custom-melis-core-gdpr-checkbox-span {
	margin-top: 3px;
	margin-left: 5px;
}
a[data-bs-toggle="modal"]:focus {
	text-decoration: none;
}
#modal-user-management .widget.widget-tabs-double > .widget-head ul li a,
#modal-user-management .widget.widget-tabs-double > .widget-head ul li.active a {
	height: 40px;
}
#modal-user-management .widget.widget-tabs-double > .widget-head ul li,
#modal-user-management .widget.widget-tabs-double > .widget-head ul li.active {
	height: 39px;
}
.no-dashboard-access p {
	margin-bottom: 0;
}
.datepicker thead tr th,
.datepicker tbody tr td {
	cursor: default;
}
.commerce-dashboard-plugin-order-messages .label.label-inverse.pull-right {
	color: #fff !important;
}
.commerce-dashboard-plugin-order-messages:hover .list-group-item-text,
.commerce-dashboard-plugin-order-messages .list-group-item-text {
	color: #686868 !important;
}
/* specific for melis-core, has same css but without the below css id selector on melis-commerce */
#idnewusermanagement .bootstrap-filestyle .group-span-filestyle .btn {
	padding-top: 6px;
}
/* 
 * Fix for Dashboard > horizontal scrollbars problem
 * https://mantis2.uat.melistechnology.fr/view.php?id=480
 */
.flotchart-holder .legend table {
	top: 0 !important;
}
.flotchart-holder {
	overflow: auto;
	width: 100%;
}
/* tooltips */
.tooltip.fade.bs-tooltip-left,
.tooltip.fade.bs-tooltip-left.show,
.modal-open .tooltip.fade.bs-tooltip-left,
.modal-open .tooltip.fade.bs-tooltip-left.show {
	left: 0 !important;
}
.tooltip.fade.bs-tooltip-auto[x-placement^="left"] .arrow,
.tooltip.fade.bs-tooltip-left .arrow,
.modal-open .tooltip.fade.bs-tooltip-auto[x-placement^="left"] .arrow,
.modal-open .tooltip.fade.bs-tooltip-left .arrow {
	right: 0 !important;
}
/* .grid-stack {
	border: 1px dashed red;
} */
.overflowHidden {
	overflow-x: hidden;
}
/* .melis-core-dashboard-msg {
	margin: 0 10px;
} */
/* dashboard news bubble */
.melis-dashboard-bubble-plugin.panel-flip .back .widget .widget-body .media .media-body {
	margin-left: 0;
}
.melis-dashboard-bubble-plugin .back .widget .widget-head .btn-default {
	padding: 1px 5px;
	font-size: 12px;
}
.melis-news-bubble-plugin-news-list {
	height: 165px;
	overflow: hidden;
	outline: none;
}
.melis-dashboard-bubble-plugin .media.innerAll .media-body .label-default {
	background-color: #777;
	color: #fff;
	font-size: 75%;
	padding: 0.15em 0.6em;
}
.melis-dashboard-bubble-plugin .media.innerAll .media-body .dashboard-bubble-news-img {
	padding: 25px 0;
}
.melis-dashboard-bubble-plugin .media.innerAll .media-body p,
.melis-dashboard-bubble-plugin .media.innerAll .media-body .heading-title {
	word-break: break-all;
}
.melis-dashboard-bubble-plugin .media.innerAll .media-body .heading-title {
	display: block;
	padding: 6px 0 0;
}
.melis-dashboard-bubble-plugin .media.innerAll.newsNoImage .media-body .heading-title {
	padding: 0;
}
.melis-dashboard-bubble-plugin .media.innerAll .media-body p {
	margin-bottom: 12px;
}
.melis-dashboard-bubble-plugin p.lead,
.melis-dashboard-bubble-plugin .front-content p.lead {
	line-height: 24px;
	min-height: 74px;
}
#loadingZone.overlay-loader,
.grid-stack-item > .overlay-loader,
#loader.overlay-loader {
	background: rgba(0, 0, 0, 0.60);
}

/* Responsive media queries */
@media (min-width: 768px) and (max-width: 1200px) {
	/* melis-news-bubble-plugin-news */
	.melis-news-bubble-plugin-news-list .media-body .row .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.melis-news-bubble-plugin-news-list .media-body .row .col-md-6.pl-0 {
		padding-left: 15px !important;
	}
	.melis-news-bubble-plugin-news-list .media-body .row .col-md-6 .dashboard-bubble-news-img {
		padding: 0 0 15px;
	}
}
@media (min-width: 991px) {
	/* gdpr buttons */
	.selection-button-below,
	.selection-button-above {
		display: flex;
		justify-content: flex-end;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
	}
	.selection-button-below .gdpr-table-action-button:first-child,
	.selection-button-above .gdpr-table-action-button:first-child {
		margin-right: 2rem;
	}
}
@media (min-width: 768px) and (max-width: 790px) {
	.navbar.main .nav > li a.menu-icon {
		padding: 0 11px;
	}
}
@media (min-width: 768px) {
	/* dashboard news / bubble plugin */
	.melis-dashboard-bubble-plugin .media.innerAll {
		padding: 15px;
		overflow: visible;
		min-height: 80px;
	}
	.res-action-container {
		width: calc(100% - 274px);
	}
	.title-text {
		display: none;
	}
	/* .login-page */
	.login-page .navbar.main .nav.navbar-right li:first-child {
		display: block;
	}
	.login-page .navbar.main .navbar-brand {
		width: 274px;
	}
	/**
	 * tabExpander
	 */
	.navbar.main .navbar-brand {
		width: 274px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.navbar #melis-id-nav-bar-tabs > li > a.close:hover:before {
		color: #e61c23;
	}
	/**
     * tabExpander
     */
	.toggle-plugin-menu {
		padding-left: 0;
	}
	#brand-logo,
	#tab-menu {
		padding: 0;
	}
	#nav-header .nav-tabs > li.active > a.close {
		display: none;
	}
	#nav-header .nav-tabs > li.active:hover > a.close {
		display: block;
		border: none;
	}

	#nav-header.container-fluid {
		display: block;
	}
	.navbar.main.navbar-primary .nav > li .menu-icon .fa {
		padding-right: 0;
	}

	.navbar #melis-id-nav-bar-tabs > li .navtab-pagename {
		display: block;
		float: none;
		text-align: left;
	}

	/* #menu sidebar */
	#menu .sidebar.sidebar-inverse {
		border-right: 0;
	}

	#main #content {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.no-plugins p {
		margin-bottom: 0;
	}
	/* #melis-navtabs */
	.melis-tabprev,
	.melis-tabnext {
		padding: 8px 10px;
		/* padding: 8px; */
		float: left;
	}
	/* modal */
	.modal-dialog {
		width: 620px;
		max-width: 620px;
	}
	.flotchart-holder {
		width: 715px;
	}
}
@media (max-width: 767px) {
	/* #melisDashBoardPluginBtn {
		display: none;
	} */
	/* melis-news-bubble-plugin-news */
	.melis-news-bubble-plugin-news-list .media-body .row .col-md-6.pl-0 {
		padding-left: 15px !important;
	}
	/* mobile nav-right click open second ul */
	#newplugin-cont ul > li > ul {
		position: relative;
		top: 0;
		width: 100%;
	}
	.ul-open {
		display: block !important;
	}
	#id_meliscore_tool_user_module_management_content .ms-cont {
		min-width: auto;
		width: auto;
	}
	/* body commmon */
	body {
		padding-top: 47px;
	}
	.spacing-x2.innerAll,
	.spacing-x2 .innerAll,
	.spacing-x2 .widget.widget-tabs-vertical .widget-body .tab-content,
	.spacing-x2 .box-generic {
		padding: 15px;
	}
	/* .login-page */
	.login-page #brand-logo {
		z-index: 0;
	}
	.login-page .navbar.main .left-menu {
		float: none;
	}
	.login-page #nav-header .navbar-brand {
		padding-right: 0;
	}
	.login-page .content-login .card-wrapper {
		width: 100%;
	}
	.login-page .content-login .login .container-fluid .row {
		margin: 0;
	}
	.login-page #tab-menu .res-action-container {
		display: block;
	}
	/* BO */
	/* header */
	#brand-logo {
		padding: 0;
	}
	#brand-logo .appbrand {
		margin: 0 auto !important;
	}
	#nav-header .navbar-brand {
		padding-right: 0;
		width: 100%;
	}
	#nav-header.container-fluid {
		padding: 0;
	}
	#nav-header.container-fluid .row {
		width: 100%;
		margin: 0;
	}
	.navbar-brand {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;

		width: 100%;
	}
	.navbar.main .nav.navbar-right {
		visibility: hidden;
	}
	.navbar.main.navbar-primary .appbrand {
		padding-left: 0;
	}
	.toggle-plugin-menu {
		padding-left: 0;
	}
	.res-action-container {
		padding: 0;
		overflow-y: initial;
	}
	/* nav-right */
	#newplugin-cont ul li {
		width: 100%;
	}
	#newplugin-cont ul li a {
		display: block;
		padding: 10px 15px;
	}
	#newplugin-cont #id_meliscore_header_flash_messenger span.badge {
		border-radius: 100%;
	}
	#newplugin-cont ul li:first-child span.title {
		display: none;
	}
	.navbar.main .toggle-button {
		padding-right: 15px;
	}
	/* responsive tab menu */
	.navbar #melis-id-nav-bar-tabs > li {
		width: 100%;
	}
	.navbar.main.navbar-primary .nav > li a.close {
		width: 47px;
		height: 47px;
		text-indent: -5000px;
	}
	#nav-header .nav-tabs > li.active > a.close-tab,
	#nav-header .nav-tabs > li.active > a.close-tab:focus {
		border: 0;
	}
	/* pagination */
	.dataTables_paginate .pagination {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#MelisCmsProspects_info {
		white-space: normal;
	}
	/* tabs */
	.widget-head .nav-tabs {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}
	/* gdpr */
	#id_melis_core_gdpr_gdpr_search_form h1 {
		margin-right: 0 !important;
	}
	/* tools filters */
	.filter-bar label {
		justify-content: left;
	}
	/* gdpr */
	#melis-core-gdpr-search-form-submit {
		width: 100%;
	}
	.gdpr-table-action-button:first-child {
		margin-right: 1em;
	}
	#MelisCmsProspects-tab .dataTables_scrollHead,
	#MelisCmsProspects-tab .dataTables_scrollHeadInner,
	#MelisCmsProspects-tab table,
	.gdpr-tab-table-container {
		width: 100% !important;
	}
	/* 
   * fix for adding max-height: 300px
   * that will result to overlapping of the data details on mobile responsive 
   * caused by dataTable option scrollY: '300px'
   */
	.dataTables_scrollBody {
		max-height: 100% !important;
	}
	/* calendar */
	#id_meliscalendar_tool .innerAll .no-gutters {
		padding-left: 0;
		padding-right: 0;
	}
	/* melis-tipimail */
	/* #content {
    margin-top: 0 !important;
  } */
	.flotchart-holder {
		width: 672px;
	}
}
@media (max-width: 700px) {
	.flotchart-holder {
		width: 604px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.selection-button-below,
	.selection-button-above {
		display: flex;

		justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;

		flex-direction: row;
		-ms-flex-pack: row;
		-webkit-box-direction: normal;
		-webkit-box-orient: horizontal;
	}
}
@media (max-width: 600px) {
	.flotchart-holder {
		width: 504px;
	}
}
@media (max-width: 576px) {
	/* calendar */
	#calendar .fc-header-right,
	#calendar .fc-header-space {
		display: none;
	}
	/* pagination */
	.pagination-cont {
		display: block;
	}
	/* melis-site-translation */
	#tableMelisSiteTranslation {
		table-layout: fixed;
	}
	#tableMelisSiteTranslation td {
		/* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;   */
		word-break: break-all;
		white-space: normal;
		/* word-wrap: break-word; */
	}
	.pagination .page-link {
		padding: 0.5rem;
	}
	.form-group span.select2-container {
		width: 100% !important;
	}
	
}
@media (max-width: 500px) {
	.gdpr-table-action-button {
		font-size: 0.875rem;
		margin-right: 0;
		width: 100%;
		margin-bottom: 0.8rem;
	}
	.flotchart-holder {
		width: 404px;
	}
}
@media (max-width: 400px) {
	.gdpr-table-action-button:first-child {
		margin-right: 0;
	}
	#MelisCmsProspects-tab .row {
		width: auto;
	}
	.selection-button-above,
	.selection-button-below {
		display: block;
		margin-right: 0;
	}
	#MelisCmsProspects_info {
		margin-top: 6rem;
		padding-top: 0;
	}
	.flotchart-holder {
		width: 304px;
	}
}
@media (max-width: 358px) {
	#calendar .fc-header td {
		white-space: pre;
	}
}
@media (max-width: 320px) {
	.gdpr-table-action-button {
		font-size: 12px;
		padding: 0.8em;
	}
	#tab-menu {
		padding: 0;
	}
	.flotchart-holder {
		width: 226px;
	}
}
/**
 * Fix for: 0002190: Dashboard - Plugin display - display issue
 * https://mantis2.uat.melistechnology.fr/view.php?id=2190
 * Dashboard Plugin Creator - Multi Tabs
 */
/* .nav-tabs .nav-item .glyphicons  */
.grid-stack-item-content .widget .widget-head {
	height: auto;
	line-height: 100%;
}
.grid-stack-item-content .widget.widget-tabs > .widget-head ul {
	height: auto;
	margin-bottom: -1px;
}
.grid-stack-item-content .widget.widget-tabs > .widget-head ul li {
	height: auto;
	line-height: 100%;
}
.grid-stack-item-content .widget.widget-tabs > .widget-head ul li a.glyphicons {
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 40px;
	height:  40px;
	position: relative;	
	padding: 0;
}
.grid-stack-item-content .widget.widget-tabs > .widget-head ul li a.glyphicons i::before {
	position: relative;
	left: auto;
	top: 0.5rem;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.widget.widget-tabs-double-2>.widget-head{
	border-bottom: 1px solid #e5e5e5;
	height: 70px;
}

.widget.widget-tabs-double>.widget-head ul li a.f-awesome, 
.widget.widget-tabs-double>.widget-head ul li.active a.f-awesome {
    position: relative;
    padding: 9px 15px 0 38px;
    color: #e61c23;
    /*border-bottom-color: #eee;*/
}

.widget.widget-tabs-double>.widget-head ul li a.f-awesome .fa-sitemap,
.widget.widget-tabs-double>.widget-head ul li.active a.f-awesome .fa-sitemap {
    color: #e61c23;
    font-size: 12px;
    position: absolute;
    top: 11px;
    left: 12px;
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome .fa,
.widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome .fa {
    color: #e61c23;
    font-size: 12px;
    position: absolute;
    top: 11px;
    left: 12px;
}

.widget.widget-tabs>.widget-head ul li.active a.f-awesome i:before {
    color: #e61c23;
    font-size: 16px;
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li {
	border-right: 0;
	border-left: 0;
}
.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome {
	position: relative;
	margin: 0;
	color: #fff;
	white-space: nowrap;
  	overflow: hidden;
  	  -webkit-transition: none;
	  -moz-transition: none;
	  -ms-transition: none;
	  transition: none;
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  /*background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #981a1f);*/
  /*background-image: linear-gradient(left, rgba(52, 73, 94, 0), #34495e);*/
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover {
	color: #e61c23;
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover:after {
  background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #fff);
  background-image: linear-gradient(left, rgba(52, 73, 94, 0), #fff);
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome:hover i:before {
	color: #e61c23;
}
.widget.widget-tabs-double>.widget-head .melis-whead-box ul li a.f-awesome i:before {
	color: #fff;
	font-size: 16px;
}
.widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome {
	color: #e61c23;
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome:after {
  background-image: -webkit-linear-gradient(left, rgba(52, 73, 94, 0), #fff);
  background-image: linear-gradient(left, rgba(52, 73, 94, 0), #fff);
}

.widget.widget-tabs-double>.widget-head .melis-whead-box ul li.active a.f-awesome i:before {
	color: #e61c23;
	font-size: 16px;
}

.widget-melis-tabprev {
display: none;
float: left;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.widget-melis-tabprev .fa {
	padding: 9px 10px;
	color: #fff;
}
.widget-melis-tabnext {
	display: none;
	float: right;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.widget-melis-tabnext .fa {
	padding: 9px 10px;
	color: #fff;
}
.widget-melis-tabprev:hover,
.widget-melis-tabnext:hover {
	background: #fff;
}
.widget-melis-tabprev:hover .fa,
.widget-melis-tabnext:hover .fa {
	color: #e61c23;
}
.widget-melis-tabprev.active {
	display: inline-block;
}

.widget-melis-tabnext.active {
	display: inline-block;
}
/**
 * evo/user-mngt-rights
 */
#rights-fancytree .fancytree-container li:first-child .fancytree-title.color-highlight {
	/* color: #cb4040; */
	color: rgba(203, 64, 64, 0.7) !important;
}
#rights-fancytree .fancytree-container li .fancytree-title.color-highlight {
	color: rgba(153, 201, 117, 0.7) !important;
}
#mce-link-tree {
	width: 34px;
	height: 34px;
}
#mce-link-tree i {
	font-family: FontAwesome;
    position: relative;
    font-size: 16px;
    display: block;
    text-align: center;
}

/* jQuery 3.7.1 migration */
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.input-group.colorpicker-component {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.input-group.colorpicker-component .input-group-text {
	background-color: transparent;
}
.colorpicker-input-addon {
	border-radius: 0;
	padding: 9px 12px;
}
.footer a,
.footer a:hover {
	text-decoration: none;
}
#img-user-link {
	display: inline-block;
	margin-right: 1rem;
}
#id_meliscore_leftmenu_identity .media-body {
	display: inline-block;
}
#meliscore_left_menu_profile_pic {
	position: relative;
	top: -8px;
}
#user-name-link {
	text-decoration: none;
}
.btn-info.btn-regular {
	background: #466baf;
	border-color: #466baf;
	color: #fff;
}
.btn-info.btn-regular:hover, 
.btn-info.btn-regular:focus {
    background: none;
    color: #466baf;
}
/* table.table.dataTable>:not(caption)>*>*, */
.table-primary thead th {
	background-color: #e61c23;
}
.switch-all-noti .icon-cont .fa-info-circle {
	margin-right: -1rem;
}
/*
 * buttons no text underline
 */
.btn-danger:hover,
.btn-success:hover {
	text-decoration: none;
}
/*
 * tooltip
 */
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, 
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #ad6565;
}
.tooltip {
	--bs-tooltip-font-size: 0.765625rem;
}
.tooltip.show {
	z-index: 99999;
}
/*
 * dataTable
 */
.table-primary {
	/* --bs-table-bg: #fafafa;
	--bs-table-striped-bg: #fff; */
	--bs-table-bg: #fff;
	--bs-table-striped-bg: #fff;
}
table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
	box-shadow: none;
}
.table-primary tbody tr:nth-child(odd) td,
.table-primary tbody tr:nth-child(odd) th {
	background: #fff;
}
.table-primary tbody tr:nth-child(even) td,
.table-primary tbody tr:nth-child(even) th {
	background: #fafafa;
}
.table-primary tbody tr:nth-child(2n) td, 
.table-primary tbody tr:nth-child(2n) th {
	background: #fafafa;
}
.table-striped>tbody>tr {
	border-bottom: 0;
}
.dt-container .dt-processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -26px;
	text-align: center;
	padding: 1em 0;

	background: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    color: #686868;
}
.dt-processing > div {
    display: none;
}
.dt-paging-button.page-item.active .page-link:hover,
.dt-paging-button.page-item .page-link:hover {
	color: #fff;
	text-decoration: none;
}
/* 
 * modal ko and multi ko notification 
 * .modal, z-index: 10001 !important; but issue on melis-design modals
 */
.modal.bootstrap-dialog {
	z-index: 10001 !important;
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.modal .modal-content,
.tooltabmodal .modal-content {
	border-width: 0;
}
.bootstrap-dialog-header {
	justify-content: space-between;
    display: flex;
    width: 100%;
}
.bootstrap-dialog-close-button .btn-close {
	--bs-btn-close-color: #fff;
}
/* inside body .nav-tabs */
.product-text-tab li {
	width: 100%;
}
body {
	--bs-body-font-size: 0.875rem;
}
a[data-bs-toggle="tab"] {
	text-decoration: none;
}
.me-heading .btn {
	font-size: .875rem;
}
.custom-accordion-heading a {
	text-decoration: none;
}
.add-edit-config-filters .form-row {
	padding-left: 0;
	padding-right: 0;
}
.gdpr-auto-delete-multi-tabs .nav-pills .nav-link {
	text-decoration: none;
}
#newsList_wrapper .dataTables_length {
	width: 100%;
}
/* Fix for closing of modal */
body {
	/* Commented, for .tox-dialog__disable-scroll to take effect when modal is open.
	 * Need to check other ways that overflow-y: auto !important is needed
	 * overflow-y: auto !important; 
	 */
    overflow-x: hidden !important;
}
/* jQuery migration */
.pw-show-ask:hover {
	text-decoration: none;
}
.modal .btn {
	font-size: 0.875rem;
}
.dt-paging .pagination .dt-paging-button .page-link:visited,
.dt-paging .pagination .dt-paging-button .page-link:focus,
.dt-paging .pagination .dt-paging-button .page-link:active {
	/* color: #fff; */
	text-decoration: none;
}
.dt-paging .pagination .dt-paging-button .page-link:hover,
.dt-paging .pagination {
	--bs-pagination-font-size: 0.875rem;
}
.pagination>li.primary>a:focus,
.pagination>li>a:hover,
.pagination>li.primary>a {
	text-decoration: none;
}
select {
	appearance: menulist !important;
	-webkit-appearance: menulist !important;
	-moz-webkit-appearance: menulist !important;
}
.dt-length .form-select {
	--bs-form-select-bg-img: none;
}
.melisCmsPageHistoricSelectAction {
	width: auto;
}
.accountContactLink,
.form-control {
	font-size: 0.875rem;
}
label {
	margin-bottom: 0.5rem;
}
.melis-dashboard-bubble-plugin .btn {
	font-size: 0.875rem;
}
.product-text-tab-content form .input-group .form-control {
	width: 1%;
}
.dataTable thead tr th,
.dataTable thead tr th.dt-type-numeric {
	text-align: left;
}
.card-body,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #686868;
}
.tokens-container .placeholder {
	background-color: transparent;
}
.btnUpdateUser:focus,
.btnUpdateUser:active,
.btnUpdateUser:hover,
.btnUpdateUser {
	text-decoration: none;
}
#orderCheckoutCountries {
	width: auto !important;
}
#btn_prospect_theme_add,
#id_meliscms_mini_template_manager_tool_header_add_btn,
#btn_cms_new_lang,
#id_meliscms_tool_styles_header_add,
#id_meliscms_tool_templates_header_add,
.addRedirectSite,
#id_melissb_tool_userrole_header_buttons_add_role,
#btn-new-meliscms-tool-sites,
#btn-save-meliscms-tool-sites,
#id_meliscms_tool_platform_ids_add_button {
	float: right;
}
#market-place-most-downloaded-package-list .simple-post-list li a,
.melis-market-place-view-details .product-thumb-info-content a {
	text-decoration: none;
}
.platform-scheme .minicolors input[type=hidden] + .minicolors-swatch {
	width: 16px;
}
.platform-scheme .minicolors-theme-default .minicolors-swatch {
	width: 16px;
	height: 16px;
}
.minicolor-hex {
	text-transform: lowercase;
}
#melis_core_platform_scheme_form .col-12:nth-child(2) .minicolors-position-bottom .minicolors-panel,
#melis_core_platform_scheme_form .col-12:last-child .minicolors-position-bottom .minicolors-panel {
	left: -173px;
}
#id_meliscommerce_order_status_form_container .minicolors-theme-default .minicolors-input,
#id_meliscommerce_order_status_form_container .minicolors-theme-default.minicolors {
	width: 100%;
}
#id_meliscommerce_order_status_form_container .minicolors-theme-default .minicolors-input {
	height: auto;
	padding: .375rem .75rem;
}
#id_meliscommerce_order_status_form_container .minicolors-theme-default .minicolors-swatch {
	right: 9px;
	left: auto;
	display: block;
	width: 16px;
	height: 16px;
	top: 9px;
}
#id_meliscommerce_order_status_form_container .minicolors-position-bottom .minicolors-panel {
	right: 0;
}
.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, 
.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { 
	background-color: transparent; 
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th {
	position: relative;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:first-child:before {
    top: 20px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white !important;
    border-radius: 0;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #b9b8b8;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dt-empty:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dt-empty:first-child:before {
	display: none;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.dt-hasChild.dtr-expanded>td.dtr-control:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.dt-hasChild.dtr-expanded>th.dtr-control:first-child:before {
    content: '-';
    background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.dt-hasChild.dtr-expanded > td:first-child:before, 
table.dataTable.dtr-inline.collapsed > tbody > tr.dt-hasChild.dtr-expanded > th:first-child:before {
    background: #696969;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before {
	border: 0;
}
.news-details-workflow {
	float: right;
	margin-right: 8px;
	padding: 3px 12px;
}
.container-level-a .tooltabmodal .widget.widget-tabs.widget-tabs-responsive > .widget-head ul li {
	float: left;
}
#modal-user-management .tns-controls button {
	background-color: #e61c23;
	border: 0;
	color: #fff;
}
#modal-user-management .tns-controls button[data-controls="prev"] {
	float: left;
}
#modal-user-management .tns-controls button[data-controls="next"] {
	float: right;
}
.news-details-workflow:focus,
.news-details-workflow:hover {
	text-decoration: none;
}
/* GDPR */
.cron-info:focus,
.cron-info,
.toggle-arrow-indication:hover,
.toggle-arrow-indication {
	text-decoration: none;
}
.form-group {
	color: #686868;
}
.arrow-down-sm-accordion:after {
	color: #808080;
}
.arrow-right-sm-accordion:before {
	color: #808080;
}
#id_meliscoregdpr_auto_delete_content_accordion_list_config_modal_modal .nav-tabs {
	height: 40px;
}
.tooltabmodal .modal-body .melis-nav-tabs-box {
	float: left;
	height: 40px;
	overflow: hidden;
}
.tooltabmodal .modal-body .widget-head {
	position: relative;
}
.tooltabmodal .nav-tab-btn {
	display: none;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tooltabmodal .widget-melis-tabprev {
	float: left;
}
.tooltabmodal .widget-melis-tabnext {
	float: right;
}
.tooltabmodal .widget-melis-tabprev.active,
.tooltabmodal .widget-melis-tabnext.active {
    display: inline-block;
}
.tooltabmodal .nav-tab-btn:focus,
.tooltabmodal .nav-tab-btn:hover {
	background-color: #fff;
}
.tooltabmodal .nav-tab-btn .fa {
	padding: 9px 10px;
    color: #fff;
}
.tooltabmodal .melis-nav-tabs-box .nav-tabs li a {
	white-space: nowrap;
}
.tooltabmodal .melis-nav-tabs-box .nav-tabs .nav-link {
	border: 0 !important;
	border-radius: 0 !important;
}
.tooltabmodal .melis-nav-tabs-box .nav-tabs li a:hover {
	border: 0;
	border-radius: 0;

	transition: none;
    -ms-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}
/* applicable on all DataTables table */
.content-cont .dataTables_length {
	width: 100% !important;
}
/* latest comments on dashboard plugin */
#id_mccom_user_acct_search {
	width: 100% !important;
}
/* Mobile Responsive */
@media (max-width: 1128px) {
	#btnModulesBundle,
	#btnModulesSave {
		min-width: 5.625rem;
	}
	#id_meliscore_tool_user_module_management .me-heading .btn.btn-success {
		margin-right: 0;
		margin-top: 0.625rem;
	}
}
/* 767px and below */
@media (max-width: 767px) {
	#newplugin-cont ul li a {
		text-decoration: none;
	}
	#id_meliscore_tool_user_module_management .me-heading .btn.btn-success {
		margin-right: 0;
		margin-top: 0;
		margin-left: 0.625rem;
	}
	#btnModulesBundle {
		margin: 0 1rem 0 0;
	}
	.melis-dashboard-plugin-creator-steps-content .multi {
		max-width: 38% !important;
	}
	.melis-templating-plugin-creator-steps-content .padding-left-0 {
		padding-right: 0;
		border-radius: 0;
	}
	.melis-templating-plugin-creator-steps li {
		border-left: 0;
	}
	.widget .widget-body.list ul li {
		height: auto;
		min-height: 39px;
		padding-right: 0;
	}
	.melis-toolcreator-steps-table-list ul li > span {
		position: relative;
		display: block;
		text-wrap: nowrap;
	}
	.melis-toolcreator-steps-table-list ul li > span i {
		display: inline-block;
	}
	.melis-toolcreator-steps-table-list ul li > span span.text {
		display: inline-block;
	}
	/* platfor-scheme color picker */
	.minicolors-position-bottom .minicolors-panel {
		left: -173px;
	}
	/* melis-commerce status */
	#id_meliscommerce_order_status_form_container .minicolors-position-bottom .minicolors-panel {
		left: auto;
	}
	/* scripts tab */
	[data-meliskey="meliscms_tool_sites_script_content"] .widget-tabs {
		margin: 0 -15px !important;
	}
	/* users tab */
	#btnResetRightsNew {
		margin-right: 1rem !important;
	}
	.tooltabmodal .widget.widget-tabs.widget-tabs-responsive>.widget-head ul {
		display: inline-block;
	}
	.container-level-a .tooltabmodal .widget.widget-tabs.widget-tabs-responsive>.widget-head ul li {
		float: left;
	}
	.container-level-a .tooltabmodal .widget.widget-tabs.widget-tabs-responsive>.widget-head ul li,
	.container-level-a .widget.widget-tabs.widget-tabs-responsive > .widget-head ul li a {
		border-bottom: 0;
	}
	.tooltabmodal .tab-pane .row {
		display: block;
		width: 100%;
		margin: 0;
	}
	.tooltabmodal .inner-2x.innerAll {
		padding: 30px 15px !important;
	}
	/* melis-commerce / accounts / contacts */
	.linkContactBtn {
		margin-top: 0.5rem;
	}
	/* mini template manager */
	#tableMiniTemplateManager tbody tr td {
		white-space: normal;
    	word-break: break-word;
	}
}
@media (max-width: 425px) {
	.news-details-workflow {
		margin-right: 0;
		margin-top: 0.5rem;
		clear: both;
	}
	.melis-news-heading {
		padding-bottom: 3rem !important;
	}
	#btnResetRights,
	#btnResetRightsNew {
		margin-right: 1rem !important;
	}
}
@media (max-width: 375px) {
	.tooltabmodal .tab-pane .btn {
		display: block;
		float: none !important;
		max-width: 100% !important;
		margin: 0.5rem 0 0 0 !important;
	}
}
.layout-timeline ul.timeline {
	padding: 15px 15px 15px 50px;
}
.layout-timeline ul.timeline>li .type {
	width: 115px;
	left: -175px;
	font-size: 12px;
}
.layout-timeline ul.timeline>li .type .time {
	top: 20px;
}
.nav-tabs {
	border-radius: 0;
}
.navbar.main.navbar-primary .nav > li a.close {
	top: 2px;
	right: 2px;
}
/* #modal-user-management .widget.widget-tabs-double > .widget-head ul li:not(.active) a:not(.active).glyphicons, 
#modal-user-management .widget.widget-tabs-double > .widget-head ul li:not(.active) a:not(.active).glyphicons i:before */
.tooltabmodal .widget.widget-tabs-double > .widget-head ul li:not(.active) a.glyphicons, 
.tooltabmodal .widget.widget-tabs-double > .widget-head ul li:not(.active) a.glyphicons i:before {
    color: #fff;
}
.gdpr-tab-table-container .widget-head ul li, 
.gdpr-tab-table-container .widget-head ul li.active,
.widget.widget-tabs-double .widget-head ul li, 
.widget.widget-tabs-double .widget-head ul li.active {
    height: 40px;
    line-height: 20px;
}
.gdpr-tab-table-container .widget-head,
.widget.widget-tabs-double .widget-head {
	background: #fff;
    border-color: #e5e5e5;
    overflow: visible;
}
.gdpr-tab-table-container .widget-head, 
.gdpr-tab-table-container .widget-head ul, 
.gdpr-tab-table-container .widget-head ul li a, 
.gdpr-tab-table-container .widget-head ul li.active a,
.widget.widget-tabs-double .widget-head, 
.widget.widget-tabs-double .widget-head ul, 
.widget.widget-tabs-double .widget-head ul li a, 
.widget.widget-tabs-double .widget-head ul li.active a {
	height: 40px;
}
.gdpr-tab-table-container .table-primary {
    border-color: #e5e5e5;
    border-top: none;
}
.gdpr-tab-table-container .table {
    margin: 0 0 15px;
    position: relative;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.gdpr-tab-table-container .tab-pane .dt-layout-full {
	display: block !important;
	width: 100% !important;
}
.gdpr-tab-table-container .widget-head ul li a {
	text-decoration: none;
}
.gdpr-tab-table-container .widget-head ul li a,
.gdpr-tab-table-container .widget-head ul li a .fa:before {
	color: #ce5459;
}
.gdpr-tab-table-container .widget-head ul li.active a,
.gdpr-tab-table-container .widget-head ul li.active a .fa:before {
    color: #e61c23;
}
.table-primary thead th {
    border-color: #e61c23;
    background-color: #e61c23 !important;
    color: #fff;
}
.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, 
.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 20px !important;
    border-radius: 0 !important;
    background-color: #b9b8b8 !important;
}
.modal-content .widget .widget-head {
    border-radius: 0;
}
/* datetimepicker - tempusDominus */
.datepicker td,
.datepicker th {
	border: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
	display: block;
}
/* 
 * Global css for .nav .nav-tabs except the .product-text-tab or the language tab on most melis-commerce
 * Need to add an entry on view/melis-core/platform-scheme/get-style-color-css.phtml
 * for primary, secondary color etc..
 */
.product-text-tab-container .product-text-tab li a,
.nav-tabs .nav-link {
	border-radius: 0 !important;
	border: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link {
	border: 0 !important;
}
.bootstrap-dialog .modal-header,
.modal-content .widget.widget-tabs.widget-tabs-responsive > .widget-head {
    border-radius: 0 !important;
}
/* sort icon beside the table header text */
.dt-container table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, 
.dt-container table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, 
.dt-container table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, 
.dt-container table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, 
.dt-container table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, 
.dt-container table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, 
.dt-container table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, 
.dt-container table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    position: relative;
    display: inline-block;
    margin-left: 0.5rem;
    right: auto;
    top: -6px;
    bottom: auto;
    left: auto;
    z-index: 1;
}
.tooltabmodal ul.ui-fancytree > li:first-child .fancytree-parent-has-child-selected,
.tooltabmodal ul.ui-fancytree > li:first-child .parent-with-child-selected .fancytree-title {
	color: #cb4040 !important;
}
.tooltabmodal ul.ui-fancytree > li:not(:first-child) .fancytree-parent-has-child-selected,
.tooltabmodal ul.ui-fancytree > li:not(:first-child) .parent-with-child-selected .fancytree-title {
	color: #99c975 !important;
}