:root {
	/*font*/
	--bs-font-sans-serif: "Google Sans Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*Pinegrap Color Scheme*/
	--welcome-color: #7b1fa2;
	--welcome-color-hightlight: #b84dff;
	--explorer-color: #ff7800;
	--explorer-color-hightlight: #ff7800;
	--folders-color: #ffa000;
	--folders-color-hightlight: #ffc107;
	--pages-color: #1976d2;
	--pages-color-hightlight: #448aff;
	--files-color: #00796b;
	--files-color-hightlight: #35d1c2;
	--calendars-color: #5d4037;
	--calendars-color-hightlight: #b17e6b;
	--forms-color: #a82765;
	--forms-color-hightlight: #dd61a1;
	--statistics-color: #0097a7;
	--statistics-color-hightlight: #00bcd4;
	--contacts-color: #303f9f;
	--contacts-color-hightlight: #7485e6;
	--users-color: #512da8;
	--users-color-hightlight: #976be2;
	--campaigns-color: #e64a19;
	--campaigns-color-hightlight: #ff8e6c;
	--ecommerce-color: #689f38;
	--ecommerce-color-hightlight: #b7ee78;
	--ads-color: #d32f2f;
	--ads-color-hightlight: #ff4a3d;
	--design-color: #c2185b;
	--design-color-hightlight: #ff4c87;
	--settings-color: #5a5a5a;
	--settings-color-hightlight: #92768c;
}


html {
	text-rendering: optimizelegibility;
	text-size-adjust: auto;
	letter-spacing: 0.004em;
}

main {
	padding-top: 1rem;
}

a.link-top-row:hover {
	text-decoration: underline;
	transition: all .3s ease;
}

/*main button*/
.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-outline-primary):not(.btn-outline-secondary):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-outline-warning):not(.btn-outline-info):not(.btn-outline-light):not(.btn-outline-dark):not(.btn-close)
{
	/*background*/
	--bs-btn-bg: rgba(var(--bs-body-bg-rgb),0%);
	--bs-btn-hover-bg: rgba(var(--bs-tertiary-bg-rgb),100%);
	--bs-btn-active-bg: rgba(var(--bs-tertiary-bg-rgb),50%);

	/*border*/
	--bs-btn-border-color: rgba(var(--bs-tertiary-bg-rgb),5%);
	--bs-btn-hover-border-color: rgba(var(--bs-tertiary-bg-rgb),25%);
	--bs-btn-active-border-color: rgba(var(--bs-tertiary-bg-rgb),50%);
}

/*adds bi margin end before 1*/
.bi.me-before-1:before{
	margin-right: .25rem!important;
}
/*adds bi margin end before 2*/
.bi.me-before-2:before{
	margin-right: .5rem!important;
}

.btn-data-control {
	padding: 1px !important;
	vertical-align: middle;
	display: inline-flex;
}

table.chart tr th {
	white-space: nowrap;
	padding-right: 1rem
}

.dt-button-collection {
	right: 0px;
	max-width: 100%;
}

.display-on-hover-content {
	overflow: hidden;
}

table.chart thead tr,
#select_all {
	-webkit-user-select: none;
	user-select: none;
}

.pointer,
.cursor-pointer {
	cursor: pointer !important;
}

.bg-badge-toolbar {
	background: rgba(var(--bs-body-bg-rgb),100%);
}

.btn.btn-toolbar {
	--bs-btn-font-weight: 600;
	--bs-btn-bg: rgba(var(--bs-body-bg-rgb),100%) !important;
	--bs-btn-border-color: var(--bs-border-color-translucent) !important;
	--bs-btn-hover-bg: rgba(var(--bs-tertiary-bg-rgb),100%) !important;
	--bs-btn-active-bg: rgba(var(--bs-body-bg-rgb),100%) !important;
}

body {
	min-height: 100vh;
}

/*HEADER*/
#header {
	border-radius: 4px;
	padding: 2px;
}
.navbar .vh{
	height:28px;
}




/*backdrop bug fix for chrome*/
.advanced-visuals:not(.toolbar) .backdrop::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-backdrop-filter: contrast(0.4) saturate(2) brightness(1.45) blur(10px);
	backdrop-filter: contrast(0.4) saturate(2) brightness(1.45) blur(10px);
	z-index: -1;
	border-radius: inherit;
}
.advanced-visuals:not(.toolbar) .dtfh-floatingparenthead{
	-webkit-backdrop-filter: contrast(0.4) saturate(2) brightness(1.45) blur(10px);
	backdrop-filter: contrast(0.4) saturate(2) brightness(1.45) blur(10px);
}


html[data-bs-theme="dark"] .advanced-visuals:not(.toolbar) .dtfh-floatingparenthead,
html[data-bs-theme="dark"] .advanced-visuals:not(.toolbar) .backdrop::before {
	-webkit-backdrop-filter: contrast(1.1) saturate(0.7) brightness(1.3) blur(10px);
	backdrop-filter: contrast(1.1) saturate(0.7) brightness(1.3) blur(10px);
}

.advanced-visuals:not(.toolbar) .backdrop::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: .3;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
	z-index: -1;
	border-radius: inherit;
}

.advanced-visuals:not(.toolbar) .backdrop {
	--bs-bg-opacity: 0.4;
}
html[data-bs-theme="dark"] .advanced-visuals:not(.toolbar) .backdrop {
	--bs-bg-opacity: 0.7;
}

.advanced-visuals.toolbar .backdrop,
body:not(.advanced-visuals) .backdrop{
	--bs-bg-opacity: 1 !important;
}

#bd-theme {
	width: 28px;
	height: 28px;
}

#bd-theme::before {
	position: relative;
	top: -5px;
}

#bd-theme::after {
	display: none
}

#header .navbar-nav>.nav-item>button,
#header .navbar-nav>.nav-item>.nav-link,
#header .navbar-nav>.nav-item>.dropdown>button,
#header .navbar-nav>.nav-item>a {
	border-radius: 2px;
}

#header li.nav-item {
	position: relative;
}

#header li.nav-item.active:after {
	display: block;
	content: "";
	background: rgba(var(--bs-primary-rgb),100%);
	width: 17px;
	height: 3px;
	border-radius: 50px;
	position: absolute;
	left: 11px;
	bottom: 5%;
}
.advanced-visuals #header li.nav-item.active:after {
	animation: horizontal-expand .2s linear;
}

