body {
    padding-top: 70px;
    padding-bottom: 70px;
}

table * {
    font-size: 13px;
}

/* top left debug modal link */
a#debug_modal_link {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000000;
}

/* common top margin class */
.mt32px
{
    margin-top: 32px;
}

.mr1em
{
    margin-right: 1em;
}

.mt1em
{
    margin-top: 1em;
}

.mb0
{
    margin-bottom: 0em;
}

/* big icons */
span.gi_thumbnail {
    font-size: 80px;
    margin-top: 16px;
}

label.l_separator
{
    margin-left: 2px;
    margin-right: 2px;
}

table#t_errors ul {
    padding-left: 1em;
}

/*
    backdrop layer (same as bootstrap modal, for prevent interactuating with "background" controls)
*/
div#loading_backdrop
{
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2050;
    cursor: wait;
}

div#loading_backdrop.in
{
    opacity: 0.5;
}

span.credential_description
{
    width: 100%;
    display: block;
    min-height: 1.5em;
}

span.update_credential_description
{
    cursor: pointer;
}

table.break_words tbody tr td
{
    word-break: break-all;
}

table.hide_overflow tbody tr td
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.popover_errors {
    cursor: pointer;
    text-decoration: underline;
}

table#t_errors div.popover {
    max-width: 720px;
}

ul#barcodes
{
    list-style-type: square;
}

span.article_price, span.article_subvention_ng, span.article_subvention_wg
{
    cursor: pointer;
}


div#notification
{
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 16px;
    z-index: 3050;
    border-radius: 4px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    display: none;
    background-image:  linear-gradient(to bottom, #d9edf7 0px, #c4e3f3 100%);
    background-repeat: repeat-x;
    cursor: default;
}

p#download_progress
{
    display: block;
    width: 100%;
    height: 6px;
    background: #f8efc0;
    border: 1px solid #666;
    border-radius: 1px;
}

p#download_progress span
{
    display: block;
    width: 0%;
    height: 4px;
    background: #4cae4c;
}

div#notification-backdrop
{
    background-color: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2050;
    cursor: wait;
}

div#notification-backdrop.in
{
    opacity: 0.5;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-menu .divider
{
    margin: 0px !important;
}

div#qrcode img
{
    margin: 0px auto;
}

table#t_providers div.checkbox input
{
    margin-left: 0px !important;
}

table#t_cash_registers div.checkbox, table#t_delivery_notes div.checkbox
{
    margin: 0px;
}

.cursor_pointer
{
    cursor: pointer;
}

span#access_company_portal, a#access_manager
{
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

table tr.header {
    background: #d4d4d4 !important;
}

div.bootstrap-select
{
    width: 700px !important;
}

table#t_articles tbody tr td span.required_quantity, table#t_articles tbody tr td span.required_stock_days, table#t_articles tbody tr td span.article_price, table#t_articles tbody tr td span.article_subvention_ng, table#t_articles tbody tr td span.article_subvention_wg, table#t_articles tbody tr td span.required_quantity_modal,
span.article_min_required, span.article_max_required
{
    color: #337ab7;
    cursor: pointer;
}

table#t_articles tbody tr td span.required_quantity:hover, table#t_articles tbody tr td span.required_stock_days:hover
{
    text-decoration: underline;
}

table#t_articles tbody tr td span.copy_need_value
{
    color: #337ab7;
}

table#t_articles tbody tr td
{
    vertical-align: middle;
}

table.cell-valign-middle tbody tr td
{
    vertical-align: middle;
}

.strong
{
    font-weight: bold;
}

.strong-red
{
    font-weight: bold;
    color:red;
}

.strong-success
{
    font-weight: bold;
    color:green;
}

.cursor-help
{
    cursor: help !important;
}

.cursor_deny
{
    cursor: not-allowed;
}

.donotfollowlink
{
    cursor: default !important;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

div.bselect div.bootstrap-select
{
    width: 100% !important;
    display: block !important;
}

.modal-lg2 {
    width: 1024px;
}

.modal-lg3 {
    width: 1280px;
}

.modal-lg {
    width: 80%;
    max-width: 1024px;
}

.modal-scroll .modal-body {
    overflow-y: auto;
}

@media print {
a[href]:after {
    content: none !important;
}
}

.transparent
{
opacity: 0! important;
}

.bold
{
    font-weight: bold;
}

.mb_0 {
margin-bottom: 0px;
}

div.progress-bar-info
{
    color: #222;
    text-align: left;
}

div.progress-bar-danger
{
    color: #fff;
    text-align: left;
}


span.toggle_order
{
    cursor: pointer;
}

.vertical_align_middle
{
    vertical-align: middle !important;
}


table.visual_lane_module_container tr td, table.visual_lane_module_container tr th {
    border: 1px solid #000;
}

img.lane_article_thumb
{
    width: 64px;
    height: 64px;
    background: green;
}

img.article_thumb
{
    width: 64px;
    height: 64px;
    background: #666;
    overflow: hidden;
    display: inline-block;
}

.lane_visual_container_col_header {
    display: block;
    width: 3.7%;
    width: 70px;
    overflow: hidden;
    border: 1px solid #ccc;
    float:left;
    margin-right: 2px;
    background: #eee;
    font-weight: bold;
}

.lane_visual_container_cell
{
    display: block;
    width: 3.7%;
    width: 70px;
    height: 180px;
    overflow: hidden;
    border: 1px solid #ccc;
    float:left;
    margin-right: 2px;
}

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

.bold {
    font-weight: bold;
}

input.input_date
{
    padding: 0px 4px;
}

.nowrap
{
    white-space: nowrap
}

#chartdiv
{
    width: 100%;
    height: 500px;
}

.table-responsive-no-overflow-x {
    overflow-x: visible !important;
}

.va-middle {
    vertical-align: middle !important;
}

div.popover {
    max-width: 500px !important;
}

table.table-no-vertical-align tbody tr td
{
    vertical-align: middle !important;
}

.ml-1em {
    margin-left: 1em;
}

ul.list_without_icons
{
    list-style-type: none;
}

.allocation-addon-int
{
    min-width: 2em;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.allocation-addon-decimal
{
    min-width: 3.5em;
    padding-left: 0.1em;
    padding-right: 0.1em;
}

.sticky-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
}

.sticky-body
{
    z-index: 3;
    background: #fff;
}

.sticky-header-col
{
    position: sticky;
    z-index: 6;
    left: 0;
    top: 0;
    background: #fff;
}

.sticky-col
{
    position: sticky;
    z-index: 4;
    left: 0;
    background: #fff;
}

tr.bg-selected-row {
    background: #d9edf7 !important;
}

.bg-red {
    background: #df6b6b;
}

.bg-green {
    background: #5ac75a;
}

tbody.tbody-sm tr th, tbody.tbody-sm tr td
{
    font-size: 0.9em;
}