* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--modal-background: white;
}

html {
	line-height: inherit;
}

body {
	font-family: "Poppins", sans-serif;
	line-height: inherit;
	letter-spacing: 1px;
}

header {
	background-color: #01001b;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
}

header a {
	height: 100%;
	color: white;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0;
	border-bottom: 3px solid transparent;
	transition: all 0.3s;
}

header a:hover,
header a.active {
	color: white;
	text-decoration: none;
	border-bottom: 3px solid rgb(142, 241, 76);
}

header>div,
header>span {
	height: 100%;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 15px;
}

header>span,
header>div>span {
	height: 78px;
	background: #171b37;
}

header>span a,
header>div>span a {
	height: 100%;
	padding: 0 30px;
}

header>span a:hover,
header>div>span a:hover {
	border-bottom: 3px solid #ff4141;
}

header .container-chave-empreender {
	margin-right: 24px;
}

header .container-chave-empreender {
	margin: 0;
	color: white;
	display: flex;
	justify-content: flex-end;
	width: 150px;
}

header .container-chave-empreender .p-strong {
	color: #ff4081;
	border-radius: 4px;
}

#header-mobile {
	display: none;
}

#header-desktop {
	display: flex;
}

@media (max-width: 600px) {
	#header-mobile {
		display: block;
	}

	#header-desktop {
		display: none;
	}
}

#iframe-wordpress {
	height: calc(100vh - 78px);
	width: 100%;
	position: relative;
	border: 0;
}

button {
	border: 0;
}

.wrapp-subscribe .form-control {
	font-size: 0.9rem;
}

.btn-model-sm {
	border-radius: 4px;
	padding: 8px 16px;
	font-size: 0.9rem;
}

.custom--input {
	width: 100%;
	background: white;
	color: rgb(36, 36, 36);
	padding: 13px 15px;
	border: 0;
	max-height: 47px;
	border-radius: 5px;
	font-size: 0.8rem;
	font-weight: 500;
	border: 1px solid rgb(218, 224, 246);
	transition: all 0.2s;
	position: relative;
}

.sak--modal-sm {
	max-width: 600px;
	background: var(--modal-background);
	box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	position: relative;
	padding: 32px;
}

.sak--modal-sm .modal-content {
	border: 0;
}

.sak--modal-sm hr {
	border-color: rgb(218 217 217 / 30%);
	filter: brightness(0.95);
}

.sak--modal-sm.large {
	max-width: 1170px;
}

.sak--modal-sm>div>button {
	position: absolute;
	right: -15px;
	top: -15px;
	background: transparent;
	padding: 4px 8px;
	border-radius: 5px;
	transition: all 0.2s;
	cursor: pointer;
	z-index: 9999;
}

.sak--modal-sm>div>button:hover {
	background: #e1e4ef;
}

.sak--modal-sm>div>button i {
	color: #171b37;
}

.sak--modal-sm h2 {
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #171b37;
}

.sak--modal-sm h3 {
	color: #262626;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 8px;
}

.sak--modal-sm h5 {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #828bab;
}

.sak--modal-sm h4 {
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #828bab !important;
}

.sak--modal-sm p {
	color: #171b37;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
}

.sak--modal-sm p.red {
	color: #ff4081;
}

.sak--modal-sm p a {
	color: #171b37;
	font-weight: 500;
}

.sak--modal-sm input[type="date"] {
	position: relative;
	padding: 10px;
}

.sak--modal-sm input[type="date"]::-webkit-calendar-picker-indicator {
	color: transparent;
	background: none;
	z-index: 1;
}

.sak--modal-sm input[type="date"]:before {
	color: transparent;
	background: none;
	display: block;
	font-family: "FontAwesome";
	content: "\f271";
	width: 20px;
	height: 20px;
	font-size: 1.2rem;
	position: absolute;
	top: 7px;
	right: 12px;
	color: #2e3a59;
}

