/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
/*.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}*/
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/*border: 1px solid #003eff;
	background: #007fff;*/
    border: 1px solid #027777;
    background: darkcyan;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -28px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -59px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -63px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -95px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 8px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/*************** ETHCHIC****************************************************/
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/** JQGRID **/
.ui-jqdialog a.ui-jqdialog-titlebar-close {
    top: 0% !important;
}
.ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
    content: "" !important;
}
.ui-jqdialog .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-jqgrid .ui-jqgrid-pager {
    background-color: #ececec !important;
}
.ui-jqgrid-table-striped > tbody > tr:nth-of-type(odd) {
    opacity: 1 !important;
    background: #f9f9f9;
}
.ui-jqgrid tr.ui-search-toolbar td > input{
    padding: 1px 0 !important;
}
#produits input:focus, #produits select:focus{
    outline: none !important;
    border: 1px solid #0C4A5C;
    box-shadow: 0 0 10px #0C4A5C;
}
.produits{
    background-color: #0C4A5C;
    color: white;
}
button.produits:hover{
    background-color: #1189a3;
    color: white;
}
.analyse{
    background-color: darkslategray;
    color: white;
}
button.analyse:hover{
    background-color: #62a1a1;
    color: white;
}
#ventes .ui-jqgrid-view > .ui-jqgrid-titlebar, .ventes {
    background: #57a277 !important;
    color: white;
}
button.ventes:hover{
    background-color: #98e7ba !important;
    color: white;
}
#ventes nav.navbar{
    background-color: #e5f3eb;
}
#ventes input:focus, #ventes select:focus, #ventes select option:focus, #ventes select option:hover{
    outline: none !important;
    border: 1px solid #57a277;
    box-shadow: 0 0 10px #57a277;
}
#ventes .ui-widget-content.ui-state-highlight {
    color: #3c7823;
}
#produits .ui-widget-content.ui-state-highlight {
    background-color: #bbdedd;
    color: #0c4a5c;
}
#produits nav.navbar{
    background-color: #eaf3f6;
}
#achats .ui-jqgrid-view > .ui-jqgrid-titlebar, .achats {
    background: lightcoral !important;
    color: white;
}
button.achats:hover{
    background-color: #f0b4b4 !important;
    color: white;
}
#achats input:focus, #achats select:focus {
    outline: none !important;
    border: 1px solid lightcoral;
    box-shadow: 0 0 10px lightcoral;
}
#achats .rowTitle {
    color: lightcoral;
}
#achats nav.navbar{
    background-color: #f3e6e6;
}
#achats .ui-widget-content.ui-state-highlight {
    background-color: #ffd3d3;
    color: maroon;
}
#complements .ui-jqgrid-view > .ui-jqgrid-titlebar, .complements {
     background: #73700e !important;
     color: white;
 }
button.complements:hover {
    background: #b9b615 !important;
    color: white;
}
#complements input:focus, #complements select:focus {
    outline: none !important;
    border: 1px solid #73700e;
    box-shadow: 0 0 10px #73700e;
}
#complements .ui-widget-content.ui-state-highlight {
    background-color: #eae79f;
}
.configDG .ui-jqgrid-view > .ui-jqgrid-titlebar {
    background: #5f7370 !important;
}
.configDG input:focus, #complements select:focus {
    outline: none !important;
    border: 1px solid #5f7370;
    box-shadow: 0 0 10px #5f7370;
}
.configDG .ui-widget-content.ui-state-highlight {
    background-color: #c7d1ce !important
}
.fill {
    min-height: 100%;
    height: 100%;
}
.datagrid .edit-cell select{
    width: 100%;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
    padding-right: 0.7em !important
}
.ui-jqgrid .loading {
    z-index: 1500 !important;
    top: 48% !important;
    left: 0 !important;
    right: 0 !important;
    width: max-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #17a2b8 !important;
    color: #0c4a5c !important;
    border-radius: 16px !important;
    opacity: 0.8;
}
.ui-jqgrid .ui-paging-pager td {
    padding: 0 !important;
}
.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
    display: none !important;
}
.ui-jqgrid .ui-jqgrid-pager .navtable td, .ui-jqgrid .ui-jqgrid-toppager .navtable td {
    padding: 0 !important;
}
/*Checkboxes*/
.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio input[type="checkbox"]:empty ~ label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

/*.funkyradio input[type="radio"]:empty,*/
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

/*.funkyradio input[type="radio"]:empty ~ label,*/
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2em;
    text-indent: 3.25em;
    /*margin-top: 2em;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.funkyradio input[type="radio"]:empty ~ label:before,*/
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

