body {
    background: url(/img/bg.png) no-repeat center;
    background-attachment: fixed;
    background-position: center;
    background-size: 70%;
}
h1 {
    border-bottom: 1px solid;
    margin-bottom: 1em;
    padding-bottom: 0.25em;
}

nav.navbar.main {
    background-color: #ffc215 !important;
}

nav.navbar .logo {
    object-fit: contain;
    object-position: left;
  }
nav.navbar .navbar-brand {
    max-height: 3rem;
    width: 5em;
    display: flex;
    overflow: hidden;
}
nav.navbar .navbar-nav {
    text-align: right;
}



.container .card{
    background-color: rgb(250 250 250 / 70%);
}
.container nav.navbar ul li {
    position:relative;
    margin: 0.25em;
}
.container nav.navbar ul li i{
    font-size: 4rem;
    display: block;
    padding: 0.25em;
    min-width: 12rem;
}
.container nav.navbar ul li a{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}


#cart_navbar {
    box-shadow: 0 0 1em black;
    gap: .5em;
  }
#cart_navbar .actions {
    flex: 1;
    align-self: auto;
    text-align: end;
}
#cart_navbar .btn.btn-dark {
    background: rgba(0, 0, 0, 0.4);
  }
#cart_navbar .btn.btn-dark:hover {
    background: rgba(0, 0, 0, 0.3);
  }

body.cart tr#deco{
    border: 0.2em dashed rgb(200 50 50 / 80%);
}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background: black !important;
}
@media (max-width: 1200px){
    .container, .container-sm {
        max-width: unset;
    }
}
body.login .container.container, .container-sm {
    max-width: 500px!important;
}

.alert p {
    margin: 0;
}

input[type=number],
body.cart input[name=decoration-price]{
    text-align: right;
}
body.home input[type=number],
body.cart input[type=number]{
    max-width: 7ch;
}

.ajax > i.fas,
.confirm > i.fas{
    pointer-events: none;
}

[data-tooltip] {
    cursor: help;
    font-size: 1rem;
    position: relative;
}
[data-tooltip]:hover::after {
    display: table;
    opacity: .8;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    white-space: pre-wrap;
    font-family: sans-serif;
    pointer-events: none;
    display: none;
    min-width: 15ch;
    background: rgb(0 0 0);
    color: #fff;
    text-align: center;
    border-radius: .25em;
    padding: .5em;
    position: absolute;
    right: -1em;
    z-index: 1;
    opacity: 0;
    transition: opacity 500ms ease;
}

.card.customer {
    background: url(/img/bg.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-blend-mode: color-burn;
}

/* Colors */
.category-blue{
    color: #0d6efd;
    border: 1px solid #0d6efd;
}
.category-indigo{
    color: #6610f2;
    border: 1px solid #6610f2;
}
.category-purple{
    color: #6f42c1;
    border: 1px solid #6f42c1;
}
.category-pink{
    color: #d63384;
    border: 1px solid #d63384;
}
.category-red{
    color: #dc3545;
    border: 1px solid #dc3545;
}
.category-orange{
    color: #fd7e14;
    border: 1px solid #fd7e14;
}
.category-yellow{
    color: #ffc107;
    border: 1px solid #ffc107;
}
.category-green{
    color: #198754;
    border: 1px solid #198754;
}
.category-teal{
    color: #20c997;
    border: 1px solid #20c997;
}
.category-cyan{
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
}
.category-gray{
    color: #adb5bd;
    border: 1px solid #adb5bd;
}



.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #ff8800;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: .5rem;
}




@media (min-width: 1200px) {

    .container.wide,
    .container-lg.wide,
    .container-md.wide,
    .container-sm.wide,
    .container-xl.wide {
        max-width: 1600px !important;
    }
}



@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    @page {
        size: A4;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 18cm !important;
    }
}