:root {}

.raster-card {
	border-radius: .5em;
	background-color: white;
	margin-top: 1em;
	box-shadow: 5px 5px 5px rgba(var(--cor-primaria), 0.1);
}

.raster-card-header {
	background-color: #cccccc;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	padding: 0 10px;
}

.raster-card-header-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 10px;
}

.raster-card-footer {
	background-color: var(--cor-primaria);
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	padding: 0 10px;
}

.raster-card-footer-container,
.raster-card-default-container {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.raster-card-default-container {
	margin-top: 1.5em;
}

.raster-card-header-container i,
.raster-card-footer-container i {
	padding: 5px 10px 5px 0;
	cursor: pointer;
}

.raster-card-footer-container i:hover {
	opacity: .5;
	transition: opacity 0.3s ease;
}

.raster-card-content {
	padding: 1em;
}

/* Classes de botões com icone e texto. */
.raster-text-icon-button {
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.raster-text-icon-button>i {
	font-size: 14px;
	margin-top: 2px;
	cursor: pointer;
	padding: 5px 0 0 0;
}

.raster-text-icon-button>span {
	font-size: 10px;
}

.raster-text-icon-button>i:hover {
	opacity: .5;
	transition: opacity 0.3s ease;
}

/* Classes indicando sucesso ou erro. */
.raster-icon-ok {
	color: #00ff00;
}

.raster-icon-ko {
	color: red;
}

/* Texto em negrito mostrando valor abaixo */
.raster-text-value-info {
	font-weight: bold;
	font-size: 16px;
}

.raster-text-value-info>div:last-child {
	text-align: center;
	margin-top: .5em;
}

/* Ícone com texto ao lado */
.raster-text-icon-info {
	margin-top: .5em;
}

.raster-text-icon-info>i {
	margin-right: .5em;
}

.raster-text-status {
	font-style: italic;
	font-weight: bold;
}

.raster-text-status-01 {
	color: red;
}

.raster-text-status-02 {
	color: orange;
}

.raster-text-status-03 {
	color: #00a751;
}

.raster-text-status-04 {
	color: purple;
}

.raster-text-status-05 {
	color: cadetblue;
}

.raster-secondary-text {
	color: #00000082;
	font-size: 10px;
}

.raster-input {
	border-radius: 5px;
	border: none;
	outline: none;
	padding: 5px;
}

.raster-input::placeholder {
	color: #cccccc!important;
}

.raster-icon-btn {
	border-radius: 50% !important;
	border: none;
	background-color: var(--cor-primaria);
	color: var(--cor-secundaria) !important;
	padding: 5px;
}

.raster-icon-btn:hover {
	opacity: .5;
	transition: opacity 0.3s ease;
}

.raster-loading {
	display: flex;
	justify-content: center;
	align-items: center;
}

.marker-div-icon {
	margin: 0px !important;
}

.custom-leaflet-tooltip {
	padding: 2px!important;
}

/* Ate 1600px cada item vai ficar em uma linha. */
@media (max-width: 1600px) {
	.area-filtros > div {
		flex-grow: 1;
		flex-basis: 100%;
	}
}

/* Acima de 1600px todos os itens ficam na mesma linha. */
@media (min-width: 1601px) {
	.area-filtros > div {
		flex-grow: 1;
	}
}