/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

#content-container{
  padding-top: 55px;
}

table{
  font-size: 11px;
}

table td{
  vertical-align: middle;
}

.table>:not(caption)>*>*{
  padding: 3px;
}

table .btn-sm{
  --bs-btn-padding-y: 2px;
  --bs-btn-padding-x: 5px;
  --bs-btn-font-size: 10px;
}

div.navbar-collapse{
  z-index: 100;
}

.control-products-table{
  font-size: 10px;
  position: relative;
}

.give-space, .give-space-with-margins{
  height: 10px;
  background-color: #0d6efd;
  margin: 10px 0px;
  border-radius: 10px;
}

.give-space-with-margins{
  margin: 10px; 
}

.control-products-table td:last-child, .control-products-table th:last-child{
  border-right: none;
}

.col-product{
  min-width: 200px;
}

.table>:not(caption) > * > .col-request{
  background-color: #d3d3d3;
}

.row{
  margin-top: 5px;
  margin-bottom: 5px;
}

#form-buttons{
  margin-top: 5px;
  margin-bottom: 5px;
}

.product-removed-alert{
  margin-bottom: 0;
  font-size: 12px;
}

.row-filter{
  height: 7vh;
}

.request-show-first-row{
  min-height: 90px;
  height: 15vh;
}

.request-show-last-row{
  min-height: 31px;
  height: 5vh;
}

.parent-requests-table{
  height: 66.5vh;
}

.add-products-first-row{
  min-height: 61px;
  height: 10.5vh;
}

.add-products-second-row{
  min-height: 31px;
  height: 5.5vh;
}

.parent-requests-add-products-table{
  height: 70vh;
}

.parent-suppliers-table{
  overflow: auto;
  height: 70vh;
}

.parent-products-table, .parent-card_sales-table, .parent-transferencies-table, .parent-sales-table{
  overflow: auto;
  height: 73vh;
}

.parent-controls-table, .parent-operators-table, .parent-flags-table, .parent-payment_methods-table, .parent-fees-table, .parent-contracts-table, .parent-groups-table, .parent-index-requests-table, .parent-index-automatic-requests-table{
  overflow: auto;
  height: 80vh;
}

.parent-linked-products-table{
  overflow: auto;
  height: 88vh;
}

.parent-control-requests-table{
  overflow: auto;
  max-height: 30vh;
}

#card-vigencia, #card-bandeiras, #card-pagamento, #card-taxas, #card-lojas{
  overflow: auto;
  height: 68vh;
}

.contract-summary-row {
  height: 15vh;
  min-height: 100px;
}

.contract-fee-title-row {
  height: 6vh;
  min-height: 42px;
}

.contract-fees-parent-row{
  overflow: auto;
  height: 65vh;
}

.card-body-contract-creation-summary{
  overflow: auto;
  height: 77vh;
}

.card-header-contract-creation{
  min-height: 60px;
  height: 9vh;
}

.card-footer-contract-creation{
  min-height: 65px;
  height: 9vh;
}

#pagination{
  height: 9vh;
}

.pagination{
  --bs-pagination-font-size: 12px;
}

.parent-products-low-stock-table, .parent-supplier-products-table, .parent-control-tabela-table{
  overflow: auto;
  height: 78vh; 
}

.suppliers-form-search, .products-form-search, .tabela-f-line, .f-line-products-low-stock{
  min-height: 40px;
  height: 9vh;
}

.suppliers-show-f-line {
  min-height: 65px;
  height: 9vh;
}

#request-products-table td, #request-products-table .btn{
  padding: 2px;
}
 
thead >tr > th{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

thead > tr > th.thead-second-line {
  top: 20px;
}

.control-products-table th.col-product,
.control-products-table td.col-product {
  position: sticky;
  left: 0;
}

.control-products-table th.col-product {
  z-index: 70;
}

.control-products-table td.col-product {
  z-index: 59;
}

.btn-margin-left{
  margin-left: 3px;
}

.dropdown-menu-navbar-user[data-bs-popper]{
  left: auto;
  right: 0;
}

#allowed_emails tbody tr, #users tbody tr{
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
}

