/* ------------------------------------------------------------------------------
 *
 *  # Custom CPanel styles
 *
 * ---------------------------------------------------------------------------- */
body:has(nav.sidebar){
	background-color: #fff;
}

html[data-color-theme="dark"] body {
	background-color: #2c2d33;
}

:root,
[data-color-theme=light]{
  --body-font-size-lg: 1rem;
  --body-font-size-sm: 0.75rem;
  --body-font-size-xs: 0.625rem;
  --body-line-height-computed: calc(1375rem / 1000);
  --body-line-height-lg: 1.375;
  --body-line-height-sm: 1.8334;
  --body-line-height-xs: 2.2;
  --spacer-1: 0.3125rem;
  --spacer-2: 0.625rem;
  --spacer: 1.25rem;
  --spacer-4: 1.875rem;
  --spacer-5: 3.75rem;
  --icon-font-family: Phosphor;
  --icon-font-size: 1.25rem;
  --icon-font-size-lg: 1.5rem;
  --icon-font-size-sm: 1rem;
  --transition-base-timer: 0.15s;
  --transition-collapse-timer: 0.3s;
  --font-sans-serif: "Inter", 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";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --body-font-family: var(--font-sans-serif);
  --body-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5715;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 2rem;
  --border-radius-pill: 50rem;
  --highlight-bg: rgba(0, 0, 0, 0.15);

  --danger: #E60514;
  --danger-rgb : 230, 5, 20;
  --success: #059669;
  --warning: #f58646;
}
.btn-danger {
	--btn-bg: #E60514;
}



/* General */
#alert-container {
    display: none;
    left: 10%;
    position: fixed;
    top: 60px;
    width: 80%;
    z-index: 2000;
}
#alert-container .alert {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.sortable-placeholder + .panel.mb-10{
	margin-top:10px;
}


.close_menu{
	display:none;
}

/* cards */
[data-card-action=collapse] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  transition: -webkit-transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer), -webkit-transform ease-in-out var(--transition-collapse-timer);
}
@media (prefers-reduced-motion: reduce) {
  [data-card-action=collapse] svg {
    transition: none;
  }
}
.card-collapsed [data-card-action=collapse] svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* tables */
.table-sm{
	--table-cell-padding-x: 1rem;
}
.table-xs{
	--table-cell-padding-x: 0.625rem;
}
.table-xxs{
	--table-cell-padding-y: 0.375rem;
	--table-cell-padding-x: 0.5rem;
}
/* Footable */
.footable-row-detail-value{
	white-space:normal;
}
.table > tbody > tr.success + tr.footable-row-detail > td{
	background-color:#E8F5E9;
}
.table-hover > tbody > tr.success + tr.footable-row-detail:hover > td{
	background-color:#E8F5E9;
}
.table > tbody > tr.danger + tr.footable-row-detail > td{
	background-color:#FBE9E7;
}
.table-hover > tbody > tr.danger + tr.footable-row-detail:hover > td{
	background-color:#FBE9E7;
}
.table-footable-striped > tbody > tr:nth-of-type(4n+1),
.table-footable-striped > tbody > tr:nth-of-type(4n+2){
	background:#fcfcfc;
}
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.danger:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#f7d5d1;
}
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1) > td,
.table-footable-striped > tbody > tr.success:nth-of-type(4n+1)+tr.footable-row-detail > td{
	background:#d6edd8;
}
/* Datatable */
.datatable-header .dataTables_filter{
	margin-left:0;
}
.datatable-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	column-gap:0.625rem;
}
.datatable-toolbar .dataTables_length{
	margin-left:auto;
}
.dataTables_filter label input{
	margin-left:10px;
}
.dataTables_wrapper .table-sm{
	--dt-spacer-x:1rem;
	--dt-spacer-y:1rem;
}
.dataTables_wrapper .table-xs{
	--dt-spacer-x:0.625rem;
	--dt-spacer-y:0.625rem;
}
.dataTables_wrapper .table-xxs{
	--dt-spacer-x:0.5rem;
	--dt-spacer-y:0.5rem;
}
.dataTable thead .sorting:before,
.dataTable thead .sorting:after,
.dataTable thead .sorting_asc_disabled:before,
.dataTable thead .sorting_desc_disabled:after{
	right:calc(var(--dt-spacer-y) - 5px);
}

