html {
    min-height: 100%;
    position: relative;
}

@media screen and (max-width: 768px) {

    #menu_primary {
        float: left;
    }

    #menu_secondary {
        float: right;
    }

    .navbar-text {
        display: none;
    }
}

p {
    padding: 15px;
}

.navbar .container {
    padding-left: 0;
    padding-right: 0;
}

#menu_secondary {
    margin-right: 0;
}

#menu_secondary li a {
    padding-right: 0;
}

body.modal-open {
    margin-right: 0 !important;
    overflow: auto;
    padding-right: 0 !important;
}

.modal-open .navbar-fixed-top {
    margin-right: 0 !important;
    overflow: auto;
    padding-right: 0 !important;
}

#footer {
    background-color: #f5f5f5;
    bottom: 0;
    display: block;
    height: 60px;
    /* Set the fixed height of the footer here */
    position: absolute;
    width: 100%;
}

#footer p.credit {
    margin: auto 0;
}

#category_table {
}

#category_table td {
    padding: 6px;
    vertical-align: top;
}

#category_table td.price .group {
    float: left;
    width: 50%;
}

#category_table td.price .group.group-call-center {

}

#category_table td.price .group.group-website {
}

#category_table tr {
    border-bottom: 1px solid #337ab7;
}

#category_table tr td:first-child {
    padding: 10px 0;
}

#category_table .y_product {
    width: 196px;
}

#category_table .promote-control {
    float: left;
    margin: 8px 4px 0 0;
    padding: 0;
}

#category_table .control-off {
    color: #d3d3d3;
}

#category_table .control-on {
    color: #337ab7;
}

#category_table .input-control-off {
    background: #eeeeee;
}

#category_table .input-control-on {
    background: none;
}

#category_table .website-control {
    float: left;
    margin: 8px 4px 0 4px;
    padding: 0;
}

#category_table .size-website-control {
    display: inline-block;
    margin: 8px 0 4px 0;
    line-height: 1;
    font-size: 20px;
}

#category_table .takeout-only-control {
    float: left;
    margin: 8px 4px 0 4px;
    padding: 0;
}

#category_table .size-takeout-only-control {
    display: inline-block;
    margin: 8px 0 4px 0;
    line-height: 1;
    font-size: 20px;
}

#category_table #column-controls {
    margin: 0;
    padding: 0;
}

#category_table #column-controls a {
    display: inline-block;
    margin: 4px 5px;
}

#category_table #row-controls {
    margin: 4px 0 0 -160px;
    padding: 0;
    position: absolute;
}

#category_table #row-controls a {
    display: inline-block;
    margin: 4px 5px;
}

#category_table #attributes-controls {
    font-size: 18px;
    margin: 2px 0 0 -75px;
    padding: 0;
    position: absolute;
}

#category_table #attributes-controls a {
    display: inline-block;
    margin: 4px 8px;
}

#category_table #add-column, #category_table #add-row {
    float: right;
    margin: auto 10px auto 2px;
}

#category_table tr.section th {
    padding: 20px 0 10px 0;
}

table#product_price th {
    text-align: center;
}

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

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin-top: 4px;
    max-height: 400px;
    overflow-y: auto;
    padding: 4px 0;
    width: 300px;
}

.tt-suggestion {
    border-bottom: 1px solid #aaa;
    line-height: 20px;
    padding: 3px 10px;
}

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

}

.tt-suggestion p {
    margin: 4px 0;
    padding: 0;
}

.twitter-typeahead {
    margin-top: 5px;
}

#order_item_details_dialog .finance {
    position: relative;
}

#order_item_details_dialog .finance #note {
    left: 150px;
    position: absolute;
    top: 0;
    width: 400px;
}

#order_item_details_dialog .finance .price {
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 2px;
}

#order_item_details_dialog .finance .scalar .total {
    font-size: 18px;
    padding-top: 6px;
}

#order_item_details_dialog .finance .amount .total {
    font-size: 20px;
    margin: 0 5px;
}

#order_item_details_dialog .extra .list .i {
    border: none;
    float: left;
    margin: 0 5px 2px 0;
}

input[type=number] {
    padding-bottom: 2px;
    padding-right: 6px;
    padding-top: 2px;
}

#order_item_details_dialog .extra .list .i:nth-child(6n+1), #order_item_details_dialog .extra .list .i:nth-child(6n+2), #order_item_details_dialog .extra .list .i:nth-child(6n+3) {
    background-color: #eee;
}

#order_item_details_dialog .extra .list .i span {
    float: left;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

#order_item_details_dialog .extra .list .i .name {
    text-align: right;
    width: 114px;
}

#order_item_details_dialog .extra .list .i .calc {
    text-align: left;
    width: 80px;
}