@keyframes horizontal-expand {
	from {
		width: 3px;
	}

	to {
		width: 17px;
	}
}

#header li.nav-item.ui-sortable-helper.active:after {
	opacity: 0;
}

#menu_toggle {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: relative;
	user-select: none;
}

.navbar-extension {
	display: none;
}

@media only screen and (min-width: 1500px) {
	.navbar-extension {
		display: flex;
	}
}

#logo_link {
	margin-left: 2px;
	height: 40px;
	width: 40px !important;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
	color: #000;
	border-radius: 2px;
}

.pinegrap_logo {
	height: inherit;
	display: block;
	width: auto;
	float: left;
}

.advanced-visuals #menu_toggle span {
	animation: hue-rotate 10s infinite;
}

#menu_toggle span {
	background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .5s ease;
	opacity: 1;
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	font-size: 1.5rem;
	line-height: 100%;
}

@keyframes hue-rotate {
	from {
		-webkit-filter: hue-rotate(0);
		-moz-filter: hue-rotate(0);
		-ms-filter: hue-rotate(0);
		filter: hue-rotate(0);
	}

	to {
		-webkit-filter: hue-rotate(360deg);
		-moz-filter: hue-rotate(360deg);
		-ms-filter: hue-rotate(360deg);
		filter: hue-rotate(360deg);
	}
}

#menu_toggle.show span.opener-icon {
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) rotate(-90deg);
}

#menu_toggle span.closer-icon {
	transition: all .4s ease;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) rotate(90deg);
}

#menu_toggle.show span.closer-icon {
	transition: all .5s ease;
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) rotate(0deg);
}

#header li.cancel-button:not(.show)+.nav-item {
	margin-left: .25rem !important;
}

#header li.cancel-button .material-icons,
#header i.material-icons.app-icon {
	font-size: 24px;
	line-height: 22.1px;
}


#header .navbar-nav>.nav-item>.dropdown>button {
	width: auto;
}

#header #logo_link:hover,
#header .navbar-nav>.nav-item>button.dropdown-toggle.show,
#header .navbar-nav>.nav-item>.dropdown>button.dropdown-toggle.show,
#header .navbar-nav>.nav-item>button:not(#logo_link):hover,
#header .navbar-nav>.nav-item>a.dropdown-toggle.show,
#header .navbar-nav>.nav-item>a:not(#logo_link):hover {
	outline: var(--bs-border-width) var(--bs-border-style) rgba(var(--bs-body-color-rgb),10%) !important;
	background-color: rgba(var(--bs-body-color-rgb), 3%);

}

.nav-link-sm.align-self-center {
	transform: translateY(-51%);
	top: 50% !important;
	position: relative !important;

}

.nav-link-sm {
	padding-left: 5px !important;
	padding-right: 5px !important;
	height: 28px;
}

.nav-link-sm .bi {
	top: -50%;
	position: relative;
	line-height: 1;
	font-size: 18px;
	vertical-align: middle;
}

.accordion-button[disabled]::after {
	opacity: .1;
}

/*TABLES*/
table.chart {
    --bs-table-bg: transparent;
}

table.chart tbody tr:last-child td {
	border-bottom: none;
}

.display-on-hover-content .card-title {
	white-space: nowrap;
	background: #ffffff8f;
	padding: .3rem;
	position: absolute;
	bottom: 0;
	left: 0px;
	margin: 0px;
}

table.dataTable th,
table.dataTable.fixedHeader-floating, 
table.dataTable.fixedHeader-locked{
	background-color: rgba(var(--bs-body-bg-rgb), 100%) !important;
	border-color: var(--bs-border-color);
}

.advanced-visuals table.dataTable th,
.advanced-visuals table.dataTable.fixedHeader-floating, 
.advanced-visuals table.dataTable.fixedHeader-locked{
	background-color: rgba(var(--bs-body-bg-rgb), 10%) !important;
}

a.link-top-row,
table.chart thead th {
	color: var(--bs-secondary-color);
}


table.chart thead th{
	padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.2;
}
table.dataTable tbody>tr.odd td,
table.dataTable tbody>tr.even td {
	background-color: rgba(var(--bs-body-color-rgb), 0%);
	border-color: var(--bs-border-color);
}
table.dataTable>tbody>tr.selected,
table.dataTable tbody>tr.selected td {
	background-color: rgba(var(--bs-secondary-bg-rgb), 100%);
	border-color: var(--bs-border-color);
}

.display-on-hover .display-on-hover-content {
	visibility: hidden;
}

.display-on-hover:hover .display-on-hover-content {
	visibility: visible;
}

div.dataTables_scrollBody {
	border-left: unset !important;
}

.card {
	border-width: 0;
	box-shadow: 0 0 2px 1px #8d8d8d4f;
}

[data-bs-theme="dark"] .card {
	box-shadow: 0 0 2px 1px #0c0c0c4f;
	border-width: var(--bs-border-width);
}

/*NOTIFICATIONS*/
#notifications .software_notification {
	width:350px;
	max-width:100%;
}


#notifications .list-group-item .notification-description {
	line-height: 15px;
	font-size: 13px;
	padding: 0 5px;
	margin: 0;
	margin-bottom: 0.3rem;
	border-radius: 3px;
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#notifications .list-group-item .notification-title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#notifications .list-group-item.success .notification-title,
#notifications .list-group-item.new.success .notification-title,
#notifications .list-group-item.new .notification-title {
	color: var(--bs-success-text-emphasis);
}

#notifications .list-group-item.warning .notification-title,
#notifications .list-group-item.new.warning .notification-title {
	color: var(--bs-warning-text-emphasis);
}

#notifications .list-group-item.error .notification-title,
#notifications .list-group-item.new.error .notification-title{
	color: var(--bs-danger-text-emphasis);
}

#notifications .notification-card{
	position: relative;
}

#notifications .list-group-item.new .notification-card:before,
#notifications .list-group-item.new.warning .notification-card:before,
#notifications .list-group-item.new.error .notification-card:before {
	
    content: '';
    width: 5px;
    height: 1rem;
    background-color: var(--bs-success);
    display: block;
    position: absolute;
    top: 1rem;
	border-radius: 3px;
	left:2px;
}

#notifications .list-group-item.new.warning .notification-card:before {
	background-color: var(--bs-warning);  
}

