/* Perso */
.txtcenter {text-align: center;}
.fr {float: right;}

.red {color: #ff0000;}
.green {color: rgb(76,175,80);}
.orange {color: #F88017;}

.tr_purple {background-color: rgb(103,58,183);color: #fff;}
.tr_purple:hover {color: #000;}
.tr_vert {background-color: #ccffcc;}
.tr_orange {background-color: #ffcc99;}
.tr_rouge, .false {background-color: #ff9999;}
.tr_black {background-color: #848484;}
.tr_bleu {background-color: #7FC6BC;}
.tr_jaune {background-color: #ffff66;color: #aaa;}
.tr_jaune .transport img {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

.md-expedition .cmd,
.md-livraison .cmd {min-height: 200px;position: fixed;bottom: 0;left: 15%;right: 15%;background-color: rgba(0, 0, 0, .9);color: #fff;display: none;}
#cmd-shipping, #cmd-com {float: left;}
#cmd-cart {float: right;text-align: right;}
.md-expedition .mdl-checkbox,
.md-livraison .mdl-checkbox {width: auto !important;}
.md-expedition .mdl-select,
.md-livraison .mdl-select {padding: 0 !important;width: auto !important;}
.md-livraison .action a {position: relative;top: 8px;}
.md-livraison .mdl-cell h5:first-child {margin: 0}

.center {margin: 0 auto !important;display: inherit !important;}
.bold {font-weight: bold;}

.box {margin:4px;display: inline-block;}
.error {color: #ff0000;font-weight: bold;}
.box.error {background: rgba(0,0,0,.2);padding: 2px 5px;}
.mdl-button-warning {background-color: #ff0000 !important;}

.cursor {cursor: pointer;}
.hide {display: none;}
#gmaps {max-width: 100%;height: 370px;margin: auto;}
iframe {min-height: 1000px;}

/*table .action .material-icons {margin-left: 8px;}*/
form {margin: 0 auto;}
table {width: 100%;}

.section--center {max-width: 1080px; margin: 0 auto;}

.notif {padding: 20px;font-style: italic;font-weight: bold;}
.notif .notif__hide {float: right;}
.notif.notif__success {color: rgb(66, 66, 66);background-color: rgb(139, 195, 74);}
.notif.notif__info {color: rgb(255, 255, 255);background-color: rgb(33, 150, 243);}
.notif.notif__error {color: rgb(255, 255, 255);background-color: rgb(244, 67, 54);}

.bitcoin h5 {padding-bottom: 5px;border-bottom: 1px solid #999;}
span.btc {float: right;}

.button-etiquette-1 {padding: 0 50px;position: fixed;top: 130px;left: 50px;}
.button-etiquette-2 {padding: 0 50px;position: fixed;top: 130px;right: 50px;}
.form-check {position: fixed;z-index: 5;right: 50px;bottom: 50px;}
.fab-check {float: right;right: 50px;bottom: 50px;margin-left: 10px;}
.table {border-collapse: collapse;}
.table td {border-bottom: 1px solid #aaa;}
.wrap {white-space: initial;}

.dashboard-realtime h5, .dashboard-realtime h6 {margin: 12px 0 6px;}
.dashboard-realtime hr {margin: 0}
.dashboard-realtime span {font-size: 16px;font-weight: bold;}

.mdl-button-group {
    list-style: none;
    display: flex;
    margin: 0 auto;
    padding: 0;
    flex-direction: row;
    justify-content: space-around;
    max-width: 500px;
}
.mdl-button-group li {
    flex-direction: column;
    margin: 0 20px;
}
.mdl-button-group .selected {
    background-color: rgb(76,175,80) !important;
}
.username {margin: 0 10px;}
#mdl-ajax-loader {
    width: 24px;
    height: 24px;
    font-weight: bold;
}
#mdl-loader {
    display: none;
    position: fixed;
    width: 120px;
    height: 120px;
    left: 50%;
    margin-left: -60px;
    top: 200px;
    background-color: rgba(255, 255, 255, .8);
    z-index: 5;
    padding: 20px 0 0 20px;
}
#mdl-obfuscator {
    background-color: rgba(0,0,0,.5);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

/* Mdl modifié */
button .material-icons {line-height: 36px;}
.mdl-navigation__title {
    font-weight: bold;
    color: rgb(25,25,25) !important;
    text-decoration: underline;
}
.navigation__separator {
    height: 1px;
    background-color: #dcdcdc;
    margin: 8px 0;
}
.mdl-navigation__link {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding: 6px 20px !important;
}
.mdl-navigation__link .material-icons {
    margin-right: 16px !important;
}
/* bug */
.mdl-layout__header {
    z-index: initial !important;
}
.mdl-layout__header .waterfall .mdl-navigation__link:hover {
    background-color: rgb(76,105,119);
}
.mdl-layout__header .waterfall .mdl-navigation__link {
    padding: 0 20px !important;
}
.mdl-layout__header .waterfall .mdl-navigation__link.active {
    color: rgb(96,125,139) !important;
    background-color: #fff !important;
}
.mdl-layout__header .waterfall .mdl-navigation__link .material-icons {
    line-height: 64px;
}
.mdl-layout__drawer {
    position: fixed !important;
}
.mdl-card__supporting-text {
    color: rgba(0,0,0,.8) !important;
}
.mdl-layout__content {
/*    padding: 10px;*/
}
.mdl-mini-footer {
    margin-top: 20px;
}
.mdl-mini-footer .mdl-mini-footer__left-section .material-icons {
    position: relative;
    top: 6px;
}
.md-livraison .mdl-tooltip, .md-expedition .mdl-tooltip {
    text-align: left !important;
    max-width: none !important;
    background: rgba(50,50,50,.9) !important;
    width: 700px;
    white-space: initial;
}
.mdl-tooltip .tooltip-left {width: 33%;float: left;padding-right: 5px;margin-right: 5px; border-right: 1px solid #fff;}
.mdl-tooltip .tooltip-right {float: right;width: 65%;}
.mdl-tooltip .com {clear: both;}
.mdl-card {/*margin: 0 auto;*/}
.limit-height thead {width: calc( 100% - 1em );}
.limit-height tbody {display:block;height:300px;overflow:auto;}
.limit-height tbody tr, .limit-height thead {display:table;width:100%;table-layout:fixed;}

.mdl-layout__content.dashboard .mdl-card .mdl-navigation__link {margin: 5px 0;}

.rating-box {
    position: relative;
    width: 69px;
    height: 16px;
    margin: 0 5px 3px 0;
    background: url(/img/product_rating_blank_star.gif) repeat-x;
}
.rating-box .rating {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    background: url(/img/product_rating_full_star.gif) repeat-x;
}


/* Hack select */
.mdl-button-reset {
    position: relative;
    bottom: 6px;
}
.mdl-select {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}

.mdl-select__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 16px;
    text-align: left;
    color: inherit;
}

.mdl-select.is-focused .mdl-select__input {
    outline: none;
}

.mdl-select.is-invalid .mdl-select__input {
    border-color: rgb(222, 50, 38);
    box-shadow: none;
}

.mdl-select.is-disabled .mdl-select__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
}

.mdl-select__label {
    bottom: 0;
    color: rgba(0, 0, 0, 0.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.mdl-select.is-dirty .mdl-select__label {
    visibility: hidden;
}

.mdl-select--floating-label .mdl-textfield__label {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdl-select--floating-label.is-focused .mdl-select__label,
.mdl-select--floating-label.is-dirty .mdl-select__label {
    color: rgb(63, 81, 181);
    font-size: 12px;
    top: 4px;
    visibility: visible;
}

.mdl-select--floating-label.is-focused .mdl-select__expandable-holder .mdl-select__label,
.mdl-select--floating-label.is-dirty .mdl-select__expandable-holder .mdl-select__label {
    top: -16px;
}

.mdl-select--floating-label.is-invalid .mdl-select__label {
    color: rgb(222, 50, 38);
    font-size: 12px;
}

.mdl-select__label:after {
    background-color: rgb(63, 81, 181);
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    visibility: hidden;
    width: 10px;
}

.mdl-select.is-focused .mdl-select__label:after {
    left: 0;
    visibility: visible;
    width: 100%;
}

.mdl-select.is-invalid .mdl-select__label:after {
    background-color: rgb(222, 50, 38);
}

.mdl-select__error {
    color: rgb(222, 50, 38);
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
}

.mdl-select.is-invalid .mdl-select__error {
    visibility: visible;
}

.mdl-select__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    max-width: 0.1px;
}

.mdl-select.is-focused .mdl-select__expandable-holder,
.mdl-select.is-dirty .mdl-select__expandable-holder {
    max-width: 600px;
}

.mdl-select__expandable-holder .mdl-select__label:after {
    bottom: 0;
}
/*.mdl-tooltip {
    will-change: initial !important;
}*/
main.stock-maj .mdl-textfield.is-disabled .mdl-textfield__input {color: #000}

/* Livraison prioritaire */
@keyframes card__livraison-prio {
    0% { box-shadow: 0 0 20px #ff0000; }
    50% { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); }
    100% { box-shadow: 0 0 20px #ff0000; }
}

@-webkit-keyframes card__livraison-prio {
    0% { box-shadow: 0 0 20px #ff0000; }
    50% { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); }
    100% { box-shadow: 0 0 20px #ff0000; }
}

.card__livraison-prio {
    -webkit-animation: card__livraison-prio 2.0s linear infinite;
    -moz-animation: card__livraison-prio 2.0s linear infinite;
    -ms-animation: card__livraison-prio 2.0s linear infinite;
    -o-animation: card__livraison-prio 2.0s linear infinite;
    animation: card__livraison-prio 2.0s linear infinite;
}

@-webkit-keyframes blink {
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
.blink {
    -webkit-animation: blink 2.0s linear infinite;
    -moz-animation: blink 2.0s linear infinite;
    -ms-animation: blink 2.0s linear infinite;
    -o-animation: blink 2.0s linear infinite;
    animation: blink 2.0s linear infinite;
}
.blink td {
    -webkit-animation: blink 2.0s linear infinite;
    -moz-animation: blink 2.0s linear infinite;
    -ms-animation: blink 2.0s linear infinite;
    -o-animation: blink 2.0s linear infinite;
    animation: blink 2.0s linear infinite;
}


/* Print */
@media print {
    #print tr {display: none;}
    #print tr.tr_vert {display: table-row;}
    .no-print {display: none !important;}
    button {display: none !important;}
    button .material-icons {display: none !important;}
}

/* Mobile */
@media screen and (max-width: 700px) {
    .username {width: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

.logistique-preparation .mdl-data-table tbody * {
    font-size: 18px !important;
}