#order_item_details_dialog .extra .list .i input {
    float: left;
    margin: 0 5px 0 5px;
    width: 80px;
}

#shopping_cart #order_locale {
    display: inline-table;
    max-width: 145px;
    min-width: 145px;
    width: 145px;
}

#shopping_cart #order_locale .bootstrap-select {
    max-width: 145px;
    min-width: 145px;
    width: 145px;
}

#shopping_cart #group_name input#name {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    max-width: 205px;
    min-width: 205px;
    width: 205px;
}

#shopping_cart #group_phone .tt-hint {
    width: 135px;
}

#shopping_cart #group_phone input#phone {
    width: 135px;
}

#shopping_cart .order_middle {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    height: 320px;
    margin-bottom: 10px;
    margin-top: 10px;
    max-height: 320px;
    min-height: 320px;
    padding: 10px 0;
}

#shopping_cart #list_note {
    height: 100%;
    padding: 0 0 0 10px;
    position: relative;
    width: 21%;
}

#shopping_cart #list_note #note {
    bottom: 0;
    width: 100%;
}

#shopping_cart #list_note #list {
    height: 203px;
    overflow-x: hidden;
    overflow-y: auto;
}

#shopping_cart #list_note #list .list_note_item {
    margin: 0 0 2px 0;
}

#shopping_cart #list_note #list .list_note_item:hover {
    background-color: rgb(230, 230, 230);
    cursor: pointer;
}

#shopping_cart #list_note #list .list_note_item .date {
    color: #999;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 0 -2px 0;
}

#shopping_cart #list_note #list .list_note_item button.close {
    margin-top: -19px;
}

#shopping_cart #list_note #list .list_note_item .content {
    margin: 0 0 0 6px;
}

#shopping_cart #list_top_global {
    border-right: 1px solid #aaa;
    height: 75px;
    line-height: 37px;
    margin-top: 15px;
    overflow: hidden;
    padding: 0 0 0 5px;
}

#shopping_cart #list_top_global .product {
    margin: 0 3px 3px 0;
}

#shopping_cart #container_products {
    border-right: 1px solid #aaa;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 79%;
}

#shopping_cart #list_category {
    line-height: 40px;
    margin: 0 0 20px 0;
}

#shopping_cart #list_product {
    display: inline-block;
}

#shopping_cart #list_product .product {
    float: left;
    height: 40px;
    margin: 0 3px 5px 0;
    padding: 9px 6px 6px;
    width: 180px;

}

#shopping_cart #list_cart {
    height: 224px;
    max-height: 224px;
    max-width: 69%;
    min-width: 69%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0;
    padding-right: 0;
    width: 69%;
}

#shopping_cart #list_cart .item {
    color: black;
    float: left;
    margin: 0 5px 5px 0;
    width: 180px;
}

#shopping_cart #list_top_user .product {
    display: block;
    margin: 0 0 2px 0;
    width: 100%;
}

#shopping_cart #finish {
    max-width: 31%;
    min-width: 31%;
    padding-left: 5px;
    padding-right: 5px;
    width: 31%;
}

#shopping_cart #finish label {
    margin: 0 10px 0 0;
    text-align: right;
    width: 122px;
}

#shopping_cart #finish .form-group {
    margin-bottom: 5px;
}

#shopping_cart #finish input[type=number] {
    width: 80px;
}

.delivery_time .input-group .radio-inline {
    max-width: 45px;
}

.input-group .radio-inline {
    max-width: 60px;
}

#shopping_cart #finish label.radio-inline {
    text-align: left;
}

#shopping_cart #finish label.radio-inline input {
    margin-top: 0;
}

.form-group .input-group .input-group-addon.discount_addon {
    padding-bottom: 5px;
    padding-top: 6px;
}

.form-group .input-group .input-group-addon.discount_addon .discount_checkbox {
    cursor: pointer;
    height: 18px;
    margin-top: 1px;
    width: 18px;
}

#shopping_cart #order_client .input-group input[type=text] {
    text-overflow: ellipsis;
}

#shopping_cart .input-group .input-group-btn button.dropdown-toggle {
    max-width: 46px;
    min-width: 46px;
    width: 46px;
}

#order_details_dialog #client_name,
#order_details_dialog #client_address,
#order_details_dialog #client_phone,
#order_details_dialog #driver_name,
#order_details_dialog #order_description_title,
#order_details_dialog #order_status_title {
    font-size: 16px;
}

#order_details_dialog #order_description_title {
    border-top: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 10px;
}

#order_details_dialog #order_status_title {
    margin-bottom: 10px;
}

#order_details_dialog #order_description {
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    height: 267px;
    margin-right: 15px;
    max-height: 267px;
    min-height: 267px;
    overflow: auto;
    padding: 5px;
    white-space: nowrap;
}