#notifications .list-group-item.new.error .notification-card:before {
	background-color: var(--bs-danger);  
}


#notifications .list-group-item.new.viewed .notification-card:before {
	opacity: .3;
}

/*Material-icons*/
.material-icons {
	vertical-align: middle;
	line-height: 20px;
	font-size: 20px;
	font-family: 'Material Icons' !important;
	font-weight: normal !important;
}

#menu,
#notifications{
    max-height: calc(100vh - 60px);
	max-width: calc(100vw - 1rem);
}



#menu .menu-scroll-area,
#notifications .menu-scroll-area{
	max-height: inherit;
	border-radius: var(--bs-dropdown-border-radius);
	width: 100%;
}

#menu .app-icon {
	font-size: 25px;
	line-height: 25px;
}
#menu .menu-scroll-area .list{
	overflow: hidden;
	text-overflow: ellipsis;
}

.dt-button{
	position: relative;
}
.dt-button.buttons-columnVisibility:after,
.dt-button.buttons-columnVisibility.active:after,
table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
	height: 1em;
	width: 1em;
	margin-top: unset;
	margin-left: unset;
	box-shadow: unset;
	top: 50%;
	left: 50%;
	position: absolute;
	color: white;
	border: unset;
	border-radius: 3px;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	line-height: 1em;
	font-size: 1em;
	content: "expand_more";
	background-color: #0d6efd;
	transform: translate(-50%, -50%);
}

.alert span.alert-icon {
	font-size: 30px;
	padding-right: 0.5em;
}

.alert p.notice,
.alert p.warning,
.alert p.error {
	border-bottom: 2px solid;
	padding: 0.5em;
	margin-bottom: 0.5em;
	border-color: inherit;
}

.alert p.notice:last-child,
.alert p.warning:last-child,
.alert p.error:last-child {
	border-bottom: 2px solid transparent !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

table.dataTable.dtr-column>tbody>tr:not(.parent)>td.dtr-control:focus:before,
table.dataTable.dtr-column>tbody>tr:not(.parent)>th.dtr-control:focus:before,
table.dataTable.dtr-column>tbody>tr:not(.parent)>td.control:focus:before,
table.dataTable.dtr-column>tbody>tr:not(.parent)>th.control:focus:before {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}

table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
	content: "expand_less";
	background-color: #d33333;
}

table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:focus:before,
table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:focus:before,
table.dataTable.dtr-column>tbody>tr.parent td.control:focus:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:focus:before {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
	box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%);
}


.text-overflow-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rounded-bottom-left-close {
	border-radius: 0px;
	border-bottom-left-radius: 0.25rem;
}

#folder_tree,
#product_group_tree {
	min-height: 200px;
	overflow-x: auto;
	white-space: nowrap;
	padding-bottom: 2rem
}

#folder_tree ul,
#product_group_tree ul {
	list-style: none;
	padding: 0 0 0 1.5em;
}

#folder_tree li,
#product_group_tree li {
	white-space: nowrap;
	padding: 0 0 0 1.5em;
}

#folder_tree .row,
#product_group_tree .row {
	display: block;
	background: #f7f7f700;
	padding-top: .3em;
	padding-bottom: .3em;
	width: 100%;
	user-select: none;
	transition: background-color .2s ease;
	position: relative;
}

#folder_tree .row span,
#product_group_tree .row span {
	cursor: pointer;
}

#folder_tree .row:hover,
#product_group_tree .row:hover {
	background: #95959521;
	transition: background-color .1s ease;
}

#product_group_tree .row .status_button {
	visibility: hidden;
	width: auto;
	opacity: 0;
}

#product_group_tree .row:hover .status_button {
	visibility: visible;
	opacity: 1;
}

#product_group_tree .row .status_button:hover {
	visibility: visible;
}

/*diagnostic*/
body.show-draw-lines * {
	outline: 1px solid !important;
}

/*tagin*/
.tagin {
	display: none;
}

.tagin-wrapper {
	display: block;
	height: auto;
	padding: calc(0.375rem - 2px) calc(0.75rem - 2px);
	position: relative;
	overflow: hidden;
	cursor: text;
}

.tagin-wrapper.focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.tagin.is-valid+.tagin-wrapper,
.was-validated .tagin:valid+.tagin-wrapper {
	border-color: #198754;
}

.tagin.is-invalid+.tagin-wrapper,
.was-validated .tagin:invalid+.tagin-wrapper {
	border-color: #dc3545;
}

.tagin-tag {
	display: inline-flex;
	border-radius: 0.25rem;
	color: #363636;
	border: 1px solid #ced4da;
	padding: 4px 2px 4px 12px;
	min-width: 60px;
	max-width: 100%;
	align-items: center;
	min-height: 24px;
	margin: 2px;
	font-weight: 300;
	background-color: #00000008;
	transition: transform .1s;
	justify-content: space-between;
}

.tagin-tag_text {
	max-width: calc(100% - 30px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tagin-tag-remove {
	margin-left: 10px;
	min-width: 20px;
	min-height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E");
}

.tagin-tag-remove:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d80505' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E");
}

.tagin-input {
	margin-left: 2px;
	border-color: transparent;
	outline: 0;
	border-width: 1px 0;
	padding: 0 2px 0 0;
	height: 28px;
	color: #212529;
	background-color: inherit;
}

.tagin-input:not(.tagin-input-hidden) {
	width: 4px;
	min-width: 4px;
}

.tagin-input-hidden {
	position: absolute;
	top: 0;
	left: -9999px;
	overflow: hidden;
	visibility: hidden;
	white-space: nowrap;
}

.min-height-tagin {
	min-height: 66px;
}

.min-width-tagin {
	min-width: 150px !important;
}

.collapse.popover {
	margin-left: .3rem;
	width: max-content;
	max-width: calc(100% - .3rem) !important;
	z-index: auto;
	position: relative;
}

body.toolbar {
	background-color: transparent;
	background: linear-gradient(180deg, #0000008c, transparent);
	background-size: 100%;

}

@media only screen and (max-width:1420px) {
	.toolbar #header {
		margin-right:37px;
	}
}




.select2-selection.select2-selection--multiple {
	min-height: 75px;
}


.bg-reset {
	background-color: transparent;
}

.text-reset {
	color: unset !important;
}

.buttons {
	z-index: 99;
}

#linklists {
	min-height: 130px
}