.sak--modal-sm form label {
	color: #828bab;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

.bg-verde {
	background: #2fbfa0 !important;
}

a.bg-verde:hover,
button.bg-verde:hover {
	background: #4dccb0 !important;
}

.bg-verde:hover button {
	background: #208670 !important;
}

.font-weight-medio {
	font-weight: 500 !important;
}

.text-azul {
	color: #061058 !important;
}

.cssload {
	width: 100%;
	height: 69px;
	text-align: center;
	display: inline-block;
}

.cssload div {
	vertical-align: middle;
	width: 69px;
	height: 69px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: 4px 4px 1px rgba(34, 34, 34, 0.97);
	animation: cssload-spin 570ms infinite linear;
	-o-animation: cssload-spin 570ms infinite linear;
	-ms-animation: cssload-spin 570ms infinite linear;
	-webkit-animation: cssload-spin 570ms infinite linear;
	-moz-animation: cssload-spin 570ms infinite linear;
}

@keyframes cssload-spin {
	100% {
		transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spin {
	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spin {
	100% {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spin {
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.toast-top-center {
	margin-top: 15px;
}

#toast-container>div {
	background-size: 15px !important;
}

#toast-container>div {
	padding: 15px !important;
	box-shadow: 0 0 12px #9999997d !important;
	opacity: 1 !important;
}

body #toast-container>.toast-success {
	background-image: none !important;
}

body #toast-container>.toast-error {
	background-image: none !important;
}

body #toast-container>.toast-warning {
	background-image: none !important;
}

#toast-container>.toast-success {
	background: rgba(166, 239, 184, 0.9);
}

#toast-container>.toast-error {
	background: rgba(239, 166, 166, 0.9);
}

#toast-container>.toast-warning {
	background: rgba(239, 205, 166, 0.9);
}

#toast-container>div:hover {
	box-shadow: 0 0 12px #9999997d !important;
}

#toast-container .toast-close-button {
	top: 0 !important;
	right: 0 !important;
	color: rgb(36, 36, 36) !important;
	text-shadow: none !important;
}

#toast-container .toast-message {
	font-size: 13px;
	color: rgb(36, 36, 36);
}

.artes--modalBottom {
	align-items: flex-end !important;
	margin: 1.75rem !important;
}

.artes--modalBottom .modal-content>div {
	display: flex;
	align-items: center;
	gap: 25px;
	position: relative;
	padding: 15px;
}

.artes--modalBottom .modal-content>div strong {
	font-weight: 500;
	font-size: 0.9rem;
}

.artes--modalBottom .modal-content>div p {
	margin-top: 8px;
	font-size: 0.8rem;
	font-weight: 400;
}

.artes--modalBottom .modal-content>div a {
	margin-top: 10px;
	padding: 10px 18px;
	background: rgb(213, 88, 132);
	color: white;
	border-radius: 8px;
	font-size: 0.7rem;
	font-weight: 500;
	text-decoration: none;
}

.artes--modalBottom .modal-content>div span {
	position: absolute;
	right: 15px;
	top: 10px;
	color: rgb(78, 78, 78);
	cursor: pointer;
	font-size: 0.9rem;
	z-index: 99;
}

