body {
    background-color: #018e45;
    background-image: url(/background-green.png);
    background-repeat: repeat-x;
    padding-bottom: 20px;
    overflow-y: visible
}

#container {
    background: #fff;
    padding: 0 8px 8px;
    box-shadow: 0 0 10px 2px;
    border-radius: 0 0 6px 6px
}

header {
    background-image: url(/header-pizza2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

header .navbar-inner {
    border-radius: 0
}

#logo img {
    max-height: 175px
}

footer {
    margin: 10px auto 0
}

h1 {
    margin: 0 0 10px
}

p {
    margin: 5px 0
}

.map {
    width: 100%;
    height: 426px;
    border: 1px solid #ccc
}

.contact-phone_numbers .number {
}

.row-variation .name {
    text-align: left
}

.row-variation .name:before {
    content: "» "
}

.row-variation .price,td.price,th.price {
    text-align: right!important
}

.row-odd {
    background: rgba(255,255,255,.4)
}

.row-product {
    border-bottom: 1px dashed #ccc;
    padding-top: 5px;
    padding-bottom: 5px
}

.row-product:hover {
    background: #ffc
}

.row-product .media .media-object {
    height: 72px;
    width: 100px
}

.special-media-object {
    width: 70px;
    height: 50px
}

.row-variation:hover div {
    font-weight: 700
}

#basket {
    margin-bottom: 0
}

.note-delivery {
    margin-top: 4x;
    margin-bottom: 6px
}

#basket-container {
    background-size: cover
}

#editProductModal .thumbnail {
    width: 170px;
    height: 98px
}

#editProductModal .form-horizontal .row-fluid .control-group {
    margin-bottom: 0
}

.status-CLOSED {
    color: #b66!important
}

.status-OPEN {
    color: #090!important
}

#progress-order-status {
    height: 40px;
    line-height: 40px
}

.borderless td,.borderless th {
    border: none
}

.dropdown-backdrop {
    position: static
}

.container-fluid.main-content,.contact-us #body .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.trigger-paymentmethod .btn.active {
    background-color: #ddd
}

.inner-wrapper {
    width: inherit
}

.table tbody+tbody {
    border-top: 1px solid #ddd
}

body.checkout .img-polaroid {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.alert-zp-notice {
    padding: 20px;
    font-size: 20px;
    background: #005c97;
    background: linear-gradient(60deg,#0073bc,#363795);
    color: #fff;
    margin: 0 0 1em;
    text-align: center;
    font-weight: 300;
    border: 2px solid #0073bc
}

.loyalty-card {
    background: url(/loyalty-card-bg.jpg);
    border: 5px dashed #d1b025;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 0;
    padding: 20px
}

.loyalty-card>div {
    padding: 30px 20px
}

.loyalty-card>div .loyalty-label {
    font-size: 18px;
    line-height: 18px
}

.loyalty-card>div .loyalty-value {
    font-size: 42px;
    line-height: 42px
}

.loyalty-card>div.col1 .loyalty-label {
    color: #fff;
    font-size: 64px;
    line-height: 64px;
    text-shadow: 5px 5px 10px #000;
    font-weight: 700
}

.loyalty-card>div.col3,.loyalty-card>div.col4 {
    background: #fff;
    background: -moz-linear-gradient(-45deg,#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#ffffff),color-stop(50%,#f3f3f3),color-stop(51%,#ededed),color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(-45deg,#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -o-linear-gradient(-45deg,#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: -ms-linear-gradient(-45deg,#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(135deg,#ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    border-radius: 100%;
    border: 3px solid #d1b025;
    text-shadow: 0 1px 0 #fff
}

.loyalty-caption {
    background: rgba(0,0,0,.8);
    color: #fff;
    border: 5px solid #d1b025;
    border-top: 0;
    padding: 10px 20px;
    margin-bottom: 15px
}

.loyalty-caption h3 {
    padding: 0;
    margin: 0;
    text-align: right;
    font-weight: 400
}

#order_modifications {
    display: none
}

#editProductModal .type-choose-one .row-fluid:not(:last-child) a.btn {
    margin-bottom: 5px
}

.ui-dialog .ui-dialog-titlebar-close {
    color: #fff;
    background: 0 0;
    border: none
}

.ui-dialog-titlebar-close:after {
    content: '\f00d';
    font-family: FontAwesome
}

html.apped #container {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}

html.apped .container {
    width: 100%!important
}

html.apped .social_mod {
    display: none
}

body.apped.home h1 {
    text-align: center;
    display: none
}

html.apped .ct_details_bar,html.apped #responsive-food-menu .brand {
    display: none
}