.disabled-checkbox {
	color: #0d6efd;
	opacity: 0.5;
	cursor: default;
	user-select: none;
}

.border-auto-color {
	border-color: unset !important;
}

.ui-datepicker {
	z-index: 999 !important;
}

.action-buttons {
	width: 70px;
	max-width: 100%;
}

.material-icons-inherit {
	line-height: inherit;
	font-size: inherit;
}

.badge.text-wrap {
	max-width: 100%;
	white-space: normal;
	text-align: unset;
	word-break: break-all;
}

.dropzone_previews {
	border-radius: 5px;
	border: 2px dashed var(--files-color);
	border-image: none;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 20px;
}

.dropzone .dz-preview.dz-image-preview {
    background: rgba(var(--bs-body-bg-rgb),10%) !important;
}



.dropzone_previews.design {
	border: 2px dashed var(--design-color);
}

.dz-progress {
	height: 10px !important;
	margin-top: 32px !important;
	opacity: .8 !important;
}

.dz-remove {
	opacity: 0;
}

.dz-preview:hover .dz-remove {
	opacity: 1;
}

.dropzone_max_files_warning {
	color: red;
	display: none;
	font-size: 110%;
	font-weight: 500;
	margin-bottom: 2em;
}

.cancel-button {
	display: none;
}

.cancel-button .btn {
	border-bottom-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.cancel-button.show {
	display: block;
	z-index: 999;
	margin-right: 2px;
}


.CodeMirror.cm-s-default {
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}

.cm-s-pastel-on-dark.CodeMirror {
	border-radius: 5px;
}

table.chart .text-truncate.overflow-hidden * {
	text-overflow: ellipsis;
	overflow: hidden;
}

.object-fit,
.img-thumbnail {
	object-fit: cover;
}

.object-fit {
	width: 100%;
	height: 100%;
}

.advanced-filter-body {
	height: calc(100% - 51px);
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: 10px;
	margin-top: -4px;
	margin-right: 10px;
	background-color:rgba(var(--bs-body-bg-rgb), 100%);
	border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);

}

.h-15 {
	height: 15% !important;
}

.card .card-header.chart-buttons {
	background-color: inherit;
	border-bottom: transparent;
}

.table.dataTable {
	margin-bottom: 0px !important;
}

.dataTables_wrapper+.navigation.buttons {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

.dt-button-collection.fixed.two-column .dropdown-menu {
	padding: 1rem;
	height: 300px;
	overflow-x: auto;
}

.dt-button-collection.fixed.two-column .dropdown-menu .buttons-columnVisibility span {
	padding-right: 1rem;
}

.dropend.no-arrow .dropdown-toggle::after,
.dropup.no-arrow .dropdown-toggle::after,
.dropstart.no-arrow .dropdown-toggle::after,
.dropdown.no-arrow .dropdown-toggle::after,
.dropend.no-arrow .dropdown-toggle::before,
.dropup.no-arrow .dropdown-toggle::before,
.dropstart.no-arrow .dropdown-toggle::before,
.dropdown.no-arrow .dropdown-toggle::before {
	display: none;
}

.form-check-input.danger:checked {
	background-color: red;
	border-color: pink;
}

.form-switch .form-check-input.danger {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='red'/%3e%3c/svg%3e");
}

.form-switch .form-check-input.danger:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}
.show-on-hovered:not(:checked){
	visibility: hidden;
}
.card.hoverable:hover {
	outline: 2px dotted;
}
.hoverable:hover .show-on-hovered{
	visibility:visible;
}


.monthly {
	overflow: auto;
}

.software_calendar .monthly {
	background-color: #dfdfdf3a;
	border-color: #d5d5d5;
}

table.monthly_calendar {
	border-collapse: collapse;
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
	border: 1px solid;
	border-color: inherit;
	background-color: inherit;
}

table.monthly_calendar tbody {
	border-color: inherit;
	background-color: inherit;
}

table.monthly_calendar td,
table.monthly_calendar th {
	line-height: 1em;
	padding: 1em;
	vertical-align: top;
	min-width: 100px;
	width: 200px;
}

table.monthly_calendar th {
	text-align: center;
}

table.monthly_calendar td:not(.inactive) {
	background-color: #fff;
	border: 1px solid;
	border-color: inherit;
	height: 100px;
}

table.monthly_calendar td.inactive {
	background-color: inherit;
	height: 100px;
}

table.monthly_calendar tr.heading {
	background-color: inherit;
}

table.monthly_calendar .calendar-day-wrapper {
	font-size: 20px;
}

table.monthly_calendar .calendar-day-wrapper span.today {
	background-color: #ffe1ce;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

table.monthly_calendar .calendar-event {
	background-color: inherit;
	padding: 1px 5px;
	border-radius: 50px;
}

table.monthly_calendar td.today {
	-webkit-box-shadow: inset 0 0 0 2px #bba9a9;
	box-shadow: inset 0 0 0 2px #bba9a9;
}

table.monthly_calendar .calendar-event a[href*="edit_calendar_event.php"]:before {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	content: "event";
	padding-right: 5px;
	vertical-align: middle;
	content: "event_note";
}

table.monthly_calendar .calendar-event a {
	color: #4c4c4c;
	text-decoration: none;
	white-space: nowrap;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

table.monthly_calendar .calendar-event a:hover {
	text-decoration: underline;
}

table.chart th,
table.chart td {
	white-space: nowrap;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
	text-align: left;
}

.dataTables_wrapper .dtable-button-container,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_filter {
	padding: 1rem;
}

.m-w-200 {
	max-width: 200px;
}

.top-75 {
	top: 75% !important;
}

table.dataTable>tbody>tr.selected>* {
	box-shadow: unset !important;
	color: unset;
}

.fs-12px {
	font-size: 12px !important;
}

.advanced_filters .header {
	height: 47px;
}


body {
	overflow-y: scroll;
}

.navbar-nav.ui-sortable.with-placeholders {

	width: calc(100% + 36px);
	display: flex;
	justify-content: end;
}


.ui-sortable-helper {
	transform: scale(1);
	transition: transform .3s ease;

}

.ui-sortable-helper i {
	transform: scale(1.3);
	transition: transform .3s ease;
}

.ui-sortable-helper a {
	outline: unset !important;
}

#menu #custom-context-menu {
	padding: 0.2rem;
	border: 1px solid;
	z-index: 999;
}
#menu #custom-context-menu {
	position: relative;
}
.dropdown-item {
	--bs-dropdown-link-active-bg: rgba(var(--bs-secondary-rgb), 20%);
	--bs-dropdown-link-active-color: rgba(var(--bs-body-rgb), 100%);
	--bs-dropdown-link-hover-bg: rgba(var(--bs-secondary-rgb), 6%);
}