.artes--modalBottom .modal-content>div>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.artes--slides {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.artes--slides.block {
	filter: grayscale(1);
	opacity: 0.6;
}

.artes--slides>div {
	margin-top: 25px;
	display: flex;
	align-items: center;
	gap: 25px;
}

.artes--slides>div:first-child {
	border-bottom: 2px dashed #121032;
}

.artes--slides>div>strong {
	font-size: 1.3rem;
	background: #8ef14c;
	text-transform: uppercase;
	color: #01001b;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.artes--slides>div ul {
	display: flex;
	align-items: center;
	gap: 15px;
	list-style: none;
	overflow-x: auto;
}

.artes--slides>div ul::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.artes--slides>div ul::-webkit-scrollbar-thumb {
	background: #8ef14c;
	border-radius: 30px;
}

.artes--slides>div ul::-webkit-scrollbar-thumb:hover {
	background: #78d13c;
}

.artes--slides>div ul::-webkit-scrollbar-track {
	background: #01001b;
	border-radius: 0px;
	box-shadow: inset 0px 0px 0px 0px #01001b;
}

.artes--slides>div ul li {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 0 25px 40px 0;
}

.artes--slides>div ul li>span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.artes--slides>div ul li>span.block {
	filter: grayscale(1);
}

.artes--slides>div ul li>span>strong {
	text-transform: uppercase;
}

.artes--slides>div ul li>span>div {
	display: flex;
	align-items: center;
	gap: 15px;
}

.artes--slides>div ul li>span>div>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.artes--slides>div ul li>span>div>div strong {
	font-weight: 500;
	font-size: 0.8rem;
	color: #ededed;
}

.artes--slides>div ul li>span>div>div>div {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.artes--slides>div ul li>span>div>div>div p {
	font-size: 0.7rem;
	padding: 4px 12px;
	border-radius: 4px;
	border: 1px solid #2c3357;
	color: white;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}

.artes--slides>div ul li>span>div>div>div p strong {
	color: #ffffff;
	border-radius: 2px;
	font-size: 0.6rem;
	padding: 2px 3px;
}

.artes--slides>div ul li>span div>span {
	width: 180px;
	height: 100px;
	border-radius: 4px;
	background: #2c3357;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 0.3s;
}

.artes--slides>div ul li>span div>span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.artes--slides>div ul li>span div>span:hover div {
	opacity: 1;
}

.artes--slides>div ul li>span div>span>div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	opacity: 0;
	transition: all 0.3s;
}

.artes--slides>div ul li>span div>span>div i {
	background: #0f0e2b;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	cursor: pointer;
}

.artes--slides>div ul li>span div>span input {
	display: none;
}

.artes--slides>div ul li>span div>span>div i:hover {
	background: #1e1c57;
}

.artes--slides>div ul li>span div>span label {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 2px;
	cursor: pointer;
	margin: 0;
}

.artes--slides>div ul li>span div>span label p {
	font-size: 0.6rem;
	color: #ededed;
	margin: 0;
	width: 70%;
	text-align: center;
}

.artes--slides>div ul li>span div>span label i {
	font-size: 2rem;
}

.artes--integracoes {
	list-style: none;
	margin: 25px 0 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.artes--integracoes li {
	display: flex;
	flex-direction: column;
	flex: 0 300px;
	background: #121033;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s;
}

.artes--integracoes li:hover {
	opacity: 0.8;
}

.artes--integracoes li>div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	margin-top: 15px;
	height: 100px;
}

.artes--integracoes li>div p {
	margin: 12px 0 0;
	text-align: center;
	font-size: 0.7rem;
	padding: 0 20px;
}

.artes--integracoes li>div img {
	height: 40px;
}

.artes--integracoes li>span {
	position: absolute;
	right: 0;
	top: 0;
	background: #dfdfdf;
	color: #01001b;
	font-size: 0.6rem;
	font-weight: 500;
	border-radius: 0 4px;
	padding: 4px 8px;
}

.artes--integracoes li>span.active {
	right: 10px;
	top: 10px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: #8ef14c;
	display: flex;
	align-items: center;
	justify-content: center;
}

.artes--integracoes li>div:last-child {
	margin-top: 10px;
	flex: 1;
	padding: 6px;
	font-size: 0.8rem;
	background: #2c3357;
	display: flex;
	align-items: center;
	justify-content: center;
}

.artes--slideActive {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #f14c4c;
	color: #01001b;
	font-weight: 500;
	font-size: 0.9rem;
	padding: 10px 18px;
	border-radius: 30px;
	cursor: pointer;
	transition: all 0.3s;
}

.artes--slideActive:hover {
	background: #d83939;
}

.artes--slideActive.active {
	background: #8ef14c;
	color: #01001b;
}

.artes--slideActive.active:hover {
	background: #7ad33e;
}

.artes--slideActive.active i {
	background: #6ac52f;
}

.artes--slideActive i {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	font-size: 0.8rem;
	background: #bd2222;
	color: white;
	padding-top: 4px;
}


/* -------- Bootstrap --------- */

.modal-content {
	background-color: #161a2c;
	color: #ffffff;
}

.modal-content .modal-header {
	color: #ededed !important;
	border-bottom: 1px solid #2b3250 !important;
	display: flex;
	align-items: center;
}

.btn-padrao {
	background: #8ef14c !important;
	color: #01001b !important;
	border: 0 !important;
}

.modal-header .close {
	text-shadow: none !important;
	color: white !important;
	opacity: 1 !important;
	font-size: 0.8rem;
	outline: 0 !important;
}

.form-control,
.swal2-input {
	background-color: #01000e !important;
	background: #01000e !important;
	border: 1px solid #2b3250 !important;
	font-size: 1.1rem;
	color: #ededed !important;
	text-shadow: none !important;
}

.form-control:active,
.form-control:focus,
.swal2-input:focus {
	background: #01000e !important;
	background-color: #01000e !important;
	border: 1px solid #2b3250;
	text-shadow: none !important;
}

.swal2-popup {
	background: #161a2c !important;
}

.swal2-title {
	color: #ededed !important;
	font-size: 1.475rem !important;
}

.swal2-styled.swal2-deny {
	background: #f14c4c !important;
	color: #01001b !important;
	order: 1;
}


/* ---------------- Menu do Plus -------------------- */

.container-chave-empreender .sigla {
	padding: 10px;
	background-color: #FF4081;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
}

.container-chave-empreender .dropdown-toggle::after {
	display: none;
}

.dropdown-menu-direita {
	position: absolute;
	box-shadow: 0 0 15px 1px rgb(174 197 231 / 30%);
	min-width: 250px;
	display: none;
	background-color: #01001b;
	z-index: 100;
	border-radius: 5px;
	padding: 15px;
}

.container-chave-empreender .dropdown-item {
	padding: 0px;
	color: #fff;
}

.container-chave-empreender .dropdown-item:hover {
	background-color: transparent;
}

.container-chave-empreender .dropdown-item p,
.container-chave-empreender .dropdown-divider {
	margin-bottom: 10px;
}

.container-chave-empreender .dropdown-item a {
	padding: 10px 0px;
	justify-content: start;
	border-bottom: none;
}

.container-chave-empreender .dropdown-item a:hover {
	border-bottom: none;
}

.container-chave-empreender:hover li ul,
.container-chave-empreender.over li ul {
	top: 90%;
	display: block;
	background-color: #01001b;
	animation-name: totop;
	animation-duration: 0.3s;
}

@keyframes totop {
	from {
		top: 100%;
	}

	to {
		top: 90%;
	}
}

.chave-copia {
	cursor: pointer;
}


/* ----------------- EDITOR DE SELOS ------------------- */
@media (max-width: 600px) {
	.conteudo-editor-selo {
		display: block !important;
	}

	.opcoes,
	.visualizacao {
		width: 100% !important;
		max-width: 100% !important;
	}

	.editor-selo .grid-selos,
	.editor-selo .grid-selos-carregados {
		gap: 8px !important;
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

.btn-salvar {
	background: #195BFF;
	border-radius: 4px;
	padding: 8px;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #ffffff !important;
}

.btn-editor-selo {
	padding: 8px 36px;
}

.editor-selo input {
	background: linear-gradient(140.29deg, #0d0c26 0%, #141239 100%);
	color: #FFFFFF;
	border: none;
	border-radius: 2px;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	padding: 10px;
	color-scheme: dark;
}

.editor-selo input:focus-visible,
.editor-selo input:focus {
	outline: 0;
}

.editor-selo a {
	color: #FFFFFF;
	text-decoration: none;
}

.editor-selo .texto-destacado {
	color: #9147FF;
}

.editor-selo,
.box-section {
	background-color: transparent !important;
}


/* --------------- Inputs ---------------- */

.editor-selo .div-input {
	border: 2px solid #718EB8;
	border-radius: 6px;
	position: relative;
	padding: 0 8px;
}

.editor-selo .div-input>label {
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	top: -8px;
	left: 16px;
	background-color: #0D0C27;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1em;
	color: #FFFFFF;
	margin: 0px;
}

.editor-selo .div-input>input,
.editor-selo .div-input input[type=date],
.editor-selo .div-input input[type=time] {
	border: none;
	background: transparent !important;
	padding: 16px 0 !important;
}

.editor-selo .div-input>input::placeholder,
.editor-selo .div-input input[type=date],
.editor-selo .div-input input[type=time] {
	color: #718EB8;
}

.editor-selo .div-input img {
	width: 16px;
}

::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	opacity: 1;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border-radius: 50%;
	margin-left: .5rem;
	background-image: url('/assets/img/icones/seta-baixo.svg');
}


/* --------------- Escolher selo ---------------- */

.editor-selo .buscador-selos {
	padding: 8px !important;
	background: #141338;
	border-radius: 8px;
}

.editor-selo .buscador-selos img {
	width: 24px;
	height: 24px;
}

.editor-selo .buscador-selos input {
	background: transparent;
}

.editor-selo .buscador-selos input::placeholder {
	color: #718EB8;
}

.editor-selo .btn-selos {
	background: #195BFF;
	border-radius: 4px;
	padding: 8px;
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
}

.editor-selo .btn-selos img,
.editor-selo .menu-box-normal img {
	margin: 0 auto;
	width: 24px;
	margin-bottom: 8px;
}

.editor-selo .menu-box-normal {
	background: rgba(113, 142, 184, 0.25);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	margin-bottom: 8px;
	cursor: pointer;
}

.editor-selo .menu-box-normal>div {
	padding: 8px 0;
}

.editor-selo .btn-selos span,
.editor-selo .menu-box-normal span {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 11px;
	color: #FFFFFF;
}

.menu-box-normal.active {
	background-color: #195BFF !important;
	border: none;
}

.editor-selo .nav-tabs {
	border: none;
}

.menu-box-normal #qtdade-selecionados {
	margin-bottom: 8px;
	line-height: 1em;
	height: 24px;
	font-size: 24px;
}

.editor-selo .box-lista-selos {
	height: 450px;
	overflow-y: auto;
}

.editor-selo .grid-selos,
.editor-selo .grid-selos-carregados {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, 1fr);
	padding-right: 16px;
}

.editor-selo .selo,
.editor-selo .selo-carregado {
	height: 100px;
	background-size: contain !important;
	cursor: pointer;
	position: relative;
}

.editor-selo .box-selo-carregado,
.editor-selo .box-selo-wp {
	padding: 8px;
	background-color: #141338;
	border-radius: 8px;
}

.editor-selo .selo-carregado .btn-remover-selo i {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	cursor: pointer;
	background: #1e1c57;
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: none !important;
}

.editor-selo .btn-remover-selo i:hover {
	background: #141239;
}

.editor-selo .selo-carregado:hover .btn-remover-selo i {
	display: flex !important;
}


/*------------ Loading Selos ---------------*/

.carregando-selos,
#carregando-visualizacao {
	border: 16px solid #111032;
	/* Light grey */
	border-top: 16px solid #195BFF;
	/* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin: 0 auto;
}

.carregando-selos.pequeno {
	width: 20px !important;
	height: 20px !important;
	border: 6px solid #0D0C27;
	/* Light grey */
	border-top: 6px solid #195BFF;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/* ------------ Scrollbar -----------*/


/* width */

.editor-selo .box-lista-selos::-webkit-scrollbar {
	width: 10px;
}


/* Track */

.editor-selo .box-lista-selos::-webkit-scrollbar-track {
	background: #01001B;
}


/* Handle */

.editor-selo .box-lista-selos::-webkit-scrollbar-thumb {
	background: #7170A5;
	border: 2px solid #01001B;
}


/* Handle on hover */

.editor-selo .box-lista-selos::-webkit-scrollbar-thumb:hover {
	background: #7170A5;
}


/* --------------- Carregar selo ---------------- */

.editor-selo .box-selos-upload {
	margin-top: 10px;
	padding: 50px 10px;
	border: 1px dashed #9147FF;
	height: 250px;
}

.editor-selo .box-selos-upload .forma-selo {
	text-align: center;
}

.editor-selo .img-forma-selo {
	display: flex;
	justify-content: center;
}


/* --------------- Configurações avançadas ---------------- */

.editor-selo .configuracoes p {
	margin-bottom: 5px;
}

.editor-selo .configuracoes p,
.editor-selo .configuracoes label {
	font-size: 14px;
}


/* ---------- input range ---------------- */

.editor-selo .configuracoes .box-input-range {
	display: flex;
	margin: 0px;
	padding: 0px;
}

.editor-selo .configuracoes .box-input-range input {
	padding: 0px;
}

.editor-selo .configuracoes .box-input-range label {
	margin-bottom: 0px;
}

.editor-selo .configuracoes .box-input-range .col-11 {
	margin: 0px;
	padding: 0px;
	display: flex;
}

.editor-selo .form-range {
	background: linear-gradient(to right, #195BFF 0%, #195BFF 40%, rgba(113, 142, 184, 0.2) 40%, rgba(113, 142, 184, 0.2) 100%);
	border-radius: 8px;
	height: 7px;
	width: 400px;
	outline: none;
	transition: background 450ms ease-in;
	-webkit-appearance: none;
}

.editor-selo .form-range::-webkit-slider-thumb {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	-webkit-appearance: none;
	cursor: ew-resize;
	background: #0D6EFD;
	border: 1px solid #ffffff;
	box-shadow: inset -4px -4px 8px rgba(151, 71, 255, 0.25);
	cursor: pointer;
}


/* ----------- Data / Hora --------------*/

.inputs-data-hora {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
}

.inputs-data-hora .input-hora>input {
	padding: 15px;
}


/*------------ listagem de produtos ---------------*/

.editor-selo .btn-carregar-produtos {
	background-color: #9147FF;
}

.editor-selo .produtos .badge {
	background-color: rgb(255, 255, 255, 0.15);
	height: 25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.editor-selo .lista-produtos {
	max-height: 450px;
	overflow-y: overlay;
}

.editor-selo .lista-produtos>.produto {
	margin-bottom: 8px;
}

.editor-selo .nome-produto {
	color: rgba(113, 142, 184, 1);
}

.editor-selo .busca-produto-selecionar-todos {
	flex-wrap: nowrap;
	gap: 12px;
}

.editor-selo .checkboxes-produtos {
	line-height: 1em;
	width: 16px;
	height: 16px;
}

.editor-selo .lista-produtos .galeria {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

.editor-selo .lista-produtos .produto-img,
.editor-selo .produto-selecionado {
	width: 80px;
	height: 80px;
	background-color: #141338;
	position: relative;
	margin-right: 10px;
	display: inline-block !important;
	border-radius: 8px;
}

.editor-selo .produto-selecionado {
	width: 100% !important;
	padding: 15px;
}

.editor-selo #selecionar-todos-texto,
.btn-nav-tab {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400 !important;
	line-height: 18px;
}

.editor-selo #selecionar-todos-texto {
	font-size: 16px;
}

.editor-selo .lista-produtos .produto-img label {
	cursor: pointer;
}

.editor-selo .lista-produtos .div-img-produto {
	height: 50px !important;
	width: 50px !important;
	border-radius: 8px;
	background-size: cover !important;
	margin: 15px;
	background-color: #00B01D;
}

.editor-selo .lista-produtos .produto-img img {
	margin: 0 auto;
	cursor: pointer;
}

.editor-selo .checkbox-flutuante {
	position: absolute;
	right: 5%;
	top: 0px;
}

.label-checkbox-produto,
.label-checkbox-imagem,
.label-checkbox-selecionado {
	display: block;
	position: relative;
	padding-left: 16px;
	margin-bottom: 17px;
	cursor: pointer;
	font-size: 22px;
}

.box-label-checkbox-imagem {
	margin: 0px !important;
	position: absolute;
}


/* Esconder o checkbox padrão */

.label-checkbox-produto input,
.label-checkbox-imagem input,
.label-checkbox-selecionado input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* Criar o checkbox customizado */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
}

.checkmark-produto {
	border-radius: 2px;
	height: 16px;
	width: 16px;
	border: 1px solid rgba(113, 142, 184, 1)
}

.checkmark-imagem {
	border-radius: 50%;
	height: 18px;
	width: 18px;
}

.checkmark-selecionado {
	border-radius: 50%;
	top: 8px;
	left: 0px;
	height: 19px;
	width: 19px;
}


/* Quando o checkbox é clicado, adicionar uma cor no fundo */

.label-checkbox-produto input:checked~.checkmark,
.label-checkbox-imagem input:checked~.checkmark {
	background: rgba(0, 255, 82, 1);
}

.label-checkbox-selecionado input:checked~.checkmark {
	background: #ff0000;
}


/* Criar o ícone de check, escondido quando não estiver selecionado */

.label-checkbox-produto .checkmark:after,
.label-checkbox-imagem .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	width: 6px;
	height: 10px;
	border: solid #0D0C27;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.label-checkbox-selecionado .checkmark:after {
	content: "X";
	color: #0D0C27;
	position: absolute;
	display: none;
	font-size: 15px;
	font-weight: 600;
	left: 4px;
	top: -2px;
	width: unset;
	height: unset;
	border: unset;
	border-width: unset;
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
}

.label-checkbox-produto .checkmark:after {
	left: 4px;
	top: 1px;
}

.label-checkbox-imagem .checkmark:after {
	left: 6px;
	top: 3px;
}


/* Exibir o ícone quando selecionado */

.label-checkbox-produto input:checked~.checkmark:after,
.label-checkbox-imagem input:checked~.checkmark:after,
.label-checkbox-selecionado input:checked~.checkmark:after {
	display: block;
}


/* -------- Produtos Selecionados ------*/

.editor-selo #produtos-selecionados {
	overflow-y: auto;
	height: 450px;
	padding-right: 5px;
}

