/* CUSTOM CLASS FOR QUICKBAR AND QUICKMENU > USED WITH BOOTSTRAP 4 AND BIZNEX MENU */

#quickbar-container {
    z-index: 9900 !important;
}

.syspopupMenu {
    z-index: 9800 !important;
}

/* nouveau qs-menu */

.body-editmode [data-qsedit] .qs-menu.dropdown.btn-group .btn {
	margin-top: 0px !important;
    margin-bottom: 2px !important;
}

.body-editmode [data-qsedit] > .qs-menu {
    display: block;
	opacity: 0;
    position: absolute;
}

.body-editmode [data-qsedit].qs-edit-hover > .qs-menu {
	opacity: 1;
}

.body-editmode [data-qsedit].qs-edit-bottom > .qs-menu {
    bottom: 0px;
}

/* taille des boutons standards */

.body-editmode [data-qsedit] .qs-menu i,
.dropdown-toggle::after {
	font-size: 14px !important;
}


.body-editmode [data-qsedit] .qs-menu .btn {
	padding: 0px;
    font-size: 12px;
    width: 45px;
    height: 45px;
    line-height: 45px;
}

.body-editmode [data-qsedit] .qs-menu i,
.body-editmode [data-qsedit] .qs-menu .dropdown-toggle::after {
	font-size: 16px !important;
}

/* tailles des boutons */

.body-editmode [data-qsedit].qs-edit-sm .qs-menu .btn {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.body-editmode [data-qsedit].qs-edit-sm .qs-menu i,
.body-editmode [data-qsedit].qs-edit-sm .qs-menu .dropdown-toggle::after {
	font-size: 14px !important;
}

.body-editmode [data-qsedit].qs-edit-page > .qs-menu .btn {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.body-editmode [data-qsedit].qs-edit-page > .qs-menu {
	opacity: 1;
    z-index: 1021;
    position: absolute;
}

.body-editmode [data-qsedit] .dropdown-menu {
    z-index: 6001;
}

/* fixe la position du menu page lors du scroll */

.body-editmode.body-scroll [data-qsedit].qs-edit-page > .qs-menu {
	position: fixed;
    top: 100px;
    animation: fadeIn ease-in-out 0.6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
}

.body-editmode [data-qsedit].qs-edit-in.qs-edit-hover {
    outline-style: dotted;
    outline-width: 4px;
	outline-offset: -4px;
    outline-color: rgba(0, 0, 0, 0.35);
}

.body-editmode [data-qsedit].qs-edit-in.qs-edit-hover > .qs-menu {
	margin: 20px 0px 0px 20px;
}

.body-editmode [data-qsedit].qs-edit-out.qs-edit-hover {
    outline-style: dotted;
    outline-width: 4px;
	outline-offset: 4px;
    outline-color: rgba(0, 0, 0, 0.35);
}

.body-editmode [data-qsedit].qs-edit-inline {
    margin-bottom: 40px;
}

.body-editmode [data-qsedit].qs-edit-in.qs-edit-inline {
    margin-bottom: 20px;
}

.body-editmode [data-qsedit].qs-edit-inline > .qs-menu,
.body-editmode [data-qsedit].qs-edit-inline.qs-edit-hover > .qs-menu {
    position: relative;
    display: block;
    opacity: 1;
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-in {
    outline-style: dotted;
    outline-width: 4px;
	outline-offset: -4px;
    outline-color: rgba(0, 0, 0, 0.15);
    padding: 8px;
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-in > .qs-menu,
.body-editmode [data-qsedit].qs-edit-inline.qs-edit-out > .qs-menu {
    opacity: 0.15;
    margin: 0px;
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-in.qs-edit-hover > .qs-menu,
.body-editmode [data-qsedit].qs-edit-inline.qs-edit-out.qs-edit-hover > .qs-menu {
    opacity: 1;
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-in.qs-edit-hover {
    outline-color: rgba(0, 0, 0, 0.35);
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-out {
    outline-style: dotted;
    outline-width: 4px;
	outline-offset: 4px;
    outline-color: rgba(0, 0, 0, 0.15);
}

.body-editmode [data-qsedit].qs-edit-inline.qs-edit-out.qs-edit-hover {
    outline-color: rgba(0, 0, 0, 0.35);
}

.body-editmode [data-qsedit].qs-edit-neg.qs-edit-hover {
    outline-color: rgba(255, 255, 255, 0.5);
}

.body-editmode [data-qsedit] .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 6000;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.body-editmode [data-qsedit] .dropdown-menu a.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
   	background: 0 0;
    border: 0;
}

.body-editmode [data-qsedit] .dropdown-menu a.dropdown-item:focus,
.body-editmode [data-qsedit] .dropdown-menu a.dropdown-item:hover {
    color: #fa3737;
	text-decoration: none;
    background-color: #f8f9fa;
}

.body-editmode [data-qsedit] .dropdown-menu a.dropdown-item.disabled {
    color: #212529;
    background: none;
    opacity: 0.4;
    cursor: not-allowed;
}

.body-editmode [data-qsedit].qs-edit-vertical > .qs-menu {
	display: flex;
}

.body-editmode [data-qsedit].qs-edit-top > .qs-menu {
	margin-top: -55px;
    padding-bottom: 10px;
}

.body-editmode [data-qsedit].qs-edit-right > .qs-menu {
    display: flex;
	right: 0px;
}

.body-editmode [data-qsedit].qs-edit-vertical.qs-edit-left > .qs-menu {
    display: flex;
	margin-left: -55px;
}

.body-editmode [data-qsedit].qs-edit-vertical.qs-edit-right > .qs-menu {
    display: flex;
	right: -50px;
}

.body-editmode [data-qsedit].qs-edit-index > .qs-menu {
    z-index: 1030;
}

.body-editmode [data-qsedit][data-qsedit-dphid] .qs-menu .btn.dphinfo {
	border: solid 1px pink;
}

.body-editmode [data-qsedit][data-qsedit-dphid] .qs-menu .btn[data-qsedit-menuaction="dphinfo"] i:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f274" !important;
}