body
{
    margin: 0;
    padding: 0;
}

body.main
{
    color: #555;
    font: normal 10pt Arial, Helvetica, sans-serif;
    background: #EFEFEF;
}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white;
    border: 1px solid;
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid;
}

#content
{
    padding: 20px;
}

#content a:not(.ui-tabs-anchor, .tile, .btn)
{
    text-decoration: underline;
}

#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid;
}

#logo
{
    padding: 10px 20px;
    font-size: 200%;
}

#mainmenu ul
{
    padding: 6px 20px 5px 20px;
    margin: 0;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color: #ffffff;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu ul li a:hover,
#mainmenu ul li.active a
{
    background-color: #EFF4FA;
    text-decoration: none;
}

/* BEGIN - Override for same menu width */
#mainmenu .sf-menu ul
{
    width: 15em;
}

/* END - Override for same menu width */

div.flash-error,
div.flash-notice,
div.flash-success
{
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

div.flash-error
{
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

div.flash-notice
{
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

div.flash-success
{
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

div.flash-error a
{
    color: #8a1f11;
}

div.flash-notice a
{
    color: #514721;
}

div.flash-success a
{
    color: #264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
    display: inline;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet-decoration
{
    padding: 3px 8px;
    border-left: 5px solid;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.portlet-content
{
    font-size: 0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
}

.portlet-content ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li span
{
    font: bold 12px Arial;
    color: #555;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a
{
    font: bold 12px Arial;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.article-box
{
    display: inline-block;
    float: right;
    width: 29%;
    padding: 5px;
    margin-bottom: 25px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    margin-top: 1em;
    border-color: #ddd;
}

.article-box table.detail-view th
{
    width: auto;
}

.article-box table.detail-view tr.even
{
    background: none;
}

.article-picture img
{
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    margin-bottom: 15px;
}

.article-main
{
    display: inline-block;
    width: 67%;
    margin: 0;
}

.article-main.w-100
{
    width: 100%;
}

.article-main div
{
    margin-top: 5px;
}

.article-description
{
    color: #111;
    font-size: 16px;
    font-weight: bold;
}

.article-status
{
    font-size: 16px;
}

.article-status.danger
{
    color: red;
}

.article-tabs
{
    margin-top: 1.5em;
    clear: both;
    width: 1050px;
}

.client-tabs
{
    margin-top: 1.5em;
    clear: both;
    width: 1050px;
}

.ui-widget-content {
    color: #555555;
    font: 10pt Arial,Helvetica,sans-serif;
}

.article-ref
{
    font-size: 20px;
    font-weight: bold;
}

.tab-edit-form
{
    border-style: dotted;
    border-width: 1px;
    margin: 10px;
    padding: 10px;
}

.tab-bottom-buttons
{
    margin: 0;
    text-align: right;
}

.loading.loading.loading
{
    background-image: url('../images/loading.gif');
    background-position: top center;
    background-repeat: no-repeat;
    opacity: 1;
}

.loading *
{
    opacity: .8;
}

.language-selection-block
{
    padding: 3px;
    margin-right: 2em;
}

.language-selection
{
    float: right;
    text-align: right;
    display: inline;
}

.article-select
{
    border-style: dotted;
    border-width: 1px;
    padding: 10px;
    margin-bottom: 10px;
}

.ui-autocomplete
{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu .ui-menu-item a
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-article-thumbnail
{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    text-align: center;
    line-height: 40px;
}

.list-article-thumbnail::after
{
    content: ".";
    visibility: hidden;
}

.list-article-thumbnail img
{
    vertical-align: middle;
}

div.form .article-select
{
    display: inline-block;
    margin-left: 0;
    width: 75%;
}

div.form .buttons.buttons
{
    margin-top: 1.5em;
}

div.form label {
    vertical-align: top;
}

.article-select .label
{
    display: inline-block;
    width: 25%;
    margin-right: 5px;
}

.article-select .article-search
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #888;
    padding-bottom: 5px;
}

.article-select .article-display
{
    margin-top: 1em;
    text-align: center;
}

.article-select .article-display .picture,
.article-select .article-display .description
{
    display: inline;
}

.article-select .article-display .picture img
{
    vertical-align: middle;
}

.article-box-box.article-box-box
{
    border: 1px solid #DDD;
    padding: 10px;
    margin-top: 1em;
}

.multiselect
{
    border: 1px solid #DDD;
    padding: 5px 5px 5px 30px;
    margin-top: 1em;
    height :230px;
}

select {
    width: 190px;
}

select.small
{
    width: 100px;
}

select.medium
{
    width: 390px;
}

.font-color-green,
.supplier-order-acceptable
{
    color: green;
}

.font-color-red,
.font-color-red-bold,
.supplier-order-not-acceptable
{
    color: #FF0000;
}

.font-color-green,
.font-color-red-bold
{
    font-weight: bold;
}

.offer-status-not-valid,
.supplier-status-inactive,
.supplier-status-inactive-small,
.client-status-inactive
{
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
}

.supplier-status-inactive-small
{
    font-size: 11px;
}

.supplier-order-delivery-grid-row
{
    height: 65px;
}

.article-ref-input
{
    width: 120px;
}

.serial-number-input,
.quarantine-input,
.parcel-number-input
{
    width: 83px;
}

.date-input
{
    width: 85px;
}

.to-be-traced-input,
.bl-ref-select
{
    width: 125px;
}

.quantity-input
{
    width: 50px;
}

.large-quantity-input
{
    width: 65px;
}

.discount-input
{
    width: 30px;
}

.amount-input
{
    width: 80px;
}

.amount-input-decimals,
.reference-input
{
    width: 90px;
}

.short-text-input
{
    width: 150px;
}

.country-name-input
{
    font-size:11px;
}

.grid-view table.items tr td.stock-alert-quantity
{
    vertical-align : middle;
    background-color : #FF4000;
    color: #FFFFFF;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder,
input:-ms-placeholder,
input::placeholder
{
    font-size: 8px;
}

/* grid border */
.grid-view table.items th,.grid-view table.items td
{
    border: 1px solid gray !important;
}

.grid-view table.items tr.filters th, .grid-view table.items tr.filters td
{
    padding: 4px 10px 4px 5px;
}

/* disable selected for merged cells */
.grid-view td.merge
{
    background: none repeat scroll 0 0 #F8F8F8;
}

.filter-box {
    border: 1px solid;
    padding: 5px;
    margin-bottom: 1.5em;
}

.checkbox-label.checkbox-label label
{
    width: auto;
}

/*
    copied from the gridview css so that they can be used everywhere
	FIXME: maybe rename the styles?
*/

.grid-view-loading
{
    background:url(../images/loading.gif) top center no-repeat;
}

.grid-view
{
    padding: 15px 0;
}

.grid-view table.items
{
    background: white;
    border-collapse: collapse;
    width: 100%;
}

.grid-view table.items th,
.grid-view table.items td
{
    font-size: 0.9em;
    border: 1px white solid;
    padding: 0.3em;
}

.grid-view table.items th
{
    color: white;
    text-align: center;
}

.grid-view table.items th a
{
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
}

.grid-view table.items th a:hover
{
    color: #FFF;
}

.grid-view table.items th a.asc
{
    background:url(up.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view table.items th a.desc
{
    background:url(down.gif) right center no-repeat;
    padding-right: 10px;
}

.grid-view .link-column img
{
    border: 0;
}

.grid-view .button-column
{
    text-align: center;
    width: 60px;
}

.grid-view .button-column img
{
    border: 0;
}

.grid-view .checkbox-column
{
    width: 15px;
}

.grid-view .summary
{
    margin: 0 0 5px 0;
    text-align: right;
}

.grid-view .pager
{
    margin: 5px 0 0 0;
    text-align: right;
}

.grid-view .empty
{
    font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
    width: 100%;
    border: 1px solid #ccc;
}

/* end of gridview copy */

.list-view .sorter
{
    margin: 0 0 5px 0;
    text-align: left;
}

.invoice-grid-footer-titles
{
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
}

.invoice-grid-footer-values
{
    text-align: right;
    white-space: nowrap;
}

.grid-view-number-column
{
    text-align: right;
    white-space: nowrap;
}

.grid-view-articleref-column
{
    white-space: nowrap;
}

.grid-view .four-buttons
{
    width: 80px;
}

.error-row
{
    background:#FBE3E4;
}

.calendar-employee-name-column
{
    white-space:nowrap;
    min-width:110px;
}

#employee-year-detail
{
    margin-top : 10px;
}

.employee-year-detail-label
{
    width:240px; float:left; font-weight:bold;
}

.employee-information-detail-label
{
    width:120px;
    float:left;
    font-weight:bold;
}

#packing-list-invisible-column
{
    background:white !important;
    border: none !important;
    font-weight: bold;
}

#packing-list-total-weight-column
{
    font-weight: bold;
    text-align: right;
}

.tableSILC td
{
    border-bottom: 1px solid #999;
}

.tableSILC th
{
    background: none;
    font-weight: normal;
    font-size: smaller;
}

.tableSILC tbody td
{
    border-bottom: 0;
}

.addBtn,
.removeBtn
{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:4px 6px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

.addBtn:hover,
.removeBtn:hover
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}

.addBtn:active,
.removeBtn:active
{
    position:relative;
    top:1px;
}

.confirmation-input
{
    width: 75px;
}

.price-input
{
    width: 50px;
}

.grid-view table.noBorderHeader th,
.grid-view table.noBorderHeader td
{
    background: none !important;
    border: 0 !important ;
    color: #555;
}

.noPadding
{
    padding: 0 !important;
}

.noPadding div
{
    border-bottom: 1px solid #666;
    padding: 5px;
}

.noPadding div:last-child
{
    border-bottom: 0;
    border-top: 1px solid #333;
}

.noPadding div:first-child
{
    border-top: 0;
}

.view-encounter .row
{
    margin-bottom: 20px !important;
}

.view-encounter label
{
    width: 100% !important;
    text-align: left !important;
}

.bouton,
.buttons-excel
{
    align-items: flex-start ;
    background-color:rgb(221, 221, 221);
    border-bottom-color:rgb(221, 221, 221);
    border-bottom-style:outset;
    border-bottom-width:2px;
    border-image-outset:0;
    border-image-repeat:stretch;
    border-image-slice:100%;
    border-image-source:none;
    border-image-width:1;
    border-left-color:rgb(221, 221, 221);
    border-left-style:outset;
    border-left-width:2px;
    border-right-color:rgb(221, 221, 221);
    border-right-style:outset;
    border-right-width:2px;
    border-top-color:rgb(221, 221, 221);
    border-top-style:outset;
    border-top-width:2px;
    box-sizing:border-box;
    color:rgb(0, 0, 0);
    cursor:default;
    display:inline-block;
    font-family:Arial;
    font-size:13.3333px;
    font-stretch:normal;
    font-style:normal;
    font-variant-caps:normal;
    font-variant-ligatures:normal;
    font-variant-numeric:normal;
    font-weight:normal;
    height:21px;
    letter-spacing:normal;
    line-height:normal;
    margin-bottom:6.66667px;
    margin-left:0px;
    margin-right:0px;
    margin-top:2.66667px;
    padding-bottom:1px;
    padding-left:6px;
    padding-right:6px;
    padding-top:1px;
    text-align:center;
    text-indent:0px;
    text-rendering:auto;
    text-shadow:none;
    text-transform:none;
    user-select:none;
    white-space:pre;
    word-spacing:0px;
    writing-mode:horizontal-tb;
    -webkit-appearance:push-button;
    -webkit-rtl-ordering:logical;
    -webkit-border-image:none;
}

.btn-delete
{
    cursor: pointer;
}

.grid-view table.items th.sorting:after,
.sort-link:after
{
    content: url(../images/arrows.png);
}

.grid-view table.items th.sorting
{
    color: white;
    background-position: center right;
    text-align: center;
}

.grid-view table.items th.sorting_asc,
.grid-view table.items th.sorting_desc
{
    color: white;
    text-align: center;
}

.grid-view table.items th.sorting_asc:after,
th a.asc:after {
    content: url(../images/arrowsASC.png);
}

.grid-view table.items th.sorting_desc:after,
th a.desc:after{
    content: url(../images/arrowsDESC.png);
}

.nowrap {
    white-space: nowrap;
}

.table-grid tr:nth-child(even)
{
    background: #EEE
}

.milestone_risk_edit textarea
{
    width: 500px;
}

.qa_title
{
    font-weight: bold;
}

.buttonHtml
{
    -webkit-appearance:     none;
    -moz-appearance:        none;
    -ms-appearance:         none;
    -o-appearance:          none;
    appearance:             none;

    text-decoration: none;
    align-items:flex-start;

    background-color:rgb(240, 240, 240);

    border-image-outset:0;
    border-image-repeat:stretch;
    border-image-slice:100%;
    border-image-source:none;
    border-image-width:1;

    border-left-color:	rgb(240, 240, 240);
    border-right-color:	rgb(240, 240, 240);
    border-top-color:	rgb(240, 240, 240);
    border-bottom-color:rgb(240, 240, 240);

    border-left-style:	outset;
    border-right-style:	outset;
    border-top-style:	outset;
    border-bottom-style:outset;

    border-left-width:	2px;
    border-right-width:	2px;
    border-top-width:	2px;
    border-bottom-width:2px;

    box-sizing:border-box;
    color:rgb(0, 0, 0);
    padding: 2px 10px;
    border-radius: 4px;

}

.fsr_block span
{
    background: #DDD;
    border: 1px solid #EEE;
    padding: 1px 5px;
}

.fsr_block
{
    text-align: center;
    width: 130px;
}

.deltaok
{
    background-color: #FFF;
    color: #000;
}

.deltatovalidate
{
    background-color: #ff1a1a;
    color: #000;
}

.deltavalidated
{
    background-color: #FFF;
    color: #ff1a1a;
}

.float-top-right
{
    position: absolute;
    top: 0;
    right: 0;
}

.parent-hover-visible
{
    display: none;
}

*:hover > .parent-hover-visible
{
    display: inherit;
}

.btn
{
    cursor: pointer;
}

.float-right
{
    float: right;
}

.float-left
{
    float: left;
}

.indication {
    font-style: italic;
}

.link:hover {
    text-decoration: none;
}

.bg-img-none
{
    background-image: none;
}

.form-select.bg-img-none
{
    padding: 0.375rem 0.75rem;
}

.personnal-post-messages
{
    overflow: auto;
    max-height: 15rem;
}

/* input type number without buttons  */
/* Chrome, Safari, Edge, Opera */
input.no-button::-webkit-outer-spin-button,
input.no-button::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
/* input type number without buttons  */
input.no-button[type=number]
{
    -moz-appearance: textfield;
}

/** For the spinner */

@keyframes spin
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/** End for the spinner */

.internal-order-disabled
{
    background-color: #C4C4C4 !important;
}