body{
  /*font-family: 'Anta', sans-serif;*/
  font-family: 'Roboto', sans-serif;
  font-style: normal;	
  font-size:0.8rem;
  font-weight: 400;
  font-style: normal;	
  background-color:#f8f9fa;
}

.row{
	margin:0;
	padding:0;
}

.font-primary{
  font-family: 'Anta', sans-serif;
}

.text-original{
	color:#f15922;
}

.bg-original{
	background-color:#ffc760;	
}

/*
.item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    transition: background-color 0.3s ease;
	 cursor: pointer;
}

.item:hover {
    background-color: #ededed;
}

.item img {
    max-width: 80px;
    height: auto;
    margin-right: 10px;
}

.item-details {
    flex: 1;
}

.item-details h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px;
}

.item-details p {
    margin: 0;
    font-size: 14px; 
}

.item-details .price {
    font-weight: bold;
    font-size: 16px; 
}


.item:last-child {
    border-bottom: none;
}
*/

.item {
    transition: background-color 0.3s ease;
	cursor: pointer;
}

.item:hover {
	transform: scale(0.98);
	transition: transform 100ms ease; 
}



    .container-fluid {
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .row.flex-grow-1 {
      flex-grow: 1;
      overflow-y: auto; /* Adicionando scroll apenas para a segunda div */
    }
	


.scrollable-list {
    overflow-y: auto; /* Adiciona uma barra de rolagem vertical quando necessário */

    scrollbar-width: thin; /* Largura fina da barra de rolagem */
    scrollbar-color: #999 transparent; /* Cor da barra de rolagem e do indicador */
}
.scrollable-list-altura{
	height: calc(100vh - 185px);
    max-height: calc(100vh - 185px);
}


.scrollable-list::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
}

.scrollable-list::-webkit-scrollbar-thumb {
    background-color: #999; /* Cor do indicador da barra de rolagem */
    border-radius: 4px; /* Borda arredondada do indicador */
}

.scrollable-list::-webkit-scrollbar-track {
    background-color: transparent; /* Cor de fundo da barra de rolagem */
}

/* Estilos para a barra de rolagem no Chrome, Edge, etc. */
.scrollable-list {
    scrollbar-width: thin; /* Largura fina da barra de rolagem */
    scrollbar-color: #c7c7c7 transparent; /* Cor da barra de rolagem e do indicador */
}

.scrollable-list::-webkit-scrollbar-thumb {
    background-color: #999; /* Cor do indicador da barra de rolagem */
    border-radius: 4px; /* Borda arredondada do indicador */
}

.scrollable-list::-webkit-scrollbar-track {
    background-color: transparent; /* Cor de fundo da barra de rolagem */
}







.botao-topo-select {
    opacity: 0.5;
    border-color: #adadad;
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-radius: 7px;
    margin-bottom: 15px;
}

.botao-topo-select:hover {
    background-color: #e3e3e3;
	opacity:1;
}

.botao-topo-select:focus {
    outline: none; /* Remove o contorno ao focar */
}

.botao-topo-select:active {
    background-color: #f26122;
    border-color: #f26122;
	opacity:1;
}

.opcaoAtiva{
	opacity:1 !important;
}	



.bg-item-ativo{
	transform: scale(0.98);
	transition: transform 100ms ease; 
}


.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}



.logo{
    width: 200px;
	padding-top:3px;
}


	
	
.grupoTituloDesc{
	font-weight: 500;
    font-size: 1rem;
    background: #1bb181;
    color: #FFF;
    box-shadow: 0px 1px 8px 0px #938e8e;
    border-radius: 10px;
    top: -24px;
    height: 36px;
    line-height: 36px;
    position: relative;
}