#custom-context-menu li a.dropdown-item {
	padding-left: 4px;
}
#menu .list .app-icon{
	margin-right: 1rem;
}

#custom-context-menu.text-danger {
	border-color: #dc3545;
}

#custom-context-menu.text-success {
	border-color: #198754;
}

#custom-context-menu.text-danger:after {
	text-shadow: 1px 0px 0px #dc3546ad, -1px 0px 0px #dc3546ad, 0px -1px 0px #dc3545;
}

#custom-context-menu.text-success:after {
	text-shadow: 1px 0px 0px #198754a9, -1px 0px 0px #198754a9, 0px -1px 0px #198754;
}

#notifications #custom-context-menu:after{
	top: -4px;
	left: 18px;
	transform: translate(0%, -50%);
}

#notifications #custom-context-menu .list-group-item{
	border: 0;
	border-radius: .25rem;
	cursor: pointer;
}

.dropdown-menu .dropdown-item.dropdown-item-sm,
.list-group-item.list-group-item-sm {
	font-size: 13px;
	line-height: 13px;
}

.dropdown-menu .dropdown-item.dropdown-item-sm .material-icons,
.list-group-item.list-group-item-sm .material-icons {
	line-height: 13px;
}
.dropdown-menu.mt-nav-link-sm {
    margin-top: 10px !important;
}

#header.border,
.dropdown-menu.border-dropdown-menu{
	border: var(--bs-border-width) var(--bs-border-style) rgba(var(--bs-body-color-rgb),15%) !important;
}


#folder_tree ul,
#product_group_tree ul {
	border-left: 1px solid #b1b1b18f;
	padding-left: 0px;
	margin-left: 2.15rem;
}

#folder_tree ul li,
#product_group_tree ul li {
	position: relative;
	padding-left: 25px;
}

#folder_tree span.row:before,
#product_group_tree span.row:before {
	display: block;
	content: " ";
	width: 20px;
	height: 10px;
	position: absolute;
	border-bottom: 1px solid #b1b1b18f;
	top: .6em;
	left: -14px;
}

#product_group_tree ul#ul_0,
#folder_tree ul#ul_0 {
	border-left: 0px;
}

#product_group_tree ul#ul_0>li>.row:before,
#folder_tree ul#ul_0>li>.row:before {
	display: none;
}




.bg-dark {
	background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}


/*MEDIA CONTENT*/

@media print {
	body {
		font-size: 60%;
	}

	main {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}

	textarea,
	input,
	select {
		border: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	.card {
		box-shadow: none;
		border: 1px solid rgb(110, 110, 110);
		margin: 0px;
		padding: 0px;
	}

	.card .card-img-top {
		display: none;
	}

	.card .card-header {
		color: grey !important;
		font-size: 11px;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}
}

.advanced_filters .header {
	background-color: rgba(var(--bs-body-bg-rgb), 100%) !important;
}



@media only screen and (min-width:768px) {




	#header .navbar-nav.centered-on-md {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.border-md-start-2 {
		border-left: 2px solid;
	}

	.advanced-visuals .animate-transform-end {
		transform: translateX(0%);
		animation: transform-end 0.5s linear;
	}

	@keyframes transform-end {
		from {
			transform: translateX(-20%);
		}

		to {
			transform: translateX(0%);
		}
	}

	.advanced-visuals .animate-transform-end.delayed-1 {
		animation: transform-end-delayed 0.4s linear;
	}

	@keyframes transform-end-delayed {
		from {
			transform: translateX(-20%);
		}

		to {
			transform: translateX(0%);
		}
	}

	.advanced-visuals .animate-transform-start {
		transform: translateX(0%);
		animation: transform-start 0.3s linear;
	}

	@keyframes transform-start {
		from {
			transform: translateX(100%);
		}

		to {
			transform: translateX(0%);
		}
	}

	.advanced-visuals .animate-transform-start.delayed-1 {
		animation: transform-start-delayed 0.4s linear;
	}

	@keyframes transform-start-delayed {
		from {
			transform: translateX(100%);
		}

		to {
			transform: translateX(0%);
		}
	}
}

@media only screen and (max-width: 1200px) {

	#logo_link {
		max-width: 130px !important;
	}
}
@media only screen and (max-width: 610px) {
	
	#header .scrollable-navbar-nav{
		overflow-y:hidden;
		overflow-x:scroll;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	#header .scrollable-navbar-nav::-webkit-scrollbar {
		height: 0px;
  	}

	#notifications,
	#header .scrollable-navbar-nav .dropdown-menu{
		position: fixed;
    	top: 41px;
		left:.5rem !important;
		right:.5rem !important;
	}
	
}



@media only screen and (min-width:1200px) {

	body.filters_active {
		width: calc(100% - 300px) !important;
		margin: 0px !important;
		margin-right: 300px !important;
	}

	.advanced-filter-bar {
		top: 0;
		height: 100%;
		width: 300px;
		overflow: hidden;
		position: fixed;
		right: 0;
		z-index: 999;
	}
}

@media only screen and (max-width:1200px) {
	body.filters_active {
		overflow: hidden;
	}

	.advanced-filter-bar {
		top: 51px;
		height: calc(100% - 51px);
		width: 300px;
		max-width: 100%;

		overflow: hidden;
		position: fixed;
		right: 0;
		z-index: 999;
	}

}

@media only screen and (max-width:767px) {
	.dt-button-collection.fixed.two-column .dropdown-menu {
		display: flex !important;
		flex-direction: column;
		border-radius: 0px;
	}

	.dt-button-collection.fixed.two-column {
		max-width: 100%;
		margin: auto !important;
		left: 0px;
	}

	#logo_link {
		max-width: 40px !important;
	}

}

@media only screen and (max-width:350px) {

	#logo_link {
		max-width: 0px !important;
	}

}


/*DROPZONE*/

