.default-hidden{display: none !important;}

/** ------- Global ------- **/
html.ui-mobile .ui-body-a{
    text-shadow:none !important;
}
h3 {
    font-weight:600;
    text-transform:uppercase;
    font-size: 1em;
}
html.ui-mobile body, html.ui-mobile input, html.ui-mobile select, html.ui-mobile textarea, html.ui-mobile button, html.ui-mobile .ui-btn{
    font-family: 'Open Sans', sans-serif;

}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
    background-color: #69737B;
}
/* squeeze content when using large browser (ipad and desktop) */
@media only screen and (min-width: 760px) {

    /*
    .ui-page {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 760px !important;
        position: relative !important;
    }

    .ui-page > .ui-header, .ui-page > .ui-footer {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 760px !important;
    }

    body {
        background-color: #666 !important;
    }
    */
}

/* fix number fields (do not display up/down buttons) */
input[type='number'] {
    -moz-appearance: textfield;
}

.ui-btn, label.ui-btn {
    font-weight: 500;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.nowrap {
    white-space: nowrap;
}

.ui-footer .ui-btn-right, .ui-footer .ui-btn-left {
    margin: 0;
}

.badge-menu-right{
    position: absolute;
    bottom: 0%;
    right: 0%;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.7em;
    line-height: normal;
    min-width: 10%;
    text-align: center;
}

.task-icon-container {
    position: absolute;
    display: inline-block;
    margin-right: 40px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.task-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 1px 4px;
    font-size: 0.5em;
    line-height: normal;
    min-width: 5%;
    text-align: center;
}

html.ui-mobile .ui-header {
    color: white;
    background-color: #69737B;
}

.ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
    font-weight:500;
    text-transform:uppercase;
    text-shadow: none;
}

label.error {
    color: red;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0.5em 0 0 0;
    float: right;
    width: 78%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

.ui-table-reflow.ui-responsive {
    display: table;
}

html {
    background-color: #666;
}

/* message containers */
.message-box {
    display: none;
    padding: 20px 10px 20px 60px;
    margin: 0 0 1em 0;
}

.message-box a {
    cursor: pointer;
}

.message-box.info {
    color: #69737B;
    /* PROGI-ORANGE : FEC325 */
    background: #E0E0E0 url('../img/0e27228de7e8.aad290f349ec_info.png') 10px center no-repeat;
}

.message-box.success {
    color: #4F8A10;
    background: #DFF2BF url('../img/0e27228de7e8.aad290f349ec_success.png') 10px center no-repeat;
}

.message-box.warning {
    color: #9F6000;
    background: #FEEFB3 url('../img/0e27228de7e8.aad290f349ec_warning.png') 10px center no-repeat;
}

.message-box.error {
    color: #D8000C;
    background: #FFBABA url('../img/0e27228de7e8.aad290f349ec_error.png') 10px center no-repeat;
}

/****************************/
/**  ------- login ------- **/
/****************************/
#login img.logo {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    max-height: 200px;
}

#login .ui-footer-fixed.ui-footer{
    background-color: transparent;
    border: medium none;
}
#login #login-footer-text{
    color: #666;
    font-size: 9pt;
    font-weight: normal;
    text-align: center;

    width:100%;
    display:block;
}

#login #login-footer-image{
    width:100%;
    text-align: center;
    margin: 3px 0 0 -16px;
    padding: 20px 8px 8px 22px;
}

#login #login-footer-image img{
    max-width: 100%;

}

/***************************/
/**  ------- home ------- **/
/***************************/

#home-search-form {
}

#home-search-form label[for="home-query-input"] {
    width: 100%;
    line-height: 150%;
}

#home-search-form .ui-input-text {
    width: 100%;
}

#home-result-container {
    padding: 0;
}

#home-result-table {
    width: 100% !important;
}

#home-result-table th {
    background-color: #e9e9e9;
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
}

#home-result-table td {
    padding: 5px 10px;
    line-height: 125%;
    cursor: pointer;
}

/*****************************/
/**  ------- search ------- **/
/*****************************/

#search-result-table tbody, #userposition-result-table tbody {
    cursor: pointer;
}

#search-map-container {
    height: 300px;
    margin: 0 1em 1em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#userposition-map-container {
    height: 500px;
    margin: 0 1em 1em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/** company **/
.ui-btn-text-left {
    text-align: left;
}

