:root {
    --brand-color: #013755;
}

.navbar {
    background-color: var(--brand-color);
}

.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

@media (max-width: 575.98px){
    .invisible-sm{
        display:none !important;
    }
    td,th{
        padding: 3px !important;
    }
    .btn{
        padding-left:  3px !important;
        padding-right:  3px !important;
    }
}
td{
    color: inherit !important;
}
.row+.row{
    margin-top: 0rem;
}
@media (min-width: 768px) {
    .gallery-bottom
    {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        background-color: rgba(0,0,0,0.7);
    }
}
@media (max-width: 768px) {
    .gallery-bottom
    {
        margin-bottom: 1rem!important;
    }
}
.bg-order{
    background-color: rgba(228,228,228,1);
}

.card-body{
    padding: 0.5rem 0.3rem;
}
.bg-product{
    color:black;
    background-color: rgba(255,255,255,0.5);
    height:100%;
}
.bg-notes{
    background-color: rgba(207,217,246,0.5);
}
.bg-address_and_package{
    color:black;
    background-color: rgba(207,217,246,0.5);
}
.bg-return-info{
     background-color: rgba(207,128,128,0.5);
}
#color{
    color: white !important;
}