.btn-link{
  font-size: 12px;
  padding: 0 8px;
}

.access_table_parent{
  height: 65vh;
  overflow: auto;
}

.blockquote-footer {
  margin-top: 0;
}

.min-max-products-stock-days{
  font-size: 12px;
}

.min-max-products-stock-days h5{
  font-size: 14px;
}

.card-body-min-max{
  padding: 4px 6px;
}

.col-5-card-parent{
  margin-bottom: 8px;
}
/* 
.nav-pills li a{
  color: #000;
} */

.nav-pills li a:hover{
  background-color: #0d6efd;
  color: #fff;
}

.nav-pills li a.active{
  background-color: #0d6efd;
  color: #fff;
}

.vh-90{
  height: 90vh!important;
  /* overflow: auto; */
}

.min-vh-10{
  height: 10vh!important;
}

.height-100{
  height: 100%;
  overflow: auto;
}

.row.flex-nowrap.page-content{
  margin: 0 -12px;
}
/* 
.bg-cinza{
  background-color: #f8f9fa;
} */

.fs-7{
  font-size: 0.8rem!important;
}

.bg-dark a.dropdown-toggle::after {
  margin-inline-start: auto;
  align-self: center;
}

.menu-contratos{
  margin-bottom: 0.25rem!important;
}

.row-fees-flag-name{
  margin-top: 1.25rem!important;
}

.nav-links{
  cursor: pointer;
}

.page-link{
  padding: 2px 10px;
}

.table-action, .table-id{
  width: 32px;
}

.fee-is-ok{
  font-size: 15px;
  color: white;
  padding: 3px;
  background-color: #198754;
  border-radius: 10px;
}

.fee-isnt-ok{
  font-size: 15px;
  color: white;
  padding: 3px;
  background-color: #dc3545;
  border-radius: 10px;
}

.fee-not-audited{
  font-size: 15px;
  color: white;
  padding: 3px;
  background-color: blue;
  border-radius: 10px;
}

.col-limpar-filtro{
  text-align: right;
}

.offcanvas.offcanvas-top{
  height: 45vh;
}

.btn-container button svg {
  margin-top: -15px;
}

.navbar-brand{
  color: #ffc107;
  background-color: #0d6efd;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 99999px;
}

.navbar-brand:hover{
  color: #fdde9b;
  background-color: #51a9f6;
}
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/
/********//********//********//********//********//********//********//********/

.mult-select-tag{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  position:relative;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-color:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  --border-color:rgb(218, 221, 224);
  font-family:Verdana,sans-serif
}

.mult-select-tag .wrapper{
  width:100%
}

.mult-select-tag .body{
  display:flex;
  border:1px solid var(--border-color);
  background:#fff;
  min-height:2.15rem;
  width:100%;
  /* min-width:14rem */
}

.mult-select-tag .input-container{
  display:flex;
  flex-wrap:wrap;
  flex:1 1 auto;
  padding:.1rem;
  align-items:center
}

.mult-select-tag .input-body{
  display:flex;
  width:100%
}

.mult-select-tag .input{
  flex:1;
  background:0 0;
  border-radius:.25rem;
  padding:.2rem;
  margin:5px;
  color:#2d3748;
  outline:0;
  border:1px solid var(--border-color);
  font-size: 13px;
}

.mult-select-tag .btn-container{
  color:#e2ebf0;
  /* padding:.5rem; */
  display:flex;
  border-left:1px solid var(--border-color)
}

.mult-select-tag button{
  cursor:pointer;
  width:100%;
  color:#718096;
  outline:0;
  height:100%;
  border:none;
  padding:0;
  background:0 0;
  background-image:none;
  /* -webkit-appearance:none; */
  text-transform:none;
  margin:0
}

.mult-select-tag button:first-child{
  width: 32px;
  /* height:90% */
  padding: 8px;
}

.mult-select-tag .drawer{
  position:absolute;
  background:#fff;
  max-height:15rem;
  z-index:40;
  top:98%;
  width:100%;
  overflow-y:scroll;
  border:1px solid var(--border-color);
  border-radius:.25rem
}

.mult-select-tag ul{
  list-style-type:none;
  padding:.5rem;
  margin:0
}

