- @charset "UTF-8";
-
-
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font: inherit;
- font-size: 100%;
- vertical-align: baseline;
- }
-
-
- html {
- line-height: 1;
- }
-
-
- ol, ul {
- list-style: none;
- }
-
-
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
-
-
- caption, th, td {
- text-align: left;
- font-weight: normal;
- vertical-align: middle;
- }
-
-
- q, blockquote {
- quotes: none;
- }
-
- q:before, q:after, blockquote:before, blockquote:after {
- content: "";
- content: none;
- }
-
-
- a img {
- border: none;
- }
-
-
- article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
- display: block;
- }
-
-
-
- body {
- font-family: "Arial";
- background-color: #FFF8DC;
- color: #333;
- line-height: 20px;
- font-size: 14px;
- }
-
-
- .clr {
- clear: both;
- }
-
-
- .modal-backdrop.in {
- z-index: 10;
- }
-
-
- #main {
- position: relative;
- }
-
- #main .btn-primary {
- background-color: #FF7F00;
- border: solid 1px #FF7F00;
- color: white;
- }
-
- #main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
- background-color: #e67200;
- border: solid 1px #FF7F00;
- color: white;
- }
-
-
- .btn {
- background-image: none;
- }
-
-
- #main .alert {
- background-image: none;
- background-color: white;
- border-bottom-width: 3px;
- }
-
-
- .alert.alert-warning a {
- color: #8a6d3b;
- }
-
-
- ul.pagination li.active a {
- background-color: #FF7F00;
- border: solid 1px #FF7F00;
- }
-
- ul.pagination li.active a:hover {
- background-color: white;
- border: solid 1px white;
- color: #FF7F00;
- }
-
- ul.pagination li a {
- color: #FF7F00;
- }
-
- ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active {
- background-color: white;
- border: solid 1px white;
- color: #FF7F00;
- }
-
-
- #header-bap {
- position: absolute;
- right: 0px;
- top: 0px;
- width: 70px;
- background-color: white;
- padding-top: 7px;
- padding-bottom: 7px;
- text-align: center;
- z-index: 1000;
- }
-
- #header-bap .container {
- padding-left: 0px;
- padding-right: 0px;
- }
-
- #header-bap a#logo {
- color: black;
- text-decoration: none;
- position: relative;
- top: 3px;
- }
-
- #header-bap a#logo img {
- width: 45px;
- }
-
- #header-bap ul#nav-bap {
- float: right;
- }
-
- #header-bap ul#nav-bap li a {
- color: black;
- font-size: 15px;
- color: #FF7F00;
- }
-
- #header-bap ul#nav-bap li a:hover, #header-bap ul#nav-bap li a:focus {
- color: #333;
- color: #FF7F00;
- background: none;
- }
-
- #header-bap ul#nav-bap li ul {
- background-color: white;
- border-top: solid 2px #FF7F00;
- left: -141px;
- top: 50px;
- width: 200px;
- }
-
- #header-bap ul#nav-bap li ul li a {
- text-transform: uppercase;
- font-size: 13px;
- }
-
- #header-bap ul#nav-bap li ul li a:hover {
- color: #ff9933;
- }
-
- #header-bap ul#nav-bap li ul li a small {
- font-size: 10px;
- line-height: 13px;
- margin-left: 18px;
- }
-
-
- #left {
- background-color: #FFF8DC;
- text-align: center;
- margin-top: 15px;
- padding: 0px;
- position: relative;
- }
-
- #left .fixed {
- position: fixed;
- display: none;
- }
-
- #left #logo {
- position: relative;
- background-color: white;
- width: 110px;
- height: 110px;
- margin: 0px auto;
- margin-bottom: 20px;
- -moz-border-radius: 110px;
- -webkit-border-radius: 110px;
- border-radius: 110px;
- border: solid 1px gray;
- text-align: center;
- overflow: hidden;
- }
-
- #left #logo img {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- max-width: 90px;
- max-height: 90px;
- }
-
- #left h1, #left h2, #left #infos, #left #infos a {
- color: #323232;
- }
-
- #left h1 {
- text-transform: uppercase;
- font-family: "highvoltageregular";
- font-size: 25px;
- line-height: 25px;
- font-weight: bold;
- padding-bottom: 5px;
- text-align: center;
- font-weight: normal;
- }
-
- #left h2 {
- font-family: "capsuularegular";
- font-size: 15px;
- font-weight: normal;
- text-align: center;
- }
-
- #left h2 .favorite {
- padding-left: 0px;
- }
-
- #left h2 .favorite .glyphicon {
- font-size: 14px;
- }
-
- #left h2 a {
- color: #323232;
- }
-
- #left nav#main-nav {
- background-color: white;
- border: solid 1px #e0e0e0;
- border-bottom: 0px none;
- margin-top: 20px;
- }
-
- #left nav#main-nav ul li {
- display: block;
- }
-
- #left nav#main-nav ul li a {
- color: #323232;
- color: black;
- border-bottom: solid 1px #e0e0e0;
- font-family: "capsuularegular";
- font-size: 18px;
- display: block;
- text-align: left;
- }
-
- #left nav#main-nav ul li a .glyphicon {
- font-size: 15px;
- margin-right: 3px;
- }
-
- #left nav#main-nav ul li a span.label {
- padding-bottom: 3px;
- font-family: "Arial";
- float: right;
- }
-
- #left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label {
- background-color: #e67200;
- color: white;
- }
-
- #left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a {
- background: #FF7F00;
- color: white;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
- }
-
- #left nav#main-nav ul li#btn-administration a {
- color: #FF7F00;
- }
-
- #left nav#main-nav ul li#btn-administration a:hover {
- color: white;
- }
-
- #left nav#main-nav #user {
- color: #FF7F00;
- float: right;
- padding: 10px;
- }
-
-
- #main {
- background-color: #FFF8DC;
- border: solid 1px #e0e0e0;
- margin-top: 15px;
- padding: 0px;
- background-color: white;
- }
-
- #main #img-big {
- height: 130px;
- overflow: hidden;
- position: relative;
- }
-
- #main #img-big img.img-photo {
- width: 100%;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
-
- #main #infos-producer {
- padding: 5px 10px;
- margin-bottom: 0px;
- font-size: 16px;
- font-family: "capsuularegular";
- background-color: white;
- border-bottom: solid 1px #e0e0e0;
- color: gray;
- }
-
- #main #infos-producer strong {
- font-weight: bold;
- }
-
- #main #infos-producer .favorite {
- float: right;
- color: gray;
- }
-
- #main #infos-producer .favorite a {
- color: black;
- }
-
- #main h2#page-title {
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 15px;
- padding-top: 30px;
- border-bottom: solid 1px #e0e0e0;
- margin-bottom: 10px;
- font-family: "highvoltageregular";
- font-size: 30px;
- line-height: 40px;
- position: relative;
- top: -10px;
- text-align: left;
- }
-
- #main h2#page-title #buttons {
- margin-bottom: 15px;
- font-family: "Arial";
- }
-
- #main #content {
- padding: 0px 20px 20px 20px;
- padding-bottom: 40px;
- min-height: 300px;
- }
-
- #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
- font-family: "highvoltageregular";
- margin-top: 30px;
- margin-bottom: 20px;
- }
-
- #main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first {
- margin-top: 0px;
- }
-
- #main #content h1 {
- font-size: 30px;
- }
-
- #main #content h2 {
- font-size: 25px;
- }
-
- #main #content h3 {
- font-family: "capsuularegular";
- text-transform: uppercase;
- font-size: 23px;
- text-align: left;
- margin-bottom: 30px;
- margin-top: 45px;
- }
-
- #main #content h3 span {
- padding-top: 14px;
- color: #323232;
- }
-
- #main #content h4 {
- font-size: 20px;
- }
-
- #main #content h5 {
- font-size: 18px;
- }
-
- #main #content h6 {
- font-size: 16px;
- }
-
- #main #content form .form-group .hint-block {
- color: gray;
- }
-
-
- #footer-producer {
- text-align: center;
- position: absolute;
- bottom: 0px;
- left: 0px;
- width: 100%;
- }
-
- #footer-producer a {
- color: #FF7F00;
- }
-
- #footer-producer a:active {
- text-decoration: underline;
- }
-
-
- #footer {
- background-color: #FFF8DC;
- height: 100px;
- float: right;
- text-align: center;
- }
-
- #footer .content {
- padding-top: 20px;
- color: black;
- }
-
- #footer .content a {
- color: black;
- font-family: "capsuularegular";
- font-size: 18px;
- padding-left: 10px;
- padding-right: 10px;
- }
-
- #footer .content a:hover {
- text-decoration: underline;
- }
-
- #footer #code-source img {
- height: 20px;
- }
-
-
-
- .site-index #order {
- margin-bottom: 40px;
- text-align: center;
- }
-
- .site-index #presentation .photo {
- text-align: center;
- }
-
- .site-index #presentation .photo .img-photo {
- width: 100%;
- max-width: 500px;
- }
-
- .site-index #points-sale .name {
- color: #333;
- }
-
- .site-index #points-sale .name .the-name {
- font-family: "capsuularegular";
- font-size: 20px;
- color: black;
- }
-
- .site-index #products td.photo {
- width: 100px;
- }
-
- .site-index #products td.photo img.photo-product {
- width: 120px;
- height: auto;
- }
-
- .site-index #products .name {
- color: #333;
- }
-
- .site-index #products .name .the-name {
- font-family: "capsuularegular";
- font-size: 20px;
- color: black;
- }
-
-
- .site-credit-history #credit-user {
- color: #FF7F00;
- font-size: 29px;
- font-weight: bold;
- }
-
-
-
- .order-create #main #content .order-form,
- .order-update #main #content .order-form {
- min-height: 600px;
- padding-bottom: 60px;
- }
-
- .order-create #main #content .order-form h2,
- .order-update #main #content .order-form h2 {
- font-family: "myriadpro-regular";
- }
-
- .order-create #main #content .order-form #infos-importantes.alert-warning,
- .order-update #main #content .order-form #infos-importantes.alert-warning {
- float: right;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker {
- float: left;
- margin-right: 20px;
- font-size: 20px;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-header,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-header {
- background-color: #FF7F00;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-title,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-title {
- color: white;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-prev:hover,
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-next:hover,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-prev:hover,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-next:hover {
- border: 0px none;
- background: none;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-helper-clearfix:after,
- .order-update #main #content .order-form #datepicker-distribution .ui-helper-clearfix:after {
- clear: none;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a {
- text-decoration: none;
- background-color: white;
- }
-
- .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-hover, .order-create #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-active,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-hover,
- .order-update #main #content .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-active {
- background-color: #FF7F00;
- color: white;
- border-color: #cdc3b7;
- }
-
- .order-create #main #content .order-form .date-order,
- .order-update #main #content .order-form .date-order {
- margin-bottom: 53px;
- }
-
- .order-create #main #content .order-form .date-order span,
- .order-update #main #content .order-form .date-order span {
- background-color: #FF7F00;
- color: white;
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- padding: 10px;
- font-family: "myriadpro-regular";
- font-size: 20px;
- }
-
- .order-create #main #content .order-form #has-order-in-progress,
- .order-update #main #content .order-form #has-order-in-progress {
- margin-top: 15px;
- }
-
- .order-create #main #content .order-form #has-order-in-progress a,
- .order-update #main #content .order-form #has-order-in-progress a {
- color: #a94442;
- text-decoration: none;
- font-weight: bold;
- }
-
- .order-create #main #content .order-form .field-order-id_distribution,
- .order-update #main #content .order-form .field-order-id_distribution {
- display: none;
- }
-
- .order-create #main #content .order-form .field-order-id_point_sale,
- .order-update #main #content .order-form .field-order-id_point_sale {
- margin-top: 30px;
- }
-
- .order-create #main #content .order-form .field-order-id_distribution,
- .order-update #main #content .order-form .field-order-id_distribution {
- margin-bottom: 0px;
- }
-
- .order-create #main #content .order-form .field-order-id_distribution label,
- .order-update #main #content .order-form .field-order-id_distribution label {
- margin-bottom: 0px;
- }
-
- .order-create #main #content .order-form .field-order-id_distribution .help-block,
- .order-update #main #content .order-form .field-order-id_distribution .help-block {
- margin-bottom: 0px;
- }
-
- .order-create #main #content .order-form .field-order-id_point_sale,
- .order-update #main #content .order-form .field-order-id_point_sale {
- display: none;
- }
-
- .order-create #main #content .order-form .blocks,
- .order-update #main #content .order-form .blocks {
- list-style-type: none;
- margin: 0px;
- padding: 0px;
- }
-
- .order-create #main #content .order-form .blocks .block,
- .order-update #main #content .order-form .blocks .block {
- text-decoration: none;
- width: 268px;
- height: 130px;
- float: left;
- padding: 20px;
- margin-right: 20px;
- margin-bottom: 8px;
- cursor: pointer;
- float: left;
- background-color: #f9f9f9;
- background-color: white;
- border: 1px solid #d8d8d8;
- }
-
- .order-create #main #content .order-form .blocks .block .name,
- .order-update #main #content .order-form .blocks .block .name {
- font-family: "comfortaalight";
- font-size: 20px;
- padding-bottom: 10px;
- }
-
- .order-create #main #content .order-form .blocks .block .address,
- .order-update #main #content .order-form .blocks .block .address {
- color: gray;
- font-size: 15px;
- line-height: 20px;
- }
-
- .order-create #main #content .order-form .blocks .block.selected,
- .order-update #main #content .order-form .blocks .block.selected {
- border-left: solid 5px #FF7F00;
- }
-
- .order-create #main #content .order-form .blocks .block.selected .contenu,
- .order-update #main #content .order-form .blocks .block.selected .contenu {
- position: relative;
- left: -4px;
- }
-
- .order-create #main #content .order-form .blocks .block:hover,
- .order-update #main #content .order-form .blocks .block:hover {
- -moz-box-shadow: 0px 0px 5px #d8d8d8;
- -webkit-box-shadow: 0px 0px 5px #d8d8d8;
- box-shadow: 0px 0px 5px #d8d8d8;
- }
-
- .order-create #main #content .order-form .blocks .block.disabled,
- .order-update #main #content .order-form .blocks .block.disabled {
- display: none;
- }
-
- .order-create #main #content .order-form .blocks .block .comment,
- .order-update #main #content .order-form .blocks .block .comment {
- margin-top: 5px;
- }
-
- .order-create #main #content .order-form .blocks .block .comment span,
- .order-update #main #content .order-form .blocks .block .comment span {
- background-color: #FF7F00;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- color: white;
- font-weight: bold;
- padding: 3px 10px;
- }
-
- .order-create #main #content .order-form .infos-points-sale,
- .order-update #main #content .order-form .infos-points-sale {
- display: none;
- margin-top: 15px;
- }
-
- .order-create #main #content .order-form .infos-points-sale h4,
- .order-update #main #content .order-form .infos-points-sale h4 {
- margin-top: 0px;
- padding-top: 0px;
- text-align: left;
- text-transform: uppercase;
- font-weight: bold;
- font-family: "myriadpro-semibold";
- }
-
- .order-create #main #content .order-form .infos-points-sale h4 span,
- .order-update #main #content .order-form .infos-points-sale h4 span {
- font-family: "myriadpro-regular";
- text-transform: none;
- }
-
- .order-create #main #content .order-form .infos-points-sale a,
- .order-update #main #content .order-form .infos-points-sale a {
- text-decoration: underline;
- }
-
- .order-create #main #content .order-form #products,
- .order-update #main #content .order-form #products {
- margin-top: 15px;
- }
-
- .order-create #main #content .order-form #products .alert.unavailable,
- .order-update #main #content .order-form #products .alert.unavailable {
- display: none;
- }
-
- .order-create #main #content .order-form #products #label-products,
- .order-update #main #content .order-form #products #label-products {
- display: block;
- margin-bottom: 5px;
- }
-
- .order-create #main #content .order-form #products .table,
- .order-update #main #content .order-form #products .table {
- margin-top: 7px;
- }
-
- .order-create #main #content .order-form #products .table .photo,
- .order-update #main #content .order-form #products .table .photo {
- padding: 0px;
- width: 120px;
- }
-
- .order-create #main #content .order-form #products .table .th-photo, .order-create #main #content .order-form #products .table .td-photo,
- .order-update #main #content .order-form #products .table .th-photo,
- .order-update #main #content .order-form #products .table .td-photo {
- width: 120px;
- }
-
- .order-create #main #content .order-form #products .table .name,
- .order-update #main #content .order-form #products .table .name {
- font-family: "comfortaalight";
- font-weight: bold;
- text-transform: uppercase;
- font-size: 18px;
- }
-
- .order-create #main #content .order-form #products .table .description,
- .order-update #main #content .order-form #products .table .description {
- font-style: italic;
- }
-
- .order-create #main #content .order-form #products .table .recipe,
- .order-update #main #content .order-form #products .table .recipe {
- font-size: 12px;
- }
-
- .order-create #main #content .order-form #products .table .input-group,
- .order-update #main #content .order-form #products .table .input-group {
- width: 133px;
- }
-
- .order-create #main #content .order-form #products .table .input-group .quantity,
- .order-update #main #content .order-form #products .table .input-group .quantity {
- text-align: center;
- }
-
- .order-create #main #content .order-form #products .table .column-quantity, .order-create #main #content .order-form #products .table .price-unit, .order-create #main #content .order-form #products .table .total,
- .order-update #main #content .order-form #products .table .column-quantity,
- .order-update #main #content .order-form #products .table .price-unit,
- .order-update #main #content .order-form #products .table .total {
- width: 150px;
- text-align: center;
- }
-
- .order-create #main #content .order-form #products .table td#total-order, .order-create #main #content .order-form #products .table td#total-order-vrac, .order-create #main #content .order-form #products .table td.total,
- .order-update #main #content .order-form #products .table td#total-order,
- .order-update #main #content .order-form #products .table td#total-order-vrac,
- .order-update #main #content .order-form #products .table td.total {
- text-align: center;
- }
-
- .order-create #main #content .order-form #products .table .unavailable,
- .order-update #main #content .order-form #products .table .unavailable {
- display: none;
- text-transform: uppercase;
- color: #B32815;
- font-weight: bold;
- font-size: 16px;
- text-align: center;
- }
-
- .order-create #main #content .order-form #products .table .quantity-remaining,
- .order-update #main #content .order-form #products .table .quantity-remaining {
- font-size: 12px;
- margin-top: 8px;
- }
-
- .order-create #main #content .order-form #products .table .quantity-remaining .nb,
- .order-update #main #content .order-form #products .table .quantity-remaining .nb {
- font-weight: bold;
- }
-
- .order-create #main #content .order-form #products .table td.product, .order-create #main #content .order-form #products .table th.product,
- .order-update #main #content .order-form #products .table td.product,
- .order-update #main #content .order-form #products .table th.product {
- width: 70%;
- }
-
- .order-create #main #content .order-form #products .table td.price-unit, .order-create #main #content .order-form #products .table th.price-unit,
- .order-update #main #content .order-form #products .table td.price-unit,
- .order-update #main #content .order-form #products .table th.price-unit {
- width: 10%;
- }
-
- .order-create #main #content .order-form #products .table td.column-quantity, .order-create #main #content .order-form #products .table th.column-quantity,
- .order-update #main #content .order-form #products .table td.column-quantity,
- .order-update #main #content .order-form #products .table th.column-quantity {
- width: 10%;
- }
-
- .order-create #main #content .order-form #products .table td.total, .order-create #main #content .order-form #products .table th.total,
- .order-update #main #content .order-form #products .table td.total,
- .order-update #main #content .order-form #products .table th.total {
- width: 10%;
- }
-
- .order-create #main #content .order-form #bar-fixed,
- .order-update #main #content .order-form #bar-fixed {
- display: none;
- width: 100%;
- position: fixed;
- bottom: 0px;
- left: 0px;
- z-index: 100;
- background-color: white;
- padding: 15px;
- margin-bottom: 0px;
- -moz-box-shadow: 0 0 5px gray;
- -webkit-box-shadow: 0 0 5px gray;
- box-shadow: 0 0 5px gray;
- border-top: solid 1px #e0e0e0;
- background-color: #F9F9F9;
- background-color: white;
- text-align: center;
- }
-
- .order-create #main #content .order-form #bar-fixed .container,
- .order-update #main #content .order-form #bar-fixed .container {
- min-height: auto;
- background: none;
- border: 0px none;
- }
-
- .order-create #main #content .order-form #bar-fixed.not-fixed,
- .order-update #main #content .order-form #bar-fixed.not-fixed {
- position: relative;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
- border: solid 1px #e0e0e0;
- padding-right: 20px;
- }
-
- .order-create #main #content .order-form #bar-fixed.not-fixed .container,
- .order-update #main #content .order-form #bar-fixed.not-fixed .container {
- width: auto;
- }
-
- .order-create #main #content .order-form #bar-fixed.no-credit #bloc-valider-commande,
- .order-update #main #content .order-form #bar-fixed.no-credit #bloc-valider-commande {
- margin-top: 0px;
- float: right;
- }
-
- .order-create #main #content .order-form #bar-fixed #total-order-bottom,
- .order-update #main #content .order-form #bar-fixed #total-order-bottom {
- background-color: white;
- -moz-border-radius: 20px;
- -webkit-border-radius: 20px;
- border-radius: 20px;
- padding: 5px 25px;
- border: solid 1px #e0e0e0;
- }
-
- .order-create #main #content .order-form #bar-fixed .btn-comment,
- .order-update #main #content .order-form #bar-fixed .btn-comment {
- float: left;
- }
-
- .order-create #main #content .order-form #bar-fixed .btn-comment,
- .order-update #main #content .order-form #bar-fixed .btn-comment {
- margin-right: 10px;
- }
-
- .order-create #main #content .order-form #bar-fixed #block-confirm-order,
- .order-update #main #content .order-form #bar-fixed #block-confirm-order {
- text-align: right;
- margin-top: 20px;
- }
-
- .order-create #main #content .order-form #bar-fixed #block-confirm-order button,
- .order-update #main #content .order-form #bar-fixed #block-confirm-order button {
- width: 340px;
- margin-right: 10px;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit {
- float: right;
- width: 340px;
- padding: 3px 11px;
- background-color: white;
- border: solid 1px #ccc;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- margin-right: 10px;
- text-shadow: 0 1px 0 #fff;
- -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit.payment-impossible,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit.payment-impossible {
- background-color: #e0e0e0;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit .info,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit .info {
- color: gray;
- font-weight: normal;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit .the-credit,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit .the-credit {
- background-color: #FF7F00;
- color: white;
- padding: 2px 8px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit .amount-paid,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit .amount-paid {
- color: #FF7F00;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit #info-credit-empty,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit #info-credit-empty {
- font-size: 12px;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit #credit-disabled,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit #credit-disabled {
- display: none;
- font-size: 12px;
- }
-
- .order-create #main #content .order-form #bar-fixed .btn-back, .order-create #main #content .order-form #bar-fixed .cancel-order,
- .order-update #main #content .order-form #bar-fixed .btn-back,
- .order-update #main #content .order-form #bar-fixed .cancel-order {
- float: left;
- margin-right: 5px;
- }
-
- .order-create #main #content .order-form #bar-fixed .cancel-order,
- .order-update #main #content .order-form #bar-fixed .cancel-order {
- color: #b92c28;
- background-color: white;
- }
-
- .order-create #main #content .order-form #bar-fixed #total-order-bottom,
- .order-update #main #content .order-form #bar-fixed #total-order-bottom {
- display: none;
- font-weight: bold;
- font-family: "comfortaalight";
- font-size: 24px;
- }
-
- .order-create #main #content .order-form #bar-fixed .field-order-comment,
- .order-update #main #content .order-form #bar-fixed .field-order-comment {
- display: none;
- }
-
- .order-create .ui-datepicker .ui-widget-header,
- .order-update .ui-datepicker .ui-widget-header {
- background: none;
- background-color: gray;
- border: 0px none;
- color: black;
- font-weight: normal;
- }
-
- .order-create .ui-datepicker .ui-datepicker-current-day a,
- .order-create .ui-datepicker a.ui-state-hover,
- .order-update .ui-datepicker .ui-datepicker-current-day a,
- .order-update .ui-datepicker a.ui-state-hover {
- background: none;
- background-color: gray;
- border-color: black;
- color: black;
- }
-
-
-
- .order-history #list-producers {
- display: none;
- }
-
- .order-history #tabs-orders-history {
- margin-bottom: 20px;
- }
-
- .order-history #tabs-orders-history li a {
- color: #FF7F00;
- }
-
- .order-history #tabs-orders-history li.active a {
- color: #333;
- }
-
- .order-history table .locality {
- color: gray;
- }
-
-
- .order-order #main #app-order-order {
- display: none;
- }
-
- .order-order #main #app-order-order h3 {
- font-family: "highvoltageregular";
- }
-
- .order-order #main #app-order-order.loaded {
- display: block;
- }
-
- .order-order #main #app-order-order #distribution-date {
- display: none;
- }
-
- .order-order #main #app-order-order .slide-enter-active {
- transition: all .2s ease;
- }
-
- .order-order #main #app-order-order .slide-leave-active {
- transition: all 0s ease;
- }
-
- .order-order #main #app-order-order .slide-enter, .order-order #main #app-order-order .slide-leave-to {
- transform: translateX(10px);
- opacity: 0;
- }
-
- .order-order #main #app-order-order #steps {
- margin-bottom: 20px;
- }
-
- .order-order #main #app-order-order #steps ul {
- height: 70px;
- }
-
- .order-order #main #app-order-order #steps ul li {
- text-align: center;
- padding-right: 8px;
- padding-left: 8px;
- position: relative;
- }
-
- .order-order #main #app-order-order #steps ul li .info-step {
- position: absolute;
- top: 45px;
- left: 0px;
- width: 100%;
- text-transform: normal;
- color: #FF7F00;
- font-family: "capsuularegular";
- font-size: 17px;
- font-weight: bold;
- }
-
- .order-order #main #app-order-order #steps ul li .glyphicon-chevron-right, .order-order #main #app-order-order #steps ul li.active .glyphicon-chevron-right {
- float: right;
- color: gray;
- position: relative;
- top: 10px;
- }
-
- .order-order #main #app-order-order #steps ul li#step-date {
- padding-left: 0px;
- }
-
- .order-order #main #app-order-order #steps ul li#step-payment {
- padding-right: 0px;
- }
-
- .order-order #main #app-order-order #steps ul li#step-payment .btn::after, .order-order #main #app-order-order #steps ul li#step-date .btn::before {
- display: none;
- }
-
- .order-order #main #app-order-order #steps ul li .btn {
- color: #333;
- text-transform: uppercase;
- display: block;
- width: 100%;
- position: relative;
- background-color: #e0e0e0;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
- border: 0px none;
- text-transform: uppercase;
- }
-
- .order-order #main #app-order-order #steps ul li .btn .button-content {
- position: relative;
- left: 8px;
- }
-
- .order-order #main #app-order-order #steps ul li .btn.btn-primary {
- background-color: #FF7F00;
- }
-
- .order-order #main #app-order-order #steps ul li .btn::after, .order-order #main #app-order-order #steps ul li .btn::before {
- content: "";
- position: absolute;
- top: -1px;
- }
-
- .order-order #main #app-order-order #steps ul li .btn::after {
- right: -34px;
- border: 17px solid transparent;
- border-left: 17px solid #e0e0e0;
- background-color: transparent;
- }
-
- .order-order #main #app-order-order #steps ul li .btn::before {
- left: 0px;
- border: 17px solid transparent;
- border-left: 17px solid white;
- background-color: transparent;
- }
-
- .order-order #main #app-order-order #steps ul li .btn.btn-primary::after {
- border-left: 17px solid #FF7F00;
- }
-
- .order-order #main #app-order-order #steps ul li .btn-primary {
- color: white;
- }
-
- .order-order #main #app-order-order #legend #order-date-color,
- .order-order #main #app-order-order #legend #distribution-date-color {
- width: 13px;
- height: 13px;
- display: inline-block;
- }
-
- .order-order #main #app-order-order #legend #order-date-color {
- background-color: #FF7F00;
- }
-
- .order-order #main #app-order-order #legend #distribution-date-color {
- background-color: #5cb85c;
- }
-
- .order-order #main #app-order-order #calendar {
- margin-bottom: 15px;
- }
-
- .order-order #main #app-order-order #calendar .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
- font-size: 2rem;
- }
-
- .order-order #main #app-order-order #calendar .c-day-background {
- padding: 20px;
- }
-
- .order-order #main #app-order-order #calendar .c-day:hover .c-day-background {
- background-color: #FF7F00 !important;
- color: white !important;
- }
-
- .order-order #main #app-order-order #calendar .c-day-popover-content {
- font-size: 1.3rem;
- }
-
- .order-order #main #app-order-order #content-step-date #distributions-list .panel .btn-primary {
- float: right;
- }
-
- .order-order #main #app-order-order #content-step-date #distributions-list .panel .date {
- font-size: 20px;
- }
-
- .order-order #main #app-order-order #content-step-date #distributions-list .panel .point-sales {
- color: gray;
- font-size: 14px;
- margin-top: 8px;
- }
-
- .order-order #main #app-order-order .block-actions {
- text-align: right;
- margin-top: 20px;
- }
-
- .order-order #main #app-order-order table#points-sale td.name .the-name {
- font-family: "capsuularegular";
- color: black;
- font-size: 20px;
- line-height: 25px;
- }
-
- .order-order #main #app-order-order table#points-sale td.actions {
- width: 150px;
- }
-
- .order-order #main #app-order-order table#points-sale td.actions button {
- width: 100%;
- }
-
- .order-order #main #app-order-order table#points-sale tr.selected td {
- background-color: white;
- }
-
- .order-order #main #app-order-order table#products td.photo img {
- width: 100px;
- }
-
- .order-order #main #app-order-order table#products td.name .name {
- font-family: "capsuularegular";
- color: black;
- font-size: 20px;
- line-height: 25px;
- }
-
- .order-order #main #app-order-order table#products td.name .other {
- font-size: 14px;
- color: #333;
- }
-
- .order-order #main #app-order-order table#products td.name .recipe {
- color: gray;
- }
-
- .order-order #main #app-order-order table#products .price-unit, .order-order #main #app-order-order table#products .price-total {
- width: 100px;
- text-align: center;
- }
-
- .order-order #main #app-order-order table#products .price-unit .unit, .order-order #main #app-order-order table#products .price-total .unit {
- color: gray;
- font-size: 13px;
- }
-
- .order-order #main #app-order-order table#products .td-quantity {
- width: 175px;
- }
-
- .order-order #main #app-order-order table#products .td-quantity input.quantity {
- text-align: center;
- border-right: 0px none;
- }
-
- .order-order #main #app-order-order table#products .td-quantity .input-group-addon {
- padding: 5px;
- padding-left: 0px;
- margin: 0px;
- border-left: 0px none;
- border-right: 0px none;
- }
-
- .order-order #main #app-order-order table#products tr.total .price-total {
- font-size: 23px;
- }
-
- .order-order #main #app-order-order #content-step-payment .credit .info {
- margin-left: 20px;
- color: gray;
- }
-
- .order-order #main #app-order-order #content-step-payment .comment {
- margin-bottom: 20px;
- }
-
- .order-order #main #app-order-order #infos {
- margin-top: 30px;
- }
-
- .order-order #main #app-order-order #infos .panel-body {
- padding-top: 0px;
- white-space: pre-line;
- }
-
-
- #main #content .panel h3 {
- font-family: "highvoltageregular";
- margin: 0px;
- padding-top: 10px;
- padding-bottom: 4px;
- font-size: 20px;
- }
-
-
- .order-confirm #main #order-success .alert.alert-success .glyphicon-big {
- background-color: #00A65A;
- }
-
- .order-confirm #main #order-success .alert.alert-info .glyphicon-big {
- background-color: #0097BC;
- padding: 55px 30px;
- }
-
- .order-confirm #main #order-success .alert.alert-info .content .glyphicon {
- margin-right: 5px;
- }
-
- .order-confirm #main #order-success .alert {
- padding: 0px;
- }
-
- .order-confirm #main #order-success .alert .glyphicon-big {
- font-size: 90px;
- color: white;
- padding: 30px;
- float: left;
- }
-
- .order-confirm #main #order-success .alert div.content {
- color: #333;
- padding: 20px;
- margin-left: 151px;
- }
-
- .order-confirm #main #order-success .alert div.content h3 {
- font-family: "capsuularegular";
- font-size: 30px;
- color: #333;
- margin-bottom: 20px;
- margin-top: 0px;
- margin-left: 0px;
- text-align: left;
- padding-left: 0px;
- line-height: 35px;
- text-transform: none;
- }
-
- .order-confirm #main #order-success .alert div.content .locality {
- color: gray;
- }
-
-
- .credit-add .form {
- max-width: 250px;
- margin: 0px auto;
- text-align: center;
- }
-
- .credit-add .form label {
- margin-bottom: 15px;
- color: gray;
- }
-
-
- .subscription-create .subscription-form,
- .subscription-update .subscription-form {
- display: none;
- }
-
- .subscription-create .subscription-form.loaded,
- .subscription-update .subscription-form.loaded {
- display: block;
- }
-
- .subscription-create .subscription-form .points-sale .locality,
- .subscription-update .subscription-form .points-sale .locality {
- color: gray;
- }
-
- .subscription-create .subscription-form .points-sale label,
- .subscription-update .subscription-form .points-sale label {
- cursor: pointer;
- }
-
- .subscription-create .subscription-form .days .form-group,
- .subscription-update .subscription-form .days .form-group {
- float: left;
- margin-right: 15px;
- }
-
- .subscription-create .subscription-form .points-sale table tr.selected td,
- .subscription-update .subscription-form .points-sale table tr.selected td {
- background-color: white;
- }
-
- .subscription-create .subscription-form .points-sale table .the-name,
- .subscription-update .subscription-form .points-sale table .the-name {
- font-family: "capsuularegular";
- font-size: 20px;
- color: black;
- }
-
- .subscription-create .subscription-form .points-sale table .block-code,
- .subscription-update .subscription-form .points-sale table .block-code {
- width: 150px;
- }
-
- .subscription-create .subscription-form .points-sale table .actions,
- .subscription-update .subscription-form .points-sale table .actions {
- width: 150px;
- }
-
- .subscription-create .subscription-form .points-sale table .actions button,
- .subscription-update .subscription-form .points-sale table .actions button {
- width: 100%;
- display: block;
- }
-
- .subscription-create .subscription-form .comment-textarea,
- .subscription-update .subscription-form .comment-textarea {
- width: 100%;
- height: 100px;
- }
-
- .subscription-create .subscription-form .products .monday, .subscription-create .subscription-form .products .tuesday, .subscription-create .subscription-form .products .wednesday, .subscription-create .subscription-form .products .thursday,
- .subscription-create .subscription-form .products .friday, .subscription-create .subscription-form .products .saturday, .subscription-create .subscription-form .products .sunday, .subscription-create .subscription-form .products .no-day,
- .subscription-update .subscription-form .products .monday,
- .subscription-update .subscription-form .products .tuesday,
- .subscription-update .subscription-form .products .wednesday,
- .subscription-update .subscription-form .products .thursday,
- .subscription-update .subscription-form .products .friday,
- .subscription-update .subscription-form .products .saturday,
- .subscription-update .subscription-form .products .sunday,
- .subscription-update .subscription-form .products .no-day {
- display: none;
- }
-
- .subscription-create .subscription-form .products .monday-active .monday,
- .subscription-create .subscription-form .products .tuesday-active .tuesday,
- .subscription-create .subscription-form .products .wednesday-active .wednesday,
- .subscription-create .subscription-form .products .thursday-active .thursday,
- .subscription-create .subscription-form .products .friday-active .friday,
- .subscription-create .subscription-form .products .saturday-active .saturday,
- .subscription-create .subscription-form .products .sunday-active .sunday,
- .subscription-update .subscription-form .products .monday-active .monday,
- .subscription-update .subscription-form .products .tuesday-active .tuesday,
- .subscription-update .subscription-form .products .wednesday-active .wednesday,
- .subscription-update .subscription-form .products .thursday-active .thursday,
- .subscription-update .subscription-form .products .friday-active .friday,
- .subscription-update .subscription-form .products .saturday-active .saturday,
- .subscription-update .subscription-form .products .sunday-active .sunday {
- display: block;
- }
-
- .subscription-create .subscription-form .products td.quantity,
- .subscription-update .subscription-form .products td.quantity {
- width: 180px;
- }
-
- .subscription-create .subscription-form .products td.quantity input,
- .subscription-update .subscription-form .products td.quantity input {
- text-align: center;
- border-right: 0px none;
- }
-
- .subscription-create .subscription-form .products td.quantity input.has-quantity,
- .subscription-update .subscription-form .products td.quantity input.has-quantity {
- font-weight: bold;
- }
-
- .subscription-create .subscription-form .products td.quantity .input-group-addon,
- .subscription-update .subscription-form .products td.quantity .input-group-addon {
- background-color: white;
- padding-left: 0px;
- border-left: 0px none;
- }
-
- .subscription-create .subscription-form .products .name,
- .subscription-update .subscription-form .products .name {
- font-family: "capsuularegular";
- font-size: 20px;
- color: black;
- }
-
- .subscription-create .subscription-form .products .description,
- .subscription-update .subscription-form .products .description {
- font-style: italic;
- }
-
- .subscription-create .subscription-form .products .recipe,
- .subscription-update .subscription-form .products .recipe {
- font-size: 12px;
- }
-
- .subscription-create .subscription-form .products .price-unit, .subscription-create .subscription-form .products .price-total,
- .subscription-update .subscription-form .products .price-unit,
- .subscription-update .subscription-form .products .price-total {
- text-align: center;
- width: 150px;
- }
-
- .subscription-create .subscription-form .products .unit,
- .subscription-update .subscription-form .products .unit {
- color: gray;
- font-size: 13px;
- }
-
- .subscription-create .subscription-form .products tr.total .price-total,
- .subscription-update .subscription-form .products tr.total .price-total {
- text-align: center;
- font-size: 20px;
- }
-
-
- @media screen and (min-width: 768px) and (max-width: 992px) {
-
- #left .fixed {
- position: relative;
- }
- }
- @media screen and (max-width: 768px) {
-
- #header-bap {
- display: block;
- position: relative;
- top: 0px;
- left: 0px;
- text-align: center;
- width: 100%;
- padding: 0px;
- }
-
- #header-bap #logo {
- margin-left: 10px;
- }
-
-
- #left .fixed {
- position: relative;
- }
-
-
- #main #img-big {
- display: none;
- }
-
- #main nav#main-nav ul li {
- display: block;
- float: none;
- }
-
- #main nav#main-nav ul li.active a {
- border-bottom: solid 1px white;
- background-color: #FF7F00;
- color: white;
- }
-
- #main nav#main-nav ul li.active a:hover {
- background-color: #FF7F00;
- color: white;
- }
-
- #main nav#main-nav ul li a {
- display: block;
- border-bottom: solid 1px #e0e0e0;
- }
-
- #main nav#main-nav ul li a:hover {
- background-color: white;
- color: #FF7F00;
- }
-
- #main nav#main-nav ul li#btn-administration {
- float: none;
- }
-
- #main nav#main-nav ul li#btn-administration a:hover {
- background-color: white;
- color: #FF7F00;
- }
-
- #main h2#page-title {
- text-align: center;
- }
-
- #main #products td {
- padding: 3px;
- }
-
- #main #products .td-photo, #main #products .th-photo {
- display: none;
- }
-
- #main #products .product {
- font-size: 12px;
- }
-
- #main #products .product .nom {
- font-size: 15px;
- }
-
- #main #bar-fixed {
- position: relative;
- }
-
- #main #bar-fixed .btn-comment {
- float: none;
- display: block;
- width: 100%;
- margin-bottom: 10px;
- margin-top: 15px;
- }
-
-
- .order-create #main #content .order-form #products .table .input-group,
- .order-update #main #content .order-form #products .table .input-group {
- width: 60px;
- }
-
- .order-create #main #content .order-form #products .table .input-group .form-control,
- .order-update #main #content .order-form #products .table .input-group .form-control {
- width: 20px;
- padding: 3px;
- }
-
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit {
- width: 100%;
- margin: 0px;
- padding: 5px 0px;
- }
-
- .order-create #main #content .order-form #bar-fixed #checkbox-credit .the-credit,
- .order-update #main #content .order-form #bar-fixed #checkbox-credit .the-credit {
- word-break: break-all;
- }
-
-
- .order-create #main #content .order-form #bar-fixed #block-confirm-order button,
- .order-update #main #content .order-form #bar-fixed #block-confirm-order button {
- width: 100%;
- }
-
-
- .order-order #app-order-order #steps ul {
- height: auto;
- }
-
- .order-order #app-order-order #steps ul li {
- padding-left: 0px;
- padding-right: 0px;
- }
-
- .order-order #app-order-order #steps ul li .info-step {
- display: none;
- }
-
- .order-order #app-order-order #steps ul li .btn::after,
- .order-order #app-order-order #steps ul li .btn::before {
- display: none;
- }
-
- .order-order #app-order-order table#products td.name .recipe {
- display: none;
- }
-
- .order-order #app-order-order table#products td.td-quantity .input-group-btn {
- width: 100%;
- display: block;
- }
-
- .order-order #app-order-order table#products td.td-quantity .input-group-btn button {
- width: 100%;
- display: block;
- }
-
- .order-order #app-order-order #order-success .alert .glyphicon-big {
- font-size: 90px;
- color: white;
- padding: 30px;
- display: block;
- width: 100%;
- text-align: center;
- margin-bottom: 20px;
- }
-
- .order-order #app-order-order #order-success .alert div.content {
- margin-left: 0px;
- text-align: center;
- }
-
-
- #footer .content {
- text-align: center;
- }
- }
|