/*.funkyradio input[type="radio"]:hover:not(:checked) ~ label,*/
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.funkyradio input[type="checkbox"]:not(:checked) ~ label {
    color: #9c9c9c;
}

/*.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,*/
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

/*.funkyradio input[type="radio"]:checked ~ label,*/
.funkyradio input[type="checkbox"]:checked ~ label {
    color: midnightblue;
}

/*.funkyradio input[type="radio"]:checked ~ label:before,*/
.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

/*.funkyradio input[type="radio"]:focus ~ label:before,*/
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

/*.funkyradio-default input[type="radio"]:checked ~ label:before,*/
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}
.funkyradio .col-2.form-check.form-check-inline {
    margin-left: -12px;
    margin-top: -6px;
}
.groupeToolbar label, .filtreToolbar label{
    margin: 0px;
    font-size: 0.9em;
}
.groupeToolbar input[type="checkbox"]:empty ~ label, .filtreToolbar input[type="checkbox"]:empty ~ label {
    line-height: 1.5em;
    background: none;
    text-indent: 2.25em;
    padding: 0.5em;
    font-size: 0.9em;
}
.groupeToolbar input[type="checkbox"]:checked ~ label:before,
.groupeToolbar input[type="checkbox"]:hover:not(:checked) ~ label:before {
    text-indent: 0;
    line-height: 2em;
}
.filtreToolbar input[type="checkbox"]:checked ~ label:before,
.filtreToolbar input[type="checkbox"]:hover:not(:checked) ~ label:before {
    line-height: 2em;
}
.filtreToolbar .funkyradio input[type="checkbox"]:empty ~ label {
    border: none !important;
}
.filtreToolbar {
    background-color: #b0e6be;
    border-radius: 0.3em;
}
#achats .filtreToolbar {
    background-color: #edbebe;
}
.ui-jqgrid .tree-wrap-ltr {
    float: left !important;
}
/** SPINNER CREATION **/
.modal-loading {
    background-color: transparent !important;
    border: 0 !important;
    color: white !important;
}
#loadGlobal{
    z-index: 2001 !important;
}
#menu_prin .list-group {
    max-height: 45px;
    overflow: overlay;
    font-size: 0.8em;
}
#menu_prin .list-group-item {
    padding: 0.1em 01em;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: darkcyan;
}
/*Buttons*/
:focus {
    outline: #5a6268 auto 1px;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto #5a6268;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 0.02rem 0.25rem;
}
.btn-info, .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-info.disabled, .btn-info:disabled {
    color: #adb5bd;
}
.btn-info:hover {
    background-color: #1ec6e0;
    border-color: #1eafc6;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: darkcyan;
    border-color: darkcyan;
}
.material-icons {
    /*font-size: 19px !important;*/
    line-height: 1.5 !important;
}
.btn-danger {
    background-color: lightcoral;
}
.btn-primary, .cart, .panier {
    background-color: darkcyan;
    border-color: #027777;
    color: white;
}
.ui-jqdialog-content .EditTable .EditButton a {
    padding: 0.275rem 1.1rem !important;
    line-height: 1.4rem;
}
.btn-primary:hover, .btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: darkslategray;
    border-color: darkslategray;
}
.btn-primary:focus{
    box-shadow: 0 0 0 0.2rem rgba(34, 144, 117, 0.25) !important;
}
.btnRow {
    width: auto;
    height: auto;
    font-weight: bolder;
    padding: 0.4em;
    vertical-align: top;
}
.td-produit {
    padding: 0 1em;
    /*padding: 0;*/
}
.td-produit-mb {
    padding: 0;
}
/*Stock List inputs*/
.stockList input[type="checkbox"]:empty ~ label{
    line-height: 2.5em;
    margin-bottom: 0px;
    display: inline-flex;
    padding-left: 3em;
    max-height: 3em;
}
/*Modal*/
.modal-backdrop {
    background-color: darkgray;
}
/*Input search DG*/
.ui-jqgrid .ui-search-table td.ui-search-clear {
    width: auto !important;
}.ui-jqgrid .ui-search-table td.ui-search-clear  a{
    padding-right: 0 !important;
     font-weight: bold;
}
.ui-jqgrid tr.ui-search-toolbar th {
    padding: 0.15rem !important;
}
/*Iconos DG*/
span.ui-icon.ace-icon.fa.fa-angle-right.bigger-140 {
    background-position: -30px -13px;
}
span.ui-icon.ace-icon.fa.fa-angle-double-right.bigger-140 {
    background-position: -28px -157px;
}
span.ui-icon.ace-icon.fa.fa-angle-double-left.bigger-140 {
    background-position: -46px -157px;
}
span.ui-icon.ace-icon.fa.fa-angle-left.bigger-140 {
    background-position: -94px -13px;
}
/*Forms on Modal*/
.modal-body .form-group input[type="checkbox"] {
    width: 2em;
}
.modal-body  .form-group.required .control-label:after {
    content:"*";
    color:red;
}
.modal-body  .form-group .control-label {
    color: midnightblue;
}
.modal-body  .form-group {
    margin-bottom: 0.6rem;
}
.text-danger {
    font-size: 80%;
}
/*Alerts*/
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
/*Selects*/
.selects_ethchic {
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    padding: 0.4em;
    font-size: 0.9em;
}
/*Multiselect DG*/
.ui-multiselect-menu .ui-multiselect-header ul.ui-helper-reset {
    display: inline;
}
.ui-multiselect-menu .ui-multiselect-header .ui-icon, .ui-widget-content .ui-icon li{
    background-image: url(images/ui-icons_444444_256x240.png);
}
.ui-multiselect-menu .ui-multiselect-header li {
    margin-left: 8px !important;
    font-size: 0.8em;
    cursor: pointer;
    float: left;
}
.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left;
}
.ui-multiselect-open span{
    display: inline-block;
}
button.ui-multiselect{
    height: 31px;
    padding: 1px 0;
    text-align: left;
    display: inline-flex;
    color: #888888;
}
.rowTitle{
    color: seagreen;
    letter-spacing: 1px;
}
.configDG .rowTitle{
    color: darkcyan !important;
    letter-spacing: 1px;
}
.ui-jqgrid tr.footrow-ltr td {
    border-right-style: none !important;
    background-color: papayawhip;
}
.btn-group-sm {
    font-size: 0.9em;
}
.filterDate input{
    width: 85px;
    border-radius: 3px;
    border: 1px solid #cccc;
    padding: 0.2em;
}
.modal-maxContent {
    max-width: max-content;
}
/*Statuts*/
.S_CLOSE{
    color:white;
    background-color:#57a277 ;
}
.S_REFOUND{
    color:white;
    background-color:sandybrown;
}
.S_DAMAGED{
    color: white;
    background-color:indianred;
}
.S_FREE{
    color: white;
    background-color: cornflowerblue;
}
.S_LOST {
    background-color: black;
    color: white;
}
.PHYSICAL, .WEB, .B2B, .DEPOT{
    font-weight: bold !important;
}
.PHYSICAL{
    color:black;
}
.WEB{
    color:darkcyan;
}
.B2B{
    color:darkgoldenrod;
}
.DEPOT{
    color:lightsalmon;
}
div#groupe_lieuStock_copy {
    margin-top: 1em;
}
.panierColor{
    color:seagreen;
}
.produitColor{
    color: #0C4A5C;
}
.red{
    color:indianred;
}
.ui-jqgrid-view  select:disabled{
    color:darkgray;
}
/*PANIER*/
#panier .ui-jqgrid-view > .ui-jqgrid-titlebar{
    display: none;
}
.cellWrap{
    white-space: normal !important;
}
.btn-rond{
    border-radius: 20px;
}
#panier .ui-jqgrid { border-right-width: 0px; border-left-width: 0px; }
#panier .ui-jqgrid tr.ui-row-ltr td { border-right-color: transparent; }
#panier  .ui-jqgrid .ui-jqgrid-htable .ui-th-div {color: lightseagreen;}
#panier .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    background-color: #cacaca;
    border-radius: 10px;
    padding: 0.2rem;
}
#panier .ui-jqgrid-btable .ui-widget-content.ui-state-highlight, #panier .panierIn {
    background-color: #437a84;
    color: white;
}
#panier input:focus, #produits select:focus{
    outline: none !important;
    border: 1px solid #0C4A5C;
}
#panier #total_produits {
    position: absolute;
    left: 22px;
    top: 0px;
}
#panier span.cart_num {
    display: inline-block;
    font-size: 1em;
    top: 1px;
    position: relative;
}
span.cart_num a {
    display: inline-block;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: indianred;
    border-radius: 12px;
}
#panier #savePanier{
    position: absolute;
    z-index: 1050;
}
#panierProduits {
    font-size: 0.8rem;
}
#panierProduits .row, #contentApprets.row{
    max-height: 1.5rem;
    /*overflow: hidden;*/
}
#panierProduits span.material-icons {
    font-size: 0.6rem !important;
}
.no-titlebar .ui-dialog-titlebar {
    display: none;
}
span.icon-inherit {
    font-size: inherit !important;
}
.miniImage{
    width: 30px;
}
#contentApprets .form-check{
font-size: 0.9em;
}
.tabs_ethchic{
    display: grid;
}
.tabs_ethchic ul.ui-tabs-nav li.ui-state-active a {
    background-color: white !important;
    color: darkcyan !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-default > a{
    background-color: darkcyan !important;
    color: white !important;
    border: none !important;
}
.sortable1, .sortable2 {
    border: 1px solid #eee;
    width: auto;
    min-height: 20px;
    min-width: 100px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    font-size: 0.7rem;
}
.sortable1 li, .sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: auto;
}
.sortable2 li {
    color: darkgray !important;
}
.sortable1 li {
    font-weight: bold !important;
    border-color: cadetblue !important;
}
.home_ethchic .card{
    min-width: 10rem;
    max-width: 18rem;
}
table.ui-pg-table.ui-common-table.ui-pager-table td {
    width: auto !important;
}
td#pagination_DG_panier_left {
    width: 40px !important;
}
/*ETSY*/
.etsy{
    background-color: #E56F25;
    color: white;
}
button.etsy:hover{
    background-color: #FAA077;
    color: white;
}
#etsy img.image-fluid {
    max-height: 70px;
}
/* Estilos para los tabs */
#etsy .tabs {
    display: flex;
}

