.modal-right{
        margin: 0 !important;
        margin-left: auto !important;
    }   
    .modal-full-height{
        height: 100vh !important;
    }
    .modal-full-height .modal-content{
        border-radius: 0 !important;
    }
    .integration-logo .integrator-logo{
        height:3rem;
        width:3rem;
    }
    .offline-channel .integrator-logo{
        filter: grayscale(1);
        opacity: 0.5;
        
    }

@keyframes pulseOverlayBg {
  0%, 100% {
    background: rgb(0,0,0);
    /*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 100%);*/
  }
  50% {
    background: rgb(223,90,21);
    /*background: linear-gradient(0deg, rgba(223,90,21,1) 0%, rgba(219,141,52,1) 100%);*/
  }
}
.order-notification-overlay {
    animation: pulseOverlayBg 3s infinite;
}
.bg-backdrop.backdrop-dark{
    background-color: rgba(0, 0, 0, 0.85);
}
.bg-backdrop{
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.order-notification-overlay{
    z-index: 9999999;
}
.items-divider{
    line-height: 0;
}
.order-details > .col{
    min-width: 0;
}
.order .integrator-logo, .order .avatar-generic{
    width: 3rem;
    height: 3rem;
}
.text-badge{
    width: 2.5rem;
    padding: 0;
    height: 2.5rem;
    line-height: 2.4rem;
    text-align:center;
}
.details-product .text-badge{
    width: 40px;
    height: 40px;
    line-height: 38px;
}
.text-badge i{
    line-height:inherit;
}

.integrator-logo{
    background-repeat:no-repeat;
    background-color:#fff;
    background-size:cover;
}
.avatar-generic{
    background-repeat:no-repeat;
    background-color: var(--bs-body-bg);
    background-size:cover;
    background-image: url("../../img/client/generic-avatar.svg");
}


.ubereats-logo-small{
    background-image: url("../../../img/client/logos/ubereats/icon-small.svg");
}
.ubereats-logo-large{
    background-image: url("../../../img/client/logos/ubereats/icon-large.svg");
}
.didifood-logo-small{
    background-image: url("../../../img/client/logos/didifood/icon-small.svg");
}
.didifood-logo-large{
    background-image: url("../../../img/client/logos/didifood/icon-large.svg");
}
.rappi-logo-small{
    background-image: url("../../../img/client/logos/rappi/icon-small.svg");
}
.rappi-logo-large{
    background-image: url("../../../img/client/logos/rappi/icon-large.svg");
}
.orders-list{
}
.orders-list .order{
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    border-left-width: 0px;
    border-right-width: 0px;
}
.order:hover{
    cursor: pointer;
    background-color: rgba(0,0,0,0.01);
}
.orders-list .order{
    border-top-width: 0px;
}
.order-overlay {
    display:flex;
}
.status-spot{
    width: 0.8rem;
    display: inline-block;
    position: absolute;
    height: 0.8rem;
    border-radius: 100%;
    top: 15%;
    right: 15%;
    border: 0.15rem white solid;
}
.status-spot[data-status='on']{
    background-color: green;
}
.status-spot[data-status='standby']{
    background-color: orange;
}
.status-spot[data-status='off']{
    background-color: red;
}
    .navbar-action-btn{
        /*font-size:1.5em;*/
        padding: 0.75rem;
        border-radius:100%;
        position:relative;
        text-align:center;
    }
    .navbar-action-btn i{
        width: 1em;
    }
    #nav-center .nav-link{
        padding: 1rem 0;
    }
    #nav-center .nav-link:first-child{
        margin-right: 3rem;
    }
    #nav-center .nav-link.active{
            border-bottom: 3px red solid;
    }
    .order-overlay-overview .nav-pills .nav-link:not(.active){
        color: var(--bs-secondary-color);
    }
    .order-overlay-overview .nav-pills .nav-link.active{
        background-color: var(--bs-secondary-bg);
        border-color: transparent;
        color: var(--bs-body-color);
    }
blob {
	background: black;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 10px;
	height: 20px;
	width: 20px;
	transform: scale(1);
	animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.blob.white {
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.blob.red {
	background: rgba(255, 82, 82, 1);
	box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
	animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}

.blob.orange {
	background: rgba(255, 121, 63, 1);
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
	}
}

.blob.yellow {
	background: rgba(255, 177, 66, 1);
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite;
}

@keyframes pulse-yellow {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}

.blob.blue {
	background: rgba(52, 172, 224, 1);
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}

.blob.green {
	background: rgba(51, 217, 178, 1);
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}

.blob.purple {
	background: rgba(142, 68, 173, 1);
	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
	animation: pulse-purple 2s infinite;
}

@keyframes pulse-purple {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
	}
}