.editor-selo #lista-produtos-selecionados {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}

.editor-selo .div-img-produto-selecionado {
	width: 50px;
	height: 50px;
	background-size: cover !important;
	border-radius: 8px;
	margin-right: 8px;
}


/* ------------ Scrollbar -----------*/


/* width */

.editor-selo .lista-produtos .galeria::-webkit-scrollbar,
.editor-selo .lista-produtos::-webkit-scrollbar,
.editor-selo #produtos-selecionados::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}


/* Track */

.editor-selo .lista-produtos .galeria::-webkit-scrollbar-track {
	background: #01001B;
}

.editor-selo .lista-produtos::-webkit-scrollbar-track,
.editor-selo #produtos-selecionados::-webkit-scrollbar-track {
	background: #01001B;
}


/* Handle */

.editor-selo .lista-produtos .galeria::-webkit-scrollbar-thumb {
	background: #111032;
	border: 2px solid #01001B;
}

.editor-selo .lista-produtos::-webkit-scrollbar-thumb,
.editor-selo #produtos-selecionados::-webkit-scrollbar-thumb {
	background: #7170A5;
	border: 2px solid #01001B;
}


/* Handle on hover */

.editor-selo .lista-produtos::-webkit-scrollbar-thumb:hover,
.editor-selo #produtos-selecionados::-webkit-scrollbar-thumb:hover {
	background: #7170A5;
}

