You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

custom.css 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707
  1. @charset "UTF-8";
  2. /* STRUCTURE */
  3. /* line 2, ../sass/custom.scss */
  4. body {
  5. font-size: 0.9rem;
  6. }
  7. /* line 3, ../sass/custom.scss */
  8. [class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover {
  9. background: rgba(255, 255, 255, 0.1);
  10. }
  11. /* line 5, ../sass/custom.scss */
  12. .align-center {
  13. text-align: center;
  14. }
  15. /* line 6, ../sass/custom.scss */
  16. .align-left {
  17. text-align: left;
  18. }
  19. /* line 7, ../sass/custom.scss */
  20. .align-right {
  21. text-align: right;
  22. }
  23. /* line 9, ../sass/custom.scss */
  24. .hidden {
  25. display: none;
  26. }
  27. /* line 11, ../sass/custom.scss */
  28. .select2-container--default .select2-results__option[aria-disabled=true] {
  29. display: none;
  30. }
  31. /* line 15, ../sass/custom.scss */
  32. .field-collection-item-action {
  33. font-size: 2rem;
  34. font-weight: bold;
  35. margin-left: 4px;
  36. width: 7%;
  37. text-align: center;
  38. display: inline-block;
  39. line-height: 2.2rem;
  40. }
  41. /* line 24, ../sass/custom.scss */
  42. .field-collection-item-row .form-control {
  43. width: 92%;
  44. float: left;
  45. }
  46. /* line 28, ../sass/custom.scss */
  47. #lc-flash-messages {
  48. display: none;
  49. }
  50. /* line 30, ../sass/custom.scss */
  51. .main-sidebar .logo-long {
  52. padding: 8px 0;
  53. text-align: center;
  54. }
  55. /* line 31, ../sass/custom.scss */
  56. .main-sidebar .logo-long img {
  57. height: 40px;
  58. display: inline-block;
  59. }
  60. /* line 32, ../sass/custom.scss */
  61. .sidebar-collapse .main-sidebar .logo-long span {
  62. display: none;
  63. }
  64. /* line 33, ../sass/custom.scss */
  65. .sidebar-collapse .main-sidebar:hover .logo-long span {
  66. display: inline-block;
  67. }
  68. /* line 35, ../sass/custom.scss */
  69. .table.datatable-simple .highlight {
  70. background: var(--teal);
  71. }
  72. /* line 36, ../sass/custom.scss */
  73. .datatable-field-search.small {
  74. width: 50px;
  75. }
  76. /* line 38, ../sass/custom.scss */
  77. .dataTables_length, .dataTables_filter {
  78. padding: .75rem 1.25rem 0.25rem;
  79. }
  80. /* line 40, ../sass/custom.scss */
  81. table.fixedHeader-floating {
  82. margin-top: 0px !important;
  83. }
  84. /* line 41, ../sass/custom.scss */
  85. table th.sorting_asc, table th.sorting_desc {
  86. border-top: 3px solid var(--success);
  87. }
  88. /* line 42, ../sass/custom.scss */
  89. table th.filtered {
  90. border-top: 3px solid var(--primary);
  91. }
  92. /* line 44, ../sass/custom.scss */
  93. td.actions {
  94. white-space: nowrap;
  95. text-align: right;
  96. }
  97. /* line 46, ../sass/custom.scss */
  98. .table td, .table th {
  99. padding: 0.35rem;
  100. }
  101. /* line 47, ../sass/custom.scss */
  102. .delivery-field .form-group {
  103. display: inline-block;
  104. margin-bottom: 0px;
  105. margin-right: 15px;
  106. }
  107. /* line 48, ../sass/custom.scss */
  108. .delivery-field .form-group .form-control {
  109. width: 150px;
  110. }
  111. /* line 50, ../sass/custom.scss */
  112. table th input {
  113. width: auto;
  114. }
  115. /* line 51, ../sass/custom.scss */
  116. table th .select2-container--default .select2-selection--single {
  117. padding: 0.3rem 0.4rem;
  118. }
  119. /************************ LOGIN PAGE *********************/
  120. /* line 54, ../sass/custom.scss */
  121. .login-logo {
  122. display: block;
  123. margin: auto;
  124. }
  125. /************************ form error *********************/
  126. /* line 57, ../sass/custom.scss */
  127. .form-sent .form-control:invalid {
  128. border-color: #dc3545;
  129. padding-right: 2.25rem;
  130. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  131. background-repeat: no-repeat;
  132. background-position: center right calc(.375em + .1875rem);
  133. background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  134. }
  135. /* line 58, ../sass/custom.scss */
  136. .form-sent select.form-control:invalid + .select2 .select2-selection {
  137. border-color: #dc3545;
  138. }
  139. /* line 59, ../sass/custom.scss */
  140. .form-sent select.form-control:invalid + .select2 .select2-selection b {
  141. border-color: #dc3545 transparent transparent transparent;
  142. }
  143. /*CUSTOM Checkbox
  144. /* Customize the label (the container) */
  145. /* line 64, ../sass/custom.scss */
  146. .form-check-label {
  147. display: block;
  148. position: relative;
  149. padding-left: 26px;
  150. cursor: pointer;
  151. -webkit-user-select: none;
  152. -moz-user-select: none;
  153. -ms-user-select: none;
  154. user-select: none;
  155. }
  156. /* Hide the browser's default checkbox */
  157. /* line 66, ../sass/custom.scss */
  158. .form-check-label input {
  159. position: absolute;
  160. opacity: 0;
  161. cursor: pointer;
  162. height: 0;
  163. width: 0;
  164. }
  165. /* Create a custom checkbox */
  166. /* line 69, ../sass/custom.scss */
  167. .form-check {
  168. padding-left: 0px;
  169. }
  170. /* line 71, ../sass/custom.scss */
  171. .form-sent .form-check-label input:invalid ~ .checkmark {
  172. border-color: #dc3545;
  173. }
  174. /* line 72, ../sass/custom.scss */
  175. .form-check-label input:disabled ~ .checkmark {
  176. display: none;
  177. }
  178. /* line 73, ../sass/custom.scss */
  179. .form-check-label input ~ .checkmark {
  180. position: absolute;
  181. top: 0;
  182. left: 0;
  183. height: 18px;
  184. width: 18px;
  185. background-color: #eee;
  186. border: 1px solid var(--primary);
  187. }
  188. /* line 74, ../sass/custom.scss */
  189. .form-check-label.big input ~ .checkmark {
  190. height: 21px;
  191. width: 21px;
  192. }
  193. /* line 75, ../sass/custom.scss */
  194. .form-check-label input[type="checkbox"] ~ .checkmark {
  195. top: 2px;
  196. }
  197. /* line 76, ../sass/custom.scss */
  198. .form-check-label input[type="radio"] ~ .checkmark {
  199. top: 3px;
  200. border-radius: 50%;
  201. }
  202. /* line 77, ../sass/custom.scss */
  203. .form-check-label:hover input ~ .checkmark {
  204. background-color: #ccc;
  205. }
  206. /* When the checkbox is checked, add a blue background */
  207. /* line 79, ../sass/custom.scss */
  208. .form-check-label input:checked ~ .checkmark {
  209. background-color: var(--primary);
  210. }
  211. /* Create the checkmark/indicator (hidden when not checked) */
  212. /* line 81, ../sass/custom.scss */
  213. .form-check-label .checkmark:after {
  214. content: "";
  215. position: absolute;
  216. display: none;
  217. }
  218. /* Show the checkmark when checked */
  219. /* line 83, ../sass/custom.scss */
  220. .form-check-label input:checked ~ .checkmark:after {
  221. display: block;
  222. }
  223. /* Style the checkmark/indicator */
  224. /* line 85, ../sass/custom.scss */
  225. .form-check-label .checkmark:after {
  226. left: 7px;
  227. top: 3px;
  228. width: 6px;
  229. height: 11px;
  230. border: solid white;
  231. border-width: 0 3px 3px 0;
  232. -webkit-transform: rotate(45deg);
  233. -ms-transform: rotate(45deg);
  234. transform: rotate(45deg);
  235. }
  236. /* line 86, ../sass/custom.scss */
  237. .form-check-label input[type="checkbox"] ~ .checkmark:after {
  238. left: 6px;
  239. top: 2px;
  240. width: 6px;
  241. height: 10px;
  242. border: solid white;
  243. border-width: 0 3px 3px 0;
  244. -webkit-transform: rotate(45deg);
  245. -ms-transform: rotate(45deg);
  246. transform: rotate(45deg);
  247. }
  248. /* line 87, ../sass/custom.scss */
  249. .form-check-label input[type="radio"] ~ .checkmark:after {
  250. top: 4px;
  251. left: 4px;
  252. width: 8px;
  253. height: 8px;
  254. border-radius: 50%;
  255. background: white;
  256. }
  257. /* line 89, ../sass/custom.scss */
  258. .form-check-label.big input[type="checkbox"] ~ .checkmark:after {
  259. left: 7px;
  260. top: 3px;
  261. width: 6px;
  262. height: 11px;
  263. }
  264. /* Create a custom radio button */
  265. /* line 93, ../sass/custom.scss */
  266. .product-categories .parent .form-group.field-checkbox .form-check-label {
  267. padding-left: 0px;
  268. font-style: italic;
  269. }
  270. /* line 94, ../sass/custom.scss */
  271. .product-categories .children .form-group.field-checkbox {
  272. margin-left: 20px;
  273. }
  274. /* line 95, ../sass/custom.scss */
  275. .product-categories .form-group {
  276. margin-bottom: 0.5rem;
  277. }
  278. /* line 96, ../sass/custom.scss */
  279. .lc-deleted-field {
  280. display: none;
  281. }
  282. /* line 97, ../sass/custom.scss */
  283. .lc-offline-field {
  284. opacity: 0.5;
  285. }
  286. /* line 98, ../sass/custom.scss */
  287. .lc-offline-field label::after {
  288. content: ' [hors ligne]';
  289. }
  290. /* Général */
  291. /* line 104, ../sass/custom.scss */
  292. .btn.btn-primary.action-save {
  293. float: right;
  294. }
  295. /* line 105, ../sass/custom.scss */
  296. .button-action .btn {
  297. margin-left: 10px;
  298. }
  299. /* line 107, ../sass/custom.scss */
  300. .input-group-text {
  301. padding: 0.25rem 0.75rem;
  302. }
  303. /* line 111, ../sass/custom.scss */
  304. .col-form-label {
  305. font-weight: bold;
  306. }
  307. /* line 113, ../sass/custom.scss */
  308. #toast-container.toast-top-right {
  309. top: 60px;
  310. }
  311. /* SIDEBAR */
  312. /* line 116, ../sass/custom.scss */
  313. .main-header.navbar {
  314. padding: 0;
  315. min-height: 57px;
  316. }
  317. /* line 117, ../sass/custom.scss */
  318. .lc-navbar li {
  319. border-left: 1px solid #e0e0e0;
  320. padding: 0.5rem 1.5rem;
  321. }
  322. /* line 118, ../sass/custom.scss */
  323. .lc-navbar li label {
  324. margin-bottom: 0;
  325. vertical-align: middle;
  326. font-weight: normal !important;
  327. }
  328. /* line 120, ../sass/custom.scss */
  329. #switch-merchant {
  330. min-width: 170px;
  331. }
  332. /* Sortable */
  333. /* line 126, ../sass/custom.scss */
  334. .ui-sortable-helper {
  335. display: table;
  336. }
  337. /* line 127, ../sass/custom.scss */
  338. .ui-state-highlight {
  339. background: #eee;
  340. }
  341. /* line 128, ../sass/custom.scss */
  342. .lc-sortable div:last-child {
  343. display: none;
  344. }
  345. /* Ckfinder */
  346. /*
  347. .lc-ckfinder-wrap{width: 240px; height: 170px; position: relative;}
  348. .lc-ckfinder-wrap .lc-ckfinder-illu-wrap{position:relative; : 100%; height: 139px; display: flex; align-items: center; justify-content: center; background: #eee; background-size: contain;}
  349. .lc-ckfinder-wrap .lc-ckfinder-illu{width: 100%; height: 100%; background-size: contain; position: absolute; top: 0; left: 0;z-index: 1; background-repeat: no-repeat; background-position: center center; }
  350. .lc-ckfinder-wrap .lc-ckfinder-illu-wrap i{font-size: 5rem;}
  351. .lc-ckfinder-wrap .lc-ckfinder-remove{border: 0px; font-size: 1.8rem; position: absolute;z-index: 2; color:#dc3545; top: -20px; right: -20px; background: 0; display: none;}
  352. .lc-ckfinder-wrap .lc-ckfinder-button{width: 100%; bottom: 0px; left: 0; position: absolute;}
  353. */
  354. /* VUES JS */
  355. /* line 143, ../sass/custom.scss */
  356. .nav-item .btn {
  357. padding-right: 15px;
  358. position: relative;
  359. }
  360. /* line 144, ../sass/custom.scss */
  361. .nav-item .btn .invalid-form {
  362. display: none;
  363. position: absolute;
  364. top: -7px;
  365. right: -6px;
  366. color: #dc3545;
  367. background: #fff;
  368. border-radius: 10px;
  369. font-size: 1.2rem;
  370. }
  371. /* line 145, ../sass/custom.scss */
  372. .nav-item.has-invalid .btn .invalid-form {
  373. display: inline-block;
  374. z-index: 2;
  375. }
  376. /* ProductFamily */
  377. /* line 150, ../sass/custom.scss */
  378. .field-unit-quantity {
  379. border-bottom: 2px dotted #eee;
  380. padding-bottom: 10px;
  381. margin-bottom: 20px;
  382. }
  383. /* line 151, ../sass/custom.scss */
  384. .field-reduction-apply {
  385. border-top: 2px dotted #eee;
  386. padding-top: 10px;
  387. margin-top: 20px;
  388. }
  389. /* line 153, ../sass/custom.scss */
  390. .new-productfamily #nav-params,
  391. .edit-productfamily #nav-params {
  392. margin-bottom: 30px;
  393. }
  394. /* line 158, ../sass/custom.scss */
  395. .new-productfamily #nav-params .btn,
  396. .edit-productfamily #nav-params .btn {
  397. margin-left: 20px;
  398. }
  399. /* line 163, ../sass/custom.scss */
  400. .new-productfamily #product-categories .row,
  401. .edit-productfamily #product-categories .row {
  402. padding: 10px;
  403. }
  404. /* line 168, ../sass/custom.scss */
  405. .new-productfamily #product-categories .form-group,
  406. .edit-productfamily #product-categories .form-group {
  407. width: 100%;
  408. padding: 4px;
  409. }
  410. /* line 174, ../sass/custom.scss */
  411. .new-productfamily #product-categories .children,
  412. .edit-productfamily #product-categories .children {
  413. margin-left: 20px;
  414. width: 100%;
  415. }
  416. /* line 180, ../sass/custom.scss */
  417. .new-productfamily ul.products,
  418. .edit-productfamily ul.products {
  419. padding: 0px;
  420. list-style-type: none;
  421. }
  422. /* line 186, ../sass/custom.scss */
  423. .new-productfamily ul.products li.product,
  424. .edit-productfamily ul.products li.product {
  425. padding: 0px;
  426. margin-bottom: 20px;
  427. position: relative;
  428. }
  429. /* line 193, ../sass/custom.scss */
  430. .new-productfamily ul.products li.add,
  431. .edit-productfamily ul.products li.add {
  432. text-align: right;
  433. }
  434. /* line 198, ../sass/custom.scss */
  435. .autoresize textarea {
  436. height: auto;
  437. min-height: 38px;
  438. }
  439. /* ORDER */
  440. /* line 204, ../sass/custom.scss */
  441. .table-order-summary {
  442. width: 100%;
  443. }
  444. /* line 207, ../sass/custom.scss */
  445. .order-product-item.redelivery {
  446. background: rgba(18, 104, 253, 0.38) !important;
  447. }
  448. /*.select2-container--bootstrap .select2-selection{max-width: none;}*/
  449. /*.order-product-item{margin: 15px 0; padding: 0;}*/
  450. /* Product */
  451. /* line 212, ../sass/custom.scss */
  452. .product-form-modal {
  453. display: none;
  454. }
  455. /* line 213, ../sass/custom.scss */
  456. .product-form.modal .form-check-label {
  457. font-style: italic;
  458. color: #666;
  459. text-align: left;
  460. }
  461. /* line 214, ../sass/custom.scss */
  462. .products-collection-table .inherited {
  463. color: #888;
  464. font-style: italic;
  465. font-weight: initial;
  466. }
  467. /* line 215, ../sass/custom.scss */
  468. .products-collection-table td {
  469. position: relative;
  470. }
  471. /* line 216, ../sass/custom.scss */
  472. .card-body.p-0 .products-collection-table tbody > tr > td:first-of-type, .card-body.p-0 .products-collection-table tbody > tr > th:first-of-type, .card-body.p-0 .products-collection-table thead > tr > td:first-of-type, .card-body.p-0 .products-collection-table thead > tr > th:first-of-type {
  473. padding-left: 0.35rem;
  474. }
  475. /* line 217, ../sass/custom.scss */
  476. .products-collection-table .btn-empty-field {
  477. position: absolute;
  478. right: 3px;
  479. font-size: 0.7rem;
  480. top: 5px;
  481. padding: 0px;
  482. }
  483. /* line 218, ../sass/custom.scss */
  484. #lc-product-family-edit .products-collection-table {
  485. table-layout: fixed;
  486. }
  487. /* line 219, ../sass/custom.scss */
  488. #lc-product-family-edit .products-collection-table tr {
  489. border-bottom: 1px solid #dee2e6;
  490. }
  491. /* line 220, ../sass/custom.scss */
  492. #lc-product-family-edit .products-collection-table th {
  493. font-size: 13px;
  494. border-left: 1px solid #dee2e6;
  495. border-top: 1px solid #dee2e6;
  496. text-align: center;
  497. }
  498. /* line 221, ../sass/custom.scss */
  499. #lc-product-family-edit .products-collection-table th span {
  500. white-space: initial;
  501. }
  502. /* line 222, ../sass/custom.scss */
  503. #lc-product-family-edit .products-collection-table th:last-child {
  504. border-right: 1px solid #dee2e6;
  505. }
  506. /* line 223, ../sass/custom.scss */
  507. #lc-product-family-edit .products-collection-table td {
  508. border-left: 1px solid #dee2e6;
  509. text-align: center;
  510. font-size: 13px;
  511. }
  512. /* line 224, ../sass/custom.scss */
  513. #lc-product-family-edit .products-collection-table td:last-child {
  514. border-right: 1px solid #dee2e6;
  515. white-space: nowrap;
  516. }
  517. /* line 225, ../sass/custom.scss */
  518. #lc-product-family-edit .btn-add-product {
  519. margin: 20px 0;
  520. float: right;
  521. }
  522. /* line 226, ../sass/custom.scss */
  523. #lc-product-family-edit .inherited {
  524. color: #888;
  525. font-style: italic;
  526. font-weight: initial;
  527. }
  528. /* line 227, ../sass/custom.scss */
  529. #lc-product-family-edit .products-collection-table td .value {
  530. min-width: 80%;
  531. margin: auto;
  532. min-height: 35px;
  533. cursor: pointer;
  534. }
  535. /* line 228, ../sass/custom.scss */
  536. #lc-product-family-edit .products-collection-table td .modal {
  537. text-align: left;
  538. }
  539. /* DeliveryZone */
  540. /* line 232, ../sass/custom.scss */
  541. #autocomplete-cities {
  542. position: relative;
  543. }
  544. /* line 236, ../sass/custom.scss */
  545. #autocomplete-cities .ui-autocomplete {
  546. left: 30%;
  547. top: 41px;
  548. margin-left: 18px;
  549. }
  550. /* line 242, ../sass/custom.scss */
  551. .head-reminders {
  552. margin-top: 15px;
  553. }
  554. /* TABLEAU DE BORD */
  555. /* line 245, ../sass/custom.scss */
  556. .todo-list > li {
  557. position: relative;
  558. }
  559. /* line 246, ../sass/custom.scss */
  560. .todo-list > li .text {
  561. margin-left: 30px;
  562. }
  563. /* line 247, ../sass/custom.scss */
  564. .todo-list > li .tools {
  565. position: absolute;
  566. top: 4px;
  567. right: 15px;
  568. }
  569. /* line 249, ../sass/custom.scss */
  570. #addTicketMessageForm {
  571. margin-top: 30px;
  572. border-top: 2px dotted #eee;
  573. padding-top: 30px;
  574. }
  575. /* line 251, ../sass/custom.scss */
  576. #dashboard .list-btn-statistic {
  577. display: flex;
  578. flex-wrap: wrap;
  579. justify-content: center;
  580. }
  581. /* line 252, ../sass/custom.scss */
  582. #dashboard .btn-statistic {
  583. width: 120px;
  584. height: 70px;
  585. text-align: center;
  586. border: 1px solid black;
  587. line-height: 1rem;
  588. }
  589. /* line 253, ../sass/custom.scss */
  590. #dashboard .btn-statistic small {
  591. margin-bottom: 10px;
  592. display: block;
  593. }
  594. /* line 254, ../sass/custom.scss */
  595. #dashboard .btn-statistic .value {
  596. display: block;
  597. }