html {
    scroll-behavior: smooth;
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc !important;
}

.hero {
}

.upper
{
    text-transform: uppercase;
    font-size:11px;
}

.page {

}

.container {
    max-width:700px;
    margin:0 auto 100px auto;
}

.container.login {
    max-width:500px;
}

nav .container {
    margin-bottom:0;
}

.footer {
    z-index: 1040;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #0c4f00;
}

.footer .container
{
    padding:0 40px;
}

.footer a {
    opacity:.5;
}

.footer .active *, .footer .active *:hover
{
    opacity:1;
}

.footer #logo {
    height:2.2em;
    position:relative;
    top:-2px;
}

.bg-uverde {
    background-color:#0c4f00 !important;
}

.text-uverde {
    color:#0c4f00 !important;
}

.btn-uverde {
    background-color:#0c4f00;
    color:#fff !important;
}

.btn-uverde:hover {
    background-color:#0c4f00;
    color:#fff;
}

.btn-uverde:active, .btn-outline-uverde:active {
    background-color:#0c4f00 !important;
    color:#fff !important;
}

.btn-outline-uverde {
    border-color:#0c4f00;
    color:#0c4f00;
}

.card {
    margin-top:20px;
    margin-bottom:20px;
}

.login-page { margin:0 auto; max-width:400px; }
.login-page .container { padding-top:60px }

.alert:empty { display:none; }
.alert p:last-child { margin-bottom:0 !important; padding-bottom:0 !important; }

td.cancelled, td.cancelled *
{
    text-decoration: line-through;
    color:#aaa
}

.product_image {
    float:left;
    max-width:64px;
    max-height:64px;
    border-radius:6px;
    margin: 0 10px 0 0;
}

.product_name {
    font-size:1.1em;
    line-height:0;
}

.to_cart {
    min-width:109px;
    padding-left:0 !important;
}

.minus, .plus {
    padding:5px;
}

.counter {
    display: inline-block;
    position:relative;
    top:3px;
    width: 24px;
    text-align: center;
    font-size:1.2em;
    font-weight:600;
}

table#products {
    margin-bottom:30px;
}

table#products * {
    scroll-margin-top:3em;
}

table#products tr.category td {
    padding:20px 0;
    text-align:center;
}

table#products tr.category td h5 {
    margin-bottom:0;
}

#confirm-order {
    display:none;
    max-width:670px;
    width:100%;
    margin:0 auto;
    padding:0 10px;
    box-sizing: border-box;
    position:fixed;
    bottom:80px;
    left:0;
    right:0;
    z-index: 1040;
}

div.ships span
{
    margin-right:10px;
    font-size:.8em;
    display:block;
}

div#categories {
    background:#fff;
    padding:10px 0 6px 0;
    white-space: nowrap;
    overflow-x: hidden;
    text-align:center;
}

div#categories .wrap {
    overflow-x: scroll;
}

.article img {
    max-width:100%;
}

.card .chart {
    position:absolute;
    bottom:0px;
    left:0;
    width:90%
}

.card .row .chart {
    bottom:-20px;
}

.apexcharts-tooltip {
    color:#000;
}

.pop {
    min-width:120px;
}

.store-cover {
    position:relative;
    border-bottom:1px solid #ddd;
    min-height:140px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:bottom;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
}

.store-content {
    position:absolute;
    width:100%;
    top:0;
    text-align:center;
}

.store-content .avatar {
    position:absolute;
    /* top:-52px; */
    left:calc(50% - 52px);
    top:1.25rem;
    /* left:1.25rem; */
    border-radius:6px;
    background:#fff;
    border:1px solid #fff;
    /* box-shadow:#fff 0 0 1px; */
}