.editor-selo .lista-produtos .galeria::-webkit-scrollbar-thumb:hover {
	background: #111032;
}


/*---------- Visualização do selos no produto ---------*/

.editor-selo .visualizacao .selo-no-produto {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.editor-selo .visualizacao #box-contem-selo-flutuante {
	border: 1px dashed #9147FF;
	width: 100%;
	height: 300px;
	position: absolute;
}

.editor-selo .visualizacao #limite-selo-flutuante {
	position: relative;
	width: 100%;
	height: 300px;
}

.editor-selo .visualizacao .selo-no-produto #selo-flutuante {
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	max-height: none !important;
}

.editor-selo .coluna-visualizacao-selo-no-produto {
	width: 100%;
	display: flex;
	justify-content: end;
	position: relative;
}

.editor-selo .visualizacao .box-visualizacao-selo-no-produto {
	background: #141338;
	border-radius: 8px;
	height: fit-content;
	padding: 20px;
	position: sticky;
	top: 0;
	z-index: 1;
}

.editor-selo #img-visualizacao-selo-no-produto {
	width: 100%;
	height: auto !important;
	max-height: fit-content;
}

.editor-selo .botoes-posicionamento-selo {
	display: flex;
	gap: 5px;
}

.editor-selo .botoes-posicionamento-selo img {
	cursor: pointer;
	border: 2px solid #718EB8;
	opacity: 0.35;
}