.ui-btn-text-left i.fa {
    width: 16px;
    text-align: center;
    margin-right: 8px;
}

#search i {
    font-style: normal;
}

#search i.red, #userposition i.red {
    color: red;
}

#search i.green, #userposition i.green {
    color: green;
}

#search i.yellow, #userposition i.yellow {
    color: yellow;
}

#search i.grey, #userposition i.grey {
    color: grey;
}

#search-legend-container, #userposition-legend-container {
    margin-top: 25px;
}

#search-legend-container h4, #userposition-legend-container h4 {
    margin: 0;
    line-height: 150%;
}

/*****************************/
/** ------- company ------- **/
/*****************************/

.ui-controlgroup-controls.inline-group * {
    display: inline-block;
    vertical-align: top;
}

div.ui-controlgroup-controls.inline-group {
    display: table;
}

.ui-controlgroup-controls.inline-group .ui-btn.inline-group {
    margin: 0.5em 0;
    padding: 7px 10px;
    width: 18px;
    border-left: 0;
    border-top-right-radius: 0.3125em;
    border-bottom-right-radius: 0.3125em;
    display: table-cell;
}

.ui-controlgroup-controls.inline-group .ui-input-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: table-cell;
}

@media only screen and (max-width: 447px) {
    div.ui-controlgroup-controls.inline-group {
        width: 100%;
    }
}

.focus-emphasis {
    background-color: #ff99007a !important;
}

#campaignDescriptionPopup .ui-content {
    padding: 15px;
}

#campaignDescriptionPopup h1 {
    margin-bottom: 15px;
}

.task-container, .cart-task-container{
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
}

/** hide some form elements when a new company is edited **/
#company.new .hide-new {
    display: none;
}

/** hide some form elements when an existing company is edited **/
#company.existing .show-new {
    display: none;
}

#company-last-punch-container #company-last-punch-list div.ui-field-contain {
    margin: 0;
    padding: 2px 0.5em 0.5em 0.5em;
}

/***************************/
/** ------- price ------- **/
/***************************/

#price-result-table tbody {
    cursor: pointer;
}

#price-search-form {
    margin-bottom: 2em;
}

#price-search-form:after {
    content: "";
    display: block;
    clear: both;
}

#price-search-form label.error {
    float: none;
    width: auto;
}

#price-result-table.ui-table-reflow tbody > tr > th {
    margin-top: 0;
}

#price-result-container {
    margin: 20px 10px 30px 10px;
    max-height: 240px;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 0.3125em;
    background-color: #ffffff;
}

@media only screen and (min-height: 500px) {
    #price-result-container {
        max-height: 260px;
    }
}

@media only screen and (min-height: 768px) {
    #price-result-container {
        max-height: 300px;
    }
}

@media only screen and (min-height: 800px) {
    #price-result-container {
        max-height: 340px;
    }
}

#price-info-container {
    margin-bottom: 20px;
    padding: 0;
}

#price-info-container .ui-bar {
    margin: 0;
    padding: 0.4em 10px;
}

#price-info-container .ui-body {
    padding: 0;
}

#price-info-container > *, #price-info-container #price-storage-inventory > *{
    display: table;
    box-sizing: border-box;
    width: 100%;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#price-info-container div.row {
    clear: both;
    line-height: 25px;
    background-color: #efefef;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    display: table-row;
}

#price-info-container div.row:nth-child(even) {
    background-color: #fafafa;
    border: 0;
}

#price-info-container div.row label {
    width: 40%;
    display: table-cell;
    padding: 2px 10px;
}

#price-info-container div.row span {
    width: 60%;
    text-align: right;
    display: table-cell;
    padding: 2px 10px;
}

#price-info-container form:first-of-type table td {
    border-bottom: 1px solid #ddd;
}

.price-page-form label {
    line-height: 1.5em;
    margin: 0.85em 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.price-page-form label.error {
    font-size: 12px;
    margin: 0;
}

.price-page-form table {
    border-collapse: collapse;
}

.price-page-form table td {
    padding: 0.5%;
    margin: 0;
    border-collapse: collapse;
}

/** more padding on left side of button, last td */
.price-page-form table tr td:last-of-type {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#price .custom-corners .ui-bar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

#price .custom-corners .ui-body {
    border-top-width: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

#price-info-container form:first-of-type table#price-cart-override-table tr td{
    border: none;
}

#products_accordions-container tr.firstRowOfType:first-child{
    border-top:none;
}