/* TypeAhead */
.twitter-typeahead .tt-menu h5{
	margin:0 15px 5px;
	padding:3px 0;
	border-bottom:1px solid #ddd;
}

/* Form */
.form-group > .radio,
.form-group > .checkbox{
	margin-top:0;
	margin-bottom:0;
}
.form-horizontal .checkbox.checkbox-switch{
	padding-top:0;
}
legend a.control-arrow.collapsed i{
	transform:rotate(180deg);
}
.note-toolbar .dropdown-menu li{
	white-space:nowrap;
}
 
.form-horizontal .multiselect-container > li > a .checker,
.form-horizontal .multiselect-container > li > a .choice{
    top:50%;
}

/* TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  margin-left: -1px;
  position: relative;
  height:19px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  margin-top: -2px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
}
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.input-group .input:not(:last-child) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
	border-radius:0;
}
.has-error .bootstrap-touchspin-up,
.has-error .bootstrap-touchspin-down{
	background-color:#fbe9e7;
    border-color:#d84315 !important;
    color:#d84315;
}

/* select */
.bootstrap-select > .btn-light{
	--btn-bg:var(--input-bg);
	--btn-active-bg:var(--input-bg);
	--btn-hover-bg:var(--input-bg);
}

/* users thumbnails */
.user-thumbnail{
	width:3.75rem;
	height:3.75rem;
	font-size:1.5rem;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background-color:#d6d1ff;
	color:#4e39fe;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
}
.user-thumbnail span.img-alt{
	display:none;
}
.user-thumbnail img{
	width:100%;
	height:100%;
}
.user-thumbnail img[src=""], .user-thumbnail img[src="false"]{
	display:none;
}
.user-thumbnail img[src=""]+span.img-alt, .user-thumbnail img[src="false"]+span.img-alt{
	display:inline-block;
}
.user-thumbnail[data-color="1"]{
	background-color:#caf4c3;
	color:#4b9e3c;
}
.user-thumbnail[data-color="2"]{
	background-color:#f6e6b8;
	color:#a48834;
}
.user-thumbnail[data-color="3"]{
	background-color:#efb0b0;
	color:#993333;
}
.user-thumbnail[data-color="4"]{
	background-color:#f2cef1;
	color:#a442a3;
}
.header-thumbnail,
.table-thumbnail{
	width:2rem;
	height:2rem;
	font-size:1rem;
}
/* sidebars */
.sidebar-fixed .sidebar-content{
	margin-bottom:-8px;
	bottom:0;
}
.sidebar-fixed .sidebar-content .sidebar-category:last-child{
	margin-bottom:48px;
}
.sidebar-content{
	padding-bottom:0;
}
.nav-sidebar .nav-link{
	align-items:center;
}
/* Nextcard Templates */
.color-template-option{
	display:flex;
	align-items:center;
}
.color-template{
	width:22px;
	height:22px;
	display:inline-block;
	border-radius:50%;
	/*border:1px solid #ddd;*/
	margin-right:10px;
	position:relative;
	overflow:hidden;
}
.color-template.square{
	border-radius:4px;
}
	.color-template-element{
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:10px;
	}