html.apped footer div {
    padding: 10px 0
}

html.apped .website-image {
    margin: 0
}

html.apped .ui-corner-all,html.apped .navbar-inner,html.apped .alert,html.apped .well {
    border-radius: 0
}

html.apped .alert,html.apped footer {
    margin: 0!important
}

html.apped .ui-widget-content,html.apped .well {
    border: none
}

html.apped .ui-tabs .ui-tabs-panel,html.apped .ui-tabs {
    padding: 0
}

html.apped .row-product {
    padding: 5px;
    box-sizing: border-box
}

html.apped h1,html.apped h2,html.apped h3,html.apped h4 {
    text-align: center;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 20px;
    line-height: 26px
}

html.apped .blockMsg {
    top: 0!important;
    right: 0!important;
    width: 100%!important;
    border-radius: 0!important
}

html.apped h1,html.apped h2 {
    font-size: 1em;
    line-height: 1.5em
}

#editSpecialDealModal .is-free .media-heading:after {
}

.allergen-popover-icon {
    width: 96px;
    height: 96px
}

.big-modal {
    width: 1000px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.well-hero {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    border-radius: 10px
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: inherit
}

.ui-front {
    z-index: 1002!important
}

#responsive-food-menu .ctrl-mob-nav-search {
    background: 0 0;
    border: none
}

.basket-discount-raw {
    display: none
}

.ui-helper-block.muted.pay-fee {
    display: none
}

.modal-body .type-choose-one .span6 {
    width: 50%;
    margin-left: 0
}

.modal-body .type-choose-one .btn-group {
    max-width: 100%
}

.modal-body .type-choose-one .dropdown-toggle {
    text-overflow: ellipsis;
    overflow-x: hidden;
    max-width: 80%
}

.modal-body .type-choose-one .span6:nth-child(even).btn-group .dropdown-menu {
    left: initial;
    right: 0
}

@media(max-width: 767px) {
    .modal-body .type-choose-one .span6 {
        float:left
    }

    .modal-body .form-horizontal.type-choose-one .control-label {
        width: 100px
    }

    .modal-body .form-horizontal.type-choose-one .controls {
        margin-left: 110px
    }
}

@media(max-width: 480px) {
    .modal-body .form-horizontal.type-choose-one .control-label {
        width:100%
    }

    #editProductModal .form-horizontal .row-fluid .control-group {
        margin-bottom: 10px
    }

    .modal-body .form-horizontal.type-choose-one .controls {
        margin-left: 0
    }

    .modal-body .type-choose-one .span6 {
        float: none;
        width: 100%
    }

    .modal-body .type-choose-one .dropdown-toggle {
        width: 200px
    }
}

.official-document.modal-body ul,.official-document.modal-body ol {
    margin: 0;
    padding: 0;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px
}

.official-document.modal-body>ul,.official-document.modal-body>ol {
    margin-left: 16px;
    padding-left: 0
}

.official-document {
    background: #f3f3f3!important;
    color: #333!important;
    text-shadow: none!important;
    text-align: left!important
}

.official-document a {
    color: #397dba!important;
    text-decoration: none
}

.official-document a:hover {
    color: #275680!important;
    text-decoration: underline!important
}

.official-document h1,.official-document h2,.official-document h3,.official-document h4,.official-document h5,.official-document h6 {
    display: block!important;
    opacity: 1!important;
    color: #000!important;
    text-shadow: none!important;
    text-align: left!important
}

.official-document .alert {
    text-shadow: none!important;
    background: #397dba!important;
    color: #ddd!important;
    text-align: left!important
}

.official-document .alert a {
    color: #fff!important;
    text-shadow: none!important
}