.dropzone .dropzone-holder{
	display: block;
	content: "Drop file(s) to anywhere to upload in this folder.";
    width: 100%;
    height: 100%;
    position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	backdrop-filter: blur(10px);
    z-index: 1;
	padding: 1rem;
	--bs-border-style: dashed;
	line-height: 100vh;
	text-align: center;
	border: 3px dashed var(--bs-tertiary-color)!important;
	
}


/***********/
/**COLORS**/
/*********/

.status_enabled {
	color: var(--bs-success);
}

.status_disabled {
	color: var(--bs-danger);
}

.public,
body.pages table.chart td.public,
body.files table.chart td.public,
#folder_tree li.public {
	color: #555;
}

.private,
body.pages table.chart td.private,
body.files table.chart td.private,
#folder_tree li.private {
	color: #ac2929;
}

.guest,
body.pages table.chart td.guest,
body.files table.chart td.guest,
#folder_tree li.guest {
	color: #c66e28;
}

.registration,
body.pages table.chart td.registration,
body.files table.chart td.registration,
#folder_tree li.registration {
	color: #2976ac;
}

.membership,
body.pages table.chart td.membership,
body.files table.chart td.membership,
#folder_tree li.membership {
	color: #148340;
}

#folder_tree .archived {
	font-style: italic;
}

#folder_tree .design,
body.files table.chart td.design,
table.chart td.greyed_out {
	color: #aaa;
}

#folder_tree .row .material-icons,
#product_group_tree .row .material-icons {
	color: #828282;
}

#folder_tree .row .icon .material-icons,
#product_group_tree .row .icon .material-icons {
	color: #535353;
}

html[data-bs-theme="dark"] .public,
html[data-bs-theme="dark"] body.pages table.chart td.public,
html[data-bs-theme="dark"] body.files table.chart td.public,
html[data-bs-theme="dark"] #folder_tree li.public {
	color: #c1c1c1;
}

html[data-bs-theme="dark"] .private,
html[data-bs-theme="dark"] body.pages table.chart td.private,
html[data-bs-theme="dark"] body.files table.chart td.private,
html[data-bs-theme="dark"] #folder_tree li.private {
	color: #ff4c4c;
}

html[data-bs-theme="dark"] .guest,
html[data-bs-theme="dark"] body.pages table.chart td.guest,
html[data-bs-theme="dark"] body.files table.chart td.guest,
html[data-bs-theme="dark"] #folder_tree li.guest {
	color: #c66e28;
}

html[data-bs-theme="dark"] .registration,
html[data-bs-theme="dark"] body.pages table.chart td.registration,
html[data-bs-theme="dark"] body.files table.chart td.registration,
html[data-bs-theme="dark"] #folder_tree li.registration {
	color: #36b0ff;
}

html[data-bs-theme="dark"] .membership,
html[data-bs-theme="dark"] body.pages table.chart td.membership,
html[data-bs-theme="dark"] body.files table.chart td.membership,
html[data-bs-theme="dark"] #folder_tree li.membership {
	color: #30f880;
}

.card.uploaded,
tr.uploaded td{
	background-color: rgba(var(--bs-success-rgb), 30%) !important;
}



/*DASHBOARD*/
body .dashboard-color {
	color: var(--welcome-color) !important;
}
html[data-bs-theme="dark"] body .dashboard-color {
	color: var(--welcome-color-hightlight) !important;
}

/*FOLDERS*/
body .folders-color {
	color: var(--folders-color) !important;
}
html[data-bs-theme="dark"] body .folders-color {
	color: var(--folders-color-hightlight) !important;
}

/*explorer*/
body .explorer-color {
	color: var(--explorer-color) !important;
}
html[data-bs-theme="dark"] body .explorer-color {
	color: var(--explorer-color-hightlight) !important;
}



/*PAGES*/
body .pages-color {
	color: var(--pages-color) !important;
}
html[data-bs-theme="dark"] body .pages-color {
	color: var(--pages-color-hightlight) !important;
}

/*FILES*/
body .files-color {
	color: var(--files-color) !important;
}
html[data-bs-theme="dark"] body .files-color {
	color: var(--files-color-hightlight) !important;
}

/*CONTACTS*/
body .contacts-color {
	color: var(--contacts-color) !important;
}
html[data-bs-theme="dark"] body .contacts-color {
	color: var(--contacts-color-hightlight) !important;
}

/*FORMS*/
body .forms-color {
	color: var(--forms-color) !important;
}
html[data-bs-theme="dark"] body .forms-color {
	color: var(--forms-color-hightlight) !important;
}

/*CALENDARS*/
body .calendars-color {
	color: var(--calendars-color) !important;
}
html[data-bs-theme="dark"] body .calendars-color {
	color: var(--calendars-color-hightlight) !important;
}

/*CAMPAIGNS*/
body .campaigns-color {
	color: var(--campaigns-color) !important;
}
html[data-bs-theme="dark"] body .campaigns-color {
	color: var(--campaigns-color-hightlight) !important;
}

/*ECOMMERCE*/
body .ecommerce-color {
	color: var(--ecommerce-color) !important;
}
html[data-bs-theme="dark"] body .ecommerce-color {
	color: var(--ecommerce-color-hightlight) !important;
}

/*USERS*/
body .users-color {
	color: var(--users-color) !important;
}
html[data-bs-theme="dark"] body .users-color {
	color: var(--users-color-hightlight) !important;
}

/*STATISTICS*/
body .statistics-color {
	color: var(--statistics-color) !important;
}
html[data-bs-theme="dark"] body .statistics-color {
	color: var(--statistics-color-hightlight) !important;
}

/*DESIGN*/
body .design-color {
	color: var(--design-color) !important;
}
html[data-bs-theme="dark"] body .design-color {
	color: var(--design-color-hightlight) !important;
}

/*ADS*/
body .ads-color {
	color: var(--ads-color) !important;
}
html[data-bs-theme="dark"] body .ads-color {
	color: var(--ads-color-hightlight) !important;
}

/*SETTINGS*/
body .settings-color {
	color: var(--settings-color) !important;
}
html[data-bs-theme="dark"] body .settings-color {
	color: var(--settings-color-hightlight) !important;
}

.h-50-m-1 {
	height: calc(50% - .25rem);
}

.h-100-m-1 {
	height: calc(100% - .25rem);
}

.h-50-m-2 {
	height: calc(50% - .5rem);
}

.h-100-m-2 {
	height: calc(100% - .5rem);
}