#etsy .tabs li {
    list-style: none;
}

#etsy ul.nav-tabs {
    background-color: coral;
}

#etsy .tabs li a {
    display: block;
    padding: 10px;
    background-color: #E56F25;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

#etsy .tabs li a:hover {
    background-color: #cc5e22;
}

/* Estilos para los acordeones */
#etsy .accordion {
    margin-top: 20px;
}

#etsy .accordion .accordion-header {
    cursor: pointer;
    padding: 10px;
    background-color: #E56F25;
    color: #fff;
    transition: background-color 0.3s ease;
}

#etsy .accordion .accordion-header:hover {
    background-color: #cc5e22;
}

#etsy .accordion .accordion-content {
    padding: 10px;
    background-color: #f9f9f9;
    display: none;
}

/* Estilos para los botones */
#etsy .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E56F25;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

#etsy .btn:hover {
    background-color: #cc5e22;
}
#etsy .card, #etsy a.nav-link, #newOrders h3 span{
    /*border-color: coral  !important;*/
    color: black;
}
#etsy .card-same-date{
    background-color: bisque;
    border-color: coral;
}
.etsy-message span{
    background-color: turquoise;
    padding: 4px;
}
#contentApprets select option span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: cover;
    background-position: center center;
}

#contentApprets .thumb-img {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 5px; /*opcional*/
    background-size: cover;
}