/* purchases */
.prices{
	margin:15px 0;
	font-size:1.1em;
}
	.price-line{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.prices hr{
		margin:10px 0;
	}
	.price-line.total_ht{
		font-size:1.1em;
	}
	.price-line.total_ttc{
		font-size:1.2em;
	}
/* groups */
.groups-tree-container{
	max-height:calc(100vh - 300px);
	min-height:200px;
	position:relative;
}
.fancytree-exp-c .fancytree-expander:after,
.fancytree-exp-cl .fancytree-expander:after,
.fancytree-exp-cd .fancytree-expander:after,
.fancytree-exp-cdl .fancytree-expander:after,
.fancytree-exp-e .fancytree-expander:after,
.fancytree-exp-el .fancytree-expander:after,
.fancytree-exp-ed .fancytree-expander:after,
.fancytree-exp-edl .fancytree-expander:after,
.fancytree-has-children.fancytree-ico-c .fancytree-icon:after,
.fancytree-has-children.fancytree-ico-e .fancytree-icon:after,
.fancytree-has-children.fancytree-ico-cf .fancytree-icon:after,
.fancytree-has-children.fancytree-ico-ef .fancytree-icon:after,
.fancytree-ico-c .fancytree-icon:after,
.fancytree-ico-e .fancytree-icon:after,
.fancytree-ico-cf .fancytree-icon:after,
.fancytree-ico-ef .fancytree-icon:after,
.groups-tree .fancytree-folder .fancytree-node.fancytree-drop-over:after{  
	content:"";
	width:20px;
	height:20px;
}

.fancytree-exp-c .fancytree-expander:after,
.fancytree-exp-cl .fancytree-expander:after,
.fancytree-exp-cd .fancytree-expander:after,
.fancytree-exp-cdl .fancytree-expander:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-caret-right&fill=%23222&width=20) center center no-repeat;
}
.fancytree-exp-e .fancytree-expander:after,
.fancytree-exp-el .fancytree-expander:after,
.fancytree-exp-ed .fancytree-expander:after,
.fancytree-exp-edl .fancytree-expander:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-caret-down&fill=%23222&width=20) center center no-repeat;
}
.fancytree-ico-cf .fancytree-icon:after,
.fancytree-ico-ef .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder-dotted&fill=%23222&width=20) center center no-repeat;
}
.fancytree-has-children.fancytree-ico-cf .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder&fill=%23222&width=20) center center no-repeat;
}
.fancytree-has-children.fancytree-ico-ef .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder-open&fill=%23222&width=20) center center no-repeat;
}
.fancytree-ico-c .fancytree-icon:after,
.fancytree-ico-e .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-file&fill=%23222&width=20) center center no-repeat;
}
.groups-tree .fancytree-ico-c .fancytree-icon:after,
.groups-tree .fancytree-ico-e .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-user&fill=%23222&width=20) center center no-repeat;
}
.groups-tree .fancytree-ico-c .fancytree-node.user-locked .fancytree-icon:after,
.groups-tree .fancytree-ico-e .fancytree-node.user-locked .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-lock&fill=%23222&width=20) center center no-repeat;
}
.groups-tree .fancytree-folder .fancytree-node.fancytree-drop-over:after{  
	background:url(../../../css/icons/symbol.svg.php?icon=ph-arrow-down&fill=%23222&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-exp-c .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-cl .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-cd .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-c .fancytree-expander:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-caret-right&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-exp-e .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-el .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-ed .fancytree-expander:after,
[data-color-theme="dark"] .fancytree-exp-edl .fancytree-expander:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-caret-down&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-ico-cf .fancytree-icon:after,
[data-color-theme="dark"] .fancytree-ico-ef .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder-dotted&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-folder-open&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .fancytree-ico-c .fancytree-icon:after,
[data-color-theme="dark"] .fancytree-ico-e .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-file&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .groups-tree .fancytree-ico-c .fancytree-icon:after,
[data-color-theme="dark"] .groups-tree .fancytree-ico-e .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-user&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .groups-tree .fancytree-ico-c .fancytree-node.user-locked .fancytree-icon:after,
[data-color-theme="dark"] .groups-tree .fancytree-ico-e .fancytree-node.user-locked .fancytree-icon:after{
	background:url(../../../css/icons/symbol.svg.php?icon=ph-lock&fill=%23fff&width=20) center center no-repeat;
}
[data-color-theme="dark"] .groups-tree .fancytree-folder .fancytree-node.fancytree-drop-over:after{  
	background:url(../../../css/icons/symbol.svg.php?icon=ph-arrow-down&fill=%23fff&width=20) center center no-repeat;
}
.fancytree-ext-table .fancytree-node{
	display:inline-flex;
	width:auto;
	align-items:center;
	justify-content:flex-start;
}
.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden{
	display: none;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom{
	border-bottom: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{
	border-right: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{
	position: absolute;
	overflow: hidden;
	z-index: 3;
	top: 0px;
	left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{
	position: absolute;
	overflow: hidden;
	z-index: 2;
	top: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{
	position: absolute;
	overflow: hidden;
	z-index: 2;
	left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{
	position: absolute;
	overflow: scroll;
	z-index: 1;
}
/* stats */
div.highcharts-tooltip>span{
	background:rgba(247,247,247,0.85);
	border:1px solid #666;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	padding:5px 10px;
	border-radius:3px;
}
/* versions */
.minor-version{
	opacity:0.6;
}
/* footer */
.footer-section{
	background:#4A4541;
	color:#ccc;
	padding:10px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	z-index:100;
}
	.footer-credits{
		float:left;
	}
	.footer-nav{
		float:right;
	}
		ul.footer-menu{
			margin:0;
			padding:0;
			list-style-type:none;
		}
	.footer-section a{
		color:#ddd;
	}
	.footer-section a:hover{
		color:#eee;
	}

/* icomoon fix */
[class^="icon-"],[class*=" icon-"]{
	font-size:var(--icon-font-size);
}

/* Custom classes */
.hide{
	display:none !important;
}
.hidden{
	display:none;
}
.landing-content{
	padding-top:50px;
}
.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
.progress-bar-linear{
	transition:0.3s linear;
}
.bg-grey-200{
	background:#ddd;
}

.btn .button-notification{
	position:absolute;
	top:-10px;
	left:22px;
}
.btn-sm .button-notification{left:20px;}
.btn-xs .button-notification{left:18px;}
.btn-lg .button-notification{left:28px;}
.btn-xlg .button-notification{left:30px;}
.bounce-notification{
	-webkit-animation-duration:10s;
	animation-duration:10s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-name:notificationBounce;
	animation-name:notificationBounce;
}
@keyframes notificationBounce{
	from{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
	3%{
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	4%{
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}
	5%{
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	6.5%{
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	7.5%{
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
	10%{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	100%{
		-webkit-transform:scale3d(1, 1, 1);
		transform:scale3d(1, 1, 1)
	}
}

/*responsive*/
@media (max-width: 1600px) {
	div.group-collapse-users {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 1295px) {
	.navbar #wallet_sponsorship{
		display:none !important;
	}
}

@media (max-width: 1243px) {
	.navbar #wallet_amount{
		display:none;
	}
}

@media (max-width: 1199px) {
	/* Custom classes */
	.hide-md{
		display:none;
	}

	div.group-collapse-users {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}
@media (max-width: 991px) {
	/* Custom classes */
	.hide-sm{
		display:none;
	}
	/* a revoir */
	/*.navbar #wallet_amount{
		display:none;
	}*/

	.close_menu{
		display:flex;
		justify-content: center;
		padding:10px;
		font-size:2em;
		font-weight:bold;
		cursor:pointer;
	}
		.close_menu svg{
			width:40px;
			height:40px;
		}
}
@media (max-width: 650px) {
	/* Custom classes */
	div#users-card div.columns-filter {
		display:block !important;
	}
}
@media (max-width: 767px) {
	.navbar-brand > img{
		margin:2px -60px;
	}
	/* sidebar */
	.sidebar-fixed .sidebar-content{
		margin-bottom:0;
	}
	/* footer */
	.footer-section{
		padding:10px 5px;
		position:relative;
	}
	.footer-credits,
	.footer-nav{
		float:none;
		text-align:center;
	}
	/* DataTables */
	.datatable-toolbar{
		justify-content:center;
	}
	.datatable-toolbar .dataTables_length{
		margin-left:0;
	}
	/* Custom classes */
	.hide-xs{
		display:none;
	}	
	.dropdown-large{
		width:100% !important;
	}
	.dropdown-content.dropdown-large{
		border-bottom:1px solid #ddd !important;
		border-top:1px solid #ddd !important;
	}
	.menu-heading{
		color:inherit;
	}
	.menu-heading.underlined{
		border-bottom: 1px solid #eee;
	}

	.header-change-offer,
	.header-card-type,
	#renew_button,
	#card-col {
		display:none;
	}
}


.calc-line{
	display:flex;
	justify-content:space-between;
}
.calc-promo{
	display:flex;
	justify-content:space-between;
	color:#666;
}
	.calc-promo span{
		color:#66cc00;
	}
.card-total-ht{
	display:flex;
	justify-content:space-between;
	font-size:1.3em;
	color:#666;
}
.card-total-ttc{
	display:flex;
	justify-content:space-between;
	font-size:1.5em;
}



/* posts */
#last-posts .post+.post{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
	#last-posts .post-date{
		float:right;
		font-style:italic;
		color:#999;
	}
	#last-posts .post-title{
		margin-top:0;
		margin-bottom:5px;
		font-weight:600;
	}
	#last-posts .post-desc:not(:empty){
		margin-bottom:5px;
	}
#read_more_modal img{
	max-width:100%;
}
.vc-link{
	position:relative;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	border:none;
	border-radius:50%;
	width:60px;
	height:60px;
	/* background:var(--primary-color);
	color:var(--button-foreground-color);
	fill:var(--button-foreground-color); */
	z-index:1;
	padding:0;
	
}
.vc-link i{
	font-size: 40px;
}
.social-link{
	display:flex;
	align-items:center;
	justify-content:center;
	border:none;
	border-radius:50%;
	width:25px;
	height:25px;
	/* background:var(--secondary-color);
	color:var(--secondary-text-color);
	fill:var(--secondary-text-color); */
	margin:0 auto;
}
#theme_preview{
	border: 1px solid black;
}

.sp-container {
	z-index: 9999;
}

.table .btn-group > .btn, .table .btn-group > .btn-group {
	float: none;
}

.website_prefix.open, .other_website_prefix.open {
	z-index: 5;
}
use[href$='lock-laminated'] {
	fill: red;
}
use[href$='lock-open'] {
	fill: var(--success);
}
.sidebar-mobile-main-toggle,
.sidebar-control {
	fill: black;
}
[data-color-theme="dark"] .sidebar-control, [data-color-theme="dark"] .sidebar-logo-icon {
	fill: white;
}
[data-color-theme="dark"] .nav-sidebar .nav-link.active {
	background-color: rgba(255,255,255,0.15);
	color:white;
}
.nav-sidebar .nav-link.active {
	/*background-color: rgb(var(--danger-rgb));
	color:white;
	fill:white;*/
	color: black;
	border-left: 5px solid var(--danger);
}
.sidebar-logo-icon {
	width: 100%;
	height: 100%;
	fill: black;
}
[data-color-theme="dark"] .alert-danger {
	background-color: var(--danger);
}
[data-color-theme="dark"] .alert-warning {
	background-color: var(--warning);
}
[data-color-theme="dark"] .alert-success {
	background-color: var(--success);
}
[data-color-theme="dark"] .blockUI {
	background-color: black !important;
}
/* Templater */
div.row-templater {
	margin: 0;
	padding: 0;
	width: 100%;
}

.div-col-choice {
	display: flex;
	justify-content: center;
	width: 100%;
	flex-direction:column;
}

.col-choice {
	display: flex;
	justify-content: center;
}

.col-choice > p {
	margin-left: 1em;
	margin-right: 1em;
}

.col-choice-click:hover {
	cursor: pointer;
}

.droppable {
	border-style: dashed;
	border-color: #d2d2d2;
	border-width: 2px;
	padding: 1%;
}

.navbar-toolbar {
	display: flex;
	margin: 0;
	padding: 0;
}

.edit {
	display: none;
}

div.toolbar {
	height: 100%;
}

.edit-content {
	display: none;
}

.vc-link {
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 0%;
	background: black;
	color: white;
	fill: white;
	z-index: 1;
	padding: 0;
}

.drop:hover {
	cursor: grab !important;
}

.selected-icon svg {
	top: 25%;
	  position: relative;
}

.element-in-list:hover {
	background-color: lightgray;
	width: 100%;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

html[data-color-theme="dark"] .element-in-list:hover {
	background-color: #27282E;
	width: 100%;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

.element-list-expander {
	cursor: pointer;
}

.context-menu-elements-list, .context-menu-drop-zone {
	background-color: #ffffff;
	box-shadow: 0 0 20px rgba(37, 40, 42, 0.22);
	color: #1f194c;
	width: 10em;
	padding: 0.8em 0.6em;
	font-size: 1.3rem;
	position: fixed;
	visibility: hidden;
	z-index: 100;
}

.context-menu-item {
	padding: 0.3em 1.2em;
}

.context-menu-item:hover {
	background-color: rgba(44, 141, 247, 0.2);
	cursor: pointer;
}

.open-hide-list-elements:hover, .open-hide-right-menu:hover, .open-hide-left-menu:hover {
	cursor: pointer;
}

.buttons-utils {
	background-color: #c3c3c3;
	color: #494949;
	--btn-hover-bg: #c3c3c3;
	--btn-border-color: #c3c3c3;
	--btn-hover-border-color: #c3c3c3;
}

.column-choice-element {
	border-style: dashed !important;
	border-color: #d2d2d2 !important;
	border-width: 2px !important;
	padding: 1% !important;
	display: flex !important;
	justify-content: center !important;
	margin-top: 2% !important;
	margin-bottom: 2% !important;
}

.grid-choices {
	background-color: #dddddd !important;
	margin: 2% !important;
	width: 100% !important;
	height: 4vh !important;
}

.grid-choices:hover {
	cursor: pointer;
}

.grid-inner {
	border-width: 2px; 
	position: relative; 
	border-color: #ffffff;
	width: 50%;
	  height: 100%;
}

.col-menu-disabled {
	background-color: #fcfcfc;
	border: 2px solid #eeeeee;
}

html[data-color-theme="dark"] .col-menu-disabled {
	background-color: #27282E !important;
	border-color: #1f1f24 !important;
}

.element {
	border: 2px solid #eeeeee;
	justify-content: center;
	display: flex;
	text-align: center;
	width: 6vw;
	margin: 1%;
	padding: 1%;
}

.element-category {
	margin: 2%;
}

.element-category-title:hover {
	cursor: pointer;
}

.block-glued {
	border: 2px solid gray;
	padding: 0;
	margin-left: -6px;
	width: 8%;
}

.block-glued-first {
	margin-left: 0px;
}

page-margin-inputs >
input::-webkit-outer-spin-button,
page-margin-inputs >
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.page-number-active:hover, .page-number-disabled:hover {
	cursor: pointer;
}

.page-number-active {
	background-color: #fcfcfc; 
	border: #e6e6e6 solid 1px;
	width: 2vw; border-radius: 100%; 
	height: 2vw; align-items: center; 
	display: flex; 
	justify-content: center;
}

html[data-color-theme="dark"] .page-number-active {
	background-color: #27282E !important;
	border-color: #1f1f24 !important;
}

.page-number-disabled {
	background-color: #dddddd; 
	border: #e6e6e6 solid 1px;
	width: 2vw; border-radius: 100%; 
	height: 2vw; align-items: center; 
	display: flex; 
	justify-content: center;
}

html[data-color-theme="dark"] .page-number-disabled {
	background-color: #1f1f24 !important;
	border-color: #1f1f24 !important;
}

.shape-choice {
	cursor: pointer;
}

.grid-plus {
	cursor: pointer;
}

.button-property {
	border: 1px solid gray;
	text-align: center;
	background-color: none;
	border-radius: 10px;
	width: 4vw;
}

.button-property:hover {
	background-color: gray;
	cursor: pointer;
}

.vc-assistant {
	position: absolute;
	background: rgb(227, 6, 19);
	color: #ffffff;
	border-radius: 3px;
	padding: 3px 8px 3px 8px;
	transform: rotate(-90deg);
	top: 10%;
	right: 0px;
	transform-origin: bottom right;
	cursor: pointer;
	z-index: 15;
}

.assistant-element {
	background: rgb(227, 6, 19);
	color: #ffffff;
	border-radius: 3px;
	padding: 3px 8px 3px 8px;
	top: 10%;
	right: 0px;
	transform-origin: bottom right;
	cursor: pointer;
	z-index: 15;
}

.width-24 {
	width: 24% !important;
}

html[data-color-theme="dark"] .theme-changer {
	color: #ffffff !important;
	fill: #fff !important;
}

html[data-color-theme="dark"] .noUi-target{
	border-color: #1f1f24;
	  background-color: #27282E;
	 box-shadow: inset 0 1px 1px #2c2d33,0 3px 6px -5px #2c2d33;
}

html[data-color-theme="dark"] .noUi-handle {
	background-color: #2c2d33;
	box-shadow: inset 0 0 1px #2c2d33,inset 0 1px 7px #27282E ,0 3px 6px -3px #27282E;
	border-color: #1f1f24;
}

html[data-color-theme="dark"] .font-select > span {
	border-color: var(--gray-400);
	  color: #fff;
	  background: #2c2d33 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

html[data-color-theme="dark"] .font-select .fs-drop {
	background: #32333a;
	  color: #fff;
}

.select-templater {
	width: 100% !important;
}

.noUi-target {
	--noui-handle-inner-hover-bg: none !important;
}

.slider-round {
	height: 10px !important;
}

.slider-round .noUi-connect {
	background: #c0392b !important;
}

.slider-round .noUi-handle {
	height: 18px !important;
	width: 18px !important;
	top: -5px !important;
	right: -9px !important; /* half the width */
	border-radius: 9px !important;
}

.noUi-handle::after, .noUi-handle::before {
	display: none !important;
} 


/* templateur */
#choose_template_type .modal-body .btn-choose-template-type{
	/* background:var(--danger); */
	color:#fff;
	fill:#fff;
	width:100%;
	max-width:150px;
	min-height:150px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}

.iti {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

input.iti__tel-input {
	border-radius: 0.375rem 0px 0px 0.375rem;
}

.dropdown-language:hover .dropdown-menu {
    display: block;
}

.dropdown-language:hover .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
}

.sidebar-main {
	border-right: none;
}

/* Design */
.content-wrapper .content-border{
	border: 10px;
	border-color: #fff;
	border-style: solid;
	border-right: 0px;
	border-radius: 50px 0px 0px 50px;
	background-color: var(--body-bg);
	border-top: 0px;
	border-bottom: 0px;
	flex: 1 1 auto;
}
html[data-color-theme="dark"] .content-wrapper .content-border{
	border-color: #2c2d33;
}

ul.language-menu[data-bs-popper] {
	margin-top: var(--dropdown-spacer);
	top: auto;
  	left: auto;
}

div.dashboard-panel {
	padding: 10px;
	border-radius: 50px;
}

div.dashboard-panel div.card-header {
	padding-bottom: 0;
}

div.dashboard-panel div.card-header {
	border-bottom: 0;
}

html[data-color-theme="dark"] input.dashboard-date, html[data-color-theme="dark"] span.dashboard-date {
	background-color: #32333a !important;
}

.notification-unread {
	background-color: rgba(var(--primary-rgb), 0.1);
}

.notification-unread:hover, .notification:hover {
	cursor: pointer;
	background-color: rgba(var(--primary-rgb), 0.2);
}

html[data-color-theme="dark"] .notification-unread {
	background-color: rgba(255,255,255,0.15);
}

html[data-color-theme="dark"] .notification-unread:hover, html[data-color-theme="dark"] .notification:hover {
	background-color: rgba(255,255,255,0.30);
}

html[data-color-theme="dark"] .dropdown-option svg {
	fill: #fff;
}

div.notification-icon-grid {
	padding: 20px;
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}

div.notification-icon-grid-element {
	border: 3px solid #ccc;
	border-style: dashed;
	border-radius: 3px;
}

div.notification-icon-grid-element:hover {
	background-color: rgba(var(--primary-rgb), 0.2);
}

html[data-color-theme="dark"] div.notification-icon-grid-element:hover {
	background-color: rgba(255,255,255,0.30);
}

div.selected-icon {
	background-color: rgba(var(--primary-rgb), 0.1);
}

html[data-color-theme="dark"] div.selected-icon {
	background-color: rgba(255,255,255,0.15);
}

div#client-warning-message, div#demos-warning-message {
	border-radius: 50px 0px 0px 0px;
}

input[type=radio].radio-shop-cards {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

input[type=radio].radio-shop-cards:checked + img {
	outline: 2px solid #E60514;
}

form.wizard > div.steps > ul > li.current .number {
	border-color: #E60514;
	color: #E60514;
}

form.wizard > div.steps > ul > li.done .number {
	border-color: #E60514;
	background-color: #E60514;
}

form.wizard > div.steps > ul > li::before, form.wizard > div.steps > ul > li::after {
	background-color: #E60514;
}

.no-after-content::after {
	content: none !important;
}

/* Shop cards */
div.card-preview-inner {
	width: 100%; 
	height: 100%; 
	position: relative; 
	transition: transform 1s; 
	transform-style: preserve-3d;
}

div.front-card-preview.bamboo, div.back-card-preview.bamboo {
    width: 100%;
    height: 100%;
    background-color: #e7d49f;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 30px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    backface-visibility: hidden;
}

div.front-card-preview.pvc, div.back-card-preview.pvc {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 30px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
    backface-visibility: hidden;
}

div.back-card-preview {
    transform: rotateY(180deg);
}

div#card-preview:hover div.card-preview-inner {
    transform: rotateY(-180deg);
}

div.user-list-card {
	transition: 0.15s;
}

div.user-list-card > div.left-section {
	background-color: #eef1f0 !important;
}

div.user-list-card div.user-card-menus {
	background-color: #ffffff !important;
}

div.user-list-card:hover > div.left-section, div.user-list-card:hover div.right-triangle {
	background-color: #dddddd !important;
}

html[data-color-theme="dark"] div.user-list-card > div.left-section,html[data-color-theme="dark"]  div.user-list-card div.right-triangle {
	background-color: #2d2f34 !important;
}

html[data-color-theme="dark"] div.user-list-card div.user-card-menus {
	background-color: #3c3f45 !important;
}

html[data-color-theme="dark"] div.user-list-card:hover > div.left-section,html[data-color-theme="dark"]  div.user-list-card:hover div.right-triangle {
	background-color: #1d1e21 !important;
}

div.group-collapse-users {
	display: grid;  
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
}