.editor-selo .botoes-posicionamento-selo img:hover,
.editor-selo .botoes-posicionamento-selo .selo-selecionado {
	border: 2px solid #195BFF;
	opacity: 1;
}

.editor-selo .link-ver-na-loja a {
	text-decoration: underline;
	font-size: 12px;
}


/* ------------------- LISTAGEM DE SELOS -------------------- */

.espacamento-60 {
	height: 60px;
}

.espacamento-80 {
	height: 80px;
}

.espacamento-46 {
	height: 46px;
}

.espacamento-32 {
	height: 32px;
}

.passos-selos {
	padding: 0 32px !important;
	margin: 0 auto;
}

.passos-selos p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.passos-selos h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
}

.e-commerce-logo {
	padding: 16px;
	border: 2px solid #01001B;
	position: relative;
	margin-right: 8px;
	cursor: pointer;
}

.e-commerce-logo img {
	width: 38px;
}

@media (max-width: 600px) {

	.container-integracoes,
	.div-tabela-selos {
		overflow-x: auto;
	}

	.lista-selos #busca-selos {
		width: 150px !important;
	}

	.buscador-selos {
		margin-right: 20px !important;
	}
}

.wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 16px;
	position: absolute;
	top: 2px;
	right: 2px;
}

.circle {
	position: relative;
	background: #00B01D;
	border-radius: 100%;
	height: 16px;
	width: 16px;
}