#products_accordions-container tr.firstRowOfType{
    border-top:2px solid #666666;
}

/*****************************/
/** ------- history ------- **/
/*****************************/

.history-tooltip-btn {
    border: 0 !important;
    background: transparent none !important;
}

#history-result-table div.qtyprice-table {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 1px;
}

#history-result-table div.qtyprice-table > div {
    display: table-row;
}

#history-result-table div.qtyprice-table > div > div {
    width: 33%;
    border: 0;
    padding: 0 2px;
    margin: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.05);
    display: table-cell;
}

#history-email-popup .ui-input-text.error, #history-email-popup .ui-input-text.ui-focus.error {
    border-color: red;
    box-shadow: 0 0 4px red;
}

/***************************/
/* -------- cart --------- */
/***************************/

#cart-comments-container {
    margin-top: 2em;
}

#cart-search-form{
    margin-top: 0.5em;
}

/*
@media only screen and (min-width: 561px) {
    #cart-result-table tr td:nth-child(n+3), #cart-result-table tr th:nth-child(n+3) {
        text-align: right;
    }
}
*/

/********************************/
/* -------- challenge --------- */
/********************************/

#challenge-comments-container {
    margin-top: 2em;
}

/********************************/
/* -------- tasks --------- */
/********************************/
.radio-container input[type="radio"],
.radio-container label {
    display: inline-block;
    margin-right: 10px;
}
.client-answered a {
    background-color: #138e137b !important;
    display: none;
}
/* .ui-btn-reporter{
    display: none !important;
} */

.cart-task-delayed {
    color: red;
}

.client-partially-answered a {
    background: rgba(255, 247, 0, 0.582) !important;
}
/*******************************/
/* --------- product --------- */
/*******************************/
#global-product-popup {
    width: 400px;
    max-width: 100%;
}

#global-product-popup #product-image-container {
    width: 100%;
    height: 225px;
    display: table;
    padding: 0;
    margin-bottom: 20px;
}

#global-product-popup #product-image-container #product-image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #f5f5f5;
    overflow: hidden;
    border-radius: 5px;
}

#global-product-popup #product-image-container #product-image img {
    outline: 0;
    max-width: 100%;
    max-height: 225px;
    height: auto;
}

#global-product-popup .product-info-table {
    display: table;
    width: 100%;
    padding: 0;
    table-layout: fixed;
    font-size: 14px;
}

#global-product-popup .product-info-row {
    display: table;
    width: 100%;
}

#global-product-popup .product-info-row:nth-child(odd) {
    background-color: #f5f5f5;
}

#global-product-popup .product-info-row label {
    display: table-cell;
    padding: 5px 10px;
    width: 40%;
    font-size: 14px;
}

#global-product-popup .product-info-row p {
    display: table-cell;
    padding: 5px 10px;
}

#global-product-popup #product-custom-field{
    width: 100%;
}

#global-product-popup #product-custom-field .product-info-row{
    width: 100%;
}

/* Style pour toutes les icônes */
.promo-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); /* Pour centrer verticalement */
    height: 30px;
    width: auto;
}

/* Styles individuels pour chaque icône */
.promo-icon[alt="importante"] {
    right: 0;
    /*margin-right: 40px; Espacement par rapport au bouton */
}

.promo-icon[alt="tache"] {
    right: 0;
    /* margin-right: 90px; 40px (de l'icône importante) + 50px */
}

.promo-icon[alt="dollar"] {
    right: 0;
    margin-right: 110px; /* 90px (de l'icône tache) + 100px */
}

.promo-icon[alt="edlp"] {
    right: 0;
    margin-right: 160px; /* 190px (de l'icône dollar) + 50px */
}

.promo-icon[alt="rappel"]{
    right: 0;
    margin-right: 220px; /* 250px (de l'icône edlp) + 50px */
}


/*************************************/
/* --------- order history --------- */
/*************************************/
#order-result-table tbody {
    cursor: pointer;
}

/*************************************/
/* --------- order details --------- */
/*************************************/
#orderdetails-comments-container {
    margin-top: 2em;
}

/*************************************/
/* --------- quote history --------- */
/*************************************/
#quote-result-table tbody {
    cursor: pointer;
}

/**************************************/
/* --------- invoice history --------- */
/**************************************/
#invoice-result-table tbody {
    cursor: pointer;
}