#order_details_dialog #order_status {
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    height: 418px;
    max-height: 418px;
    min-height: 418px;
    overflow: auto;
    padding: 5px;
    white-space: nowrap;
}

#order_details_dialog .list_status_item {
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 5px;
    padding-bottom: 3px;
}

#order_details_dialog .list_status_item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#order_details_dialog .row.main,
#order_details_dialog .row.main .col-md-7,
#order_details_dialog .row.main .col-md-5 {
    height: 450px;
    max-height: 450px;
    min-height: 450px;
}

#order_details_dialog .row.notes {
    height: 60px;
    max-height: 60px;
    min-height: 60px;
}

#order_details_dialog .row.details {
    height: 120px;
    margin-left: 0;
    margin-right: 0;
    max-height: 120px;
    min-height: 120px;
}

#order_details_dialog .col-md-7 {
    border-right: 1px solid #e5e5e5;
    padding-right: 0;
    width: 65%;
}

#order_details_dialog .col-md-5 {
    width: 35%;
}

#order_details_dialog .col-md-4 {
    border-left: 1px dashed #e5e5e5;
    height: 120px;
    max-height: 120px;
    min-height: 120px;
    padding-right: 0;
    width: 30%;
}

.input-group.input-note {
    padding-top: 4px;
}

.input-group.input-client-note {
    height: 54px;
    margin-left: 0;
    max-height: 54px;
    max-width: 575px;
    min-height: 54px;
    min-width: 575px;
    padding-top: 15px;
    width: 575px;
}

.input-group.input-client-note .input-group-btn {
    width: 69px;
}

.input-group.input-client-note .input-group-btn button {
    height: 54px;
    width: 69px;
}

.input-group.input-client-note #client-note {
    height: 54px;
    max-height: 54px;
    min-height: 54px;
}

.input-group #street_detail {
    max-width: 180px;
    min-width: 180px;
    width: 180px;
}

.input-save-success {
    box-shadow: inset 0 0 5px green;
    -moz-box-shadow: inset 0 0 5px green;
    -webkit-box-shadow: inset 0 0 5px green;
    transition: box-shadow 0.3s linear;
    -moz-transition: box-shadow 0.3s linear;
    -webkit-transition: box-shadow 0.3s linear;
}

.input-save-fail {
    box-shadow: inset 0 0 5px red;
    -moz-box-shadow: inset 0 0 5px red;
    -webkit-box-shadow: inset 0 0 5px red;
    transition: box-shadow 0.3s linear;
    -moz-transition: box-shadow 0.3s linear;
    -webkit-transition: box-shadow 0.3s linear;
}

textarea {
    resize: none;
}

textarea#note {
    height: 54px;
    max-height: 54px;
    padding-bottom: 5px;
}

textarea#kitchen_note {
    height: 34px;
    max-height: 34px;
}

#shopping_cart .clear_note_addon {
    padding-bottom: 5px;
    padding-top: 5px;
}

#shopping_cart .save_note_addon {
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
}

#shopping_cart .row.top-product-list {
    height: 90px;
    max-height: 90px;
    min-height: 90px;
}

#client_group {
    margin-top: 30px;
}

#client_group #client_search {
    margin-left: 0;
    margin-right: 0;
}

#client_group #client_search div {
    margin-right: 10px;
}

#client_group #client_search .tt-dropdown-menu {
    width: 400px;
}

#client_group #client_search .form-group input {
    border-radius: 4px;
}

#client_group #client_search .form-group input#search_phone {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
}

#client_group #client_search .form-group input#search_name {
    max-width: 400px;
    min-width: 400px;
    width: 400px;
}

#client_group #client_data {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}

#client_group #client_data .input-group, #client_data .form-group {
    margin-right: 10px;
}

#client_group #client_data .form-group input {
    border-radius: 4px;
}

#client_group #client_data .form-group input#client_id {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
}

#client_group #client_data .form-group input#phone {
    max-width: 160px;
    min-width: 160px;
    width: 160px;
}

#client_group #client_data .form-group input#name {
    max-width: 250px;
    min-width: 250px;
    width: 250px;
}

#client_group #client_data .form-group input#street_name {
    max-width: 250px;
    min-width: 250px;
    width: 250px;
}

#client_group #client_data .form-group .twitter-typeahead {
    margin-top: 0;
    text-overflow: ellipsis;
}

#client_group #client_data .form-group input#street_detail {
    max-width: 230px;
    min-width: 230px;
    width: 230px;
}

#client_group #client_data input[type=submit] {
    width: 80px;
}

#client_group #client_data .form-group input#original {
    display: none;
}

#driver_list .chk_driver_active {
    cursor: pointer;
    height: 18px;
    margin-top: 1px;
    width: 18px;
}

