.vc-btn-consulta-cep {
	margin: 23px 0;
}
.vc-icon-32 {
	font-size: 32px;
}
.vc-icon-24 {
	font-size: 24px;
}
.img-media-object {
	width: 45px;
}
.vc-li-photo-margen {
	margin: 7px;
}

.vc-header-receituario {
	margin: 20px;
	padding: 20px;
	font-family: "Open Sans, sans-serif";
	text-align: center;
}

.vc-body-receituario {
	margin: 0px;
	padding: 0px;
	font-family: "Open Sans, sans-serif";
}

.vc-texto-receituario {
	margin: 20px;
	padding: 20px;
	font-family: "Open Sans, sans-serif";
	text-align: justify;
}

.vc-cid-receituario {
	margin: 20px;
	padding: 20px;
	font-family: "Open Sans, sans-serif";
}

/* Upload */
.bw-upload {
	padding: 15px;
	
	border: 1px dashed #ddd;
	border-radius: 4px;
	background: #fafafa;
	
	text-align: center;
}

.bw-upload-form-file {
	display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
}

.bw-upload-form-file > input[type=file] {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    
    font-size: 500px;
}

.page-item.active .page-link {
    background-color: #007bff;  /* Cor de fundo da página ativa */
    color: white;               /* Cor do texto */
    border-color: #007bff;      /* Cor da borda */
}

/* Centraliza verticalmente o conteúdo no navbar */
.navbar-nav > li.nav-item {
    display: flex;
    align-items: center;
    height: 100%;
}

.vc-logged-user__name {
    font-weight: bold;
    color: #ffffff; /* Defina a cor do texto conforme necessário */
}

/*EXAME*/


/* Basic adjustments for the accordion - Basic adjustments for the accordion */
.panel-group {
	margin-bottom: 20px; /* Adds a bottom margin to separate from the following content - Adds a bottom margin to separate from the following content */
}

.panel-default > .panel-heading {
	background-color: #f9f9f9; /* Lighter background color for the panel header - Lighter background color for the panel header */
	border-color: #ddd;
	padding: 10px 15px; /* Internal spacing for the header - Internal spacing for the header */
	cursor: pointer; /* Adds a hand cursor to indicate it is clickable - Adds a hand cursor to indicate it is clickable */
}

.panel-title {
	font-size: 16px; /* Defines the font size of the title - Defines the font size of the title */
}

.panel-title > a {
	color: #333; /* Defines the text color of the title - Defines the text color of the title */
	text-decoration: none; /* Removes the default underline from links - Removes the default underline from links */
	display: block; /* Ensures the link occupies the entire header area - Ensures the link occupies the entire header area */
}

/* Correctly aligning the indicator - Correctly aligning the indicator */
.text-right {
	text-align: right; /* Aligns the text to the right - Aligns the text to the right */
}

/* Defining a default style for the indicator - Defining a default style for the indicator */
.indicador {
	font-size: 1.2em; /* Defines the font size of the indicator - Defines the font size of the indicator */
	transition: transform 0.3s ease-in-out; /* Adds a smooth transition for rotation - Adds a smooth transition for rotation */
}

/* Rotates the indicator when the panel is expanded - Rotates the indicator when the panel is expanded */
.indicador.rotate {
	transform: rotate(180deg); /* Rotates the indicator by 180 degrees - Rotates the indicator by 180 degrees */
}

/* Adds some space at the bottom of the name - Adds some space at the bottom of the name */
.nome-paciente .row {
	margin-bottom: 5px; /* Adds a bottom margin to separate the name from other elements - Adds a bottom margin to separate the name from other elements */
}

/* Correcting background color and spacing in details - Correcting background color and spacing in details */
.panel-body {
	background-color: #fff; /* Defines the background color for the details - Defines the background color for the details */
	padding: 15px; /* Adds internal padding for better visualization - Adds internal padding for better visualization */
	min-height: 120px; /* Ajuste este valor conforme necessário */
    position: relative; /* Necessário para posicionar o loader */
}

/* Improving label contrast for accessibility - Improving label contrast for accessibility */
.label-warning {
	background-color: #f0ad4e; /* Defines the background color for warning labels - Defines the background color for warning labels */
	color: #fff; /* Defines the text color for warning labels - Defines the text color for warning labels */
}

.label-success {
	background-color: #5cb85c; /* Defines the background color for success labels - Defines the background color for success labels */
	color: #fff; /* Defines the text color for success labels - Defines the text color for success labels */
}

.label-danger {
	background-color: #d9534f; /* Defines the background color for danger labels - Defines the background color for danger labels */
	color: #fff; /* Defines the text color for danger labels - Defines the text color for danger labels */
}

.label-info {
	background-color: #5bc0de; /* Defines the background color for information labels - Defines the background color for information labels */
	color: #fff; /* Defines the text color for information labels - Defines the text color for information labels */
}

/* Correction: Ensuring the entire header is clickable - Correction: Ensuring the entire header is clickable */
.panel-heading a {
	display: block;
	width: 100%; /* Ensures the link occupies the entire width of the header - Ensures the link occupies the entire width of the header */
	height: 100%; /* Ensures the link occupies the entire height of the header - Ensures the link occupies the entire height of the header */
	text-decoration: none; /* Removes the default underline from links - Removes the default underline from links */
}

/* Removing the background from the patient's name - Removing the background from the patient's name */
.nome-paciente {
	background-color: transparent; /* Removing the background color - Removing the background color */
	padding: 5px; /* Adding a small padding for better visualization - Adding a small padding for better visualization */
}

/* Style for the situation column - Style for the situation column */
.situacao-coluna {
	text-align: center; /* Centers the content - Centers the content */
}

/* Style for the action buttons - Style for the action buttons */
.table-pesq-produto-col-acoes .btn {
	margin-right: 5px; /* Adds spacing between the buttons - Adds spacing between the buttons */
}

/* Style to highlight clickable rows - Style to highlight clickable rows */
.panel-body .table tbody tr:hover {
	background-color: #f0f0f0; /* Light gray background on mouse hover - Light gray background on mouse hover */
	cursor: pointer; /* Changes the cursor to indicate clickability - Changes the cursor to indicate clickability */
}

/* Adjustments for better responsiveness - Adjustments for better responsiveness */
@media (max-width: 768px) {
	.table-responsive {
		overflow-x: auto; /* Enables horizontal scrolling for smaller screens - Enables horizontal scrolling for smaller screens */
	}

	.table-pesq-produto-col-acoes {
		white-space: nowrap; /* Prevents buttons from wrapping to the next line - Prevents buttons from wrapping to the next line */
	}
}

/* Style for disabled buttons - Style for disabled buttons */
.btn[disabled] {
	cursor: not-allowed; /* Indicates that the button is not clickable - Indicates that the button is not clickable */
	opacity: 0.6; /* Reduces the button's opacity to indicate it is disabled - Reduces the button's opacity to indicate it is disabled */
}
.texto-centralizado-div {
	text-align: center;
}

.initial-hidden {
    display: none !important; /* Adiciona !important para garantir que sobrescreva outras regras */
}

/* Estilos para o DataTables se integrar melhor com o Bootstrap (cores de paginação, etc.) */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #007bff !important; /* Cor principal de sua escolha, ex: azul Bootstrap */
    color: white !important;
    border-color: #007bff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #007bff !important;
    border: 1px solid #007bff !important;
}