/************************************/
/* --------- item details --------- */
/************************************/
#itemdetails-comments-container {
    margin-top: 2em;
}

/*************************************/
/* --------- admin settings --------- */
/*************************************/
#admin .admin-row {
    margin-bottom: 2em;
}

#admin .instructions {
    padding: 1em 1em;
}

#admin form {
    margin-top: 2em;
}

/********************************/
/**** ----- all tables ----- ****/
/********************************/

table.result-table tbody th, table.result-table tbody td {
    vertical-align: middle;
}

table.result-table th, table.result-table td {
    padding-left: 0.3em;
    padding-right: 0.3em;
    font-size: 0.9em
}

table.result-table .ui-input-text {
    display: inline-block;
    /*width: 50px;*/
}

table.result-table .ui-input-text input {
    text-align: center;
    padding: 0.4em 0.3em;
}
table .limited-size{
    word-wrap: break-word;
}
@media screen and (min-width: 40em) {
    table .limited-size{
        max-width: 10em;
    }
}

#punches .punchs-table-header{
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 0 5px;
}

#routecalcul-result-table .ui-input-text{
    width:100%;
}

#products .ui-input-text{
    margin:0;
}

.hour-selector{
    width: 100%;
}

/********************************/
/**** ----- Report ----- ****/
/********************************/

#report_shipping-result-table{
    border-collapse: collapse;
}

#report_shipping-result-table .top-row td{
    padding-top: 20px;
}

#report_shipping-result-table .client-row{

}
#report_shipping-result-table .client-row td{
    padding-top: 20px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
#report_shipping-result-table .product-row{

}
#report_shipping-result-table .product-row.even{
    background-color: #efefef;
}

#report_shipping-result-table .linetop td{
    border-top: 1px solid #000;
}

@media print{
    html, body{
        background-color: transparent !important;
        width: 100% !important;
        height: auto !important;
        display:block !important;
    }
    #report_shipping{
        background: none !important;
        border: none !important;
        padding: 0 !important;
    }
    #report_shipping .ui-content{
        padding: 0 !important;
    }
    #report_shipping div[data-role=header]{
        display:none !important;
    }
    #report_shipping #report_shipping-search-container{
        display: none !important;
    }
    #report_shipping div[data-role=footer]{
        display:none !important;
    }
    #report_shipping #report_shipping-table-container{
        font-size: 10px !important;
        background: none !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}



#search-stockitem-result-table, #search-stockrepresentative-result-table{
    border-collapse: collapse;
}
#search-stockitem-result-table tr, #search-stockrepresentative-result-table tr{
    cursor: pointer;
}
#search-stockitem-result-table tr td, #search-stockrepresentative-result-table tr td{
    padding: 2px;
    border-bottom: 1px solid #e9e9e9;
}

#search-stockitem-result-table tr:hover td, #search-stockrepresentative-result-table tr:hover td{
    background-color: #f3f3f3;
}

#stockrepresentative-result-table td input, #stockrepresentative-result-table td{
    width: 90px;
}

.editableItem .fullwidth .ui-input-text{width:100%;}

@media only screen and (max-width: 500px) {
    .ui-btn-icon-left.mobile-no-text{
        padding-right: 28px;
    }
    .ui-controlgroup-horizontal .ui-btn.ui-first-child, .ui-btn-icon-left {
        height: 18px;
    }
    .ui-btn-icon-left.mobile-no-text span {
        display: none;
    }
    .ui-mini.ui-btn-icon-left.mobile-no-text::after, .ui-mini .ui-btn-icon-left.mobile-no-text::after, .ui-header .ui-btn-icon-left.mobile-no-text::after, .ui-footer .ui-btn-icon-left.mobile-no-text::after {
        left: 1.5em;
    }
}

/* Léger ajout au Jquery Boutons (esthetique) VKI */
.ui-footer.ui-footer-fixed {
    bottom: -1px;
    padding-bottom: 3px;
}

#connectionQualityMonitor{
    position: absolute;
    left: 15px;
    bottom: 5px;
    right: 15px;
}

#connectionQualityMonitor-status.stable{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#connectionQualityMonitor-status.instable{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
#connectionQualityMonitor-status.problematic{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

#products_accordions-container tr[sort-key-2="999"], #products_accordions-container tr[sort-key-2="999"] a, #products_accordions-container tr.promo, #products_accordions-container tr.promo a{
    color:red;
}
#products_accordions-container tr.concour, #products_accordions-container tr.concour a{
    color:limegreen;
}
#products_accordions-container tr.edlp, #products_accordions-container tr.edlp a{
    color:purple;
}

