/** GENERALITES **/ /* Police BebasNeue pour le titre */ @font-face { font-family: 'bebas_neueregular'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } html, body {width:100%; margin:0; padding:0; background:#FAFAFA;} section, article, main, header, footer {display:block;} /* Rajout non présent dans pure.css */ .button-small {padding: .35em 2em .40em; font-size:85%;} a {color:black;} form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #white !important; } input[type=submit], input[type=button], button {-webkit-appearance:none;} .pure-button.orange {background:#E2730F; color:white;} .font-14 {font-size:14px;} /* étiquettes informatives */ .stick {display:inline-block; background:#E0E0E0; box-sizing:border-box; padding:4px 6px; border-radius:4px; margin-bottom:6px; font-size:14px; min-width:290px;} .stick.green {background:#2AB34A; color:white;} .stick.red {background:#8E191B; color:white;} /* Empêcher la sélection texte */ .disableTextSelection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: moz-none; -ms-user-select: none; user-select: none; } /* Outils */ .table {display:table; width:100%; height:100%;} .cell {display:table-cell; vertical-align:middle; width:100%; height:100%;} .vcenter {vertical-align:middle;} /* Formulaires */ .mandatory label:after {content:'*'; display:inline;} .error .field, .error.field {border:2px solid red !important;} .error label {color:red; font-weight:bold;} form.pure-form-aligned em {display:block; font-size:14px; color:#858585;} form.pure-form-aligned input.price {text-align:right;} /** WAITING **/ .jcdev-overlay { position:fixed; z-index:100001; top:0; left:0; right:0; bottom:0; background: url(../img/loader.gif) center center no-repeat; background-color:rgba(255,255,255,0.5); text-align:center; } /** INFOBULLE **/ #jcdev-infobulle {position:absolute; z-index:99999; background:#FEF8B5; padding:3px; box-shadow:0 0 5px rgba(0,0,0,0.5); font-size:12px; font-weight:bold;} /** DIALOG **/ div.dialogWrapper {position:fixed; z-index:10000; top:0; left:0; right:0; bottom:0; background:black; background:rgba(0,0,0,0.5); overflow:auto;} div.dialogWrapper .dialogTable {display:table; width:100%; height:80%;} div.dialogWrapper .dialogCell {display:table-cell; width:100%; height:100%; vertical-align:middle;} div.dialogWrapper .dialogBox {background:#FAFAFA; border-radius:6px; box-shadow:0 3px 7px rgba(0,0,0,0.3); margin:0 auto;} div.dialogWrapper .dialogBox header {background:#292828; color:white; font-family: "bebas_neueregular"; padding:0 20px; font-size:24px; line-height:41px; vertical-align:middle; border-top-left-radius: 6px; border-top-right-radius: 6px;} div.dialogWrapper .dialogBox header .close {float:right; color:white; text-decoration:none;} div.dialogWrapper .dialogBox .content {padding:20px; padding-bottom:7px; overflow:auto;} div.dialogWrapper .dialogBox .content .buttons {text-align:right; margin:18px 0;} /** PAGES **/ section.page {background:#FAFAFA;} section.page > header {background:#E0E0E0; border-bottom:1px solid #171516;} section.page .breadcrumb {color:#8E191B; font-size:21px;} section.page .breadcrumb .right {float:right; font-size:16px; } section.page .breadcrumb-complement {color:black;} section.page .breadcrumb-complement:before {content:'|'; color:black; display:inline-block; margin-left:14px; margin-right:8px;} section.page > footer {background:#E0E0E0; border-top:1px solid #171516; text-align:right;} section.page > footer .left {float:left;} /** LOGIN **/ section.page.login {position:absolute; top:0; left:0; width:100%; height:100%;} section.page.login img.logo {width:100%; height:auto; margin-bottom:15px;} section.page.login .table {height:85%; min-height:360px;} section.page.login #loginForm { display:block; width:320px; margin:0 auto; visibility:hidden; } section.page.login #loginForm fieldset { margin-left:70px; padding:0.35em 0; } section.page.login #loginForm fieldset:not(.checkbox-wrapper) label { font-size:12px; font-weight:600; color:#B9B9B9; } section.page.login #loginForm fieldset.checkbox-wrapper label { cursor:pointer; font-size:14px; } section.page.login #loginForm .links {line-height:2em;} section.page.login #loginForm .links a {color:#707070; font-size:85%;} #unsupportedBrowser {display:none; position:absolute; width:100%; text-align:center; top:40%; font-weight:bold; line-height:2.5em;} /** MENU **/ nav#mainMenu { display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:stretch; background:#404040; border-bottom:5px solid #E2730F; font-size:14px; } nav#mainMenu .blocLogout { display:flex; align-items: center; padding:0 10px 0 13px; background:black; color:white; } nav#mainMenu .blocLogout .user {display:flex; align-items:center; font-size:12px; font-style:italc;} nav#mainMenu .blocLogout .user .fa {font-size:12px; vertical-align:bottom; margin-right:3px;} nav#mainMenu .blocLogout button {padding:6px 8px; margin-left:6px;} nav#mainMenu ul.menuItems { list-style:none; margin:0; padding:0; display:flex; align-items:center; } nav#mainMenu ul.menuItems li a { position:relative; display:flex; justify-content:center; align-items:center; text-align:center; font-size:12px; font-weight:600; letter-spacing:-0.01em; text-transform:uppercase; text-decoration:none; color:white; padding:0 10px; height:48px; border-right:1px dotted rgba(255,255,255,.3); } nav#mainMenu ul.menuItems li a:not(.selected):hover:not(:active) {background:#606060;} nav#mainMenu ul.menuItems li a.selected {color:white; background:#E2730F;} nav#mainMenu ul.menuItems li a .counter { position:absolute; top:5px; right:5px; width:18px; height:18px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:13px; font-weight:bold; background:#E2730F; color:white; border-radius:10px; } nav#mainMenu ul.menuItems li a.selected .counter {background:black;} /** PAGE FOURNISSEURS **/ #suppliers-page table {width:100%;} #suppliers-page table tr:hover td {background:white;} #suppliers-page table tr:hover td:first-child {text-shadow:0 0 1px black;} #suppliers-page table tr:hover td:first-child em {text-shadow:none;} #suppliers-page table td {font-size:14px;} #suppliers-page table td > em {color:#A0A0A0;} #suppliers-page table td .pure-button {margin:.2em 1em;} #suppliers-page .warning {font-weight:bold; font-size:12px; white-space:nowrap; color:red;} /** PAGE MERCURIALES : NEGO + COMMANDES **/ #mercurial-page table.nego {font-size:13px; width:100%;} #mercurial-page table td.mini {width:25px;} #mercurial-page table td.not-mini {min-width:50px;} #mercurial-page table td.price {text-align:right;} #mercurial-page table .private {color:orange;} #mercurial-page table del {display:block; background:#DA0706; color:white; font-weight:bold; text-decoration:line-through;} #mercurial-page table ins {display:block; background:#329900; color:white; font-weight:bold; text-decoration:none;} #mercurial-page table td:hover del {text-decoration:none;} #mercurial-page table tr.delete td {background:#DA0706; font-weight:bold; color:white;} #mercurial-page table tr.insert td {background:#329900; font-weight:bold; color:white;} #mercurial-page table tr.insert.pending-ingredient td, #mercurial-page table tr.insert.pending-ingredient ins {background:#67C000;} #mercurial-page table tr.insert td.edited, #mercurial-page table tr.update td.edited {padding:0;} #mercurial-page table tr.insert ins, #mercurial-page table tr.update ins, #mercurial-page table tr.update del {padding:5px 14px; min-height:15px;} #mercurial-page table tr.insert td.editable:hover {cursor:pointer;} #mercurial-page table tr.update td.editable:hover, #mercurial-page table tr.prod td.editable:hover {cursor:pointer; background:#D0D0D0;} #mercurial-page table tr.insert td.edited:hover ins {background:#208400;} #mercurial-page table tr.update td.edited:hover ins {background:#62BD00;} #mercurial-page table tr.update:hover td, #mercurial-page table.nego tr.prod:hover td {background:#EAEAEA;} #mercurial-page table tr td.actions > * {display:none; cursor:pointer;} #mercurial-page table tr.update td.actions .undo, #mercurial-page table tr.delete td.actions .undo {display:inline-block;} #mercurial-page table tr.insert:hover td.actions .delete, #mercurial-page table tr.prod:hover td.actions .delete {display:inline-block;} #mercurial-page .table-head-wrapper {position:absolute;} #mercurial-page .table-head-wrapper.fixed {position:fixed; top:53px;} #mercurial-page .table-head-wrapper table {table-layout:fixed;} #mercurial-page .table-head-wrapper table tr th {box-sizing:border-box; vertical-align:top; overflow:hidden; font-size:14px;} #mercurial-page .table-head-wrapper table tr th .filter {display:block; width:100%;} #mercurial-page .table-head-wrapper table tr th .search-on-left-wrapper {display:block; font-weight:normal; margin-top:5px; font-size:11px;} #mercurial-page .table-head-wrapper table tr th .search-on-left-wrapper input {position:relative; top:3px;} .popup-convert-cart-to-order .content p {font-weight:bold;} .popup-convert-cart-to-order .content .field {display:block; width:100%; box-sizing:border-box;} .popup-convert-cart-to-order .content .pure-form > * {margin:20px 0;} .popup-convert-cart-to-order .content.type-other .if-not-other {display:none;} .popup-convert-cart-to-order .content:not(.type-other) .field[name="order_name"] { pointer-events:none; border:none !important; outline:none !important; appearance:none !important; padding:2px !important; font-weight:bold; background:orange !important; color:white !important; box-shadow: none !important; } .micro-popup {position:absolute; z-index:100; background:black; padding:6px; font-size:14px; width:350px;} .micro-popup.template {display:none;} .micro-popup.right {text-align:right;} .micro-popup .field {display:block; width:100%;} .micro-popup.right .field {text-align:right;} .micro-popup .buttons {margin:8px 0 5px 0; color:white; font-weight:bold; font-size:16px;} .micro-popup .buttons > * {display:inline-block; margin:0 12px; cursor:pointer;} .micro-popup .buttons .price-button {float:left; display:inline-block; background:white; color:black; cursor:pointer; margin-left:2px; padding:3px 6px; font-size:12px;} .overlay.invisible {position:fixed; z-index:50; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.1);} #mercurial-page > .head {margin-bottom:30px;} #mercurial-page .global-actions {font-size:16px;} #mercurial-page .global-actions .reset-filters-wrapper {margin-top:10px;} #mercurial-page .global-actions .reset-filters {text-decoration:underline; cursor:pointer;} #mercurial-page .global-actions .filter-pending-only-wrapper {margin-top:15px;} #mercurial-page .filter-pending-only-wrapper label {cursor:pointer;} #mercurial-page .gutter {width:40px;} #mercurial-page .legend {border:1px solid black; padding:10px 20px; font-size:14px; width:1050px;} #mercurial-page .legend .red {color:#DA0706;} #mercurial-page .legend .green {color:#329900;} #mercurial-page .legend .green-light {color:#67C000;} #mercurial-page .add-line-wrapper {border:1px solid black; padding:10px 20px; font-size:14px;} @media screen and (max-width:1600px) { #mercurial-page .legend {width:50%;} } /** PAGE MERCURIALES : COMMANDES ONLY **/ #mercurial-page table.cmd {background:#FAFAFA; font-size:14px; width:100%; margin-bottom:200px;} #mercurial-page table.cmd tr {cursor:pointer;} #mercurial-page table.cmd tr td {background:#EAEAEA; padding:15px 20px; color:#606060;} #mercurial-page table.cmd tr.best-price td {background:#92D050;} #mercurial-page table.cmd tr.new-ingredient td {border-top:40px solid #FAFAFA;} #mercurial-page table.cmd tr:hover td {background:#D0D0D0; color:black;} #mercurial-page table.cmd tr.best-price:hover td {background:#6EBB2C; color:black;} #mercurial-page .cart {position:fixed; z-index:1000; left:0; bottom:0; right:0; background:#FAFAFA; top:53px;} #mercurial-page .cart.closed {max-height:64px; left:50%; top:auto; overflow:hidden;} #mercurial-page .cart .header {text-align:center; font-size:28px; background:#404040; border-top:5px solid #E2730F; color:white; padding:15px 30px; cursor:pointer;} #mercurial-page .cart .header .close {float:right;} #mercurial-page .cart.closed .header .close {display:none;} #mercurial-page .cart .header .empty-cart {float:left; font-size:14px;} #mercurial-page .cart .header:hover {background:#606060;} #mercurial-page .cart {overflow-y:scroll;} #mercurial-page .shopping-list { position:fixed; z-index:1000; left:0; bottom:0; width:50%; background:#757575; color:white; } #mercurial-page .shopping-list.closed {height:64px; box-sizing:border-box; border-top:5px solid #E2730F;} #mercurial-page .shopping-list.closed .body {display:none;} #mercurial-page .shopping-list:not(.closed) {top:53px; height:auto; width:100%; z-index:1100; background:white;} #mercurial-page .shopping-list:not(.closed) .head {display:none;} #mercurial-page .shopping-list.step-1 .if-step-2 {display:none;} #mercurial-page .shopping-list.step-2 .if-step-1 {display:none;} #mercurial-page .shopping-list .navigator { display:flex; align-items:center; background:orange; font-size:22px; font-weight:bold; } #mercurial-page .shopping-list .navigator .current-ingredient { font-weight:bold; text-align:center; width:calc(100% - 210px); box-sizing:border-box; } #mercurial-page .shopping-list .navigator .open-btn {width:120px; text-align:center; font-weight:normal;} #mercurial-page .shopping-list .navigator .prev, #mercurial-page .shopping-list .navigator .next { display:flex; align-items:center; justify-content:center; width:45px; height:59px; cursor:pointer; } #mercurial-page .shopping-list .navigator .prev, #mercurial-page .shopping-list .navigator .next, #mercurial-page .shopping-list .navigator .open-btn { background:#757575; border-right:1px solid white; border-left:1px solid white; box-sizing:border-box; } #mercurial-page .shopping-list .navigator .prev:hover, #mercurial-page .shopping-list .navigator .next:hover {background:#606060;} #mercurial-page .shopping-list .open-btn { cursor:pointer; height:59px; line-height:59px; font-size:22px; vertical-align:middle; text-align:center; } #mercurial-page .shopping-list .open-btn:hover {background:#606060;} #mercurial-page .shopping-list .body {color:black;} #mercurial-page .shopping-list .body .close { position:relative; background:#757575; color:white; cursor:pointer; height:59px; line-height:59px; font-size:22px; vertical-align:middle; text-align:center; } #mercurial-page .shopping-list .body .close:hover {background:#606060;} #mercurial-page .shopping-list .body .close i.fa { position:absolute; right:30px; top:13px; font-size:28px; } #mercurial-page .shopping-list .body-wrapper { max-width:680px; margin:20px auto; padding:0 20px; } #mercurial-page .shopping-list .body-wrapper .reset { font-size:14px; text-decoration:underline; cursor:pointer; margin-right:15px; } #mercurial-page .shopping-list .body .explanation {font-weight:bold;} #mercurial-page .shopping-list .body textarea {display:block; width:100%;} #mercurial-page .shopping-list .body .action {margin-top:10px; display:flex; justify-content:flex-end; align-items:center;} #mercurial-page .shopping-list-items {max-height:230px; overflow-y:auto; margin-top:30px;} #mercurial-page .shopping-list-items table {width:100%; border-collapse:collapse;} #mercurial-page .shopping-list-items table thead th { position:sticky; top:0; z-index:1; background:black; color:white; border:1px solid white; } #mercurial-page .shopping-list-items table tbody td {border:1px solid #606060; padding:.2em 1em; cursor:pointer;} #mercurial-page .shopping-list-items table tbody tr.done {opacity:0.3;} #mercurial-page .shopping-list-items table tbody tr:hover td {background:#F0F0F0;} #mercurial-page .shopping-list-items table tbody td.ing {font-weight:500;} #mercurial-page .shopping-list-items table tbody td.qtt {text-align:center;} #mercurial-page .shopping-list-items table tbody td.unit {text-align:center;} .popup-add-to-cart table {width:100%; font-size:18px; font-weight:bold;} .popup-add-to-cart .pure-form {text-align:right; margin:30px 0; font-size:18px;} .popup-add-to-cart .pure-form .qtt {text-align: center; width:250px; margin-bottom:20px;} .popup-add-to-cart .pure-form .when {width:250px;} .popup-add-to-cart .pure-form .date {float: right; margin-top:20px;} .popup-add-to-cart .pure-form .add-wrapper {clear:right; padding-top:20px;} .popup-add-to-cart .from-shopping-list {font-weight:bold; margin-bottom:20px;} .popup-add-to-cart .from-shopping-list input.copy-qtt { background:orange; color:white; padding:.2em 1em; } #mercurial-page table.cart-items {width:100%; background:white;} #mercurial-page table.cart-items tr {cursor:pointer;} #mercurial-page table.cart-items tr td {padding:10px 20px; color:black; font-size:14px;} #mercurial-page table.cart-items tr td.actions > * {display:inline-block;} .popup-add-new-line .form > * {margin:8px 0;} .popup-add-new-line label {display:block;} .popup-add-new-line .field {width:100%; text-transform:uppercase;} .popup-add-new-line .actions {text-align:right;} .popup-affect-ingredient .form > * {margin:20px 0;} .popup-affect-ingredient label {display:block;} .popup-affect-ingredient select.field {width:100%;} .popup-affect-ingredient .field[type="text"] {width:100%; text-transform:uppercase;} .popup-affect-ingredient .actions {text-align:right;} .popup-affect-ingredient .ingredient-to-affect {text-align:center; font-weight:bold; font-size:16px; color:white; background:orange; padding:10px 0;} .popup-affect-ingredient .rapid-search {background:#909090; padding:12px; font-size:0;} .popup-affect-ingredient .rapid-search > * {display:inline-block; font-size:16px;} .popup-affect-ingredient .rapid-search > * > * {width:100%;} .popup-affect-ingredient .rapid-search .col-1 {width:25%; color:white;} .popup-affect-ingredient .rapid-search .col-2 {width:31%;} .popup-affect-ingredient .rapid-search .col-3 {width:44%;} .apply-wrapper {margin:10px 0;} .cart-total-amount {text-align:right; font-size:18px; padding:15px 30px; font-weight:bold; color:#E2730F;} .cart-items tr:hover td {background:#EBEBEB;} .cart-items td.qtt {font-weight:bold; background:#E2730F !important; color:white !important;} .convert-cart-to-order-wrapper {text-align:right; padding:15px 30px;} #orders-page .head { display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #C0C0C0; } #orders-page .head label {margin-right:.5em !important;} #orders-page .head select {max-width:650px;} #orders-page .head button {margin-left:8px; padding-left:15px; padding-right:15px;} #order-details table {width:100%;} #order-details table tr.title td {font-size:22px; padding:12px 20px; border:1px solid #C0C0C0;} #order-details table tr.supplier td { background:#404040; color:white; padding:12px 20px; border-right:1px solid white; border-bottom:1px solid white; } #order-details table tr.product td {border:1px solid #A0A0A0; padding:8px 20px;} #order-details table tr.deferred td {background:#E0E0E0;} #order-details table tr.product td.qtt {background:#E2730F; color:white; text-align:center;} #order-details table tr.product td.price {text-align:right;} #order-details table tr.subtot td.price {text-align:right; font-weight:bold; background:#E2730F; color:white; padding:8px 20px;} #order-details .copy-to-email { display:inline-block; margin-left:1em; text-decoration:underline; cursor:pointer; font-size:90%; } #order-details table.style-for-clipboard { font-size:11px; width:750px; } #order-details table.style-for-clipboard tr.product td { padding:5px; } #inventories-page .head {display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #C0C0C0;} #inventories-page .head label {margin-right:.5em !important;} #inventories-page .head select {max-width:500px;} #inventories-page .head button {margin-left:8px; padding-left:15px; padding-right:15px;} #inventory-details table tfoot tr th, #inventory-details table thead tr th {background:#404040; border:1px solid #A0A0A0; color:white; padding:12px 20px;} #inventory-details table tbody tr.highlight td {background:yellow;} #inventory-details table tbody tr td {background:white; border:1px solid #A0A0A0; padding:8px 20px;} #inventory-details table tbody tr td input {font-size:18px; padding:5px 10px; text-align:right;} #inventory-details table tbody tr td.price {text-align:right;} #inventory-details table tbody tr.editing td {background:yellow !important;} #inventory-details table tbody tr td.editable {padding:0;} #inventory-details table tbody tr td.editable input {padding:6px 18px; background:none; border:none;} #inventory-details table tbody tr td.editable input:hover {background:#D0D0D0;} #inventory-details table tbody tr td .delete {cursor:pointer;} #inventory-details table tbody tr:hover td {background:#E9E9E9;} #inventory-details .add-btn-wrapper {margin-bottom:30px;} #inventory-details table tbody tr td.inventory-category {background:#E2730F; font-weight:bold; color:white; font-size:18px;} #inventory-details input::-webkit-outer-spin-button, #inventory-details input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .popup-add-article-to-inventory .search {width:100%; margin-bottom:10px;} .popup-add-article-to-inventory .inventory-search-on-left-wrapper {margin-bottom:10px;} .popup-add-article-to-inventory .ingredients {height:200px; overflow-y:scroll; background:white; border:1px solid #606060;} .popup-add-article-to-inventory .ingredients ul {list-style:none; padding:0;} .popup-add-article-to-inventory .ingredients ul li {display:block; margin:0; padding:5px 10px; border-bottom:1px solid #E0E0E0; cursor:pointer;} .popup-add-article-to-inventory .ingredients ul li:hover {background:#E2730F; color:white;} .popup-add-article-to-inventory .free-article-wrapper {padding:10px 0;} .popup-add-article-to-inventory .free-article-wrapper p {text-align: center; padding:8px 0; background:#E9E9E9;} .popup-add-article-to-inventory .free-article-wrapper .fieldset > div:first-child {text-align:right; vertical-align:middle !important; width:26%;} .popup-add-article-to-inventory .free-article-wrapper .field {width:100%; box-sizing:border-box;} .popup-modify-supplier label {display:block;} .popup-modify-supplier .fieldset {margin-bottom:10px;} .popup-modify-supplier .field {width:100%; padding:6px 14px; box-sizing:border-box;} .popup-modify-supplier .actions {text-align:right;} .popup-modify-supplier .suggest-wrapper tr > * {text-align:center; vertical-align:middle;} #suggestions-page .head .current {background:#404040; color:white;} #suggestions-page .body ul {list-style: none; padding:0;} #suggestions-page .body ul li {display:block; margin:0; padding:5px 0; cursor:pointer;} #suggestions-page .body ul li:hover {background:#F0F0F0;} #suggestions-page .body ul li.blacklisted {text-decoration:line-through; color:red;} #suggestions-page .body ul li em {color:#A0A0A0;} .popup-add-suggestions .suggestions-lists .label-wrapper {width:150px; text-align:right;} .popup-add-suggestions .suggestions-lists .label-wrapper label {display:inline-block; margin-right:10px;} .popup-add-suggestions .suggestions-lists select {width:100%;} .popup-add-suggestions .products-to-add {margin-left:150px;} .popup-add-suggestions .products-to-add ul {padding-left:0;} .popup-add-suggestions .products-to-add .delete {font-size:12px; color:red; text-decoration:underline; cursor:pointer;} .popup-add-suggestions .products-to-add .actions {text-align:right;} .popup-extract .only-if-email {display:none;} .popup-extract .only-if-download {display:none;} .popup-extract .actionEMAIL .only-if-email {display:block;} .popup-extract .actionDOWNLOAD .only-if-download {display:block;} .popup-extract .fieldset {margin-bottom:15px;} .popup-extract .fieldset label {display:block;} .popup-extract .fieldset input[type="TEXT"], .popup-extract .fieldset textarea, .popup-extract .fieldset select {display:block; width:100%;} .popup-extract .fieldset textarea {height:100px;} .popup-extract .actions {text-align:right;} .simulation-warning {display:inline-block; background:red; color:white; font-weight:bold; padding:4px 15px; position:relative; left:-10px; top:2px;} .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } /* Page ARTICLES */ #articles-page table thead th {background:#404040; color:white; font-weight:bold; text-align:center; padding:12px 20px;} #articles-page table thead th.light {background:#707070;} #articles-page table tbody td {padding:5px 20px; border:1px solid #A0A0A0; cursor:pointer;} #articles-page table tbody td.center {text-align:center;} #articles-page table tbody tr:hover td {background:#E9E9E9;} .popup-edit-article .warning {color:orange; font-weight:bold; margin:0 0 1.2em;} .popup-edit-article label {width:8em !important;} .popup-edit-article .field {width:28em;} .popup-edit-article .actions {margin:20px 0 10px; text-align:right;} #articles-page table tr td {background:none; transition:background .3s ease-in-out;} #articles-page table tr td.stats {background:#F0F0F0;} #articles-page table tr.highlight td {background:orange;} #articles-page .stats-xls {margin-left:1.1em; padding: .35em .8em .4em !important;} .popup-stats-xls-articles .actions {text-align:right; margin-top:20px; margin-bottom:12px;} #articles-page .delete { padding:3px 10px; } #articles-page .delete:hover { color:#C00000; } /* Page Utilisateurs */ #users-page thead th {border-right:1px solid #CBCBCB; vertical-align:middle;} #users-page thead tr.secondary {font-size:12px;} #users-page tr > *.center {text-align:center;} #users-page tbody td {border-right:1px solid #F0F0F0;} #users-page tbody tr.role-ADMIN {background:#FF9595;} #users-page tbody tr.role-MANAGER {background:#FFFF95;} #users-page tbody tr:hover td {background:#F0F0F0;} #users-page tbody tr.role-ADMIN:hover td {background:#E07676;} #users-page tbody tr.role-MANAGER:hover td {background:#E0E076;} /* Popup modification d'un utilisateur */ .popup-edit-user .field:not([type=checkbox]) {width:100%;} .popup-edit-user .fieldset {margin-bottom:1em;} .popup-edit-user .fieldset.top-sep {border-top:1px solid #E0E0E0; padding-top:8px;} .popup-edit-user .actions { text-align:right; display:flex; justify-content:space-between; } .popup-edit-user .suppliers { display:flex; flex-wrap:wrap; background:white; padding:.5em .8em; border:1px solid #E0E0E0; margin-top:.7em; } .popup-edit-user .suppliers > * { white-space:nowrap; margin-right:1em; margin-bottom:.5em; } .popup-edit-user .suppliers label {cursor:pointer;} .popup-edit-user .suppliers label:hover {background:#F0F0F0;} .popup-edit-user .shipping-days thead th.name { text-align:right; vertical-align: middle; } .popup-edit-user .shipping-days th.customer-ref { width:110px; } .popup-edit-user .shipping-days { margin-top:30px; } .popup-edit-user .shipping-days .days label { cursor:pointer; padding:.1em .05em; } .popup-edit-user .shipping-days .days label:hover { background:#F0F0F0; } .popup-edit-user .shipping-days .days { display:flex; align-items:center; } .popup-edit-user .shipping-days .days > * { margin-right:10px; } .popup-edit-user .shipping-days .shortcut { cursor:pointer; text-decoration:underline; font-size:12px; white-space:nowrap; } .popup-edit-user .coordinates-form-line { display:flex; align-items:flex-end; } .popup-edit-user .name label, .popup-edit-user .days-wrapper label:not(.for-checkbox), .popup-edit-user .coordinates-form-line label { font-size:13px; color:#606060; } .popup-edit-user .coordinates-form-line .field { font-size:14px !important; padding:5px !important; } #batch-orders-page .head { display:flex; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #C0C0C0; } #batch-orders-page .head label {margin-right:.5em !important;} #batch-orders-page .head select {max-width:500px;} #batch-orders-page .head button {margin-left:8px; padding-left:15px; padding-right:15px;} .catalog-settings-form { display:flex; width:100%; border-bottom:1px solid #C0C0C0; padding-bottom:25px; margin-bottom:20px; } .catalog-settings-form > * { margin-right:30px; } .catalog-settings-form .fieldset.mb { margin-bottom:30px; } .catalog-settings-form .only-if-restrict-access { border:1px solid #E0E0E0; background:#F0F0F0; padding:10px 15px; font-size:12px; } .catalog-settings-form .only-if-restrict-access.hidden { display:none; } .catalog-settings-form .only-if-restrict-access label { cursor:pointer; } #batch-orders-page table.lines { width:100%; } #batch-orders-page table.lines thead .field[name="customer"] { height:32px; padding:0 5px; box-sizing:border-box; width:100%; } #batch-orders-page table.lines .tools { position:relative; } #batch-orders-page table.lines .line-tools { position:relative; z-index:10; display:flex; margin-left:36px; } #batch-orders-page table.lines .tools .add { position:absolute; z-index:20; bottom:-14px; width:28px; height:28px; border:1px solid rgba(0,0,0,0); border-radius:14px; background:#D0D0D0; display:flex; justify-content:center; align-items:center; cursor:pointer; } #batch-orders-page table.lines .tools .add:hover { color:#E2730F; background:white; border-color:#606060; } #batch-orders-page table.lines .edit-date-of-use, #batch-orders-page table.lines .tools .delete, #batch-orders-page table.lines .tools .move, #batch-orders-page table.lines .edit-price { display:flex; justify-content:center; align-items:center; width:28px; height:28px; margin-right:5px; border:1px solid rgba(0,0,0,0); border-radius:14px; cursor:pointer; } #batch-orders-page table.lines .edit-date-of-use:hover, #batch-orders-page table.lines .tools .delete:hover, #batch-orders-page table.lines .tools .move:hover, #batch-orders-page table.lines .edit-price:hover { background:white; border-color:#606060; } #batch-orders-page table.lines tbody tr { background:#F8F8F8; transition:background .8s ease-out; } #batch-orders-page table.lines tbody tr.ui-sortable-helper { background:#C0C0C0; } #batch-orders-page table.lines tbody td.date-of-use > div { display:flex; align-items:center; } #batch-orders-page table.lines tbody td.date-of-use .date-txt { font-weight:600; } #batch-orders-page table.lines tbody td.date-of-use > .edit-date-of-use { margin-left:6px; } #batch-orders-page table.lines tbody tr.highlight { background:yellow !important; transition:none; } #batch-orders-page table.lines tbody td.price-cell .inner { display:flex; align-items:center; justify-content:flex-end; } #batch-orders-page table.lines tbody td.price-cell .inner .price { margin-right:1em; } #batch-orders-page .adding-info { text-align:center; padding-top:20px; color:#E2730F; font-weight:600; font-style:italic; } #batch-orders-page td.customer-input .inner { display:flex; align-items:center; } #batch-orders-page td.customer-input.hidden .inner { display:none; } #batch-orders-page td.customer-input.forbidden { background:#D0D0D0 !important; } #batch-orders-page td.customer-input.forbidden .inner * { display:none; } #batch-orders-page tr:not(.active):not(:hover) td.customer-input:not(.filled):not(.forbidden) { opacity:.2; } #batch-orders-page td.customer-input .field[name="qty"] { width:64px; font-size:14px; font-weight:600; outline:0; border:1px solid #606060 !important; color:black; line-height:1em; vertical-align:middle; height:30px; padding:0; text-align:center; } #batch-orders-page td.customer-input input::-webkit-outer-spin-button, #batch-orders-page td.customer-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #batch-orders-page td.customer-input input[type=number] { -moz-appearance:textfield; } #batch-orders-page td.customer-input .unit { font-size:14px; font-weight:600; letter-spacing: -0.01em; width:50px; padding-left:.5em; } #batch-orders-page td.customer-input .date-of-shipping { display:flex; width:120px; justify-content:center; align-items:center; height:30px; text-align:center; font-size:13px; font-weight:600; background:white; color:black; outline:0; border:1px solid #606060 !important; cursor:pointer; } #batch-orders-page td.customer-input .date-of-shipping[data-date=""] .date-txt:before { content:"Date de livraison"; color:#B0B0B0; font-weight:normal; text-transform:uppercase; } #batch-orders-page table.lines tbody tr { position:relative; } #batch-orders-page table.lines tbody tr.active { z-index:20; } #batch-orders-page table.lines tbody tr.active td { background:#E0E0E0; } #batch-orders-page table.lines tbody tr.active td.date-of-use .date-txt, #batch-orders-page table.lines tbody tr.active td > .name { color:#E2730F; } #batch-orders-page .date-of-shipping { position:relative; z-index:10; } #batch-orders-page .date-of-shipping > .selector { position:absolute; z-index:20; top:6px; right:8px; display:flex; flex-direction:column; justify-content:center; background:white; box-shadow:1px 1px 8px rgba(0,0,0,.4); } #batch-orders-page .date-of-shipping > .selector > * { cursor:pointer; width:160px; } #batch-orders-page .date-of-shipping > .selector > nav { background:#404040; color:white; height:36px; line-height:36px; vertical-align:middle; white-space:nowrap; font-size:12px; text-align:center; } #batch-orders-page .date-of-shipping > .selector > nav:hover { background:black; } #batch-orders-page .date-of-shipping > .selector > .days-of-week { display:flex; flex-direction:column; justify-content:center; } #batch-orders-page .date-of-shipping > .selector > .days-of-week > * { height:36px; line-height:36px; vertical-align:middle; white-space:nowrap; padding:0 1em; } #batch-orders-page .date-of-shipping > .selector > .days-of-week > *:hover { background:#F0F0F0; } #batch-orders-page .date-of-shipping > .selector > .days-of-week > *.selected { background:#E2730F !important; color:white; } #batch-orders-page .restrict-customers { cursor:pointer; font-size:11px; font-style:italic; color:#999999; } #batch-orders-page .restrict-customers:hover { color:black; } #batch-orders-page input::-webkit-outer-spin-button, #batch-orders-page input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #batch-orders-page input[type=number] { -moz-appearance:textfield; } #batch-orders-page .sort-form { display:flex; justify-content:center; align-items:center; margin:45px 0 0; } #batch-orders-page .sort-form .field { margin:0 10px; } .popup-add-or-edit-catalog-line .date.field { display:inline-block; margin-right:1em; } .popup-add-or-edit-catalog-line .add-favorites-wrapper, .popup-add-or-edit-catalog-line .multiple-add-wrapper { display:flex; justify-content:flex-end; margin-top:30px; } .popup-add-or-edit-catalog-line .tabs { display:flex; margin-top:30px; } .popup-add-or-edit-catalog-line .tabs > * { font-weight:bold; padding:.7em; text-align:center; white-space:nowrap; box-sizing:border-box; width:33.3%; box-shadow: 1px 1px 2px rgba(0,0,0,.2) inset; } .popup-add-or-edit-catalog-line .tabs > *:not(.current) { cursor:pointer; background:#F0F0F0; } .popup-add-or-edit-catalog-line .tabs > *:not(.current):hover { background:#E3E3E3; } .popup-add-or-edit-catalog-line .tabs > .hide-if-not-current:not(.current) { visibility:hidden; } .popup-add-or-edit-catalog-line .tabs > .current { background:#333; color:white; } .popup-add-or-edit-catalog-line .panes { background:#F0F0F0; padding:20px; border:1px solid #333; margin-bottom:20px; } .popup-add-or-edit-catalog-line .panes > *:not(.current) { display:none; } .popup-add-or-edit-catalog-line .panes .field { width:100%; } .popup-add-or-edit-catalog-line .actions { display:flex; justify-content:flex-end; margin-top:20px; } .popup-add-or-edit-catalog-line .actions > * { margin-left:20px; } .popup-add-or-edit-catalog-line .no-results { font-style:italic; margin-top:.75em; } .popup-add-or-edit-catalog-line .search-results ul { list-style:none; display:flex; flex-direction:column; margin:0; padding:0; } .popup-add-or-edit-catalog-line .search-results ul li { cursor:pointer; border:1px solid #C0C0C0; background:white; position:relative; padding:.7em 1em; font-size:13px; line-height:1.15em; } .popup-add-or-edit-catalog-line .search-results ul li .infos span { display:block; } .popup-add-or-edit-catalog-line .search-results ul li .infos .supplier { color:#A0A0A0; } .popup-add-or-edit-catalog-line .search-results ul li .infos .name { font-weight:bold; } .popup-add-or-edit-catalog-line .search-results ul li .infos .synaps-ref { color:#A0A0A0; font-size:12px; } .popup-add-or-edit-catalog-line .search-results ul li:hover:not(:active) { background:#DEE3AB; } .popup-add-or-edit-catalog-line .search-results ul li .icons { position:absolute; top:3px; right:3px; display:flex; justify-content:flex-end; } .popup-add-or-edit-catalog-line .search-results ul li .icons > * { display:flex; justify-content:center; align-items:center; background:#F0F0F0; width:22px; height:22px; margin:0 0 0 1px !important; } .popup-add-or-edit-catalog-line .search-results ul li .icons > *:hover { background:black; color:white; } .popup-add-or-edit-catalog-line .search-results ul li .icons > .switch-favorite.checked > .unchecked, .popup-add-or-edit-catalog-line .search-results ul li .icons > .switch-favorite:not(.checked) > .checked { display:none; } .popup-add-or-edit-catalog-line .search-results ul li .article-checkbox { cursor:pointer; } .popup-add-or-edit-catalog-line .select-info { padding-top:20px; color:#E2730F; font-weight:600; font-style:italic; } .popup-edit-date-of-use .fieldset label { display:block; text-align:center; font-weight:700; margin-bottom:15px; } .popup-edit-date-of-use .fieldset .date > .ui-datepicker { margin:0 auto; } .popup-edit-date-of-use .actions { text-align:right; margin-top:20px; } .popup-batch-orders-stats .title { text-align:center; color:#E2730F; } .popup-batch-orders-stats .subtitle { text-align:center; font-weight:normal; } .popup-batch-orders-stats table { margin:8px auto 20px; } .popup-batch-orders-stats table thead th { text-align:center; } .popup-batch-orders-stats table .btns { display:flex; align-items:center; } .popup-batch-orders-stats table thead .customer-name { writing-mode:vertical-lr; margin:1em auto; } .popup-batch-orders-stats table thead .btns { justify-content:center; } .popup-batch-orders-stats table .btns > * { background:#666; color:white; font-size:11px; cursor:pointer; margin-right:8px; padding:.3em .8em; } .popup-batch-orders-stats table .btns > *:hover { background:black; } .popup-batch-orders-stats table td.supplier { white-space:nowrap; text-align:right; } .popup-batch-orders-stats table td.stat { text-align:center; } .popup-batch-orders-stats table td.stat:not(.empty) { font-weight:bold; } .popup-batch-orders-stats table tbody tr:hover { background:yellow; } .popup-edit-line-visibility select.field { display:block; width:100%; box-sizing:border-box; padding:5px 0 5px 10px; } .popup-edit-line-visibility .checkbox-wrapper { cursor:pointer; display:block; width:100%; box-sizing:border-box; } .popup-edit-line-visibility .checkbox-wrapper:hover { background:white; } .popup-edit-line-visibility .actions { display:flex; justify-content:flex-end; margin-top:30px; padding-bottom:10px; } .popup-edit-price .popup-section + .popup-section { margin-top:20px; margin-bottom:40px; } .popup-edit-price h2 { text-transform:uppercase; color:#E2730F; } .popup-edit-price .batch-orders-article { background:#F0F0F0; border:1px solid #E0E0E0; padding:10px 15px; font-size:14px; } .popup-edit-price .field { display:block; width:100%; padding:5px 8px; box-sizing:border-box; } .popup-edit-price .rate { font-size:12px; font-weight:bold; white-space:nowrap; margin-bottom:6px; } .popup-edit-price .rate .field { display:inline-block; width:42px; padding:2px 3px; } .popup-edit-price .suggestions { max-height:200px; overflow-y:auto; border:1px solid #C0C0C0; background:white; } .popup-edit-price .suggestions > * { display:flex; justify-content:space-between; align-items:center; padding:5px 8px; border-bottom:1px solid #C0C0C0; font-size:14px; } .popup-edit-price .suggestions > .current { background:yellow; } .popup-edit-price .suggestions .pure-button { padding:5px 15px; font-size:14px; width:100%; min-width:180px; box-sizing:border-box; } .popup-edit-price .suggestion > span { margin-right:20px; } .popup-edit-price .unlink-mercurial-wrapper { margin-top:30px; } .popup-edit-price .unlink-mercurial { display:block; width:100%; } #non-conformity-page .head { margin-bottom:30px; } #non-conformity-page .head label { margin-right: .5em !important; } #non-conformity-page .head button { margin-left: 8px; padding-left: 15px; padding-right: 15px; } #non-conformity-page .body table.items { width:100%; } #non-conformity-page .body table.items thead th { vertical-align:middle; } #non-conformity-page .body table.items thead .filter { font-size:13px; max-width:150px; } #non-conformity-page .body table.items tbody tr.hidden-by-filter { display:none !important; } #non-conformity-page .body table.items .hide-on-screen { display:none !important; } #non-conformity-page .body table.items tbody td { cursor:pointer; position:relative; } #non-conformity-page .body table.items tr:hover td { background:#F3F3F3; } #non-conformity-page .body table.items td img { display:inline-block; height:44px; width:auto; margin-right:5px; } #non-conformity-page .status { position:absolute; left:-7px; top:calc(50% - 7px); display:inline-block; width:14px; height:14px; border-radius:14px; } .popup-non-conformity .pure-g > *:not(:last-child) { padding-right:25px !important; box-sizing:border-box; } .popup-non-conformity .fieldset {margin-bottom:15px;} .popup-non-conformity .fieldset em {font-size:12px; color:#505050;} .popup-non-conformity .fieldset em.warning {font-size:14px; line-height:1.15em; color:#E2730F;} .popup-non-conformity .label {display:block;} .popup-non-conformity .field { width:100%; box-sizing:border-box; padding:3px 6px; } .popup-non-conformity button.search-article { background:#E2730F !important; color:white !important } .popup-non-conformity textarea.field {font-size:14px; line-height:1.15em;} .popup-non-conformity input[type="file" i] {font-size:14px !important;} .popup-non-conformity img.photo {display:block; width:auto; max-height:100px; border:1px solid rgba(0,0,0,0);} .popup-non-conformity a:hover img.photo {border-color:black;} .popup-non-conformity .photo-wrapper.to-delete {opacity:.3;} .popup-non-conformity .delete-photo { color:#A00000; text-decoration:underline; cursor:pointer; font-size:12px; } .popup-non-conformity .actions {display:flex; justify-content:space-between; align-items:center;} .popup-non-conformity .actions button {background:black; color:white;} .popup-non-conformity .actions .send { text-decoration:underline; cursor:pointer; font-size:14px; margin-right:20px; } .popup-non-conformity .actions .delete { color:#A00000; text-decoration:underline; cursor:pointer; font-size:14px; } .popup-non-conformity .status-legend { display:inline-block; width:12px; height:12px; border-radius:14px; margin-left:2px; } .status-DRAFT {background:#F11732;} .status-PROCESSING {background:#FD8D04;} .status-COMPLETED {background:#8FCA5C;} .popup-non-conformity-search .field { display:block; width:100%; box-sizing:border-box; padding:5px 8px; } .popup-non-conformity-search .suggestions { margin-top:10px; max-height:200px; overflow-y:scroll; border:1px solid #F0F0F0; background:white; } .popup-non-conformity-search .suggestions .article { border-bottom:1px solid #D0D0D0; padding:5px 9px; cursor:pointer; } .popup-non-conformity-search .suggestions .article:hover { background:#F9FFB7; } .popup-non-conformity-search .suggestions .article .supplier { font-weight:bold; display:block; } .popup-non-conformity-search .suggestions .article .article_ref { display:inline-block; background:#F0F0F0; padding:2px 5px; margin-right:5px; font-size:90%; } #batch-orders-page table.lines tbody tr .tot-price { font-weight: 800; font-size: 13px; color: #E2730F; } /* Page Fournisseurs des chefs */ #chef-suppliers-page .supplier { display:flex; border-bottom:1px solid #C0C0C0; padding-bottom:20px; margin-bottom:10px; } #chef-suppliers-page .supplier .left, #chef-suppliers-page .supplier .right { flex:1; } #chef-suppliers-page .supplier .right { margin-top:0.83em; } #chef-suppliers-page .supplier .gutter { width:20px; } #chef-suppliers-page h2 { color:#6EBB2C; } #chef-suppliers-page .line { line-height:24px; } #chef-suppliers-page .info { display:inline-block; padding:0px 8px; margin:2px 10px 2px 0; background:#F0F0F0; cursor:pointer; } #chef-suppliers-page .info:hover { background:#E0E0E0; } /* Page coordonnées des fournisseurs */ #supplier-coordinates-page .chef { margin-top:20px; padding-top:5px; border-top:1px solid #C0C0C0; } #supplier-coordinates-page .chef h2 { color:#67C000; } #supplier-coordinates-page .chef .chef-line { line-height:45px; } #supplier-coordinates-page .chef label { display:inline-block; margin-left:8px; padding-right:8px; cursor:pointer; padding:4px; } #supplier-coordinates-page .saved { background:#BDF759 !important; } #supplier-coordinates-page input.saved:-webkit-autofill { background-color: #BDF759 !important; box-shadow: 0 0 0px 1000px #BDF759 inset !important; } #supplier-coordinates-page .chef-flex { display:flex; align-items:center; } #supplier-coordinates-page .chef-flex > :first-child { border-right:1px dotted black; padding-right:30px; } #supplier-coordinates-page .chef-flex > :last-child { margin-left:30px; } @media screen and (max-width:1350px) { .coordinates-title {display:block;} } @media screen and (max-width:1140px) { #supplier-coordinates-page .chef-flex { flex-direction:column; align-items:stretch; } #supplier-coordinates-page .chef-flex > :first-child { border-right:none; padding-right:0; } #supplier-coordinates-page .chef-flex > :last-child { margin-left:0; margin-top:30px; } #supplier-coordinates-page .chef-flex .field { width:100%; } }