#contentApprets span.select2-selection.select2-selection--single{
    height: 37px !important;
}
#contentApprets .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}
.input_important{
    background-color: #5cd0ac36;
    font-size: large;
}
.etsy-syncro-container {
    background-color: #f8e7cc; /* Fondo de color naranja claro */
    padding: 10px; /* Espaciado interno */

    /* Ajusta los márgenes según sea necesario */
    margin-top: 20px;
    margin-bottom: 20px;
}

.etsy-syncro-title {
    margin-top: 0; /* Elimina el margen superior del subtítulo */
    font-size: 18px; /* Tamaño de fuente del subtítulo */
    font-weight: bold; /* Negrita del subtítulo */
}

.etsy-syncro-content {
    padding-top: 10px; /* Espaciado superior interno */
}

.btn-link-canceled {
    background-color: red !important;
}

.btn-link-Partially-Refunded {
    background-color: #ffd300 !important;
}
.btn-link-Refunded {
    background-color:peru !important;
}

.assoc-search-dropdown {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    width: calc(100% - 20px); /* Para mantenerlo alineado con el input */
    max-height: 200px;
    overflow-y: auto;
    z-index: 1050; /* Asegurar que esté por encima de otros elementos */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    display: none;
}
.assoc-search-item {
    text-align: left !important;
    padding: 8px;
    cursor: pointer;
}
.assoc-search-item:hover {
    background: #f8f9fa;
}

.funkyradio div {
    overflow: hidden; /* Mantiene el comportamiento normal */
}

/* Solo aplica overflow: visible a los contenedores que tienen la búsqueda de productos */
.funkyradio div:has(.assoc-search-dropdown) {
    overflow: visible !important;
    position: relative;
}

/* Asegurar que Swal use los estilos de Bootstrap */
.swal2-confirm {
    background-color: darkcyan !important;
    border-color: #027777 !important;
}

