::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: 12px;
}

::-webkit-scrollbar:horizontal {
	height: 12px;
}

::-webkit-scrollbar-thumb {
	background-color: #363636ac;
	border-radius: 10px;
	border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
	border-radius: 100px;
	background-color: #e4e4e47c;
}

.select2-selection, .select2-selection--single {
	border-radius: .7rem !important;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

input, select {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

/* Estilos para o overlay */
.overlay-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	/* Fundo escuro */
	display: none;
	/* Começa escondido */
	justify-content: center;
	/* Centraliza horizontalmente */
	align-items: center;
	/* Centraliza verticalmente */
	text-align: center;
	/* Alinha o texto ao centro */
	z-index: 1050;
	/* Nível de sobreposição */
	flex-direction: column;
	/* Alinhar o texto abaixo do spinner */
}

.overlay-loading .spinner-border {
	width: 4rem;
	/* Aumenta o tamanho do spinner */
	height: 4rem;
}

.overlay-loading-text {
	margin-top: 1rem;
	/* Espaçamento entre o spinner e o texto */
	color: #fff;
	/* Texto branco */
	font-size: 1.5rem;
	/* Aumenta o tamanho da fonte do texto */
}

.borda {
	border: 2px solid black;
}

.borda-bottom {
	border-bottom: 2px solid black
}

.borda-top {
	border-top: 2px solid black
}

.borda-table {
	border: thin solid grey;
	border-radius: 5px;
}

.bg-infus {
	background-color: #1f5ca9;
	color: white;
}

.bg-infus:hover {
	background-color: #1956a1;
	color: white;
}

.social {
	border-radius: 50%;
	font-size: 1.2em;
}

.btn-submit {
	display: inline-block;
	background-color: rgb(31, 205, 147);
	border: 1px solid rgb(31, 205, 147);
	color: #ffffff;
	font-weight: bold;
}

.btn-submit:hover, .btn-submit:disabled {
	background-color: rgb(31, 205, 147);
	border: 1px solid rgb(31, 205, 147);
	color: #ffffff;
}

.btn-maxi-login {
	background-color: rgb(44, 197, 146);
	border-radius: 23px;
	border: 1px solid rgb(44, 197, 146);
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	width: 10em;
	padding: 3%;
	text-decoration: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-maxi-login:hover {
	background-color: rgb(40, 177, 131);
	border-radius: 23px;
	border: 1px solid rgb(40, 177, 131);
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	width: 10em;
	padding: 3%;
	text-decoration: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-maxi {
	background-color: rgb(44, 197, 146);
	border-radius: 23px;
	border: 1px solid rgb(44, 197, 146);
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: bold;
	width: 10em;
	padding: 1.5%;
	text-decoration: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-maxi:hover {
	background-color: rgb(40, 182, 134);
	border-radius: 23px;
	border: 1px solid rgb(40, 182, 134);
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 1em;
	font-weight: bold;
	width: 10em;
	padding: 1.5%;
	text-decoration: none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-maxi:active {
	position: relative;
	top: 1px;
}

.bg-maxi {
	background-color: rgb(67, 221, 170);
	color: #ffffff;
	font-size: 1.2em;
}

.bg-button-maxi,
.bg-button-maxi:hover,
.bg-button-maxi:active,
.bg-button-maxi:focus {
	background-color: rgb(31, 205, 147) !important;
	border-color: rgb(31, 205, 147) !important;
	color: #ffffff !important;
}

.color-maxi {
	color: rgb(67, 221, 170);
}

.form-control {
	border-radius: .7rem !important;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-radius: .7rem !important;
}

.page-item.active .page-link {
	color: #fff !important;
	background-color: rgb(40, 182, 134) !important;
	border-color: rgb(40, 182, 134) !important;
}

.page-link {
	color: rgb(40, 182, 134) !important;
	background-color: #fff !important;
	border: 1px solid #dee2e6 !important;
}

.page-link:hover {
	color: #fff !important;
	background-color: rgb(35, 167, 123) !important;
	border-color: rgb(35, 167, 123) !important;
}

.btn {
	border-radius: 1.1rem !important;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
	border-radius: 1.1rem !important;
}

.btn-icon-maxi {
	color: #fff;
	background-color: #3cbc93;
	border-color: #3cbc93;
}

.btn-icon-maxi:hover, .btn-icon-maxi:active:focus, .btn-icon-maxi:active {
	color: #fff;
	background-color: #33ab85 !important;
	border-color: #33ab85 !important;
}

.emitente-row, .cliente-row, .recibo-row, .user-row, .cliente-row, .produto-row, .forma-pagamento-row, .plano-conta-row,
.conta-pagar-row, .partials-pagamento-row, .conta-receber-row, .partials-recebimento-row {
	cursor: pointer;
}

.cliente-row:hover {
	background-color: rgb(216, 216, 216);
}

.treetable-expander {
	margin-right: 0.5em;
	font-size: 1.3em;
}

.callout.callout-maxi {
	border-left-color: #3cbc93;
}

.callout {
	border-radius: .7rem !important;
}