.CodeMirror.cke_enable_context_menu {
	border-radius: 0px;
}

.tagin-input:not(.tagin-input-hidden),
.tagin-wrapper.focus .tagin-input:not(.tagin-input-hidden),
.tagin-wrapper.focus,
.tagin-tag {
	background: var(--bs-body-bg);
	color: var(--bs-body-color);
}

html[data-bs-theme="dark"] #menu_toggle span {
	background: linear-gradient(125deg, #09c9ff, #d07f00);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}



html[data-bs-theme="dark"] #folder_tree .design,
html[data-bs-theme="dark"] body.files table.chart td.design,
html[data-bs-theme="dark"] table.chart td.greyed_out {
	color: #7b7a7a;
}

html[data-bs-theme="dark"] .software_calendar .monthly {
	background-color: #393939;
	border-color: #464646;
}

html[data-bs-theme="dark"] table.monthly_calendar td:not(.inactive) {
	background-color: #232323;
}

html[data-bs-theme="dark"] table.monthly_calendar td.today {
	-webkit-box-shadow: inset 0 0 0 2px #231b1b;
	box-shadow: inset 0 0 0 2px #231b1b;
}

html[data-bs-theme="dark"] table.monthly_calendar .calendar-day-wrapper span.today {
	background: #231c17;
}

html[data-bs-theme="dark"] table.monthly_calendar .calendar-event a {
	color: #c3c3c3;
}

html[data-bs-theme="dark"] #folder_tree ul,
html[data-bs-theme="dark"] #product_group_tree ul {
	border-left: 1px solid #0000006c;
}

html[data-bs-theme="dark"] #folder_tree span.row:before,
html[data-bs-theme="dark"] #product_group_tree span.row:before {
	border-bottom: 1px solid #0000006c;
}

html[data-bs-theme="dark"] .select2-search,
html[data-bs-theme="dark"] .select2-search input,
html[data-bs-theme="dark"] .select2-results {
	background-color: var(--bs-body-bg);
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
	color: #b0b0b0;
	background-color: var(--bs-body-bg);
	border: 1px solid #515151;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	color: #ffffff;
}

html[data-bs-theme="dark"] .cke_bottom {
	border-top: unset !important;
	box-shadow: unset !important;
	background: #1e1e23 !important;
	background-image: unset !important;
}

html[data-bs-theme="dark"] .cke_dialog_title {
	background: #1f1f1f !important;
	color: white !important;
}

html[data-bs-theme="dark"] .cke_chrome {
	border: 1px solid #282828 !important;
}

html[data-bs-theme="dark"] .cke_path_item,
html[data-bs-theme="dark"] .cke_path_empty {
	color: #ffffff !important;
	text-shadow: 0 1px 0 #000 !important;
}

html[data-bs-theme="dark"] .cke .cke_top {
	background: #e1e1dc;
	filter: invert(1);
}

html[data-bs-theme="dark"] .cke_inner {
	background: #000 !important;
}

html[data-bs-theme="dark"] .doka-image-editor {
	--color-background: 0, 0, 0;
	--color-foreground: 255, 255, 255;
}

/*widgets*/
#disabled_widgets>* {
	width: 100%;
	margin-bottom: 1rem;
}

.card.widget {
	height: 312px;
	border-radius: 1rem;

}

.card.widget>.card-footer {
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

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

.ui-draggable-handle {
	cursor: grab;
}

#widgets .activate_widget_btn,
#disabled_widgets .more_vert_widget_btn {
	display: none;
}

.more_vert_widget_btn,
.activate_widget_btn {
	line-height: 25px;
	border-top-right-radius: 1rem !important;
}

.card.widget #editor {
	color: inherit;
	height: inherit;
	overflow: auto;
	width: 100%;
	padding: 0;
	outline: none;
}

.card #editor.ql-container,
.card .ql-toolbar.ql-snow {
	border: none;
}

.card .ql-toolbar~#editor.ql-container.ql-snow {
	height: 182px;
}

.widget table.monthly_calendar td:not(.inactive),
.widget table.monthly_calendar td.inactive {
	height: 36px;
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	width: 36px;
	white-space: nowrap;
}

.widget table.monthly_calendar td,
.widget table.monthly_calendar th {
	line-height: 20px;
	padding: 5px;
	vertical-align: top;
	min-width: 30px;
	width: 36px;
}

.widget table.monthly_calendar th {
	max-width: 36px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 10px;
}

.widget table.monthly_calendar tr.heading,
.widget .software_calendar .monthly {
	background-color: unset !important;
}

.widget table.monthly_calendar td.inactive {
	background-color: #e3e3e302;
}

.widget table.monthly_calendar td:not(.inactive) {
	background-color: rgb(173 173 173 / 5%);
}

.widget table.monthly_calendar td.inactive,
.widget table.monthly_calendar td:not(.inactive),
.widget table.monthly_calendar {
	border: 0px;
}

.widget table.monthly_calendar .calendar-day-wrapper {
	text-align: center !important;
	margin-top: 2px;
	margin-bottom: 0px !important;
}

.widget span.calendar-event-icon {
	position: absolute;
	left: 50%;
	bottom: -5px;
	font-size: 15px;
	transform: translateX(-50%);
}

.widget table.monthly_calendar .calendar-day-wrapper span.today {
	background: #e3e3e300;
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
}

.widget table.monthly_calendar {
	border-collapse: separate;
}

.widget table.monthly_calendar td.today {
	background: #5c4e4e;
	color: white;
}

.this-after-top-30::after {
	top: 30px;
}

.widget[widget-id="5"] .card-body {
	margin: 0 !important;
}

.card.widget .btn-group .btn.btn-outline-light {
	color: #464646;
	border-color: #9f9f9f70;
}

.card.widget .card-body .row.pointer:hover {
	background: #76767614;
}

.card.widget .card-body .row.pointer:not(:first-child):not(:last-child) {
	border-bottom: 1px solid #2828281a;
}

.card.widget .card-body .row.pointer:first-child,
.card.widget .card-body .row.pointer:nth-child(2) {
	border-top: 1px solid #2828281a;
}

html[data-bs-theme="dark"] .card.widget .card-body .row.pointer:not(:first-child):not(:last-child) {
	border-bottom: 1px solid #fdfdfd1a;
}

