.discount-rule-change, input.flat.discount-rule-change, input.discount-rule-change{
	outline: 1px solid rgba(0,0,0,.1);
}

.discount-rule-change.--info, input.flat.discount-rule-change.--info, input.discount-rule-change.--info{
	outline: 1px solid rgba(0, 142, 255, 0.2);

	-webkit-animation:animate-discount-rule-change-info 1s ease-in-out;
	-moz-animation:animate-discount-rule-change-info 1s ease-in-out;
	animation:animate-discount-rule-change-info 1s ease-in-out;
}

@keyframes animate-discount-rule-change-info {
	20% { outline-color: rgba(0, 142, 255, 0); }
	40% { outline-color: rgba(0, 142, 255, 1); }
	60% { outline-color: rgba(0, 142, 255, 0); }
	80% { outline-color: rgba(0, 142, 255, 1); }
	100% { outline-color: rgba(0, 142, 255, 0); }
}

.discount-rule-change.--warning, input.flat.discount-rule-change.--warning, input.discount-rule-change.--warning{
	outline: 1px solid rgba(255, 0, 205, 0.2);

	-webkit-animation:animate-discount-rule-change-warning 1s ease-in-out;
	-moz-animation:animate-discount-rule-change-warning 1s ease-in-out;
	animation:animate-discount-rule-change-warning 1s ease-in-out;
}


@keyframes animate-discount-rule-change-warning {
	20% { outline-color: rgba(255, 0, 205, 0); }
	40% { outline-color: rgba(255, 0, 205, 1); }
	60% { outline-color: rgba(255, 0, 205, 0); }
	80% { outline-color: rgba(255, 0, 205, 1); }
	100% { outline-color: rgba(255, 0, 205, 0); }
}

.suggest-discount{
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url("../img/discount.svg") no-repeat center;
}

.suggest-discount.--disable{
	display: none;
}

.suggest-discount.--dr-rotate-icon{
	-webkit-animation:dr-shake .6s linear;
	-moz-animation:dr-shake .6s linear;
	animation:dr-shake .6s linear;
}

.butAction .suggest-discount {
	background: url("../img/discount_white.svg") no-repeat center;
	vertical-align: text-bottom;
}

@keyframes dr-shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* Remove undesired form and button on ajax selectline call */
#document-lines-load-dialog-box .subtotal_nc,
#document-lines-load-dialog-box  tr[rel="subtotal"] input[type="checkbox"] {
	display: none;
}

.compare-new-description {
	display: none;
}

/* Line separation */
hr.hr-discount-rules {
    overflow: visible;
    box-sizing: content-box;
    order: 0;
    height: 1px;
    width: 10%;
    position: relative;
    margin: 30px auto;

    background-color: #ededed;
}




/*  Accordion */
.dr-accordion-container{
 margin: 4px 0 0 0;
}

.dr-accordion-container .dr-accordion-body,
.dr-accordion-container.--closed.dr-accordion-body{
    display: none;
}

.dr-accordion-container.--open .dr-accordion-body{
    display: block;
}

/* icone open / close */
.dr-accordion-container .dr-accordion-title::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;

    content: "\f0fe";
    color: #6e6e6e;
}
.dr-accordion-container.--open .dr-accordion-title::before{
    content: "\f146";
}


.dr-accordion-title{
    cursor: pointer;
    font-weight: lighter;
    font-style: italic;
}
.dr-accordion-body{
    padding: 5px 0 5px 15px;
}



.new-description {
    text-align: center;
    background-size: contain;
    font-family: arial,tahoma,verdana,helvetica;
    font-size: small;
    vertical-align: middle;
    margin-right: 80%;

    opacity: 0.75;
    border-width: 0.1em;
}

.ui-dialog-title {
    font-size: medium;

}

input[type="checkbox"]:checked + .checkbox-reapply-label{
    font-weight: bold;
}

.checkbox-reapply-label {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: large;
    padding: 5px;
    min-width: 170px;
}
.reapply-discount-from-label {
    padding-left: 50px;
}
#price-reapply {
margin-left: 10px;
}
#product-reapply {
    margin-left: 30px;
}
#productLoadDialogBox {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.discountrule-product-search-box {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}
.reapply-discount-form-label {
    font-size: medium;
    display: inline-block;
    text-align: left;

    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.products-list-for-reapply-discount{
	max-height: 500px;
	overflow-y: scroll;
}


.products-list-for-reapply-discount thead th, .products-list-for-reapply-discount thead td{
	position: sticky;
	top : -.5em;
	background: var(--colorbacktitle1);
	z-index: 100;
}

.products-list-for-reapply-discount thead tr:nth-child(2n) tr, .products-list-for-reapply-discount thead tr:nth-child(2n)  td{
	top : calc(30px - 0.5em);
}

.dr-big-info-msg {
    text-align: center;
    margin-top: 250px;
    font-size: 2em;
}

/* Subtotal popin */
.subtotal--title td{
    background-color:#eeffee;
}

.subtotal--subtotal td{
    background-color:#ddffdd;
}

.subtotal--title.--bold, .subtotal--subtotal.--bold{
    font-weight: bold;
}

.subtotal--title.--italic, .subtotal--subtotal.--italic{
    font-style: italic;
}

.subtotal--title.--underline, .subtotal--subtotal.--underline{
    text-decoration: underline;
}

.discount-rule-head-container.--status-0 .photoref{
	filter: grayscale(100%)  /* Uniquement en niveaux de gris */
}


.--discount-for-readonly[readonly]{
    background-color: #f0f0f0 !important;
}