.checkMark {
	position: absolute;
	transform: rotate(50deg) translate(-50%, -50%);
	left: 28%;
	top: 45%;
	height: 8px;
	width: 5px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

.lista-selos input {
	background: linear-gradient(140.29deg, #0d0c26 0%, #141239 100%);
	color: #FFFFFF;
	border: none;
	border-radius: 2px;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	padding: 10px;
	color-scheme: dark;
	outline: none;
}

.lista-selos .bg-gradiente-roxo {
	background: linear-gradient(93.32deg, #D735FF -7.05%, #5F3EDB 122.9%);
	border-radius: 8px;
	padding: 15px;
}

.lista-selos .buscador-selos {
	background: linear-gradient(140.29deg, #0d0c26 0%, #141239 100%);
}

.lista-selos #busca-selos {
	width: 368px;
	border-radius: 10px;
}

.lista-selos #tabela-selos {
	border-collapse: separate;
	border-spacing: 0 8px;
}

.lista-selos #tabela-selos tbody tr {
	background-color: #111031;
	border-radius: 10px;
}

.lista-selos #tabela-selos tbody td {
	vertical-align: middle !important;
}

.lista-selos #tabela-selos tbody tr td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.lista-selos #tabela-selos tbody tr td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.lista-selos #tabela-selos .img-selo {
	width: 45px;
	height: 45px;
	margin-right: 5px;
}

