.theInfo {
    position: fixed !important;
    bottom: 5px !important;
    left: 5px !important;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
    background: #FFF;
    border: 1px solid #EDEDED !important;
    -webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    -moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.theInfoForce {
    bottom: 50px !important;
}
.theInfoRight {
    position: fixed !important;
    bottom: 70px !important;
    right: 5px !important;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
    background: rgb(228, 48, 213);
    color: #FFFFFF !important;
    border: 1px solid #EDEDED !important;
    -webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    -moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.20) !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.theInfoRightAlert {
    position: fixed !important;
    bottom: 70px !important;
    right: 5px !important;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
}
.theInfoFd {
    position: fixed !important;
    bottom: 100px !important;
    right: 100px !important;
    margin: 0;
    padding: 0;
    z-index: 99;
    background: #FFF;
    border: 1px solid #EDEDED !important;
    -webkit-box-shadow: 0 0 16px rgba(50, 50, 50, 0.4) !important;
    -moz-box-shadow: 0 0 16px rgba(50, 50, 50, 0.4) !important;
    box-shadow: 0 0 16px rgba(50, 50, 50, 0.4) !important;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
.theInfoW190 {
    width: 190px;
}
.theInfoW280 {
    width: 280px;
}
.theInfoW420 {
    width: 420px;
}
.theInfoW600 {
    width: 600px;
}
.theInfoW900 {
    width: 98%;
    height: auto;
}
.padding-10{
    padding: 10px;
}
.enderecoSelecionado{
    border: 1px solid #e83e8c !important;
    border-radius: 3px 3px 3px 3px;
}
.riscar-texto {
    text-decoration: line-through;
}
.rowsTrocaProduto{
    font-size: 13px; border-bottom: 1px solid #CCCCCC;
}
.totalTroca{
    font-size: 13px; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin-top: 15px;
}
.normalText{
    font-weight: normal !important;
}
.force-thumb {
    width: 50px !important;
}
.alertPrecoDiv {
    width: 98%;
    padding: 6px;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px;
    margin-top: 10px;
    border-left: 3px #f012be solid;
}
:root {
    --fa-primary-color: green;
    --fa-secondary-color: red;
}
.produtopdv {
    border-bottom: #CCCCCC 1px solid;
    padding: 8px;
}
.produtopdv:hover {
    background-color: #EBEBEB;
}
.btn-app-pay {
    border-radius: 5px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #6c757d;
    font-size: 16px;
    height: 90px;
    margin: 0 0 14px 10px;
    min-width: 80px;
    padding: 20px 2px;
    position: relative;
    text-align: center;
}
.form-control-dark {
    border-color: var(--bs-gray);
  }
  .form-control-dark:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
  }

  .text-small {
    font-size: 85%;
  }

  .dropdown-toggle:not(:focus) {
    outline: 0;
  }