html[data-bs-theme="dark"] .card.widget .card-body .row.pointer:first-child,
html[data-bs-theme="dark"] .card.widget .card-body .row.pointer:nth-child(2) {
	border-top: 1px solid #fdfdfd1a;
}

.card.widget .card-body .row.pointer:last-child {
	margin-bottom: 1rem !important;
}

.widget[widget-id="2"] {
	background: linear-gradient(-45deg, #f9dece, #fff)
}

.widget[widget-id="3"] {
	background: linear-gradient(45deg, #f4ffe1, #fafbfa)
}

.widget[widget-id="4"] {
	background: linear-gradient(-45deg, #f2edff, #fff3ff)
}

.widget[widget-id="5"] {
	background: linear-gradient(45deg, #e0fcff, #f3fffa)
}

.widget[widget-id="7"] {
	background: linear-gradient(-45deg, #fffce0, #fff)
}

.widget[widget-id="8"] {
	background: linear-gradient(120deg, #eeffed, #f8fff5)
}

.widget[widget-id="10"] {
	background: linear-gradient(45deg, #edefff, #f5f6ff)
}

.widget[widget-id="11"] {
	background: linear-gradient(-120deg, #f2ecff, #fff6ff)
}

.widget[widget-id="12"] {
	background: #fff0ee
}

.widget[widget-id="13"] {
	background: linear-gradient(180deg, #ffedf6, #ffd9ec)
}

.widget[widget-id="14"] {
	background: #f6fffa
}

.widget[widget-id="16"] {
	background: linear-gradient(45deg, #f6ffed, #eef9e1)
}

.widget[widget-id="17"] {
	background: linear-gradient(180deg, #edfeff, #e1f9ed)
}

.widget[widget-id="18"] {
	background: linear-gradient(180deg, #f1f5fb, #fafff3)
}

.widget[widget-id="19"] {
	background: linear-gradient(120deg, #ffe1d7, #fff4f1)
}

.widget[widget-id="20"] {
	background: linear-gradient(45deg, #f1e4f9, #ffede9)
}

.card.widget ::-webkit-scrollbar-track,
.card.widget .card-body ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 1px 0px 2px rgb(0 0 0 / 30%);
	background-color: transparent;

}

.card.widget ::-webkit-scrollbar,
.card.widget .card-body ::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}

.card.widget ::-webkit-scrollbar-thumb,
.card.widget .card-body ::-webkit-scrollbar-thumb {
	background-color: #939393;
}

.card.widget ::-webkit-scrollbar-track {
	margin-bottom: 1.1rem;
}

.card.widget .ui-sortable-handle {
	cursor: grab;
}

/*WIDGETS DARK*/
html[data-bs-theme="dark"] .default .panel-title-row,
html[data-bs-theme="dark"] .default #footer {
	color: var(--bs-body-color) !important;
}

html[data-bs-theme="dark"] .card.widget p.bg-light {
	background-color: #222;
	color: #f2f2f2;
}

html[data-bs-theme="dark"] .card.widget .card-header {
	color: #a6a6a6a1;
}

html[data-bs-theme="dark"] .card.widget .btn-group .btn.btn-outline-light {
	color: #fff;
}

html[data-bs-theme="dark"] .card.widget .btn-group .btn.btn-outline-light.active {
	color: #000000;
}

html[data-bs-theme="dark"] .widget[widget-id="2"] {
	background: linear-gradient(-45deg, #342c27, #2c2323)
}

html[data-bs-theme="dark"] .widget[widget-id="3"] {
	background: linear-gradient(45deg, #272e25, #2e2e26)
}

html[data-bs-theme="dark"] .widget[widget-id="4"] {
	background: linear-gradient(-45deg, #312e3a, #2c2932)
}

html[data-bs-theme="dark"] .widget[widget-id="5"] {
	background: linear-gradient(45deg, #2b353e, #2f3c3b)
}

html[data-bs-theme="dark"] .widget[widget-id="7"] {
	background: linear-gradient(-45deg, #2d2e27, #33342a)
}

html[data-bs-theme="dark"] .widget[widget-id="8"] {
	background: linear-gradient(45deg, #2c322a, #26302c)
}

html[data-bs-theme="dark"] .widget[widget-id="10"] {
	background: linear-gradient(45deg, #29292c, #27282c)
}

html[data-bs-theme="dark"] .widget[widget-id="11"] {
	background: linear-gradient(-120deg, #1e1c22, #342734)
}

html[data-bs-theme="dark"] .widget[widget-id="12"] {
	background: #3e3332
}

html[data-bs-theme="dark"] .widget[widget-id="13"] {
	background: linear-gradient(180deg, #261f23, #302229)
}

html[data-bs-theme="dark"] .widget[widget-id="14"] {
	background: #1f2622
}

html[data-bs-theme="dark"] .widget[widget-id="16"] {
	background: linear-gradient(45deg, #292e24, #252a1e)
}

html[data-bs-theme="dark"] .widget[widget-id="17"] {
	background: linear-gradient(180deg, #232f30, #27302c)
}

html[data-bs-theme="dark"] .widget[widget-id="18"] {
	background: linear-gradient(180deg, #22272e, #1d2018)
}

html[data-bs-theme="dark"] .widget[widget-id="19"] {
	background: linear-gradient(120deg, #342926, #2e2523)
}

html[data-bs-theme="dark"] .widget[widget-id="20"] {
	background: linear-gradient(45deg, #332938, #281c1a)
}


html[data-bs-theme="dark"] .card.widget ::-webkit-scrollbar-track,
html[data-bs-theme="dark"] .card.widget .card-body ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 30%);
	background-color: transparent;
}

html[data-bs-theme="dark"] .card.widget ::-webkit-scrollbar,
html[data-bs-theme="dark"] .card.widget .card-body ::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}

html[data-bs-theme="dark"] .card.widget ::-webkit-scrollbar-thumb,
html[data-bs-theme="dark"] .card.widget .card-body ::-webkit-scrollbar-thumb {
	background-color: #5e5e5e;
}




.popover-header{
	border-bottom: none;
	--bs-popover-header-bg:#00000000;
}

.sortable-list{
	min-height: 200px;
}


#pin_link_list .nav-item .nav-link{
	white-space: nowrap;
}
#pin_link_list .nav-item.active .menu-item-text{

    max-width: 130px;
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
	margin-left:.5rem
}
#pin_link_list .nav-item:not(.active) .menu-item-text{
	display: none;
}