.mult-select-tag ul li{
  padding: 0.2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 12px;
}

.mult-select-tag ul li:hover{
  background:rgb(243 244 246)
}

.mult-select-tag .item-container{
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 0.05rem 0.25rem;
  margin: 0.1rem;
  font-weight:500;
  border:1px solid;
  border-radius:9999px
}

.mult-select-tag .item-label{
  max-width:100%;
  line-height:1;
  font-size:.75rem;
  font-weight:400;
  flex:0 1 auto
}

.mult-select-tag .item-close-container{
  display:flex;
  flex:1 1 auto;
  flex-direction:row-reverse
}

.mult-select-tag .item-close-svg{
  width:1rem;
  margin-left:.5rem;
  height:1rem;
  cursor:pointer;
  border-radius:9999px;
  display:block
}

.hidden{
  display:none
}

.mult-select-tag .shadow{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.mult-select-tag .rounded{
  border-radius:.375rem
}

.body.rounded, .body.rounded .input-container{
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  overflow: auto;
}

.body.rounded{
  overflow: hidden;
}

.applied-filters{
  height: 7vh;
  overflow: auto;
}

.not-authorized-col-warning{
  background-color: red;
  border-radius: 99999px;
}

.not-authorized-span-warning{
  font-size: 7rem;
  color: white;
}

.not-authorized-desc{
  font-size: 6rem;
  font-weight: bold;
}

.navbar.access_navbar a.active{
  text-decoration-line: underline;
}

td.td-icon{
  font-size: 17px;
}

td.td-icon .bi-eye-slash{
  color: #dc3545;
}

td.td-icon .bi-eye{
  color: #0d6efd;
}

ul.dropdown-menu.show, ul.dropdown-menu.show li.dropdown-item:hover{
  background-color: #2c2c2c;
}

.navbar-nav.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
}

.nav-link.side-nav-link{
  white-space: nowrap;
}

.menu-name{
  color: rgba(255,255,255,0.55);
}

.request-show-first-row h4{
  font-size: 1.3rem;
}

.request-show-first-row h5{
  font-size: 1.1rem;
}

.valor-pedido{
  font-size: 12px;
  padding: 9px 9px;
}

.table-card-sales-dashboard{
  font-size: 12px;
}

.table-card-sales-dashboard td{
  padding-top: 10px;
  padding-bottom: 10px;
}

.table-card-sales-dashboard span.values{
  padding-top: 3px;
}

.start-100-card-sales-dashboard {
  left: 120% !important;
}

.start-108 {
  left: 108% !important;
}

.card-sale-dashboard-card-footer{
  font-size: 10px;
}

.card-sales-card{
  height: 112px;
}

.card-sales-dashboard-card-body{
  height: 78px;
}

.card-sales-dashboard-card-body h3{
  font-size: 38px;
  letter-spacing: -3px;
}

.card-sales-dashboard-card-body.operador{
  cursor: pointer;
}

.home-subtitle{
  font-size: 12px;
}

.form-select-sm-user-types {
  padding-top: .1rem;
  padding-bottom: .1rem;
  font-size: .605rem;
}

.product-inactive td{
  color: red;
}

.th-product-code{
  width: 105px;
}

.th-store-name{
  width: 65px;
}

.th-total{
  width: 40px;
}

.table-bordered .th-total, .table-bordered .td-total{
  border-left: 2px solid #000;
}

.td-applied-price{
  z-index: 990;
}

.th-z-index-999{
  z-index: 999;
}

.form-card-body{
  padding-top: 5px;
}

.stick-top-abc{
  min-height:120px;
}

.stick-top-thead-abc{
  top: 190px;
}

.link-xs {
  font-size: 0.75rem;
}

.sticky-top-modal-thead {
  top: 63px;
}

.navbar-relative{
  position: relative;
  z-index: 1040;
}

.fs-0{
  font-size: 1.5rem;
}

.row-without-top-margin{
  margin-top: 0;
}

.table-product-colunas-limitadas{
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-product-coluna-product{
  max-width: 540px;
}

.bool-options{
  font-size: 15px;
}