.swal2-cancel {
    background-color: #6c757d !important; /* Gris */
    border-color: #6c757d !important;
}

/* Efecto hover */
.swal2-confirm:hover, .swal2-cancel:hover {
    filter: brightness(90%);
}

/*SUMUP*/
.sumup{
    background-color: #000000;
    color: white;
}
button.sumup:hover{
    background-color: #6c6c6c;
    color: white;
}

.buttonShadow {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.4);
}
/*LABEL PRINT*/
.indent-0 { padding-left: 0; }
.indent-1 { padding-left: 1.5rem; }
.indent-2 { padding-left: 3rem; }
.indent-3 { padding-left: 3.5rem; }
.indent-4 { padding-left: 4.5rem; }

.input-group input.quantityLabels {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    text-align: center;
}
#leftPanel .form-check-input {
    position: relative !important;
    margin-top: 0.1rem;
}
#leftPanel .item-row:hover {
    background-color: #f4f2a2; /* gris claro Bootstrap */
    border-radius: 4px;
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.modal-dialog.transition-move {
    transition: all 0.6s ease-in-out !important;
}

#projectTable .sortable {
    cursor: pointer;
}
#projectTable .sortable.sorted-asc::after {
    content: " ▲";
}
#projectTable .sortable.sorted-desc::after {
    content: " ▼";
}
#projectTable thead th {
    background-color: #f0f0f0;
    position: sticky;
    top: 0;
    z-index: 2;
}
#projectTable td:nth-child(1),
#projectTable th:nth-child(1) {
    width: 60%;
}

#projectTable td:nth-child(2),
#projectTable td:nth-child(3),
#projectTable th:nth-child(2),
#projectTable th:nth-child(3) {
    width: 20%;
    font-size: 0.75rem;
    color: #888;
}
.swal-wide {
    width: 60% !important;
    max-width: 900px;
}
#etiquettePreview {
    width: 210mm;
    height: 297mm;
    padding: 13mm 7mm;
    display: grid;
    overflow: hidden; /* 👈 elimina scroll interno */
    box-sizing: border-box;
    gap: 0mm 2.7mm;
    background: #fff;
    border: 1px solid #aaa;
    margin: auto;
}


.etiquette-slot {
    border: 1px dashed #ccc;
    padding: 1.2mm;
    display: flex;
    font-size: 10px;
    position: relative;
    background-color: white;
    border-radius: 10px;
}

.etiquette-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*gap: 2mm;*/
    /*padding-right: 1mm;*/
}

.product-img {
    max-width: 90%;
    max-height: 25mm;
    object-fit: contain;
}

.etiquette-field {
    word-break: break-word;
}
.etq-id {
    font-weight: bold;
}
.layout-24 {
    font-size: 14px;
}

.layout-65{
    font-size: 11px;
}

.layout-203 {
    font-size: 9px;
}
.etiquette-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.etq-type-inline {
    font-size: 9px;
    display: inline-block;
    margin: 0 2px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.position-debug {
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 7px;
    color: #aaa;
    padding: 0;
    margin: 0;
}

.etiquette-col.col-info {
    align-items: center;
    text-align: center;
}

.barcode-img {
    display: block;
    width: 100%;
    max-height: 18mm;
    object-fit: contain;
    /*margin: 2mm 0;*/
}

.etq-type {
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.empty-slot {
    border: 1px dashed #fb7c7c;
    background-color: #f1d2d2;
}
.associe-slot{
    font-size: 7px;
    line-height: initial;
    width: 25%;
    overflow: hidden;
    box-sizing: border-box;
    flex:1.5;
}
.slot-230 .associe-inline-images img {
    display: inline-block;
    width: 80%;
    margin-right: 2px;
}
.slot-65 .associe-inline-images img {
    display: inline-block;
    width: 60%;
    margin-right: 2px;
}
.slot-24 .associe-inline-images img {
    display: inline-block;
    width: 50%;
    margin-right: 2px;
}

.associe-inline-images {
    width: 100%;
}
#etiquettePreview.grid-24 {
    padding: 13mm 7mm;
    gap: 0mm 2.7mm;
}

#etiquettePreview.grid-65 {
    padding: 10.5mm 4.8mm;
    gap: 0mm 2.5mm;
}

#etiquettePreview.grid-230 {
    padding: 10.5mm 5.7mm;
    gap: 0mm 2mm;
}
.new-lieu-slot {
    border: 2px dashed red !important;
}
/*SHOPIFY*/
.shopify{
    background-color: #5E8E3E;
    color: white;
}