.lista-selos #tabela-selos .imgs-produto-selo img {
	width: 50px;
	height: 50px;
	border: 3px solid #141239;
}

.lista-selos #tabela-selos .imgs-produto-selo :not(:first-child) {
	margin-left: -14px;
}

.lista-selos #tabela-selos .imgs-produto-selo a:nth-child(1) {
	z-index: 5;
}

.lista-selos #tabela-selos .imgs-produto-selo a:nth-child(2) {
	z-index: 4;
}

.lista-selos #tabela-selos .imgs-produto-selo a:nth-child(3) {
	z-index: 3;
}

.lista-selos #tabela-selos .imgs-produto-selo a:nth-child(4) {
	z-index: 2;
}

.lista-selos #tabela-selos .imgs-produto-selo a:nth-child(5) {
	z-index: 1;
}

.lista-selos #tabela-selos .box-acoes img {
	margin-right: 8px;
	width: 16px;
}

.lista-selos .dropdown-toggle::after {
	display: none;
}

.lista-selos .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.lista-selos .nav-tabs .nav-link,
.lista-selos .nav-tabs {
	border: none;
}

.lista-selos .paginacao-selos a,
.lista-selos .paginacao-selos strong {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	padding: 10px;
	background: #131136;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	margin: 2px;
}

.lista-selos .paginacao-selos strong {
	background-color: #0D6EFD;
	font-weight: 700;
}


/* ----------- Página de ajuda ------------- */

.ajuda {
	margin: 0 32px;
}

.ajuda .whatsapp {
	border-radius: 10px;
	background-color: #141338;
	margin-bottom: 8px;
}

@media (max-width: 600px) {
	.ajuda-colunas {
		display: block !important;
	}

	.ajuda-colunas .col-8,
	.ajuda-colunas .col-3 {
		width: 100% !important;
		max-width: 100% !important;
	}
}


/* ------ Retira o X irritante dos inputs de pesquisa --------*/


/* Internet Explorer */

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}


/* Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}