.center {
    text-align: center !important;
}

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.disabledButton {
    opacity: 0.4; 
    cursor: not-allowed;
    pointer-events: none;
}

.a_btn_nestable {
	margin-right: 10px;
	margin-top: 8px;
}

.invisivel {
	display: none !important;
}

.full-width {
	width: 100% !important;
}

.disabledinput{
    pointer-events: none;
  	opacity: 0.5;
  	background: #CCC;
}

.li_active {
    background-color: #00c0ef !important;
    color: white !important;
}

.trPedido {
    cursor: pointer;
}

.trPedido td{
    vertical-align: middle !important;
}

.trPedidoActive {
    background-color: #dd4b39 !important;
    color: white !important;
}

.trPedidoActive a{
    color: white !important;
}

.calloutPedido {
    color: #fff;
    vertical-align: middle;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: none !important;
    display: flex;
}

.calloutPedido>h4 {
    flex: 2;
}
.calloutPedido>a {
    flex: 1;
    text-align: left !important;
}

.divAddressPedido {
    font-size: 16px;
}

.tooltipcss {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipcss .tooltiptext {
    visibility: hidden;
    width: auto;
    max-width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;

    top: 100%;
    left: 50%; 
    margin-left: -50%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipcss:hover .tooltiptext {
    visibility: visible;
}

.tooltipcss .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tableHistorico {
    margin-left: -15px;
    margin-right: -15px;
}

.tableCupons {
    margin-left: -15px;
    margin-right: -15px;
}

.ovVis {
    overflow: visible !important;
}

.trHistorico td{
    vertical-align: middle !important;
}

.trCupom td{
    vertical-align: middle !important;
}

.aUltMod, .aUltMod:hover {
    color: #333;
}

#divTablePedidos {
    max-height: 450px !important;
    overflow-y: scroll;
}

.colorRed {
    color: red !important;
}

.colorGreen {
    color: rgb(177, 210, 53) !important;
}
.aDelCon i {
    width: 27px;
}
.liCon .badge {
    background-color: transparent;
}

.info-card img.cover {
    max-width: 100%;
    /*height: inherit;*/
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    /*padding: 10px;*/
}

.bg-pedido-gradient {
    background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.4), transparent);
}

#navPillsBtnPed a{
    margin-left: 5px;
}

.slct2zindex {
    z-index: 2060;
}

.select2-container {
    z-index: 2060;
}

.select2NonZIndex .select2-container {
    z-index: 1 !important;
}

.linkCodigoCupom b, .linkCodigoCupom b:hover {
    color: black;
    text-decoration: underline !important;
}

.linkCodigoCupom i {
    color: black;
}

.swal2-container {
    z-index: 2060;
}

button.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.h2DivCat {
    font-style: normal !important;
}

.panelItens i {
    font-style: normal !important;
}
.codigoCupom {
    text-transform: uppercase;
}

.txtCupom {
    cursor: help;
    text-decoration: underline;
}

.w10 {
    width: 10%;
}

.liChat.active {
    background-image: linear-gradient(500deg, rgba(0, 0, 0, 0.4), transparent);
}
.liChat.active a, .liChat.active small{
    color: white !important;
}

.textNumKds {
    flex: auto;
    font-size: 28px;
    font-weight: bold;
}

#modalChat {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
}

#divOverMap {
    position: absolute;
    top: 10px;
    background-color: white;
    padding: 12px;
    margin-left: 10px;
    border-radius: 10px;
}

.borderPanel {
    padding: 7px 2px 7px 2px;
    border: 1px solid #EEE;
    border-radius: 5px;
}
.badgeVisualizado {
    font-size: xx-small;
    margin-left: 3px;
}
.enviadoChat {
    padding-top: 16px;
    display: flex;
    font-size: smaller;
}