#user_list tr.no_locale {
    background-color: rgba(256, 0, 0, 0.2);
}

.no-space {
    padding: 0;
    margin: 0;
}

.green {
    color: green;
}

.grey {
    color: darkgrey;
}

.language-hint {
    text-align: center;
    margin: 0;
    padding: 0;
    color: dimgrey;
}

.fiscal {
    background: #f8f8f8;
}

/** views/order/list.twig start */
.order-list.panel-heading {
    font-size: 21px;
    font-weight: bold;
}

.order-list-table thead th {
    border-top-style: solid;
    border-top-width: 1.5px;
    border-top-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgb(221, 221, 221);
}

.order-list-table tbody tr td {
    vertical-align: middle;
}

.order-list-table tr.not_printed {
    background-color: #b3e6ff;
}

.order-list-table tr.not_printed:hover {
    background-color: #99ddff;
}

.order-list-table tr.take_away {
    background-color: #f33535;
}

.order-list-table tr.take_away:hover {
    background-color: #da1d1d;
}

.order-list-table tr.important {
    background-color: #f33535;
}

.order-list-table tr.important:hover {
    background-color: #da1d1d;
}

.order-list-table tr.edited {
    background-color: #f3d40d;
}

.order-list-table tr.edited:hover {
    background-color: #dad500;
}

.order-list-table td.no_location {
    background-color: #FF7C7C;
}

td.no-data {
    text-align: center;
}

td.time_hms {
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}

td.price {
    min-width: 120px;
}

td.client_info {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    overflow: hidden;
    word-break: normal;
}

.order-description {
    min-width: 200px;
    width: 230px;
    max-width: 230px;
    white-space: nowrap;
}

.order-description div {
    max-height: 60px;
    overflow: hidden;
}

.tooltip-inner {
    max-width: 800px;
    max-height: 400px;
    text-align: left;
}

.tooltip {
    max-width: 800px;
    max-height: 400px;
}

.btnToggleOrders {
    float: right;
}

.action.minimal {
    min-width: 60px;
    width: 60px;
    max-width: 60px;
    text-align: center;
}

.action.minimal .glyphicon {
    font-size: 18px;
}

.action.minimal .btn-xs {
    padding: 10px 12px;
}

.action_100px {
    min-width: 100px;
    width: 100px;
    max-width: 135px;
}

.action_100px div .btn {
    min-width: 100px;
    max-width: 117px;
}

.action_100px div .btn {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#new-order-notice, #edited-order-notice {
    text-align: center;
    cursor: pointer;
    height: 80px;
    line-height: 2.3;
    font-size: 20px;
    color: white;
}

.bg-alert {
    background-color: #f33535;
    display: none;
}

.bg-alert:hover {
    background-color: #da1d1d;
}

.bg-blink {
    background-color: #ba0000;
}

/** views/order/list.twig end */

#category_table td.price .delivery {
    position: relative;
    padding-left: 20px;
}

#category_table td.price .delivery > span {
    position: absolute;
    left: 0;
    top: 8px;
}

#category_table td.price .takeout {
    margin: 10px 0 30px 0;
    position: relative;
    padding-left: 20px;
}

#category_table td.price .takeout > span {
    position: absolute;
    left: 0;
    top: 8px;
}

#shopping_cart #hint {
    position: absolute;
    top: 60px;
    right: 10px;
    display: block;
    text-align: right;
    font-size: 15px;
    color: white;
}

#shopping_cart #hint .locale-status {
    display: inline-block;
    text-align: right;
}

#shopping_cart #hint .locale-status .item {
    padding: 2px 5px;
    margin: 5px 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
}

#shopping_cart #hint .zone-status {
    display: inline-block;
    background: #6d6d6d;
    border-radius: 6px;
    padding: 8px 10px;
    margin: 10px 0;
    text-align: center;
    min-width: 50px;
}

#shopping_cart #hint .zone-status.warning {
    background: red;
}

.article {
    position: relative;
    top: -5.55px;
}

td:not(.not_clickable):hover {
    cursor: pointer;
}

.order-listing.panel-heading {
    font-size: 21px;
    font-weight: bold;
}

.footer {
    padding-top: 8px;
    position: fixed;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: 50px;
    color: black;
    border-top: grey 1px solid;
    background: white;
}

.header {
    position: sticky;
    left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    top: 0;
    width: 100%;
    height: 50px;
    color: black;
}

/* Chrome, Safari, Edge, Opera: */
.hide-arrows::-webkit-outer-spin-button,
.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox: */
.hide-arrows {
    -moz-appearance: textfield;
}

img.misterd {
    max-height: 18px;
    margin-bottom: 2px;
}
img.wolt {
    max-height: 18px;
    margin-bottom: 2px;
}
img.glovo {
    max-height: 12px;
}