#cart-client-identifier{padding-top: 0}
.container{margin-bottom: 15px;}


#routecalcul-result-table td, #routecalcul-result-table th{vertical-align: top;}

table.dataTable tbody tr.even{
    background-color: #eee;
    background-color: rgba(0,0,0,.04);
}

.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.custom-radio-css{
    background-color: #38c;
    border-color: #38c;
    color: #fff;
    text-shadow: 0 1px 0 #059;
}

.fc-event-container .fc-title{
    color: #fff;
    font-weight: normal;
    text-shadow: none;
}
.fc-event-container .fc-event{
    background-color: #69737B;
    border:1px solid #69737B;
    padding: 0 7px;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #fafafa;
}


/*****************************************************************
******************************************************************
typeahead
******************************************************************
*****************************************************************/

.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

/*BUG FIX: REGEX FORMAT VALIDATOR */
.ui-controlgroup-controls.inline-group label.error{
    height: auto;
    position: static !important;
    float: left;

}
div.ui-controlgroup-controls.inline-group{display: block}
.ui-controlgroup-controls.inline-group .ui-input-text{width:100%;}

/*BUG FIX: Si la fenetre est trop petit, rendre la table scrollable*/
#routecalcul-result-table_wrapper{overflow-x: scroll;}

#staging-banner{
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff0000;
    text-shadow: none;
    padding: 2px;
    position: fixed;
    top:0;
    z-index: 1000;
}

html.ui-mobile.mostaging .ui-header{
    border-top:5px solid red;
}


@media all and (max-width: 50em) {
    .ui-grid-a .ui-block-a,
    .ui-grid-a .ui-block-b,
    .ui-grid-a .ui-block-c,
    .ui-grid-a .ui-block-d,
    .ui-grid-a .ui-block-e {
        width: 100%;
        float:none;
    }
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

tr.strikeout td{
    position: relative;
}

#company-custom-form .ui-grid-c div{margin: 0px;}
#company-custom-form .ui-grid-c > div{padding: 0px 0px 0px 10px;}
#company-custom-form .ui-field-contain[field-type=timeframe] .ui-checkbox{float: left; width: 20%;margin: 0;}

#saledetails-infos-container #saledetails-document a {display: block}

/* Route Result Map Display */
#routeresult-result-table {

}

#routeresult-result-map {
    height: 600px;
    margin-top: 35px;
    margin-bottom: 15px;
}

@media only screen  and (min-width : 1224px) {
    #routeresult-result-map {
        height: 600px;
        width: 49%;
        float: right;
    }
    #routeresult-result-table {
        width: 49%;
    }
}

@media print {
    .top-row	{ page-break-before: always; }
}

/* TODO */
.ddc #deliveries-result-table.ui-table-reflow.ui-responsive tbody td {
    display: table-cell;
}

.ddc #deliveries-result-table.ui-table-reflow.ui-responsive tbody td {
    width: auto;
    float: none;
}
.ddc #deliveries-result-table.ui-table-reflow.ui-responsive tbody td b {
    display: none;
}

/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 48em) {
	.ui-responsive > .ui-block-a,
	.ui-responsive > .ui-block-b,
	.ui-responsive > .ui-block-c,
	.ui-responsive > .ui-block-d,
	.ui-responsive > .ui-block-e {
		width: 100%; 
		float: none; 
	}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ 
/* Override Jquery css default */

/* @media ( min-width:820px ) { */
	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th,
	.ui-table-reflow.ui-responsive tbody th,
	.ui-table-reflow.ui-responsive tbody td,
	.ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: none;
    }
/*}*/

@media ( max-width:46em ) {

	/* Show the table header rows */ 
	.ui-table-reflow.ui-responsive thead td,
	.ui-table-reflow.ui-responsive thead th {
        display: none;
    }

	.ui-table-reflow.ui-responsive tbody th{
        margin: 35px 0 0 0;
    }
	/* Hide the labels in each cell */ 
	.ui-table-reflow.ui-responsive td .ui-table-cell-label,
	.ui-table-reflow.ui-responsive th .ui-table-cell-label { 
		display: inline-block;
    }
    
    /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */ 
    .ui-table-reflow.ui-responsive td,
	.ui-table-reflow.ui-responsive th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
}