:root {
--color-base:        #ff5400;
accent-color: var(--color-base);
--color-base-light:  color-mix(in srgb, var(--color-base) 85%, white);
--color-base-lighter:  color-mix(in srgb, var(--color-base) 70%, white);
--color-base-dark:   color-mix(in srgb, var(--color-base) 85%, black);
--color-base-darker:   color-mix(in srgb, var(--color-base) 50%, black);
--color-base-shadow: color-mix(in srgb, var(--color-base) 75%, black);
--color-base-tint:   color-mix(in srgb, var(--color-base) 12%, white);
--color-base-altint:   color-mix(in srgb, var(--color-base) 50%, white);
}

/* Typography */

	@-webkit-keyframes fontfix {
		from { opacity: 1; }
		to   { opacity: 1; }
	}

	body {
	font-family: "Poppins";
	-webkit-animation-delay: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-rendering: optimizeLegibility;
	}

/* Forms */

	form {
	}

	.wizard > .steps a {
	border-radius: 8px !important;
	padding: 15px 12px 12px 12px !important;
	}

	.form-wizard {
	display: block;
	margin: auto;
	padding: 20px 20px 6px 20px;
	max-width: 900px;
	}

	.form-default {
	display: block;
	margin: auto;
	padding: 40px 20px 40px 20px;
	max-width: 900px;
	}

	.form-field-default {
	margin-bottom: 20px;
	width: 100%;
	}

	.form-field-default button {
	width: 100%;
	}

	.form-field-terms {
	display: inline-block;
	width: 100%;
	/*padding: 12px 24px 10px 20px;*/
	/*background: rgba(0,0,0,.05);*/
	border-radius: 8px;
	cursor: pointer;
	}

	.form-field-terms input[type=radio] {
	transform: translateY(1px);
	margin-right: 5px;
	}

	input {
	filter: none;
	}

	label {
	display: block;
	min-height: 22px;
	font-size: 14px;
	font-weight: 600;
	}

	.form-tip {
	display: block;
	margin: 0 0 10px 0;
	/*border: 1px dashed rgba(0,0,0,.2);*/
	border: 1px solid rgba(0,0,0,.12);
	border-left: 3px solid var(--color-base);
  	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
  	transition: all 0.2s ease;
  	box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
	padding: 7px 12px 7px 12px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	/*opacity: .75;*/
	color: rgba(0,0,0,.6);
	}

	input[type=text],
	input[type=email],
	input[type=select],
	input[type=textarea],
	input[type=password],
	input[type=number],
	textarea,
	.maskmoney {
	width: 100%;
	padding: 13px 16px 10px 16px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
	transition: all 0.2s ease;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		0 2px 4px rgba(0,0,0,.08);
	}

	.form-100 input,
	.form-100 select,
	.form-100 textarea {
	width: 100%;
	}

	.form-filters {

	}

	.form-filters label {
	display: block;
	min-height: 21px;
	}

	.form-filters button {
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	background: rgba(0,0,0,.03);
	padding: 15px 16px 10px 16px;
	border-radius: 8px;
	}

	.form-filters button span {
	margin-right: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	transition: 0.2s;
	}

	.form-filters button i.lni-search-alt {
	margin-right: 0;
	color: var(--color-base);
	}

	.fake-select {
	max-width: 100%;
	border: 0;
	padding: 0;
	/*border: 1px solid rgba(0,0,0,.2);*/
	border-radius: 8px;
	/*background: #fff;*/
	/*overflow: hidden;*/
	}

	.fake-select select {
	display: block;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width: 100%;
	padding: 13px 16px 12px 16px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
	transition: all 0.2s ease;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		0 2px 4px rgba(0,0,0,.08);
	}

	.fake-select i {
	position: absolute;
	pointer-events: none;
	margin: 18px 32px 0 0;
	right: 0;
	text-align: center;
	color: var(--color-base);
	}

	.form-field {
	width: 100%;
	}

	.form-field-submit {
	margin-top: 14px;
	}

	.form-field-submit button {
	float: right;
	}

	.form-field-checkbox {
	padding-top: 27px;
	}

	.form-field-checkbox input[type=checkbox] {
	margin-right: 8px;
	transform: translateY(1px);
	}

/* Radio picker */

	.radio-picker {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 14px 12px 7px 12px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	transition: all 0.2s ease;
	}

	.form-field-radio {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 9px 14px 8px 10px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.07);
	cursor: pointer;
	font-size: 13px;
	line-height: 15px;
	font-weight: 500;
	color: rgba(0,0,0,.55);
	transition: all 0.2s ease;
	user-select: none;
	}

	.form-field-radio:hover {
	color: var(--color-base);
	}

	.form-field-radio.active {
	background: var(--color-base);
	color: #fff;
	}

	.form-field-radio input[type=radio] {
	display: inline-block;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	}

/* Checkbox picker — componente reutilizável */

	.checkbox-picker {
	width: 100%;
	padding: 14px 12px 7px 12px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	/* background: linear-gradient(to bottom, #ffffff, #f4f4f4); */
	transition: all 0.2s ease;
	/* box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08); */
	}

	.checkbox-picker .checkbox-btn {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 8px 14px 6px 10px;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,.12);
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 1px 3px rgba(0,0,0,.07);
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	color: rgba(0,0,0,.55);
	transition: all 0.2s ease;
	user-select: none;
	}

	.checkbox-picker .checkbox-btn:hover {
	/* border-color: rgba(252,100,0,.4); */
	color: var(--color-base);
	/* box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 6px rgba(252,100,0,.12); */
	}

	.checkbox-picker .checkbox-btn.active {
	/* border-color: var(--color-base); */
	background: var(--color-base);
	color: #fff;
	/* box-shadow: 0 2px 8px rgba(252,100,0,.3); */
	}

	.checkbox-picker .checkbox-btn input[type=checkbox] {
	display: inline-block;
	opacity: 0;
	width: 1px;
	height: 1px;
	}

	.form-field input[type=text],
	.form-field input[type=email],
	.form-field input[type=select],
	.form-field input[type=textarea],
	.form-field input[type=password] {
	width: 100%;
	}

	.form-field-icon input[type=text],
	.form-field-icon input[type=email],
	.form-field-icon input[type=select],
	.form-field-icon input[type=textarea],
	.form-field-icon input[type=password] {
	padding-left: 40px;
	}

	button {
	border: 0;
	padding: 16px 23px 12px 26px;
	/*border: 1px solid rgba(39,41,62,1);*/
	border-radius: 8px;
	background: var(--color-base);
	text-align: center;
	}

	button span {
	color: #fff;
	}

	button i {
	margin-left: 5px;
	color: #333;
	font-size: 12px !important;
	}

	button i.lni-search-alt {
	color: var(--color-base);
	}

	.fakebutton {
	border: 0;
	padding: 16px 10px 12px 10px;
	/*border: 1px solid rgba(0,0,0,.2);*/
	border-radius: 8px;
	background: rgba(0,0,0,.05);
	text-align: center;
	}

	.fakebutton span {
	color: #666;
	}

	.fakebutton i {
	margin-right: 3px;
	color: var(--color-base);
	font-size: 12px;
	}

	.backbutton {
	border: 0;
	padding: 16px 0 12px 0;
	/*border: 1px solid rgba(0,0,0,.2);*/
	border-radius: 8px;
	/*background: rgba(0,0,0,.05);*/
	text-align: center;
	}

	.backbutton span {
	color: #666;
	}

	.backbutton i {
	margin-right: 3px;
	color: var(--color-base);
	font-size: 12px;
	}

	.login .backbutton {
	float: left;
	}

	.form-field-icon .form-icon {
	display: block;
	pointer-events: none;
	color: var(--color-base);
	transform: translateY(34px) translateX(16px);
	}

	label.error {
	/*position: absolute;*/
	color: #cf000f;
	margin-top: 1px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: -5px;
	}

	.fakehidden {
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	}

	.fakehidden + .error {
	margin-top: -20px;
	}

	.form-filters .fakehidden {
	float: left;
	}

	input[name=subdominio] + .error {
	white-space: nowrap;
	}

	#image-upload + .error,
	#image-upload2 + .error {
	margin: auto;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 20px;
	background: #cf000f;
	color: #fff;
	border-radius: 8px;
	padding: 6px 8px 4px 8px;
	font-size: 12px;
	text-align: center;
	max-width: 90px;
	}

	.modal {
	background: rgba(0,0,0,.4);
	}

	.modal-content {
	box-shadow: 0 0 30px rgba(0,0,0,.3) !important;
	border: 0;
	}

	@media (max-width: 991px) {

		.form-field-checkbox {
		padding-top: 16px;
		text-align: center;
		}

		.form-field-submit button {
		width: 100%;
		}

		button {
		padding-left: 6px;
		padding-right: 6px;
		text-align: center;
		width: 100%;
		}

		.fakebutton {
		width: 100%;
		padding-left: 6px;
		padding-right: 6px;
		text-align: center;
		width: 100%;
		}

		label.error {
		width: 100%;
		text-align: center;
		}

		/* .row .col-xs-6:nth-child(1) {
		padding-right: 5px;
		}

		.row .col-xs-6:nth-child(2) {
		padding-left: 5px;
		} */

		.form-default {
		padding: 0 0 6px 0;
		}

		.form-field-default {
		margin-bottom: 14px;
		}

		.form-field-submit {
		margin-top: 5px;
		}

		input[name=subdominio] + .error {
		white-space: normal;
		}

		label.error {
		margin-bottom: 5px;
		}

		.form-field-radio input[type=radio] {
		margin-right: 3px;
		}


		.form-wizard {
		padding: 0;
		}

		input[name=keepalive] {
		margin-bottom: 16px !important;
		}

	}

/* Class  */

	.align-middle {
	display: flex;
	align-items: center;
	}

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

	.align-middle-mobile {
	display: flex !important;
	align-items: center;
	}

	.align-center-mobile {
	display: flex !important;
	justify-content: center;
	}

	.align-middle-mobile.visible-sm,
	.align-middle-mobile.visible-xs {
	display: none !important;
	}

	.align-center-mobile.visible-sm,
	.align-center-mobile.visible-xs {
	display: none !important;
	}

	.clear {
	clear: both;
	}

	.fullwidth {
	width: 100%;
	}

	.bg-gray {
	background: #fbfbfb;
	}

	.mt-0 {
	margin-top: 0 !important;
	}

	.pd-0 {
	padding-top: 0 !important;
	}

	.mt-10 {
	margin-top: 10px;
	}

	.mt-16 {
	margin-top: 16px;
	}

	.mt-20 {
	margin-top: 22px;
	}

	.nopadd {
	padding: 0;
	}

	.lowpadd div:nth-child(1) {
	padding-right: 5px;
	}

	.lowpadd div:nth-child(2) {
	padding-left: 5px;
	}

	@media (min-width: 992px) {
		.dropdown:hover .dropdown-menu {
			display: block;
		}
	}

	@media (max-width: 991px) {

		.align-middle {
		display: block;
		}

		.align-center {
		display: block;
		}

		.align-middle-mobile.visible-sm,
		.align-middle-mobile.visible-xs {
		display: flex !important;
		}

		.align-center-mobile.visible-sm,
		.align-center-mobile.visible-xs {
		display: flex !important;
		}

		.text-center-mobile {
		text-align: center;
		}

	}

/* Default */

	a,
	a:hover,
	a:active,
	a:focus {
	text-decoration: none;
	outline: none;
	color: var(--color-base);
	}

	strong {
	font-weight: 700;
	}

	input,
	input:hover,
	input:active,
	input:focus {
	outline: none !important;
	}

	*,
	*:hover,
	*:active,
	*:focus {
	outline: none !important;
	}

/* Theme */

	.text-center {
	display: block;
	text-align: center;
	}

	.colored {
	color: var(--color-base);
	}

	.panel-green i {
	color: #55a630;
	}

	.panel-green .number,
	.panel-green i,
	.color-green {
	color: #55a630 !important;
	}

	.panel-green .panel-heading a {
	color: #55a630;
	}

	.panel-red .number,
	.panel-red i,
	.color-red {
	color: #ff6d7b !important;
	}

	.panel-yellow .number,
	.panel-yellow i,
	.color-yellow {
	color: #f7ca18 !important;
	}

	.color-gray {
	color: rgba(255,255,255,.8) !important;
	}

	.bg-green {
	background: rgba(4, 170, 96, 1) !important;
	}

	.bg-red {
	background: #ff6d7b !important;
	}

	.bg-yellow {
	background: #f7ca18 !important;
	}

	.color-white {
	color: #fff !important;
	}

/* STYLES */

html, body {
scroll-behavior: auto !important;
}

body {
width: 100%;
min-height: 100vh;
overflow-x: hidden;
}

.bg-gray {
	background: color-mix(in srgb, var(--color-base-tint) 20%, transparent);
	background: rgba(0,0,0,.03);
	background: #fff;
}

.container {
width: 95%;
max-width: 95%;
max-width: 1024px;
max-width: 98%;
}

.fullfit {
}

.header {
}

.top {
padding: 20px 0 17px 0;
/* border-top: 8px solid var(--color-base); */
/* border-bottom: 1px solid rgba(0,0,0,.2); */
/* background: var(--color-base); */
background: color-mix(in srgb, var(--color-base-tint) 20%, transparent);
}

.top .brand img {
display: block;
height: 50px;
}

.top-painel .brand a {
display: flex;
align-items: center;
}

.top-painel .brand img {
display: block;
float: left;
width: 60px;
height: 60px;
border-radius: 100%;
}

.top-painel .brand span {
display: block;
float: left;
max-width: 175px;
margin-left: 16px;
display: inline-block;
font-family: "Poppins";
font-weight: 700;
letter-spacing: -0.8px;
color: #333;
font-size: 26px;
line-height: 25px;
}

.brand-login img {
display: block;
margin: auto auto 16px auto;
max-height: 60px;
}

.brand a:hover {
text-decoration: none;
}

.brand span {
font-family: "Poppins";
font-weight: 700;
letter-spacing: -0.8px;
color: #333;
font-size: 26px;
line-height: 24px;
}

.powerdot {
margin-left: 2px;
}

.search-bar {
width: 96%;
}

.search-bar form {
/*border: 1px solid rgba(0,0,0,.2);*/
border-radius: 10px;
background: #fff;
background: rgba(0,0,0,.05);
}

.search-bar input[type=text] {
float: left;
border: 0;
width: 88%;
padding: 16px 0 12px 16px;
background: transparent;
}

.search-bar button {
float: right;
border: 0;
width: 10%;
background: transparent;
padding: 0;
}

.search-bar button i {
display: block;
text-align: center;
width: 100%;
color: var(--color-base);
line-height: 50px;
}

.user-info {

}

.user-info div,
.user-menu div {
display: inline-block;
margin-right: 10px;
}

.user-info div:last-child,
.user-menu div:last-child {
margin-right: 0;
}

.user-info span,
.user-menu span {
margin-left: 8px;
color: #333;
}

.user-info i,
.user-menu i,
.user-badge i {
font-size: 16px;
transform: translateY(1px);
color: var(--color-base);
}

.navigator {
padding: 0;
border-bottom: 1px solid #e5e5e5;
/* background: #261c43; */
background: var(--color-base);
}

.navbar {
min-height: 0;
padding: 0;
margin: 8px 0 7px 0;
}

.naver .navbar a {
margin-right: 5px;
border-radius: 8px;
padding: 17px 20px 14px 20px;
font-weight: 600;
color: #333;
transition: 0.2s;
color: #fff;
}

.naver .navbar li:last-child a {
margin-right: 0;
}

.naver .navbar a:hover,
.naver .navbar a:active,
.naver .navbar a:focus,
.naver .navbar .active a {
background: rgba(255,255,255,.9);
transition: 0.2s;
color: #333;
}

.naver .navbar a i {
font-size: 12px;
color: #00E777;
}

.naver .navbar ul a i {
color: var(--color-base);
color: #333;
}

.naver .navbar .active i {
color: var(--color-base);
}

.naver .navbar .active i.lni-home {
margin-right: 6px;
}

.naver .icon-right {
transform: translateX(2px);
}

.naver .icon-left {
margin-right: 5px;
}

.navbar-nav > li > .dropdown-menu {
padding: 0;
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 0;
}

.navbar-nav > li > .dropdown-menu a {
margin: 0;
border-bottom: 1px solid #e5e5e5;
color: #333;
}

.navbar-nav > li > .dropdown-menu a:hover {
background: rgba(0,0,0,.05);
}

.navbar-nav > li > .dropdown-menu li:last-child a {
border-bottom: 0;
}

.navbar-nav > li > .dropdown-menu li i {
margin-right: 8px;
transform: translateY(-2px);
color: var(--color-base);
}

.middle {
padding: 40px 0 40px 0;
}

.navbar-mobile {
margin: auto;
width: 90%;
}

.pushnav {
margin-top: -16px !important;
}

.navbar-mobile .pull-left,
.navbar-mobile .pull-right {
margin: 0;
padding: 0 !important;
float: none !important;
width: 100%;
}

.navbar-mobile .dropdown-menu {
display: none;
background: rgba(255,255,255,.9);
}

.navbar-mobile .open .dropdown-menu {
display: block;
padding: 0;
}

.navbar-mobile li {
width: 100%;
}

.navbar-mobile .navbar a {
margin-bottom: 0;
margin-right: 0 !important;
background: transparent;
margin-right: 5px;
border-radius: 8px;
padding: 19px 20px 18px 20px;
font-weight: 600;
color: #333;
transition: 0.2s;
color: #333;
border-top: 1px solid rgba(0,0,0,.1);
}

.navbar-mobile .navbar a:hover,
.navbar-mobile .navbar a:active,
.navbar-mobile .navbar a:focus,
.navbar-mobile .navbar .fakeactive a {
background: transparent;
transition: 0.2s;
color: #333;
border-top: 1px solid rgba(0,0,0,.1);
}

.navbar-mobile .navbar .active a {
background: transparent;
}

.navbar-mobile .navbar .active a:hover,
.navbar-mobile .navbar .active a:active,
.navbar-mobile .navbar .active a:focus {
background: rgba(0,0,0,.03);
}

.navbar-mobile .open .dropdown-menu {
}

.navbar-mobile .dropdown-menu a {
background: transparent;
padding: 20px 20px 16px 40px !important;
border-bottom: 0 !important;
}

.sidebars {
display: none;
}

.sidebar {

}

.sidr {
background: #fbfbfb !important;
box-shadow: 0 0 transparent !important;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}

.sidebar .sidebar-header {
border-bottom: 1px solid #e5e5e5;
padding: 14px 12px 12px 12px;
}

.sidebar .sidebar-header .close-sidebar {
font-size: 22px;
float: right;
color: var(--color-base);
cursor: pointer;
}

.sidebar-content {
padding: 9px 12px 6px 12px;
}

.user-badge {
}

.user-badge span {
display: block;
margin-bottom: 10px;
text-align: center;
}

.user-badge .avatar span {
display: block;
margin: 6px auto 18px auto;
width: 70px;
height: 70px;
color: #fff;
background: var(--color-base);
font-size: 32px;
line-height: 68px;
border-radius: 100%;
}

.avatar-thumb-holder {
margin: 10px auto 16px auto;
border: 1px solid rgba(0,0,0,.1);
border-radius: 100%;
width: 90px;
height: 90px;
overflow: hidden;
}

.avatar-thumb {
margin: auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
width: 90px;
height: 90px;
border: 10px solid #fff;
overflow: hidden;
}

.avatar-thumb img {
display: block;
margin: auto;
width: auto;
height: 90px;
}

.box-white {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
padding: 20px 40px 20px 40px;
border-radius: 8px;
}

.box-white-regular {
padding: 40px;
}

.login {

}

.bg-login {
	/* background: var(--color-base); */
	/* background: var(--color-base-tint); */
background: url("../img/hero.jpg") center/cover no-repeat;
}

.bg-login .bg {
background: linear-gradient(360deg,color-mix(in srgb, var(--color-base-tint) 90%, transparent) 0%, var(--color-base-tint) 100%);
}

.login .brand span {
font-size: 32px;
line-height: 30px;
}

.login-box {
margin: 90px auto 15px auto;
width: 100%;
max-width: 600px;
border-radius: 10px;
}

.login-box .brand {
margin: 0 0 10px 0;
}

.login-box.box-white {
padding: 64px 70px 70px 70px;
border: 0;
border-top: 6px solid var(--color-base);
box-shadow: 0 50px 100px rgba(0,0,0,.2);
}

.login-box.box-white input[type=text],
.login-box.box-white input[type=password] {
padding: 17px 16px 13px 46px;
font-size: 15px;
color: rgba(0,0,0,.7);
}

.forgetpass {
max-width: 300px;
margin: 16px auto auto auto;
padding: 0 0 0 0;
/*border-top: 1px solid #e5e5e5;*/
}

.forgetpass span {
display: block;
text-align: center;
padding: 10px 0 10px 0;
/*border-bottom: 1px solid #e5e5e5;*/
color: rgba(0,0,0,.6);
line-height: 16px;
}

.forgetpass a {
display: block;
color: #333;
text-align: center;
padding: 14px 12px 14px 12px;
border-bottom: 1px solid #e5e5e5;
}

.forgetpass a:last-child {
border: 0;
}

.forgetpass i {
margin-right: 5px;
color: var(--color-base);
transform: translateY(1px);
}

.forgetpass .lni {
transform: translateY(0);
}

.msg {
padding: 12px 12px 12px 12px;
border-radius: 8px;
border-left: 4px solid rgba(0,0,0,.1);
text-align: center;
}

.msg i {
margin-right: 5px;
}

.msg-error {
border-left: 4px solid #cf000f;
}

.msg-error i {
color: #cf000f;
}

.msg-done {
border-left: 4px solid var(--color-base);
}

.msg-done i {
color: var(--color-base);
}

.badges-home {
}

.badge-home {
border-radius: 8px;
padding: 12px 0 12px 0;
border-bottom: 2px solid rgba(0,0,0,.1);
text-align: center;
}

.badge-home .number {
display: inline-block;
margin: 0;
padding: 0;
line-height: 40px;
font-size: 40px;
font-weight: 200;
color: #333;
}

.badge-home .desc {
display: inline-block;
margin: 8px 0 0 0;
color: #333;
font-weight: 700;
font-size: 20px;
}

.badge-home .number i {
color: var(--color-base);
font-size: 35px;
}

.badge-green {
border-color: var(--color-base);
}

.badge-green .number i {
color: var(--color-base);
}

.badge-red {
border-color: #cf000f;
}

.badge-red .number i {
color: #cf000f;
}

.title-icon {
margin: 0;
font-size: 22px;
}

.title-icon i {
margin-right: 6px;
color: var(--color-base);
background: transparent !important;
}

.title-line {
margin: 0 auto 20px auto;
padding: 20px 0 10px 0;
font-size: 20px;
/*background: rgba(0,0,0,.03);*/
border-bottom: 1px solid rgba(0,0,0,.15);
/*border-top: 1px solid rgba(0,0,0,.2);*/
/*border-bottom: 1px solid rgba(0,0,0,.2);*/
}

.title-line span {
font-weight: 600;
color: #333;
}

.title-line i {
margin-right: 12px;
color: var(--color-base);
}

.title-icon span {
font-weight: 700;
font-size: 26px;
color: #333;
}

.row-line {
margin-bottom: 20px;
clear: both;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,.15);
}

.add-new a {
display: block;
margin: 0 0 20px 0;
background: rgba(0,0,0,.05);
padding: 14px 22px 10px 22px;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.1);
transition: 0.2s;
}

.add-new i {
color: var(--color-base);
font-size: 12px;
}

.add-new span {
margin-right: 6px;
font-size: 14px;
font-weight: 600;
color: #333;
transition: 0.2s;
}

.add-new a:hover {
background: var(--color-base);
transition: 0.2s;
border-color: var(--color-base);
}

.add-new a:hover i {
color: #333;
}

.add-new a:hover span {
color: #fff;
transition: 0.2s;
}

.panel-group .panel {
border: 0;
box-shadow: none;
}

.panel-default > .panel-heading {
padding: 0;
}

.panel-default > .panel-heading {
border: 0;
box-shadow: 0 0 0 transparent;
border-radius: 8px;
overflow: hidden;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
margin: -6px 0 0 0;
border: 0;
border: 1px solid rgba(0,0,0,.2);
border-top: 0;
border-radius: 0 0 8px 8px;
}

.panel-default > .panel-heading a {
display: block;
font-size: 20px;
font-weight: 600;
background: var(--color-base);
/*border-bottom: 1px solid rgba(0,0,0,.2);*/
}

.panel-default > .panel-heading a .desc {
color: #fff;
padding: 16px 15px 15px 15px;
}

.panel-default > .panel-heading a .number {
color: #fff;
padding: 16px 15px 15px 15px;
}

.panel-default > .panel-heading i {
padding: 16px 15px 15px 15px;
border-right: 1px solid rgba(255,255,255,.2);
}

.panel-default > .panel-heading .number {
border-left: 1px solid rgba(255,255,255,.2);
float: right;
}

.panel-filters {

}

.panel-filters .panel-body {
padding: 18px 20px 10px 20px;
}

.panel-filters .panel-heading a .desc {
display: block;
padding: 17px 25px 14px 25px;
float: left;
}

.panel-filters .panel-heading i {
padding: 17px 20px 14px 20px;
color: #fff;
float: right;
border-right: 0;
border-left: 1px solid rgba(0,0,0,.2);
}

.listing {

}

.listing .listing-title {
display: block;
margin: 10px 0 22px 0;
font-size: 22px;
}

.listing-table {
border: 1px solid rgba(0,0,0,.2);
border-radius: 8px;
border-collapse: separate;
background: #fff;
}

.listing-table .rep-icon {
display: block;
text-align: center;
color: var(--color-base);
}

.listing-table {
width: 100%;
}

.listing-table th {
font-size: 14px;
letter-spacing: 0.4px;
border-bottom: 1px solid rgba(0,0,0,.2);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
padding: 19px 20px 15px 20px;
}

.listing-table tr {

}

.listing-table tr:nth-child(even) {
background: rgba(0,0,0,.03);
}

.listing-table td {
padding: 12px 20px 10px 20px;
}

.form-actions a {
display: inline-block;
margin-right: 2px;
padding: 9px 12px 7px 12px;
border: 1px solid rgba(0,0,0,.1);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
transition: all 0.2s ease;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
border-radius: 8px;
color: var(--color-base) !important;
transition: 0.3s;
}

.form-actions a:hover {
background: var(--color-base);
border-color: var(--color-base);
color: #fff !important;
transition: 0.3s;
}

.form-actions a i {
/* color: #333; */
}

.paginacao {
margin: 22px 0 0 0;
}

.pagination {
padding: 0;
margin: auto;
}

.pagination > li > a, .pagination > li > span {
padding: 0;
color: #333;
font-weight: 600;
transition: 0.2s;
border: 0;
background: transparent;
margin: 0 2px 0 2px;
border-radius: 8px;
/*border: 1px solid rgba(0,0,0,.2);*/
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}

.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
color: #fff;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
transition: 0.2s;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}

.pagination > li > a:hover i {
color: #fff;
}

.pagination i {
color: var(--color-base);
font-size: 12px;
}

.pagination .pagination-back a,
.pagination .pagination-next a {
border-radius: 8px !important;
background: transparent;
}

.fake-table {
width: 100%;
}

.fake-table a {
color: #333;
}

.fake-table .fake-table-title {
display: none;
}

.fake-table .fake-table-data {

}

.fake-table-break {
clear: both;
}

.nulled {
display: block;
text-align: center;
padding: 12px 10px 10px 10px;
}

.nulled-edit {
font-size: 22px;
padding: 18px 10px 10px 10px;
}

.limpafiltros {
display: block;
margin: 0 auto 3px auto;
width: 100%;
max-width: 160px;
color: rgba(0,0,0,.4);
padding: 3px 0 6px 0;
text-align: center;
cursor: pointer;
transition: 0.3s;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.limpafiltros:hover {
color: #333;
}

.modal-backdrop.in {
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
background: rgba(0,0,0,.3);
opacity: 1 !important;
}

.modal-header .close {
text-align: right;
font-size: 30px;
margin: 0;
padding: 2px 6px 0 10px;
}

.modal-body {
padding: 38px 20px 40px 20px;
}

#modalalerta .modal-body {
text-align: center;
}

#modalalerta .modal-body span {
display: block;
margin: auto;
max-width: 500px;
font-weight: 600;
color: rgba(0,0,0,.7);
font-size: 22px;
line-height: 26px;
}

#modalalerta .modal-body i {
display: block;
margin: auto auto 16px auto;
width: 64px;
height: 64px;
line-height: 60px;
border-radius: 100%;
font-size: 28px;
text-align: center;
opacity: 1 !important;
}

#modalalerta .modal-body .alerta-icone-erro {
border: 3px solid #ff6d7b;
color: #ff6d7b;
}

#modalalerta .modal-body .alerta-icone-sucesso {
border: 3px solid #55a630;
color: #55a630;
}

#modalalerta .modal-body .modal-alerta-btn {
display: inline-block;
margin-top: 20px;
padding: 13px 28px 10px 28px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
color: #fff !important;
text-decoration: none !important;
}

#modalalerta .modal-body .modal-alerta-btn:hover {
filter: brightness(1.10);
color: #fff !important;
}

.list-errors {
margin-bottom: 30px;
/*background: rgba(0,0,0,.05);*/
border-radius: 8px;
}

.list-errors .title-line {
border-bottom: 1px solid #ff6d7b;
}

.list-errors .title-line i {
color: #ff6d7b;
}

.list-errors .error-info {
margin-bottom: 10px;
width: 100%;
border: 0;
padding: 15px 16px 12px 16px;
border-radius: 8px;
background: rgba(0,0,0,.05);
}

.list-errors .error-info i {
margin-right: 5px;
color: #ff6d7b;
text-align: center;
}

.bread {
margin: 10px 0 0 0;
font-size: 14px;
}

.bread span {
margin: 0 5px 0 5px;
font-size: 12px;
color: rgba(0,0,0,.4);
}

.bread a {
color: #333;
color: rgba(0,0,0,.5);
}

.bread i {
color: var(--color-base);
}

.counter {
display: inline-block;
transform: translateY(-2px);
margin-right: 7px;
text-align: center;
padding: 7px 12px 6px 12px;
border: 1px solid rgba(0,0,0,.1);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
transition: all 0.2s ease;
box-shadow:
	inset 0 1px 0 rgba(255,255,255,.8),
	0 2px 4px rgba(0,0,0,.08);
border-radius: 8px;
font-size: 14px;
}

.image-preview-cover {
background-size: 105% auto !important;
background-position: center center !important;
}

.image-preview-mobile {
width: 100% !important;
max-width: 320px !important;
border-radius: 0 !important;
background-size: 105% auto !important;
background-position: top center !important;
}

.elemento-dependente {
display: none;
}

.rounded-thumb-holder {
margin: auto;
width: 50px;
height: 50px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 100%;
overflow: hidden;
}

.rounded-thumb {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
border-radius: 100%;
width: 50px;
height: 50px;
overflow: hidden;
}

.rounded-thumb img {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: auto;
z-index: 2;
}

.rounded-thumb .blurred {
width: auto;
height: 50px;
top: 0;
height: auto;
position: absolute;
filter: blur(5px);
z-index: 0;
}

.image-preview-product {
border-radius: 8px;
}

.add-gallery-button {
border-radius: 8px;
display: inline-block;
width: calc(16.6666667% - 1rem);
padding-bottom: calc(16.6666667% - 1rem);
height: 0;
position: relative;
margin: .5rem;
background: rgba(0,0,0,.04) url("../img/greenplus.png") no-repeat center center;
background-size: 32px auto !important;
cursor: pointer;
overflow: hidden;
}

.add-gallery-button .holder {
display: flex;
align-items: center;
justify-content: center;
height: 140px;
}

.add-gallery-button .holder i {
display: block;
font-size: 28px;
text-align: center;
font-weight: 700;
}

.normal-table {

}

.normal-table .fake-table-title {
display: none;
}

.normal-table tr:nth-child(even) {
background: rgba(0,0,0,.05) !important;
}

.welcome-message {
display: block;
text-align: center;
margin: auto auto 20px auto;
}

.lista-menus {
margin: auto;
}

.lista-menus-menu {
margin-bottom: 10px;
}

.lista-menus  .bt {
display: flex;
align-items: center;
padding: 10px 12px 8px 10px;
margin: 0 0 5px 0;
color: #333;
text-decoration: none;
border-radius: 8px;
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.05);
white-space: nowrap;
overflow: hidden;
gap: 12px;
transition: 0.3s;
}

.lista-menus  .bt i {
display: block;
width: 38px;
height: 38px;
border-radius: 7px;
background: var(--color-base);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.18s;
}

.lista-menus .bt span {
display: block;
width: 100%;
font-weight: 600;
}

.lista-menus .clear {
display: none;
}

.lista-menus-nocounter .bt span {
border-right: 0;
width: 84%;
}

.lista-menus .bt strong {
display: block;
font-weight: 600;
transform: translateY(1.5px);
}

.lista-menus .bt strong i {
width: auto;
height: auto;
background: transparent;
color: var(--color-base);
transform: translateY(-3px);
}

.centericon i {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
text-align: center;
}

.plano {
border-radius: 6px;
margin-bottom: 20px;
box-shadow: 0 1px 1px rgba(0,0,0,.2);
min-height: 495px;
}

.plano-interna {
box-shadow: inherit;
margin-bottom: 0;
}

.plano .content {
padding: 1px 10px 8px 10px;
}

.panel-body-planos {
padding-top: 11px !important;
}

.plano-interna .content {
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
border-top: 1px solid rgba(0,0,0,.15);
border-bottom: 1px solid rgba(0,0,0,.15);
}

.plano-interna .content:last-child {
border-bottom: 0;
padding-bottom: 0;
}

.plano .content .row {
padding: 9px 5px 7px 5px;
}

.plano .info {
padding-left: 10px;
border-left: 4px solid rgba(0,0,0,.1);
}

.plano .titulo-min {
padding: 10px 10px 6px 10px;
}

.plano .titulo-min-home {
padding: 3px 10px 6px 10px;
}

.plano .titulo-min span {
font-weight: 600;
font-size: 16px;
}

.plano .titulo-min i {
margin-right: 5px;
color: var(--color-base);
}

@-webkit-keyframes {
  from {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.processing {
display: none;
position: fixed;
width: 100%;
background: rgba(0,0,0,.85);
z-index: 9999 !important;
}

.processing .align {
display: flex;
width: 100%;
height: 100vh;
align-items: center;
justify-content: center;
}

.processing .center {
margin: auto;
}

.processing i {
display: block;
margin-bottom: 20px;
width: 100%;
color: var(--color-base);
text-align: center;
font-size: 40px;
}

.processing span {
display: block;
width: 100%;
color: #FFF;
text-align: center;
font-size: 18px;
line-height: 22px;
font-weight: 600;
}

.badge {
margin: 0;
padding: 4px 10px 4px 10px;
background: rgba(0,0,0,.05);
}

.badge-concluido {
background: #55a630 !important;
color: #fff;
}

.badge-pendente {
background: #e67e22 !important;
color: #fff;
}

.badge-cancelado {
background: #ff6d7b !important;
}

.pedido-action {

}

.comprovante {
margin: 0 auto 16px auto;
padding: 40px 20px 40px 20px;
background: #fef9da;
/*background: rgba(0,0,0,.05);*/
/*background: rgba(0,0,0,.01);*/
border: 1px solid rgba(0,0,0,.1);
text-align: center;
font-size: 16px;
transition: 0.3s;
box-shadow: 3px 3px 3px rgba(0,0,0,.1);
}

.comprovante-print {
margin: 0;
max-width: 300px;
box-shadow: none !important;
border: 1px solid #C7C7C7;
}

.comprovante-parent {
padding-top: 20px;
padding-bottom: 20px;
transition: 0.3s;
}

.comprovante .content {
}

.comprovante .title {
display: block;
margin-bottom: 15px;
font-size: 30px;
font-weight: 600;
}

.botao-acao {
display: block;
padding: 16px 16px 13px 14px;
/*background: rgba(39,41,62,.98);*/
color: #333;
background: rgba(0,0,0,.05);
text-align: center;
border-radius: 6px;
cursor: pointer;
}

.botao-acao:hover,
.botao-acao:active,
.botao-acao:focus {
color: #333;
}

.botao-acao span {
display: inline-block;
}

.botao-acao i {
margin-right: 5px;
display: inline-block;
transform: translateY(-1px);
color: var(--color-base);
}

.form-actions {
min-width: 84px;
white-space: nowrap;
}

.form-actions-single {
min-width: 0;
}

.tip-plan {
display: block;
margin-bottom: 18px;
}

.add-center {
width: 100%;
max-width: 200px;
margin: auto;
}

.plano-interna {

}

.plano-interna .cover .foto {
display: block;
margin: 8px auto 14px auto;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 100%;
border: 1px solid rgba(0,0,0,.15);
}

.plano-interna .cover .foto img {
display: block;
width: 100%;
height: auto;
}

.plano-interna .cover {

}

.plano-interna .cover .titulo {
display: block;
text-align: center;
font-weight: 700;
font-size: 18px;
}

.plano-interna .cover .desc {
display: block;
text-align: center;
padding: 0 10px 16px 10px;
margin: 10px 10px 14px 10px;
/*border-top: 1px solid rgba(0,0,0,.15);*/
border-bottom: 1px solid rgba(0,0,0,.15);
}

.plano-interna .add-new {
max-width: 100%;
}

.plano-interna .valor {
padding-bottom: 16px;
}

.plano-interna .valor .parcela {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 12px;
color: rgba(0,0,0,.6);
}

.plano-interna .valor .mensal {
display: block;
margin: 2px 0 4px 0;
text-align: center;
font-weight: 700;
font-size: 20px;
color: #55a630;
}

.plano-interna .valor .total {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 12px;
color: rgba(0,0,0,.6);
}

.plano-compra {
margin-bottom: 10px;
}

.form-field-terms label.error {
position: absolute;
text-align: left;
margin: -2px 0 0 0;
}

.add-table {
margin: 0;
}

.panel-body-pendentes {
padding: 0 !important;
}

.panel-body-pendentes table {
border: 0 !important;
}

.panel-body-pendentes .add-new a {
margin-bottom: 0;
}

.panel-body-pendentes .pendente-title {
font-weight: 700;
}

.pendente-tip {
display: block;
text-align: center;
padding: 16px 10px 12px 10px;
color: rgba(0,0,0,.65);
}

.panel-body-pendentes .add-new a {
padding: 12px 8px 10px 8px;
}

.panel-body-pendentes .add-new a i {
margin-right: -8px;
transform: translateY(0px);
}

.panel-pendentes .panel-heading a {
background: #e67e22 !important;
}

.panel-pendentes .panel-heading + .panel-collapse > .panel-body {
border-top: 0 !important;
}

.panel-pendentes .panel-heading i {
color: #fff !important;
transform: translateY(0);
}

.panel-avisos .panel-heading a {
background: #ff6d7b !important;
}

.panel-avisos .panel-heading + .panel-collapse > .panel-body {
border-top: 0 !important;
}

.panel-avisos .panel-heading i {
color: #fff !important;
transform: translateY(0);
}

.voucher {
margin: 0;
}

.voucher form {
padding: 10px 0 10px 0;
}

.voucher .form-field-default button i {
transform: translateY(1px) !important;
}

.voucher .form-field-default {
margin-bottom: 0;
}

.plano-interna .cover {
margin: auto;
width: 100%;
max-width: 600px;
}

.noborderbottom {
border-bottom: 0 !important;
padding-bottom: 0 !important;
}

.expiration-info {
padding: 14px 12px 12px 12px;
}

.expiration-info .add-center {
width: 100%;
max-width: 100%;
}

.expiration-info .msg {
display: block;
padding: 13px 0 0px 0;
border: 0;
}

.funcionamento {
cursor: pointer;
min-height: 122px;
}

.funcionamento .open-status {
display: block;
margin: auto;
width: 12px !important;
height: 12px !important;
border-radius: 100%;
background: rgba(0,0,0,.4);
}

.funcionamento .aberto .open-status {
background: #55a630;
}

.funcionamento .aberto i {
color: #55a630 !important;
}

.funcionamento .fechado .open-status {
background: #ff6d7b;
}

.funcionamento .fechado i {
color: #ff6d7b !important;
}

.funcionamento .funcionamento-msg {
display: block;
padding: 3px 12px 12px 12px;
text-align: center;
}

.funcionamento .atualizando {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
border-radius: 6px;
background: rgba(0,0,0,.03);
box-shadow: 0 1px 1px rgba(0,0,0,.2);
padding: 17px 14px 14px 14px;
}

.funcionamento .atualizando i {
display: block;
color: rgba(0,0,0,.4);
text-align: center;
font-size: 24px;
}

#collapse-variacao .panel-body {
padding: 10px 10px 6px 10px;	
}

#collapse-variacao .col-md-4 {
padding: 5px;
}

#collapse-variacao .col-md-12 {
padding: 0 15px 6px 15px;
}

.variacoes {

}

.variacoes .variacao {
margin: 0 0 10px 0;
overflow: hidden;
}

.variacoes .variacao .title {
padding: 8px 23px 4px 23px;
background: #330894;
color: #fff;
text-align: center;
}

.variacoes .variacao .remover {
padding: 22px 0 20px 5px !important;
cursor: pointer;
}

.variacoes .variacao .remover i {
display: block;
border-radius: 100%;
text-align: center;
color: #ff6d7b !important;
font-size: 20px !important;
z-index: 2;
}

.variacoes .variacao .title .col {
padding: 4px;
}

.variacoes .variacao .title .form-field-default {
margin-bottom: 0;
}

.variacoes .variacao .title label {
position: absolute;
margin: 8px 0 0 7px;
font-size: 12px;
}

.variacoes .variacao .title input {
padding: 32px 7px 10px 7px;
background: rgba(255,255,255,.1);
}

.variacoes .adicionar {
text-align: center;
padding: 2px 10px 6px 10px;
cursor: pointer;
}

.variacoes .adicionar i {
margin-right: 5px;
transform: translateY(1px);
color: var(--color-base);
}

.adicionar-item {
display: block;
padding: 14px 12px 12px 12px !important;
background: rgba(0,0,0,.05);
border-radius: 6px;
}

.adicionar-variacao {
display: block;
margin-top: -4px;
padding: 14px 12px 12px 12px !important;
background: rgba(0,0,0,.05);
border-radius: 6px;
}

.panel-subvariacao .collapse.in {
margin-bottom: -8px !important;
}

.render-itens {
background: #fff;
padding: 5px;
}

.variacoes .item {
margin: 0;
border-radius: 6px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.15);
}

.variacoes .item .title {
background: #333;
padding: 8px 23px 4px 23px;
background: #330894;
color: #fff;
text-align: center;

}

.variacoes .item .remover {
padding: 20px 0 20px 0;
}

.variacoes .item .content .form-field-default {
margin-bottom: 10px;
}

.variacoes .item .content {
padding: 8px 10px 0 10px;
}

.panel-subvariacao {
margin-bottom: 8px !important;
}

.panel-body-subvariacao {
border: 0 !important;
padding: 0 !important;
}

.panel-body-subvariacao .content {
border: 1px solid rgba(0,0,0,.15) !important;
}

.panel-subvariacao .menos {
display: block;
width: 100% !important;
padding: 18px 0 16px 0 !important;
border: 0;
border-right: 1px solid rgba(255,255,255,.2) !important;
text-align: center !important;
color: #fff !important;
}

.panel-subvariacao .deletar {
display: block;
width: 100% !important;
padding: 18px 0 16px 0 !important;
border: 0;
border-left: 1px solid rgba(255,255,255,.2) !important;
text-align: center !important;
color: #ff6d7b !important;
cursor: pointer;
}

.panel-subvariacao .variacao-desc {
display: block;
color: #fff;
font-size: 19px;
padding: 20px 0 18px 0 !important;
word-break: break-all;
}

.panel-body-subvariacao .item .content {
border: 0 !important;
}

.adicionado {
padding: 30px 0 0 0;
border-top: 1px solid rgba(0,0,0,.2);
}

.adicionado .checkicon {
display: block;
margin-bottom: 10px;
text-align: center;
font-size: 40px;
font-weight: 700;
color: #333;
}

.adicionado .title {
display: block;
margin-bottom: 5px;
text-align: center;
font-size: 20px;
line-height: 25px;
font-weight: 700;
}

.adicionado .text {
display: block;
text-align: center;
font-size: 16px;
line-height: 18px;
}

.comece .icone-sacola {
/*color: var(--color-base);*/
}

.comece .text {
display: block;
margin: auto;
max-width: 600px;
line-height: 20px;
}

.adicionado .botao-acao {
margin: 30px auto auto auto;
max-width: 300px;
}

.nobordertop {
border-top: 0 !important;
}

.ocaptcha {
float: right;
margin: -15px 0 20px 0px;
}

.row-cidade {

}

.row-cidade .form-field-default {
margin-bottom: 16px;
}

.row-cidade .fake-select {
width: 90%;
margin: auto;
}

.row-cidade .fake-select select {
padding: 18px 16px 15px 16px;
font-size: 16px;
color: rgba(0,0,0,.7);
}

.row-cidade .fake-select i {
margin: 25px 55px 0 0;
}

.text-escolha {
display: block;
margin: 6px 0 20px 0;
text-align: center;
font-size: 18px;
}

.form-field-entrar {
display: block;
float: none;
margin: 4px auto auto auto;
width: 100%;
max-width: 190px;
}

.form-field-entrar button {
width: 100%;
}

.variacao-hire {
float: left;
width: 100%;
margin: 0 0 -6px 0;
padding-bottom: 0 !important;
}

.variacao-hire .msg {
margin: -10px 0 0 0;
/*text-align: left;*/
}

.inativo {
border-radius: 8px;
padding: 30px 0 10px 0;
border: 1px solid rgba(0,0,0,.2);
text-align: center;
}

.inativo .add-new {
width: 100%;
max-width: 200px;
margin: 20px auto auto auto;
}

.warning-tip {
display: block;
margin: 0;
padding: 14px 12px 12px 12px;
background: rgba(0,0,0,.03);
border-left: 3px solid red;
width: 100%;
text-align: center;
}

.warning-tip-exclusao {
margin-bottom: -20px;
}

.login-box-nova.box-white input[type="text"], 
.login-box-nova.box-white input[type="password"] {
padding-left: 16px !important;
}

.form-registrar .wizard .actions ul li:nth-child(2) {
margin-right: 0 !important;
}

.avatar {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto auto auto auto;
background: #fff;
width: 110px !important;
height: 110px !important;
border-radius: 100%;
box-shadow: 0 0 5px rgba(0,0,0,.2);
z-index: 3;
transition: 0.5s;
}

.is-sticky .avatar {
margin-top: 6px !important;
transition: 0.5s;
}

.grudado {
z-index: 5 !important;
}

.avatar .holder {
margin: 5px;
border-radius: 100%;
overflow: hidden;
}

.is-sticky .avatar .holder {
margin: 4px !important;
}

.holder-interna {
width: 100%;
height: 20px;
}

.locked-bar .avatar {
margin: -55px auto 30px auto;
height: 70px !important;
width: 70px !important;
transition: 0.5s;
z-index: 5;
}

.locked-bar .avatar .holder {
margin: 4px !important;
}

.avatar img {
display: block;
margin: auto;
width: 100%;
height: auto;
}

.cancelar-compra {
display: block;
text-align: center;
font-size: 20px;
}

.lni.text-center {
display: block !important;
text-align: center !important;
width: 100% !important;
}

.rdp {
padding: 20px 0 16px 0;
background: var(--color-base);
}

.rdp-row {
display: flex;
width: 100%;
}

.copyright {
}

.copyright span {
display: block;
float: left;
text-align: center;
font-size: 12px;
line-height: 12px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}

.copyright a {
display: flex;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
border-right: 2px solid rgba(0,0,0,.15);
float: right;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}

.copyright a i {
color: #333;
margin-right: 8px;
}

.copyright a:hover {
color: var(--color-base);
}

.copyright a:first-child {
margin-right: 0;
padding-right: 0;
border: 0;
}


.admin-layout {
display: flex;
min-height: 100vh;
}

.admin-sidebar {
width: 300px;
min-height: 100vh;
background: #fff;
border-right: 1px solid rgba(0,0,0,.1);
box-shadow: 0 0 30px rgba(0,0,0,.05);
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 999;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
scrollbar-width: none;
}

.admin-sidebar::-webkit-scrollbar {
width: 3px;
}

.admin-sidebar::-webkit-scrollbar-track {
background: transparent;
}

.admin-sidebar::-webkit-scrollbar-thumb {
background: rgba(0,0,0,.15);
border-radius: 3px;
}

.admin-main {
margin-left: 300px;
flex: 1;
min-height: 100vh;
display: flex;
flex-direction: column;
}

.admin-user-sidebar {
display: none;
width: 300px;
min-height: 100vh;
background: #fff;
border-left: 1px solid rgba(0,0,0,.1);
box-shadow: -5px 0 30px rgba(0,0,0,.05);
position: fixed;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
flex-direction: column;
scrollbar-width: none;
transform: translateX(280px);
transition: transform 0.28s ease;
}

.admin-user-sidebar::-webkit-scrollbar {
width: 3px;
}

.admin-user-sidebar::-webkit-scrollbar-track {
background: transparent;
}

.admin-user-sidebar::-webkit-scrollbar-thumb {
background: rgba(0,0,0,.15);
border-radius: 3px;
}

.user-sidebar-profile {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
padding: 22px 20px;
border-bottom: 1px solid rgba(0,0,0,.08);
flex-shrink: 0;
}

.user-sidebar-avatar {
width: 45px;
height: 45px;
border-radius: 50%;
background: var(--color-base);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-2px);
overflow: hidden;
}

.user-sidebar-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.user-sidebar-avatar i {
color: #fff;
font-size: 16px;
line-height: 14px;
transform: translateY(-1px);
}

.user-sidebar-info {
display: flex;
flex-direction: column;
gap: 2px;
}

.user-sidebar-name {
font-size: 15px;
font-weight: 600;
color: #222;
line-height: 12px;
}

.user-sidebar-role {
font-size: 13px;
color: #999;
}

.user-sidebar-hotsite-badge {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 6px;
font-size: 11px;
font-weight: 600;
color: var(--color-base);
background: rgba(0,0,0,.04);
border-radius: 20px;
padding: 4px 8px 3px 8px;
}

.user-sidebar-profile:hover .user-sidebar-hotsite-badge {
background: rgba(0,0,0,.08);
text-decoration: none;
}

.user-sidebar-profile:hover {
text-decoration: none;
}

.sidebar-brand {
padding: 18px 16px 16px 20px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0,0,0,.1);
height: 75px;
flex-shrink: 0;
}

.sidebar-brand img,
.sidebar-brand svg {
height: 50px;
object-fit: contain;
}

.sidebar-brand .logo-text {
fill: var(--color-base);
}

.sidebar-brand .logo-dot {
fill: var(--color-base-altint);
}

.sidebar-brand-logo {
display: flex;
align-items: center;
flex: 1;
}
.sidebar-brand-logo-min {
display: none;
align-items: center;
}
.sidebar-brand-logo-min img,
.sidebar-brand-logo-min svg {
height: 32px;
}

.sidebar-brand-title {
display: none;
font-size: 16px;
font-weight: 600;
color: var(--color-base);
align-self: center;
}

.sidebar-desktop-only {
display: flex;
}
.sidebar-collapse-btn {
border: 1px solid rgba(0,0,0,.1);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: 2px 2px 8px rgba(0,0,0,.08);
cursor: pointer;
width: 36px;
height: 36px;
padding: 0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #555;
flex-shrink: 0;
z-index: 1000;
transition: 0.3s;
}
.sidebar-collapse-btn:hover {
filter: brightness(110%);
transition: 0.3s;
}
.sidebar-collapse-btn i {
margin: 0;
color: var(--color-base);
font-size: 12px !important;
transform: translateY(0);
transition: transform 0.25s;
}
.admin-layout.sidebar-collapsed .sidebar-collapse-btn i {
transform: rotate(180deg) translateY(1px);
}
.sidebar-close-btn {
display: none;
border: 1px solid rgba(0,0,0,.1) !important;
background: linear-gradient(to bottom, #ffffff, #f4f4f4) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08) !important;
cursor: pointer;
width: 36px;
height: 36px;
border-radius: 8px;
align-items: center;
justify-content: center;
color: #555;
flex-shrink: 0;
transition: background 0.2s, color 0.2s;
}
.sidebar-close-btn i {
margin: 0;
color: var(--color-base);
font-size: 12px !important;
transform: translateY(-2px);
}
.sidebar-close-btn:hover {
background: rgba(0,0,0,.12);
color: #333;
}
.sidebar-nav {
flex: 1;
padding: 20px;
}

.sidebar-nav > ul {
list-style: none;
padding: 0;
margin: 0;
}

.sidebar-item {
position: relative;
margin-bottom: 2px;
}

.sidebar-title {
display: block;
margin: 14px 0 6px 12px;
font-size: 14px;
font-weight: 600;
color: rgba(0,0,0,.35);
}

.sidebar-title:first-child {
margin-top: 0;
}

.sidebar-link {
display: flex;
align-items: center;
padding: 10px 12px 8px 10px;
margin: 0 0 5px 0;
color: #333;
text-decoration: none;
border-radius: 8px;
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.05);
white-space: nowrap;
overflow: hidden;
gap: 12px;
transition: 0.3s;
}

.sidebar-link:hover,
.sidebar-link:focus {
color: #333;
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.05);
text-decoration: none;
transition: 0.3s;
}

.sidebar-icon {
width: 38px;
height: 38px;
border-radius: 7px;
background: var(--color-base);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: 0.3s;
}

.sidebar-icon:hover {
filter: none !important;
}

.sidebar-icon i {
font-size: 15px;
color: #fff;
transition: 0.3s;
}

.sidebar-label {
flex: 1;
font-size: 14px;
font-weight: 600;
color: rgba(0,0,0,.7);
}

.sidebar-arrow {
font-size: 10px;
color: var(--color-base);
transition: transform 0.22s;
}

.sidebar-item.open > .sidebar-link .sidebar-arrow {
transform: rotate(90deg);
}

.sidebar-submenu {
display: none;
list-style: none;
padding: 4px 0 4px 0;
margin: 2px 0 0 0;
}

.sidebar-submenu li a {
display: flex;
align-items: center;
padding: 16px 16px 16px 16px;
margin: 0 0 0 0;
border-bottom: 1px solid rgba(0,0,0,.15);
color: rgba(0,0,0,.75);
font-size: 14px;
font-weight: 500;
border-radius: 0;
gap: 8px;
transition: color 0.15s, background 0.15s;
}

.sidebar-submenu li:last-child a {
border-bottom: 0;
}

.sidebar-submenu li a:hover {
color: #333;
text-decoration: none;
}

.sidebar-submenu li a i {
margin-right: 8px;
font-size: 14px;
color: var(--color-base);
flex-shrink: 0;
}

/* SIDEBAR COLLAPSED */
.sidebar-flyout {
display: none;
}
.no-transition,
.no-transition * {
transition: none !important;
}

@media (min-width: 992px) {
.admin-sidebar {
transition: width 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.admin-main {
transition: margin-left 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-label,
.sidebar-title,
.sidebar-arrow {
transition: opacity 0.25s ease, max-width 0.32s cubic-bezier(0.4, 0, 0.2, 1);
max-width: 220px;
overflow: hidden;
white-space: nowrap;
}
.sidebar-upgrade {
transition: opacity 0.25s ease, max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s, margin 0.35s;
max-height: 400px;
}
.sidebar-brand-logo,
.sidebar-brand-logo-min {
transition: opacity 0.2s ease;
}
.admin-layout.sidebar-collapsed .sidebar-label,
.admin-layout.sidebar-collapsed .sidebar-title,
.admin-layout.sidebar-collapsed .sidebar-arrow,
.admin-layout.sidebar-collapsed .sidebar-upgrade,
.admin-layout.sidebar-collapsed .sidebar-brand-logo {
opacity: 0;
}
.admin-layout:not(.sidebar-collapsed) .sidebar-brand-logo-min {
opacity: 0;
}
.admin-layout.sidebar-collapsed .admin-sidebar {
width: 68px;
overflow: visible;
}
.admin-layout.sidebar-collapsed .admin-main {
margin-left: 68px;
}
.admin-layout.sidebar-collapsed .sidebar-brand {
justify-content: center;
padding: 18px 0;
}
.admin-layout.sidebar-collapsed .sidebar-brand-logo {
display: none;
}
.admin-layout.sidebar-collapsed .sidebar-brand-logo-min {
display: flex;
}
.admin-layout.sidebar-collapsed .sidebar-collapse-btn {
display: flex;
}
.admin-layout.sidebar-collapsed .sidebar-nav {
padding: 16px 0;
overflow: visible;
}
.admin-layout.sidebar-collapsed .sidebar-title,
.admin-layout.sidebar-collapsed .sidebar-label,
.admin-layout.sidebar-collapsed .sidebar-arrow,
.admin-layout.sidebar-collapsed .sidebar-footer .sidebar-label {
max-width: 0;
pointer-events: none;
display: none;
}
.admin-layout.sidebar-collapsed .sidebar-upgrade {
max-height: 0;
pointer-events: none;
padding: 0;
margin: 0;
}
.admin-layout.sidebar-collapsed .sidebar-link {
justify-content: center;
align-items: center;
padding: 10px 0;
gap: 0;
overflow: visible;
width: 100%;
}
.admin-layout.sidebar-collapsed .sidebar-footer {
padding: 16px 10px;
}
.admin-layout.sidebar-collapsed .sidebar-footer a {
justify-content: center;
gap: 0;
}
.admin-layout.sidebar-collapsed .sidebar-item {
overflow: visible;
}
.admin-layout.sidebar-collapsed .sidebar-submenu {
display: none !important;
}
.admin-layout.sidebar-collapsed .sidebar-item.flyout-open > .sidebar-flyout,
.admin-layout.sidebar-collapsed .sidebar-footer a:hover > .sidebar-flyout {
display: block;
}
.sidebar-flyout {
position: absolute;
left: 58px;
top: 0;
margin-top: 11px;
}
.sidebar-flyout::before {
content: '';
position: absolute;
left: -16px;
top: 0;
width: 16px;
height: 100%;
}
.sidebar-flyout {
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,.14);
min-width: 180px;
z-index: 1100;
overflow: hidden;
white-space: nowrap;
}
.sidebar-flyout-title {
display: block;
padding: 12px 16px 8px;
font-size: 13px;
font-weight: 700;
color: #333;
border-bottom: 1px solid rgba(0,0,0,.07);
}
.sidebar-flyout ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-flyout ul li a {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
font-size: 13px;
font-weight: 500;
color: rgba(0,0,0,.75);
text-decoration: none;
transition: background 0.15s;
}
.sidebar-flyout ul li a:hover {
background: rgba(0,0,0,.03);
color: #333;
text-decoration: none;
}
.sidebar-flyout ul li a i {
color: var(--color-base);
font-size: 13px;
width: 16px;
text-align: center;
}
}
/* / SIDEBAR COLLAPSED */

.sidebar-footer {
padding: 20px;
border-top: 1px solid #f0f0f0;
flex-shrink: 0;
}

.sidebar-footer a {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
border-radius: 8px;
padding: 8px 12px;
transition: 0.3s;
}

.sidebar-footer .sidebar-label {
color: rgba(0,0,0,.35);
transition: 0.3s;
}

.sidebar-footer a .sidebar-icon {
background: rgba(0,0,0,.05);
background: transparent;
/* width: 32px; */
/* height: 32px; */
width: auto;
height: auto;
color: rgba(0,0,0,.5);
}

.sidebar-footer a .sidebar-icon i {
color: rgba(0,0,0,.4);
color: var(--color-base);
font-size: 14px;
}

.sidebar-footer a:hover {
color: var(--color-base);
background: transparent;
text-decoration: none;
}

.sidebar-footer a:hover .sidebar-icon i {
color: var(--color-base);	
}

.sidebar-footer a:hover .sidebar-label {
color: #333;
transition: 0.3s;
}

.sidebar-upgrade {
margin: 0 20px 16px 20px;
background: #fff;
border-radius: 14px;
padding: 30px;
box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.sidebar-upgrade-header {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 8px;
}

.sidebar-upgrade-title {
font-size: 13px;
font-weight: 600;
color: #333;
}

.sidebar-upgrade-icon {
font-size: 16px;
margin-right: 8px;
color: var(--color-base);
}

.sidebar-upgrade-badge {
background: var(--color-base);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
letter-spacing: 0.3px;
}

.sidebar-upgrade-text {
font-size: 13px;
text-align: center;
color: rgba(0,0,0,.6);
margin: 12px 0 7px 0;
line-height: 16px;
font-weight: 400;
}

.sidebar-upgrade-btn {
display: block;
text-align: center;
background: var(--color-base);
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 13px 10px 10px 10px;
border-radius: 8px;
text-decoration: none;
}

.sidebar-upgrade-btn i {
font-size: 10px;
margin-left: 4px;
}

.sidebar-upgrade-btn:hover {
background: #e05a00;
color: #fff;
text-decoration: none;
}

.sidebar-upgrade-stats {
list-style: none;
padding: 0;
margin: 0 0 14px 0;
}

.sidebar-upgrade-stats li {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 10px 0;
border-bottom: 1px solid rgba(0,0,0,.1);
font-size: 13px;
font-weight: 600;
color: rgba(0,0,0,.7);
}

.sidebar-upgrade-stats li:last-child {
border-bottom: none;
}

.sidebar-upgrade-stat-badge {
background: var(--color-base);
color: #fff;
font-size: 11px;
font-weight: 600;
padding: 2px 8px;
border-radius: 20px;
min-width: 24px;
text-align: center;
}

.sidebar-upgrade-stat-badge-off {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.5);
}

.sidebar-upgrade-stats li i {
font-size: 12px;
margin-right: 6px;
color: var(--color-base);
flex-shrink: 0;
}

.sidebar-upgrade-stats li.sidebar-stat-off {
color: rgba(0,0,0,.35);
}

.sidebar-upgrade-stats li.sidebar-stat-off i {
color: rgba(0,0,0,.75);
border: 1px solid rgba(0,0,0,.5);
border-radius: 50%;
width: 12px;
height: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 6px;
transform: translateY(-1px);
}

.color3d {
transition: all 0.3s ease;
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
color: #fff;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
/* box-shadow: 0 2px 2px var(--color-base-shadow), 0 0 0 rgba(0,0,0,0) !important; */
box-shadow: inherit !important;
}

.color3d span,
.color3d span:hover,
.color3d i,
.color3d i:hover {
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
color: #fff !important;
}

.color3d:hover {
filter: brightness(1.10);
transition: all 0.3s ease;
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark));
/* box-shadow:
0 2px 2px var(--color-base-shadow),
0 0 0 rgba(0,0,0,0); */
box-shadow: inherit !important;
}

.sidebar-toggle-btn {
background: none;
border: none;
cursor: pointer;
color: #67748e;
font-size: 20px;
padding: 4px 8px 4px 0;
line-height: 1;
transition: color 0.2s;
}

.sidebar-toggle-btn:hover {
color: var(--color-base);
}

.admin-topbar {
padding: 20px;
height: 75px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(0,0,0,.1);
background: #fff;
flex-shrink: 0;
position: sticky;
top: 0;
z-index: 100;
}

.topbar-left {
display: flex;
align-items: center;
flex: 0;
}


.topbar-right {
display: flex;
align-items: center;
gap: 16px;
}

.topbar-user-card {
display: flex;
align-items: center;
gap: 15px;
}

.topbar-avatar {
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
}

.topbar-user-info {
display: flex;
flex-direction: column;
text-align: right;
}

.topbar-user-cover {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 100%;
background: var(--color-base);
border-radius: 100%;
overflow: hidden;
}

.topbar-user-cover i {
color: #fff;
font-size: 16px !important;
line-height: 16px !important;
margin: 0;
}

.topbar-user-cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.topbar-user-name {
font-size: 14px;
font-weight: 600;
color: #333;
line-height: 13px;
}

.topbar-user-role {
font-size: 13px;
color: #999;
line-height: 1.2;
}

.topbar-icon-btn {
color: #aaa;
font-size: 17px;
transition: color 0.2s;
}

.topbar-icon-btn:hover {
color: var(--color-base);
text-decoration: none;
}

.topbar-menu-toggle {
display: none;
background: var(--color-base);
background: #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.05);
cursor: pointer;
width: 46px;
height: 46px;
border-radius: 8px;
align-items: center;
justify-content: center;
transition: 0.3s;
}

.topbar-menu-toggle i {
margin: 0;
color: var(--color-base);
font-size: 18px !important;
line-height: 18px !important;
transform: translateY(-2px);
}

.topbar-center {
display: none;
align-items: center;
justify-content: center;
}

.topbar-center img,
.topbar-center svg {
height: 38px;
object-fit: contain;
}

.topbar-center .logo-text {
fill: var(--color-base);
}

.topbar-center .logo-flame {
fill: var(--color-base-darker);
}

.topbar-user-btn {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.topbar-mobile-only {
display: none;
}

.topbar-desktop-only {
display: flex;
align-items: center;
}

.mobile-bottom-nav {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: auto;
background: #fff;
box-shadow: 0 -5px 25px rgba(0,0,0,.05);
z-index: 990;
align-items: center;
grid-template-columns: 1fr 1fr auto 1fr 1fr;
padding: 6px 4px 0 4px;
}

.bottom-nav-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
color: #aaa;
text-decoration: none;
flex: 1;
transition: color 0.2s;
}

.bottom-nav-item i {
font-size: 20px;
color: var(--color-base);
}

.bottom-nav-item span {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.3px;
}

.bottom-nav-item:hover,
.bottom-nav-item.active {
color: var(--color-base);
text-decoration: none;
}

.bottom-nav-center {
flex: 1;
display: flex;
justify-content: center;
}

.bottom-nav-plus {
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--color-base);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 16px rgba(0,0,0,.15);
transform: translateY(-20px);
transition: transform 0.2s, box-shadow 0.2s;
}

.bottom-nav-plus i {
margin: 0;
color: #fff;
font-size: 18px !important;
transform: translateY(-2px);
line-height: 1;
}

.bottom-nav-plus:hover {
box-shadow: 0 6px 20px rgba(0,0,0,.5);
}

.bottom-nav-plus-wrap {
position: relative;
display: flex;
justify-content: center;
}

.bottom-nav-dropdown {
display: none;
position: absolute;
bottom: calc(100% + 40px);
left: 50%;
transform: translateX(-50%);
background: #fff;
border-radius: 14px;
box-shadow: 0 8px 32px rgba(0,0,0,.14);
overflow: hidden;
min-width: 160px;
flex-direction: column;
}

.bottom-nav-dropdown.open {
display: flex;
}

.bottom-nav-dropdown-item {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 14px 18px;
color: #333;
text-decoration: none;
font-size: 14px;
font-weight: 600;
white-space: nowrap;
border-bottom: 1px solid rgba(0,0,0,.06);
transition: background 0.15s;
}

.bottom-nav-dropdown-item:last-child {
border-bottom: 0;
}

.bottom-nav-dropdown-item i {
display: block;
font-size: 18px;
color: var(--color-base);
width: 22px;
text-align: center;
}

.bottom-nav-dropdown-item:hover {
background: rgba(252,100,0,.06);
text-decoration: none;
color: #333;
}


.sp-container.sp-light button.sp-choose {
background: var(--color-base) !important;
color: #fff !important;
}

.sp-colorize-container {
background: transparent !important;
}


.thecolorpicker {
width: 100%;
padding: 13px 16px 10px 16px;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.12);
transition: all 0.2s ease;
color: #fff !important;
text-shadow: 2px 2px 2px rgba(0,0,0,.15) !important;
}

.wizard {
overflow: inherit !important;
}

.wizard .steps ul {
display: flex;
justify-content: center;
align-items: center;
}

.wizard > .steps a {
padding: 13px 16px 10px 16px !important;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.12);
background: linear-gradient(to bottom, #ffffff, #f4f4f4) !important;
transition: 0.3s;
text-shadow: 2px 2px 2px rgba(0,0,0,0);
}

.wizard > .steps .current a,
.wizard > .steps a:hover {
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
color: #fff !important;
transition: 0.3s;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
}

.wizard .actions a,
.wizard .actions a[href="#finish"] {
padding: 13px 30px 11px 30px !important;
border-radius: 8px !important;
text-shadow: 2px 2px 2px rgba(17, 15, 15, 0.1);
color: #fff;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
box-shadow: 0 2px 2px var(--color-base-shadow), 0 0 0 rgba(0,0,0,0) !important;
box-shadow: inherit !important;
}

.wizard .actions ul li {
margin-right: 0 !important;
}

.wizard .actions ul li:first-child {
margin-right: 10px !important;
}

#wizard-edicao .actions ul li:nth-child(2) {
margin-right: 10px !important;
}

.wizard .actions a[href="#finish"] {
margin-left: 10px !important;
}

.datepicker {
padding: 20px;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
background: var(--color-base) !important;
border-color: var(--color-base) !important;
color: #fff !important;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover {
background: color-mix(in srgb, var(--color-base) 12%, transparent) !important;
border-color: transparent !important;
color: var(--color-base) !important;
font-weight: 700;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.active:hover {
background: var(--color-base) !important;
border-color: var(--color-base) !important;
color: #fff !important;
}
.datepicker table tr td:hover,
.datepicker table tr span:hover {
background: color-mix(in srgb, var(--color-base) 8%, transparent) !important;
}
.datepicker table tr td.day.disabled,
.datepicker table tr td.day.disabled:hover {
color: #ccc !important;
cursor: not-allowed !important;
background: none !important;
}

.slug-manager {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
margin-top: 6px !important;
padding: 8px 0 6px 0 !important;
/* background: #f9f9f9 !important; */
/* border: 1px solid rgba(0,0,0,.1) !important; */
border-radius: 3px !important;
font-size: 12px !important;
color: #555 !important;
line-height: 1.5 !important;
gap: 0 !important;
}

.slug-manager .slug-label {
color: #888 !important;
margin-right: 4px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
font-weight: normal !important;
font-size: 12px !important;
display: inline !important;
min-height: 0 !important;
font-weight: 400 !important;
}

.slug-manager .slug-prefix {
color: #aaa !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
font-size: 12px !important;
}

.slug-manager .slug-display-wrap {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
flex-shrink: 1 !important;
min-width: 0 !important;
}

.slug-manager.editing .slug-display-wrap {
display: none !important;
}

.slug-manager .slug-value {
font-weight: 400 !important;
color: #888 !important;
white-space: nowrap !important;
font-size: 12px !important;
}

.slug-manager .slug-edit-btn,
.slug-manager .slug-ok-btn {
color: var(--color-base) !important;
cursor: pointer !important;
text-decoration: none !important;
font-size: 12px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
margin-left: 5px !important;
background: none !important;
padding: 0 !important;
border: none !important;
display: inline !important;
}

.slug-manager .slug-edit-btn:hover,
.slug-manager .slug-ok-btn:hover {
text-decoration: underline !important;
}

.slug-manager .slug-input-wrap {
display: none !important;
align-items: center !important;
gap: 6px !important;
}

.slug-manager.editing .slug-input-wrap {
display: inline-flex !important;
}

.slug-manager .slug-input {
border: 1px solid #aaa !important;
border-radius: 2px !important;
padding: 1px 6px !important;
font-size: 12px !important;
height: 22px !important;
min-width: 140px !important;
width: auto !important;
margin: 0 !important;
box-shadow: none !important;
background: #fff !important;
display: inline-block !important;
}

.slug-status {
font-size: 11px !important;
font-weight: 600 !important;
margin-left: 6px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}

.slug-status.available { color: #46b450 !important; }
.slug-status.taken     { color: #dc3232 !important; }
.slug-status.checking  { color: #aaa !important; font-weight: normal !important; }

/* OSM Map */

.osm-map-wrap {
margin-top: 10px;
margin-bottom: -10px;
}
.osm-map-container {
height: 400px;
border-radius: 6px;
overflow: hidden;
border: 1px solid #f0d8c0;
background: #fdf6ee;
}
#osm-map {
height: 100%;
width: 100%;
z-index: 10;
}
.osm-tiles {
filter: grayscale(1) brightness(1);
}
.leaflet-bottom {
filter: grayscale(1);
}
.osm-map-status {
font-size: 12px;
color: #999;
margin-top: 6px;
min-height: 18px;
}
.osm-map-status.found {
color: #46b450;
}
.osm-pin {
width: 22px;
height: 22px;
background: var(--color-base);
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0,0,0,.25);
cursor: grab;
}
.osm-map-status.error {
color: #dc3232;
}

/* HF Widget */

.hf-widget {
border: 1px solid #e0e0e0;
border-radius: 6px;
overflow: hidden;
background: #fff;
}
.hf-slots {
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.hf-day {
border-bottom: 1px solid #f0f0f0;
padding: 10px 14px 8px 14px;
display: flex;
align-items: flex-start;
gap: 14px;
}
.hf-day:last-child {
border-bottom: none;
}
.hf-day-label {
display: flex;
align-items: center;
gap: 8px;
min-width: 152px;
cursor: pointer;
user-select: none;
flex-shrink: 0;
padding: 6px 0 0 0;
}
.hf-day-label input[type=checkbox] {
transform: translateY(-3px);
margin-right: 4px;
width: 16px;
height: 16px;
accent-color: var(--color-base);
cursor: pointer;
flex-shrink: 0;
}
.hf-day-name {
font-weight: 600;
font-size: 13px;
color: #333;
}
.hf-day-slots {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hf-slot {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.hf-slot input[type=time] {
border: 1px solid #ddd;
border-radius: 8px;
padding: 4px 8px 2px 8px;
font-size: 13px;
width: 90px;
height: 30px;
text-align: center;
color: #333;
}
.hf-sep {
font-size: 12px;
color: #999;
}
.hf-remove {
background: none;
border: 1px solid var(--color-base);
border-radius: 8px;
color: var(--color-base);
cursor: pointer;
width: 30px;
max-width: 30px;
height: 30px;
padding: 0;
font-size: 16px;
line-height: 30px;
text-align: center;
flex-shrink: 0;
transition: all .15s;
}
.hf-remove:hover {
background: var(--color-base);
color: #fff;
}
.hf-add-btn {
text-align: left;
background: none;
border: none;
color: var(--color-base);
cursor: pointer;
padding: 0;
font-size: 12px;
font-weight: 600;
transition: opacity .15s;
}
.hf-add-btn:hover {
opacity: .7;
}
.hf-day.is-closed .hf-day-slots {
opacity: .35;
pointer-events: none;
}

.hf-day .hf-day-slots{
margin-top: 7px;
}

/* Attr Widget */

.attr-widget {
border: 1px solid #e0e0e0;
border-radius: 6px;
overflow: hidden;
background: #fff;
}

.attr-item {
border-bottom: 1px solid #f0f0f0;
padding: 10px 14px 10px 14px;
display: flex;
align-items: center;
gap: 10px;
}

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

.attr-toggle-label {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
user-select: none;
flex-shrink: 0;
font-size: 12px;
font-weight: 600;
color: #999;
}

.attr-toggle-label input[type=checkbox] {
width: 16px;
height: 16px;
accent-color: var(--color-base);
cursor: pointer;
flex-shrink: 0;
margin: 0;
}

.attr-item.is-active .attr-toggle-label {
color: var(--color-base);
}

.attr-titulo,
.attr-descricao {
flex: 1 1 0;
width: 0;
min-width: 0;
border: 1px solid #ddd;
border-radius: 8px;
padding: 5px 10px 4px 10px;
font-size: 13px;
height: 32px;
color: #333;
}

.attr-badge {
flex: 0 0 160px;
width: 160px;
border: 1px solid #ddd;
border-radius: 8px;
padding: 5px 10px 4px 10px;
font-size: 13px;
height: 32px;
color: #333;
}

.attr-remove {
background: none;
border: 1px solid var(--color-base);
border-radius: 8px;
color: var(--color-base);
cursor: pointer;
width: 30px;
max-width: 30px;
height: 30px;
padding: 0;
font-size: 16px;
line-height: 30px;
text-align: center;
flex-shrink: 0;
transition: all .15s;
}

.attr-remove:hover {
background: var(--color-base);
color: #fff;
}

.attr-add-btn {
display: block;
background: none;
border: none;
border-top: 1px solid #f0f0f0;
width: 100%;
text-align: left;
color: var(--color-base);
cursor: pointer;
padding: 9px 14px;
font-size: 12px;
font-weight: 600;
transition: opacity .15s;
}

.attr-add-btn:hover {
opacity: .7;
}

/* Social Widget */

.social-widget {
border: 1px solid #e0e0e0;
border-radius: 6px;
overflow: hidden;
background: #fff;
}

.social-item {
border-bottom: 1px solid #f0f0f0;
padding: 8px 14px;
display: flex;
align-items: center;
gap: 10px;
}

.social-rede {
flex: 0 0 200px;
border: 1px solid rgba(0,0,0,.12);
border-radius: 8px;
padding: 13px 16px 10px 16px;
font-size: 14px;
color: #333;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
}

.social-link {
flex: 1 1 0;
width: auto !important;
min-width: 0;
border: 1px solid rgba(0,0,0,.12);
border-radius: 8px;
padding: 13px 16px 10px 16px;
font-size: 14px;
color: #333;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
}

.social-remove-btn {
background: none;
border: 1px solid var(--color-base);
border-radius: 8px;
color: var(--color-base);
cursor: pointer;
width: 44px !important;
height: 44px !important;
padding-top: 2px;
flex-shrink: 0;
padding: 0;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
transition: all .15s;
}

.social-remove-btn:hover {
background: var(--color-base);
color: #fff;
}

.social-add-btn {
display: block;
background: none;
border: none;
border-top: 1px solid #f0f0f0;
width: 100%;
text-align: left;
color: var(--color-base);
cursor: pointer;
padding: 9px 14px;
font-size: 12px;
font-weight: 600;
transition: opacity .15s;
}

.social-add-btn:hover {
opacity: .7;
}

#valores-widget {
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fff;
overflow: hidden;
margin-bottom: 10px;
}

.valores-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-bottom: 1px solid #f0f0f0;
}

.valores-bottom {
display: contents;
}

.valores-item:last-of-type {
border-bottom: none;
}

.valores-tipo {
flex: 1 1 0;
width: auto !important;
border: 1px solid rgba(0,0,0,.12);
border-radius: 8px;
padding: 13px 16px 10px 16px;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
}

.valores-valor {
width: 140px;
border: 1px solid rgba(0,0,0,.12);
border-radius: 8px;
padding: 13px 16px 10px 16px;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
}

.valores-remove-btn {
flex: 0 0 auto;
width: 44px;
height: 44px;
padding-top: 2px !important;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: 1px solid var(--color-base);
border-radius: 8px;
color: var(--color-base);
font-size: 18px;
cursor: pointer;
padding: 0;
line-height: 1;
transition: all .15s;
}

.valores-remove-btn:hover {
background: var(--color-base);
color: #fff;
}

.valores-add-btn-wrap {
padding: 4px 0 2px 0;
}
.wizard > .content {
min-height: 0;
}
.valores-add-btn {
display: block;
background: none;
border: none;
width: 100%;
text-align: left;
color: var(--color-base);
cursor: pointer;
padding: 9px 14px;
font-size: 14px;
font-weight: 600;
transition: opacity .15s;
}

.valores-add-btn i {
margin-right: 4px;
}

.valores-add-btn:hover {
opacity: .7;
}

/* Price Simulator */

.price-simulator {
display: flex;
gap: 10px;
margin-top: 10px;
flex-wrap: wrap;
}

.price-simulator-item {
flex: 1;
min-width: 200px;
border-radius: 8px;
border: 1px solid rgba(0,0,0,.1);
padding: 12px 14px 10px 14px;
background: linear-gradient(to bottom, #ffffff, #f7f7f7);
}

.price-simulator-item-big {
min-width: 400px;
}

.price-simulator-item .sim-label {
font-size: 11px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: .4px;
margin-bottom: 0;
}

.price-simulator-item .sim-value {
font-size: 16px;
font-weight: 700;
color: #333;
}

.price-simulator-item.sim-recebe .sim-value { color: var(--color-base); }
.price-simulator-item.sim-indica .sim-value { color: #27ae60; }
.price-simulator-item.sim-sdk .sim-value    { color: #e74c3c; }

/* / Price Simulator */

/* / Attr Widget */

/* Item Cards */
.item-cards { margin-top: 4px; }
.item-card {
background: #fff;
border-radius: 8px;
margin-bottom: 8px;
border: 1px solid rgba(0,0,0,.2);
transition: box-shadow .15s;
overflow: hidden;
}
.item-card:hover { box-shadow: 0 3px 16px rgba(0,0,0,.07); }
.item-card-inner {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px 18px 14px;
}
.item-card-thumb {
width: 130px;
height: 130px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
background: #f0f0f0;
}
.item-card-thumb img {
width: 130px;
height: 130px;
object-fit: cover;
display: block;
}
.item-card-body {
flex: 1;
min-width: 0;
}
.item-card-title {
font-size: 17px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.3;
margin-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-card-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.item-card-info span {
margin-bottom: 4px;
font-size: 14px;
line-height: 14px;
color: #777;
display: flex;
align-items: center;
gap: 7px;
}
.item-card-info span i {
padding-top: 9px;
margin-right: 4px;
border-radius: 8px;
font-size: 12px;
height: 26px;
width: 26px;
color: #fff;
flex-shrink: 0;
text-align: center;
}
.item-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 9px 14px 9px 18px;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
border-bottom: 1px solid rgba(0,0,0,.2);
}
.item-card-id {
font-size: 12px;
color: #bbb;
font-weight: 500;
letter-spacing: .3px;
}
.item-card-dropdown > button {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 13px 5px;
border: 1px solid rgba(0,0,0,.1);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
border-radius: 8px;
font-size: 13px;
font-weight: 500;
color: rgba(0,0,0,.5);
cursor: pointer;
transition: .2s;
}
.item-card-dropdown > button i {
font-size: 12px;
color: var(--color-base);
}
.item-card-dropdown > button:hover,
.item-card-dropdown.open > button {
background: var(--color-base);
border-color: var(--color-base);
color: #fff;
}
.item-card-dropdown > button:hover i,
.item-card-dropdown.open > button i {
color: #fff;
}
.item-card-dropdown .dropdown-menu {
border-radius: 8px;
border: 0;
box-shadow: 0 15px 30px rgba(0,0,0,.15);
padding: 0;
min-width: 170px;
overflow: hidden;
margin-top: 1px;
}
.item-card-dropdown .dropdown-menu > li > a {
display: flex;
align-items: center;
gap: 9px;
padding: 12px 16px 10px 16px;
font-size: 14px;
color: #333;
transition: background .15s;
border-bottom: 1px solid #f0f0f0;
}
.item-card-dropdown .dropdown-menu > li:last-child > a {
border-bottom: none;
}
.item-card-dropdown .dropdown-menu > li > a i {
font-size: 14px;
color: var(--color-base);
width: 16px;
text-align: center;
}
.item-card-dropdown .dropdown-menu > li > a:hover {
background: transparent;
color: var(--color-base);
}
.item-card-dropdown .dropdown-menu > li.divider {
margin: 0;
border-color: #f0f0f0;
}

.fake-table .fake-table-data i {
color: var(--color-base);
margin-right: 4px;
}

.tipo-cards {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 8px 0 16px;
}

.tipo-card {
flex: 1 1 calc(50% - 8px);
min-width: 160px;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 28px 16px 20px;
text-align: center;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
background: linear-gradient(to bottom, #ffffff, #f4f4f4) !important;
position: relative;
transition: border-color .2s, box-shadow .2s;
}

.tipo-card input[type=radio] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}

.tipo-card i {
font-size: 26px;
color: var(--color-base);
transition: color .2s;
}

.tipo-card-title {
font-weight: 700;
font-size: 14px;
color: #333;
}

.tipo-card-desc {
font-size: 13px;
color: #888;
line-height: 1.4;
}

.tipo-card.active,
.tipo-card:hover {
border-color: var(--color-base);
box-shadow: 0 2px 12px rgba(252,100,0,.1);
background: linear-gradient(to bottom, color-mix(in srgb, var(--color-base-tint) 30%, transparent), var(--color-base-tint)) !important;
}

.wizard > .steps a .number {
display: none;
}

.status-badge {
display: inline-block;
padding: 3px 10px 2px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.3px;
}
.status-badge.publicado {
background: #e6f7ee;
color: #27ae60;
}
.status-badge.rascunho {
background: #fef9e7;
color: #e67e22;
}
.status-badge.cancelado {
background: #fdecea;
color: #c0392b;
}

.btn-configpag {
margin: 0 0 10px 0;
padding: 10px 20px 8px 20px;
color: #fff;
}

.btn-configpag:hover {
color: #fff;
}

.btn-mediakit {
display: block;
margin: 28px 0 16px 0;
width: 100%;
padding: 14px 16px 11px 16px;
border-radius: 8px;
text-align: center;
border: 1px solid rgba(0,0,0,.12);
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
transition: all 0.2s ease;
text-transform: uppercase;
font-weight: 700;
color: rgba(0,0,0,.6);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
}
.btn-mediakit:hover {
background: var(--color-base);
color: #fff;
text-decoration: none;
}
.btn-mediakit i {
margin-right: 8px;
color: var(--color-base);
}
.btn-mediakit:hover i {
color: #fff;
}

.image-preview-cover {
border-radius: 8px;
}

.ql-emoji:before {
content: '😊';
font-style: normal;
font-size: 16px;
line-height: 1;
}
.emoji-picker {
position: absolute;
z-index: 99999;
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0,0,0,.18);
width: 308px;
display: none;
}
.emoji-picker-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1px;
padding: 10px;
max-height: 260px;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.emoji-picker-inner::-webkit-scrollbar { display: none; }
.emoji-picker span {
cursor: pointer;
font-size: 22px;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
flex-shrink: 0;
transition: background .1s;
}
.emoji-picker span:hover { background: #f5f5f5; }

.image-preview {
background-size: cover !important;
}

.image-preview label#image-label,
.image-preview label#image-label2 {
position: absolute;
z-index: 5;
opacity: .8;
cursor: pointer;
width: 134px;
height: 34px;
font-size: 12px;
line-height: 35px;
text-transform: uppercase;
top: 0; left: 0; right: 0; bottom: 0;
margin: auto;
text-align: center;
border-radius: 4px;
background: rgba(39,41,62,.75);
}

.ql-toolbar.ql-snow {
border-radius: 8px 8px 0 0;
padding: 12px 12px 10px 12px !important;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
}
.ql-container.ql-snow,
.ql-toolbar.ql-snow {
max-width: 100%;
}

.ql-editor,
#quill-descricao {
border-radius: 0 0 8px 8px;
overflow-wrap: break-word;
word-break: break-word;
min-width: 0;
max-width: 100%;
}

.restrict {
display: block;
text-align: center;
font-size: 20px;
line-height: 20px;
color: #ff6d7b;
padding: 20px 0 38px 0;
margin: 0 0 0 0;
border-bottom: 1px solid rgba(0,0,0,.15);
}

.restrict-deactivated {
color: #333;
font-size: 16px;
line-height: 20px;
padding: 0 20px 20px 20px;
}

.dns-tutorial {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 10px;
}
.dns-tutorial-option {
background: #f9f9f9;
border: 1px solid #e8e8e8;
border-radius: 8px;
padding: 20px 22px;
}
.dns-tutorial-header {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.dns-tutorial-header i {
font-size: 18px;
flex-shrink: 0;
color: #fc6400;
}
.dns-tutorial-option p {
font-size: 13px;
color: #555;
margin: 0 0 12px 0;
line-height: 1.6;
}
.dns-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
margin-bottom: 12px;
}
.dns-table th {
background: #f0f0f0;
color: #444;
font-weight: 600;
padding: 9px 14px;
text-align: left;
border: 1px solid #e0e0e0;
}
.dns-table td {
padding: 9px 14px;
border: 1px solid #e8e8e8;
color: #555;
vertical-align: middle;
}
.dns-table code {
background: #fff3e8;
color: #fc6400;
padding: 2px 6px;
border-radius: 3px;
font-size: 12px;
word-break: break-all;
}
.dns-obs {
font-size: 12px;
color: #888;
margin: 0;
display: flex;
align-items: flex-start;
gap: 6px;
line-height: 1.5;
}
.dns-obs i {
font-size: 14px;
color: #fc6400;
margin-top: 1px;
flex-shrink: 0;
display: none;
}
.dns-obs i.tip {
transform: translateY(1px);
margin-right: 4px;
}
.dns-obs code {
background: #fff3e8;
color: #fc6400;
padding: 1px 4px;
border-radius: 3px;
font-size: 11px;
}
.dns-tutorial-obs-block {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
color: #555;
background: #fff8f3;
border-color: #fcd9b8;
line-height: 1.5;
}
.dns-tutorial-obs-block i {
font-size: 20px;
color: #fc6400;
flex-shrink: 0;
}


.mp-connect-box {
padding: 24px;
border: 1px solid #eee;
border-radius: 8px;
background: #fafafa;
display: flex;
align-items: flex-start;
gap: 20px;
}
.mp-connect-body {
flex: 1;
}
.mp-connect-title {
font-size: 15px;
font-weight: 600;
color: #333;
margin: 0 0 6px 0;
}
.mp-connect-desc {
font-size: 13px;
color: #666;
margin: 0 0 14px 0;
line-height: 1.6;
}
.mp-connect-status {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.mp-connect-badge {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
}
.mp-connect-badge.conectado {
background: #e6f9f0;
color: #1a9e5c;
}
.mp-connect-badge.desconectado {
background: #ffeee6;
color: #e05a00;
}
.mp-connect-badge.sandbox {
background: #fff3e8;
color: #fc6400;
}
.mp-connect-badge.producao {
background: #e8f4ff;
color: #0070ba;
}
.btn-mp-connect {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 12px 26px 10px 26px;
border-radius: 6px;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.btn-mp-connect:hover {
opacity: 0.9;
color: #fff;
text-decoration: none;
}
.btn-mp-disconnect {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 18px;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
color: #999;
border: 1px solid #ddd;
background: #fff;
text-decoration: none;
}
.btn-mp-disconnect:hover {
color: var(--color-base);
border-color: var(--color-base);
text-decoration: none;
}
.mp-obs {
display: block;
margin-top: 20px;
text-align: center;
}

.input-btn-inline {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.input-btn-inline input {
width: 100%;
margin-bottom: 0;
}
.input-btn-inline button {
width: auto;
white-space: nowrap;
padding: 14px 28px 10px 28px;
border-radius: 8px;
}
.btn-inline-share {
width: auto;
white-space: nowrap;
border-radius: 8px;
padding: 14px 28px 10px 28px;
}
.input-btn-inline button i,
.btn-inline-share i {
margin-right: 6px;
}
.btn-inline-share:hover {
color: #fff;
}
.input-btn-inline-info {
display: flex;
align-items: center;
height: 42px;
color: #999;
font-size: 13px;
white-space: nowrap;
}

.input-btn-inline-info i {
margin-right: 6px;
}

/* Plano Card */

.listing .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}


.plano-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 28px 24px 24px;
  margin-bottom: 24px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.planos-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.planos-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.plano-card-ativo {
  border: 2px solid var(--color-base);
}

.plano-card-badge {
  position: absolute;
  top: -12px;
  left: 20px;
  background: var(--color-base);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.plano-card-titulo {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.plano-card-preco {
  display: flex;
  align-items: baseline;
  gap: 4px;
  justify-content: center;
}

.plano-preco-valor {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-base);
}

.plano-preco-period {
  font-size: 13px;
  color: #888;
}

.plano-card-desc {
margin-bottom: 10px;
font-size: 13px;
color: #666;
line-height: 1.5;
text-align: center;
}

.plano-attr-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.plano-attr-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #444;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 2px;
  padding-bottom: 10px;
}

.plano-attr-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.plano-attr-list li i {
  font-size: 15px;
  color: var(--color-base);
  flex-shrink: 0;
}

.plano-attr-list li.plano-attr-off {
  color: #aaa;
}

.plano-attr-list li.plano-attr-off i {
  color: #bbb;
  background: #eee;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 600;
}

.plano-attr-list li i.lni-question-circle {
transform: translateY(1px);
font-size: 14px;
color: #333;
border-radius: 100%;
}

.plano-attr-tip {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: help;
  border-bottom: 1px dashed #bbb;
}

.plano-attr-tip-box {
  display: none;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  color: rgba(0,0,0,.75);
  font-size: 13px;
  line-height: 1.4;
  padding: 10px;
  border-radius: 8px;
  white-space: normal;
  width: 80vw;
  max-width: 300px;
  z-index: 100;
  pointer-events: none;
  border: 1px solid #e0e0e0;
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.plano-attr-tip:hover .plano-attr-tip-box {
  display: block;
}

.plano-attr-badge {
  background: var(--color-base);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px 3px 8px;
  border-radius: 10px;
  margin-left: auto;
  min-width: 40px;
  text-align: center;
}

.plano-attr-off .plano-attr-badge,
.plano-func-off .plano-attr-badge,
.plano-attr-badge.plano-attr-off {
  background: #f0f0f0;
  color: #555;
}

.btn-plano-assinar,
.btn-plano-atual {
  margin-top: 10px !important;
}

.btn-plano-assinar {
  display: block;
  text-align: center;
  padding: 12px 0 9px 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none;
  margin-top: 16px;
}

.btn-plano-assinar:hover {
  opacity: .9;
}

.btn-plano-atual {
  text-align: center;
  transform: translateY(1px);
  padding: 13px 0 10px 0;
  border-radius: 6px;
  font-size: 13px;
  color: #666;
  background: #efefef;
  font-weight: 600;
  margin-top: 16px;
}

.btn-plano-assinar .lni-chevron-right,
.btn-plano-atual .lni-chevron-right {
font-size: 12px;
margin-left: 4px;
}

.btn-plano-atual i {
margin-right: 4px;
transform: translateY(1px);
color: var(--color-base);
}

/* Checkout Retorno */

.checkout-tipo-selector {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
}
.checkout-tipo-tab {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 14px 12px;
  border: 2px solid #eee;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  text-align: center;
}
.checkout-tipo-tab i { font-size: 32px; color: #aaa; margin-bottom: 4px; }
.checkout-tipo-tab span { font-size: 13px; font-weight: 600; color: #444; }
.checkout-tipo-tab small { font-size: 11px; color: #aaa; }
.checkout-tipo-tab.active { border-color: var(--color-base); background: #fff8f3; }
.checkout-tipo-tab.active i,
.checkout-tipo-tab.active span { color: var(--color-base); }
.checkout-metodo-info {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f9f9f9;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.checkout-metodo-info i { font-size: 24px; color: var(--color-base); flex-shrink: 0; }
.checkout-metodo-info strong { display: block; font-size: 14px; color: #333; margin-bottom: 2px; }
.checkout-metodo-info span { font-size: 12px; color: #888; line-height: 1.5; }
.checkout-periodo-cards { display: flex; gap: 10px; margin-bottom: 4px; }
.checkout-periodo-card {
  flex: 1;
  position: relative;
  border: 2px solid #eee;
  border-radius: 8px;
  padding: 14px 10px;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s, background .2s;
}
.checkout-periodo-card.active { border-color: var(--color-base); background: #fff8f3; }
.checkout-periodo-badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-base);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  white-space: nowrap;
}
.checkout-periodo-label { font-size: 12px; font-weight: 600; color: #666; margin-bottom: 6px; }
.checkout-periodo-card.active .checkout-periodo-label { color: var(--color-base); }
.checkout-periodo-mensal { font-size: 16px; font-weight: 700; color: var(--color-base); }
.checkout-periodo-mensal span { font-size: 11px; font-weight: 400; color: #aaa; }
.checkout-periodo-total { font-size: 11px; color: #aaa; margin-top: 3px; }

.checkout-plano-card {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  height: 100%;
}
.checkout-plano-titulo {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 8px;
}
.checkout-plano-preco {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-base);
  margin-bottom: 10px;
}
.checkout-plano-preco span {
  font-size: 14px;
  font-weight: 400;
  color: #888;
  margin-left: 2px;
}
.checkout-plano-desc {
  font-size: 13px;
  color: #777;
  margin-bottom: 16px;
}
.checkout-plano-attrs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.checkout-plano-attrs li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  font-size: 13px;
  color: #444;
  border-bottom: 1px solid #f5f5f5;
}
.checkout-plano-attrs li:last-child { border-bottom: none; }
.checkout-plano-attrs li i { color: var(--color-base); font-size: 15px; }
.checkout-plano-attrs li.checkout-attr-off { color: #aaa; }
.checkout-plano-attrs li.checkout-attr-off i { color: #ccc; }
.aviso-troca-plano {
  text-align: center;
  font-size: 13px;
  color: #888;
  line-height: 1.6;
  padding: 4px 0;
}
.aviso-troca-plano i { display: none; }
.aviso-troca-plano strong { color: #555; }

.checkout-resumo-box {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px 18px;
  margin-bottom: 16px;
}
.checkout-resumo-linha {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #555;
  padding: 5px 0;
  border-bottom: 1px solid #f5f5f5;
}
.checkout-resumo-desconto { color: #2eae6e; }
.checkout-desc-valor { font-weight: 600; }
.checkout-resumo-total {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  padding-top: 10px;
  margin-top: 4px;
}
.checkout-cupom-box { margin-bottom: 16px; }
.checkout-cupom-row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.checkout-cupom-input {
width: 100%;
  transform: translateY(1px);
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 12px 8px 12px !important;
  font-size: 13px;
  color: #333;
  font-family: inherit;
}
.checkout-cupom-input:disabled { background: #f5f5f5; color: #888; }
.checkout-cupom-btn {
  background: var(--color-base);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 2px 12px 8px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  height: 38px;
  line-height: 38px;
  width: auto;
}
.checkout-cupom-feedback {
  font-size: 12px;
  margin-top: 5px;
}
.cupom-ok  { color: #2eae6e; }
.cupom-erro { color: #e74c3c; }
.checkout-termos-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.checkout-termos-box {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 12px;
  color: #555;
  line-height: 1.7;
  resize: none;
  background: #f9f9f9;
  margin-bottom: 14px;
  font-family: inherit;
}
.checkout-termos-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #444;
  cursor: pointer;
  margin-bottom: 20px;
}
.checkout-termos-check input { cursor: pointer; width: 15px; height: 15px; flex-shrink: 0; accent-color: var(--color-base); }
.checkout-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
#btn-pagar {
padding-top: 13px;
}
#btn-pagar i {
font-size: 10px !important;
}
.checkout-termos-check input {
margin: -3px 4px 0 0;
}
#btn-pagar:disabled {
  opacity: .7;
  cursor: not-allowed;
  pointer-events: none;
}
@keyframes checkout-spin { to { transform: rotate(360deg); } }
.checkout-spin { display: inline-block; animation: checkout-spin .8s linear infinite; }

.checkout-retorno-icon {
  font-size: 72px;
  margin: 24px auto 16px;
}

.checkout-retorno-icon.color3d-text { color: var(--color-base); }
.checkout-retorno-icon.checkout-retorno-pendente { color: #f39c12; }
.checkout-retorno-icon.checkout-retorno-erro { color: #e74c3c; }

.checkout-retorno-msg {
  font-size: 15px;
  color: #555;
  max-width: 440px;
  margin: 0 auto 24px;
  line-height: 1.6;
}

.checkout-retorno-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

.btn-default {
  display: inline-block;
  padding: 12px 20px 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  text-decoration: none;
}

.btn-ajuda {
margin-top: 6px;
}

.btn-default .lni-question-circle {
margin-left: 4px;
transform: translateY(1px);
}

.btn-default:hover { opacity: .9; }

/* Pagamento Status Badge */

.pag-status-badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.pag-status-pendente    { background: #fff3cd; color: #856404; }
.pag-status-aprovado    { background: #d1e7dd; color: #0a3622; }
.pag-status-recusado    { background: #f8d7da; color: #58151c; }
.pag-status-cancelado   { background: #f8d7da; color: #842029; }
.pag-status-processando { background: #cfe2ff; color: #084298; }
.pag-status-reembolsado { background: #e2d9f3; color: #432874; }

/* Page Tabs */

.page-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 2px solid #e8e8e8;
  margin-bottom: 24px;
}

.page-tab {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #888;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color .15s;
}

.page-tab:hover {
  color: #333;
  text-decoration: none;
}

.page-tab.active {
  color: var(--color-base);
  border-bottom-color: var(--color-base);
}

/* Plano Gerenciar */

.plano-info-card {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  margin-bottom: 6px;
}

.plano-info-icon {
  font-size: 32px;
  color: var(--color-base);
  flex-shrink: 0;
}

.plano-info-titulo {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}

.plano-info-preco {
  font-size: 13px;
  color: #888;
  margin-top: 0;
}

.plano-info-desc {
  font-size: 12px;
  color: #aaa;
  margin-top: 2px;
}

.plano-info-expiry {
  margin-left: auto;
  text-align: right;
}

.plano-info-expiry-label {
  font-size: 11px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.plano-info-expiry-date {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-top: 2px;
}

.plano-func-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.plano-func-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  color: #444;
}

.plano-func-list li:last-child {
  border-bottom: none;
}

.plano-func-list li i {
  font-size: 10px;
  flex-shrink: 0;
}

.plano-func-on i  { color: var(--color-base); }
.plano-func-off i { color: #ccc; background: #eee; border-radius: 50%; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; }
.plano-func-off   { color: #aaa; }

.sidebar-upgrade-usage {
list-style: none;
padding: 0;
margin: 0 0 12px 0;
}

.sidebar-upgrade-usage li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 0;
border-bottom: 1px solid rgba(0,0,0,.06);
font-size: 13px;
color: #333;
}

.sidebar-upgrade-usage li:last-child {
border-bottom: none;
}

.sidebar-usage-count {
background: var(--color-base);
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 2px 8px;
border-radius: 20px;
}

.plano-cancelar-box {
  padding: 0 0 8px 0;
}
.plano-cancelar-box form {
display: flex;
justify-content: center;
}
.plano-cancelar-info,
.plano-cancelar-status {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 20px;
  border-radius: 8px;
  background: #f9f9f9;
  border: 1px solid #eee;
  margin-bottom: 20px;
  text-align: center;
}
.plano-cancelar-info i,
.plano-cancelar-status i {
  font-size: 22px;
  margin-bottom: 4px;
}
.plano-cancelar-info p,
.plano-cancelar-status p {
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
}
.color-warn { color: #e6a817; }
.btn-cancelar-plano {
  background: #e53e3e;
  color: #fff;
  border: none;
  padding: 12px 20px 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn-cancelar-plano:hover {
  background: #c53030;
}
.btn-cancelar-plano i {
color: #fff;
margin-right: 4px;
}

.extrato-section-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #999;
margin: 24px 0 8px 0;
padding-bottom: 6px;
border-bottom: 1px solid rgba(0,0,0,.08);
display: block;
}
.extrato-section-label i {
color: var(--color-base);
margin-right: 4px;
}
.extrato-section-label:first-child {
margin-top: 0;
}
.extrato-value-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid rgba(0,0,0,.05);
font-size: 14px;
}
.extrato-value-row:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.extrato-value-row .evr-label {
color: #666;
}
.extrato-value-row .evr-val {
font-weight: 600;
color: #333;
}
.extrato-value-row.evr-total {
margin-top: 2px;
font-size: 15px;
}
.extrato-value-row.evr-total .evr-label {
color: #333;
font-weight: 700;
}
.extrato-value-row.evr-total .evr-val {
color: #fc6400;
font-size: 17px;
}
.evr-negative {
color: #e74c3c !important;
}
.evr-positive {
color: #27ae60 !important;
}

.feature-locked-block {
padding: 20px 0 10px;
text-align: center;
}
.feature-locked-block p {
color: #888;
margin-bottom: 16px;
font-size: 14px;
}
.btn.color3d-degrade {
display: inline-block;
padding: 12px 24px 10px 24px;
border-radius: 6px;
color: #fff !important;
font-weight: 600;
font-size: 14px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark));
transition: all 0.3s ease;
border: none;
text-decoration: none;
}
.btn.color3d-degrade:hover {
filter: brightness(1.10);
text-decoration: none;
color: #fff !important;
}
.btn.color3d-degrade span,
.btn.color3d-degrade i {
color: #fff !important;
}

.btn.color3d-degrade i {
font-size: 10px;
margin-left: 4px;
}

.inicio-hero {
position: relative;
width: 100%;
padding: 10px 0 60px 0;
background: var(--color-base-tint);
background: rgba(0,0,0,.05);
display: flex;
align-items: center;
overflow: hidden;
}
.inicio-hero-content {
position: relative;
z-index: 1;
width: 100%;
padding: 26px 0 20px 0;
}
.inicio-hero-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.inicio-hero-left {
display: flex;
align-items: center;
gap: 16px;
}
.inicio-hero-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
border: 5px solid #fff;
overflow: hidden;
flex-shrink: 0;
background: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,.15);
}
.inicio-hero-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.inicio-hero-avatar-empty {
display: none;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
box-shadow: inherit;
}
.inicio-hero-avatar-empty i {
font-size: 30px;
color: var(--color-base);
}
.inicio-hero-nome-wrap {
display: flex;
flex-direction: column;
gap: 12px;
}
.inicio-hero-nome {
font-size: 20px;
font-weight: 700;
color: #333;
margin: 0 0 -5px 0;
}
.inicio-hero-nome i {
color: var(--color-base);
margin-right: 6px;
}
.inicio-hero-nome-dashboard {
font-size: 26px;
}
.inicio-hero-meta {
display: flex;
align-items: center;
gap: 8px;
}
.inicio-hero-hotsite {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 10px 5px 10px;
border-radius: 20px;
background: #fff;
border: 1px solid rgba(0,0,0,.1);
color: #555;
font-size: 11px;
font-weight: 600;
text-decoration: none;
transition: background 0.2s;
}
.inicio-hero-hotsite i {
font-size: 10px;
color: var(--color-base);
}
.inicio-hero-hotsite i.lni-chevron-right {
transform: translateY(1px);
font-size: 10px;
}
.inicio-hero-hotsite:hover {
background: var(--color-base);
border-color: var(--color-base);
color: #fff;
text-decoration: none;
}
.inicio-hero-hotsite:hover i {
color: #fff;
}
.inicio-hero-center {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
min-width: 0;
overflow: hidden;
}
.inicio-hero-right {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 140px;
}
.inicio-dias-filter {
display: flex;
align-items: center;
gap: 6px;
}
.inicio-dias-label {
font-size: 11px;
font-weight: 600;
color: #999;
margin-right: 4px;
text-transform: uppercase;
letter-spacing: .5px;
}
.inicio-dias-btn {
padding: 4px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
color: #888;
background: #fff;
text-decoration: none;
transition: 0.2s;
border: 1px solid rgba(0,0,0,.1);
}
.inicio-dias-btn:hover,
.inicio-dias-btn.active {
background: var(--color-base);
color: #fff;
border-color: var(--color-base);
text-decoration: none;
}
.inicio-stats {
display: flex;
gap: 16px;
}
.inicio-stat {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
text-decoration: none;
opacity: 0.85;
transition: opacity 0.2s;
padding: 0 20px 0 0;
border-right: 1px solid rgba(0,0,0,.1);
}
.inicio-stat:last-child {
border-right: none;
padding-right: 0;
}
.inicio-stat:hover {
opacity: 1;
text-decoration: none;
}
.inicio-stat-num {
display: flex;
align-items: center;
gap: 7px;
}
.inicio-stat-num i {
font-size: 18px;
color: var(--color-base);
}
.inicio-stat-val {
font-size: 28px;
font-weight: 700;
color: #333;
line-height: 1;
}
.inicio-stat-label {
font-size: 12px;
color: #888;
white-space: nowrap;
}
.middle-after-hero {
padding-top: 20px;
}

.module-info {
background: var(--color-base-tint);
border-radius: 6px;
padding: 30px;
margin-bottom: 20px;
display: flex;
align-items: flex-start;
gap: 14px;
}
.module-info-pull {
margin: -66px 0 90px 0;
border: 4px solid #fff;
}
.module-info.no-mb {
margin-bottom: 0;
}
.module-info-icon {
font-size: 26px;
color: var(--color-base);
flex-shrink: 0;
margin-top: 2px;
}
.module-info-body {
flex: 1;
}
.module-info-body strong {
display: block;
font-size: 15px;
color: #333;
margin-bottom: 4px;
}
.module-info-body p {
margin: 0;
font-size: 13px;
color: #777;
line-height: 1.6;
}

.migration-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.migration-sub {
font-size: 13px;
color: #888;
margin: 4px 0 0;
}
.migration-run-btn {
white-space: nowrap;
padding: 10px 20px 8px 20px;
}
.migration-result-title {
font-size: 15px;
font-weight: 600;
margin: 0 0 14px;
color: #333;
}
.migration-noop {
color: #2e7d32;
font-size: 14px;
}
.migration-noop i {
margin-right: 6px;
}
.migration-badge {
display: inline-block;
padding: 2px 9px;
border-radius: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: .4px;
}
.migration-badge-ok      { background: #e8f5e9; color: #2e7d32; }
.migration-badge-warn    { background: #fff8e1; color: #f57f17; }
.migration-badge-missing { background: #fce4ec; color: #c62828; }
.migration-badge-error   { background: #fce4ec; color: #c62828; }
.migration-schema-table code,
.migration-table code { font-size: 12px; }
.migration-ok  td { background: #f9fff9; }
.migration-error td { background: #fff5f5; }
.migration-done {
color: #2e7d32;
font-size: 13px;
margin: 12px 0 0;
}
.migration-done i { margin-right: 6px; }
.mt-16 { margin-top: 16px; }
.mt-14 { margin-top: 14px; }

/* Dashboard Painel */

.dash-stats {
margin: -65px 0 14px 0;
display: flex;
gap: 14px;
}
.dash-stats.dash-stats-plain {
margin-top: 0;
}
.dash-stat-card {
flex: 1;
background: #fff;
border-radius: 12px;
padding: 22px 24px 18px 24px;
box-shadow: 0 4px 28px rgba(0,0,0,.06);
z-index: 2;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.dash-stat-icon {
font-size: 22px;
color: var(--color-base);
flex-shrink: 0;
}
.dash-stat-value {
font-size: 22px;
font-weight: 700;
color: rgba(0,0,0,.65);
line-height: 1;
margin-bottom: 3px;
white-space: nowrap;
}
.dash-stat-label {
font-size: 12px;
font-weight: 600;
color: #bbb;
text-transform: uppercase;
letter-spacing: .5px;
}
.dash-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 14px;
}
.dash-grid.cols-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.dash-grid.cols-1 {
grid-template-columns: 1fr;
}
.dash-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 28px rgba(0,0,0,.06);
}
.dash-card-header {
padding: 16px 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f5f5f5;
}
.dash-card-title {
font-size: 15px;
font-weight: 700;
color: #333;
display: flex;
align-items: center;
gap: 8px;
}
.dash-card-title i { color: var(--color-base); }
.dash-card-link {
font-size: 14px;
color: var(--color-base);
text-decoration: none;
font-weight: 600;
display: flex;
align-items: center;
gap: 3px;
}
.dash-card-link i {
font-size: 11px;
transform: translateY(1px);
}
.dash-card-link:hover { text-decoration: underline; color: var(--color-base); }
.dash-mini-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 20px;
border-bottom: 1px solid #f9f9f9;
text-decoration: none;
color: inherit;
}
.dash-mini-item:hover {
background: #fafafa;
text-decoration: none;
color: inherit;
}
.dash-mini-item:last-child { border-bottom: none; }
.dash-mini-thumb {
width: 38px;
height: 38px;
border-radius: 8px;
flex-shrink: 0;
overflow: hidden;
background: var(--color-base-tint);
display: flex;
align-items: center;
justify-content: center;
}
.dash-mini-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dash-mini-thumb i { color: var(--color-base); font-size: 15px; }
.dash-mini-info { flex: 1; min-width: 0; }
.dash-mini-name {
font-size: 14px;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dash-mini-meta { font-size: 12px; color: #bbb; margin-top: 0; }
.dash-mini-value {
font-size: 13px;
font-weight: 700;
color: var(--color-base);
white-space: nowrap;
flex-shrink: 0;
}
.dash-empty {
padding: 20px 20px 8px;
text-align: center;
color: #ccc;
font-size: 13px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.dash-empty-btn {
display: inline-block;
padding: 8px 18px 7px 18px;
border-radius: 6px;
background: var(--color-base);
color: #fff;
font-size: 13px;
font-weight: 600;
text-decoration: none;
margin-bottom: 8px;
}
.dash-empty-btn:hover {
opacity: 0.88;
color: #fff;
}

/* Melhorias */
.melhoria-dash-card {
margin-bottom: 14px;
}
.melhoria-carousel-wrap {
position: relative;
padding: 0 0 0 12px;
}
.melhoria-grid {
display: flex;
flex-direction: row;
gap: 12px;
padding: 12px;
overflow: hidden;
scroll-behavior: smooth;
}
.melhoria-card {
flex: 0 0 calc(25% - 9px);
min-width: 0;
}
.melhoria-nav {
display: flex;
gap: 6px;
align-items: center;
}
.melhoria-nav-btn {
width: 32px;
height: 30px;
border-radius: 8px;
border: 1px solid #ddd;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #555;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
transition: background .15s, color .15s;
padding: 0;
line-height: 1;
transition: 0.3s;
}
.melhoria-nav-btn i {
margin: 0;
text-align: center;
font-size: 11px !important;
transform: translateY(0);
}
.melhoria-nav-btn:hover {
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark));
color: #fff !important;
border-color: var(--color-base);
opacity: 1;
transition: 0.3s;
}
.melhoria-nav-btn:hover i {
color: #fff !important;
}
.melhoria-card {
background: #f8f8f8;
border-radius: 10px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.melhoria-icon {
width: 38px;
height: 38px;
border-radius: 9px;
background: var(--color-base-tint);
color: var(--color-base);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.melhoria-title {
font-size: 14px;
font-weight: 600;
color: #333;
line-height: 1.4;
}
.melhoria-desc {
font-size: 13px;
color: #999;
line-height: 1.5;
}
.melhoria-btn {
margin-top: 6px;
padding: 7px 14px 6px 14px;
border-radius: 7px;
background: var(--color-base);
color: #fff;
font-size: 12px;
font-weight: 600;
text-decoration: none;
}
.melhoria-btn:hover {
opacity: .88;
color: #fff;
}
/* / Melhorias */

/* / Dashboard Painel */

/* Comissões Panorama */

.comissao-panorama {
  display: flex;
  gap: 12px;
  margin: -65px 0 97px 0;
}
.comissao-panorama-card {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 20px 20px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 2;
  box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.comissao-panorama-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #aaa;
}
.comissao-panorama-label i {
color: var(--color-base);
margin-right: 6px;
}
.comissao-panorama-value {
  font-size: 22px;
  font-weight: 700;
  color: #333;
}
.comissao-panorama-card.aprovado .comissao-panorama-value { color: #3d82c4; }
.comissao-panorama-card.pendente .comissao-panorama-value { color: #d4742a; }
.comissao-panorama-card.cancelado .comissao-panorama-value { color: #c05252; }
.comissao-panorama-card.liquido .comissao-panorama-value { color: #4a9e6b; }

/* / Comissões Panorama */

/* Stats */

.stat-filter-bar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 16px;
}
.stat-filter-bar .form-field-default {
  margin: 0;
}
.stat-filter-bar .limpafiltros {
  color: #aaa;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
}
.stat-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.stat-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.stat-card-icon {
  font-size: 20px;
  color: var(--color-base);
  flex-shrink: 0;
}
.stat-card-value {
  font-size: 22px;
  font-weight: 700;
  color: #333;
  line-height: 1;
}
.stat-card-label {
  font-size: 12px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 2px;
}
.stat-item-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
}
.stat-item-capa {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.stat-item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.stat-item-tipo {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #aaa;
}
.stat-item-titulo {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin: 0;
}
.stat-item-back {
  font-size: 13px;
  color: var(--color-base);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
.stat-modulo-card .panel-body {
  padding: 16px;
}
.stat-modulo-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
.stat-modulo-header i {
  font-size: 18px;
}
.stat-modulo-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.stat-modulo-row span {
  font-size: 13px;
  color: #555;
  display: flex;
  align-items: center;
  gap: 4px;
}
.stat-modulo-row span i {
  color: var(--color-base);
  font-size: 14px;
}

.stat-section {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 20px;
}
.stat-section-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.stat-section-title i {
  color: var(--color-base);
}
.stat-section-count {
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
  margin-left: 4px;
}
.stat-section-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.stat-section-cards.cols-4 {
  grid-template-columns: repeat(4, 1fr) !important;
}
.stat-section-cards.cols-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}
.stat-section .stat-card {
  border: 1px solid #f0f0f0;
  background: #fafafa;
}

/* / Stats */

.sidebar-icon.color3d {
border: 1px solid rgba(0,0,0,.1) !important;
background: linear-gradient(to bottom, #ffffff, #f4f4f4) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08) !important;
}

.sidebar-icon.color3d i {
color: var(--color-base) !important;
text-shadow: 0 0 0 rgba(0,0,0,.15) !important;
}

.sidebar-collapsed .sidebar-brand-logo-min img, 
.sidebar-collapsed .sidebar-brand-logo-min svg {
height: 46px;
}

.sidebar-collapsed .sidebar-link {
box-shadow: 0 0 0 transparent;
padding: 0;
}

.admin-layout.sidebar-collapsed .sidebar-link {
padding: 5px 0;
}

.sidebar-collapsed .sidebar-icon.color3d:active,
.sidebar-collapsed .sidebar-icon.color3d:hover,
.sidebar-collapsed .sidebar-icon.color3d:focus {
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
transition: 0.3s;
}

.sidebar-collapsed .sidebar-icon.color3d:hover i,
.sidebar-collapsed .sidebar-icon.color3d:focus i {
color: #fff !important;
transition: 0;
}

.btn-pagar {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
white-space: nowrap;
}
.btn-pagar:hover { opacity: .85; text-decoration: none; }

.form-field-default label .lni { color: var(--color-base); margin-right: 5px; }
.pixel-config-info {
background: #fff8f3;
border: 1px solid #fc6400;
border-radius: 8px;
padding: 12px 16px;
font-size: 13px;
color: #fc6400;
margin-bottom: 20px;
}
.pixel-config-info .lni { margin-right: 6px; }
.pixel-manual { padding: 8px 0; }
.pixel-manual-section {
border: 1px solid #eee;
border-radius: 10px;
padding: 22px 24px;
margin-bottom: 20px;
}
.pixel-manual-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.pixel-manual-header h3 {
font-size: 16px;
font-weight: 600;
color: #333;
margin: 0;
}
.pixel-manual-header .lni {
font-size: 20px;
color: var(--color-base)
}
.pixel-manual p {
font-size: 14px;
color: #555;
margin-bottom: 10px;
}
.pixel-manual ol {
font-size: 14px;
color: #444;
padding-left: 20px;
margin-bottom: 12px;
}
.pixel-manual ol li { margin-bottom: 4px; }
.pixel-manual code {
background: #f5f5f5;
border-radius: 4px;
padding: 1px 6px;
font-size: 12px;
color: #e06000;
}
.pixel-manual-events {
background: #f9f9f9;
border-radius: 8px;
padding: 12px 16px;
font-size: 13px;
}
.pixel-manual-events strong { display: block; margin-bottom: 6px; color: #333; }
.pixel-manual-events ul { padding-left: 16px; margin: 0; }
.pixel-manual-events ul li { margin-bottom: 3px; color: #555; }

/* LOGIN */

.login-split {
display: flex;
min-height: 100vh;
}
.login-split-left {
width: 50%;
background: url("../img/hero.jpg") center top;
background-size: auto 140% !important;
border-radius: 0;
overflow: hidden;
box-shadow: 0 0 30px rgba(0,0,0,.15);
}
.login-split-left .bg {
background: rgba(255,84,0,.9);
display: flex;
align-items: center;
justify-content: center;
padding: 60px 48px;
min-height: 100vh;
}
.login-split-left-inner {
max-width: 480px;
}
.login-tagline {
margin: 20px 0 20px 0;
font-size: 32px;
line-height: 34px;
text-align: center;
font-weight: 700;
color: #fff;
color: rgba(0,0,0,.75);
}
.login-subtag {
font-size: 18px;
line-height: 22px;
font-weight: 500;
text-align: center;
color: rgba(255,255,255,.75);
margin: 0;
}
.login-split-right {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 48px;
background: #fff;
}
.login-split-right-inner {
width: 100%;
max-width: 400px;
}
.login-title {
font-size: 22px;
font-weight: 700;
color: #222;
margin-bottom: 16px;
text-align: center;
}
.login-msg {
padding: 10px 20px 10px 20px;
font-size: 14px;
margin-bottom: 16px;
}
.login-msg-erro {
color: rgba(0,0,0,.75);
border-bottom: 1px solid var(--color-base);
text-align: center;
}
.login-msg-erro i {
margin: 0 5px 0 0;
font-size: 11px;
transform: translateY(-2px);
color: var(--color-base);
}
.login-msg-ok {
color: rgba(0,0,0,.75);
border-bottom: 1px solid var(--color-base);
text-align: center;
}
.login-msg-ok i {
margin: 0 5px 0 0;
font-size: 11px;
transform: translateY(-2px);
color: var(--color-base);
}
.login-msg-info {
padding: 16px 16px 14px 16px;
color: #333;
background: rgba(255,237,225,.75);
border-radius: 8px;
text-align: center;
font-size: 13px;
line-height: 16px;
font-weight: 600;
}
.login-msg-info i {
margin: 0 5px 0 0;
font-size: 13px;
color: var(--color-base);
}
.login-field {
margin-bottom: 18px;
}
.login-field label {
display: block;
font-size: 14px;
font-weight: 600;
color: #444;
margin-bottom: 6px;
}
.login-field input {
width: 100%;
height: 48px;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
padding: 0 16px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #222;
outline: none;
transition: border-color .2s;
box-sizing: border-box;
}
.login-field input:focus {
border-color: var(--color-base);
}
.login-options {
display: flex;
align-items: center;
justify-content: space-between;
}
.login-keep {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #555;
cursor: pointer;
}
.login-keep input { width: auto; transform: translateY(-2px); }
.login-options { margin-bottom: 24px; }
.login-options-center { display: flex; justify-content: center; }
.login-pass-wrap {
position: relative;
}
.login-pass-wrap input {
padding-right: 48px;
}
.login-eye {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
color: #aaa;
font-size: 18px;
padding: 0;
line-height: 1;
transition: color .2s;
}
.login-eye i {
font-size: 18px !important;
opacity: .4;
}
.login-eye:hover { color: var(--color-base); }
.login-logo-wrap svg {
width: 100%;
max-width: 220px;
height: auto;
display: block;
margin: auto auto 0 auto;
}
.login-logo-wrap .logo-text {
fill: rgba(255,255,255,1);
}
.login-logo-wrap .logo-dot {
fill: rgba(0,0,0,.75);
}
.login-logo-white { display: none; }
.login-btn-instagram {
width: 100%;
padding: 14px 24px 13px 24px;
border: 1.5px solid #e0e0e0;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 4px rgba(0,0,0,.08);
color: #333;
text-decoration: none;
transition: 0.3s;
margin-bottom: 16px;
}
.login-btn-instagram svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.login-btn-instagram:hover {
background: linear-gradient(to bottom, #ffffff, #f4f4f4);
border-color: #C13584;
color: #333;
text-decoration: none;
}
.login-divider {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
color: #bbb;
font-size: 12px;
}
.login-divider::before,
.login-divider::after {
content: '';
flex: 1;
height: 1px;
background: #e5e5e5;
}
.login-btn {
width: 100%;
padding: 16px 24px 14px 24px;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark));
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,.15);
transition: filter .2s;
}
.login-btn i {
margin-left: 0;
transform: translateY(0px);
}
.login-btn:hover { filter: brightness(1.10); }
.login-links {
margin-top: 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
}
.login-link-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #555;
font-weight: 600;
text-decoration: none;
padding: 14px 0;
transition: color .2s;
}
.login-link-item i { color: var(--color-base); font-size: 14px; }
.login-link-item:hover { color: var(--color-base); text-decoration: none; }
.login-link-divider {
width: 100%;
height: 1px;
background: rgba(0,0,0,.15);
}

.grecaptcha-badge { visibility: hidden !important; }
.login-page-disclaimer {
position: fixed;
bottom: 20px;
left: 50%;
right: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
font-size: 12px;
color: #aaa;
pointer-events: none;
}
.login-page-disclaimer i { color: var(--color-base); font-size: 14px; pointer-events: none; }
.login-page-disclaimer span { white-space: nowrap; }
.login-page-disclaimer a { color: #aaa; text-decoration: underline; pointer-events: all; }
.recaptcha-notice {
font-size: 11px;
color: #aaa;
text-align: center;
margin-top: 12px;
line-height: 1.5;
}
.recaptcha-notice a { color: #aaa; text-decoration: underline; }

/* CADASTRAR */

.signup-page {
min-height: 100vh;
background: #f7f7f8;
display: flex;
flex-direction: column;
}

.signup-nav .container,
.signup-form-wrap .container {
max-width: 980px;
width: 95%;
}

.signup-hero {
background: url("../img/hero.jpg") center center / cover no-repeat;
position: relative;
overflow: hidden;
}
.signup-hero::before {
content: '';
position: absolute;
inset: 0;
background: rgba(255,84,0,.95);
pointer-events: none;
z-index: 0;
}
.signup-hero > * { position: relative; z-index: 1; }

.signup-nav {
background: none;
}
.signup-nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 0;
}
.signup-nav-logo svg {
height: 50px;
width: auto;
display: block;
}
.signup-nav-logo .logo-text {
fill: rgba(255,255,255,1);
}
.signup-nav-logo .logo-dot {
fill: rgba(0,0,0,.75);
}
.signup-nav-divider {
height: 1px;
background: rgba(0,0,0,.2);
}
.signup-nav-login {
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,.85);
text-decoration: none;
transition: color .2s;
display: flex;
align-items: center;
gap: 5px;
}
.signup-nav-login .lni { color: rgba(0,0,0,.85); font-size: 14px; transform: translateY(0); }
.signup-hero-inner {
text-align: center;
padding: 30px 0 80px 0;
max-width: 600px;
margin: auto;
}
.signup-nav-login:hover {
color: rgba(0,0,0,.85);
}
.signup-hero-title {
font-size: 38px;
font-weight: 800;
color: #fff;
margin: 0 0 12px 0;
line-height: 1.15;
letter-spacing: -.5px;
}
.signup-hero-title span {
color: rgba(0,0,0,.55);
}
.signup-hero-sub {
font-size: 16px;
color: rgba(255,255,255,.85);
font-weight: 400;
margin: 0 auto;
max-width: 520px;
line-height: 1.6;
}
.signup-hero-stats {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
margin-top: 28px;
}
.signup-stat {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 28px;
}
.signup-stat strong {
font-size: 22px;
font-weight: 800;
color: #fff;
line-height: 1.1;
}
.signup-stat span {
font-size: 12px;
color: rgba(255,255,255,.75);
margin-top: 2px;
}
.signup-stat-divider {
width: 1px;
height: 36px;
background: rgba(255,255,255,.25);
}

.signup-form-wrap {
padding: 0 0 12px 0;
margin-top: -28px;
position: relative;
z-index: 2;
flex: 1;
}
.signup-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 40px rgba(0,0,0,.1);
overflow: hidden;
}
.signup-card .form-wizard {
max-width: 100%;
padding: 30px 60px 40px 60px;
}

.signup-trust {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 32px;
margin-top: 28px;
padding: 0 0 10px 0;
text-align: center;
}
.signup-trust-item {
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
color: #888;
}
.signup-trust-item i {
color: var(--color-base);
font-size: 15px;
}
.signup-trust-item a { color: #888; text-decoration: underline; }

.signup-success {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 32px rgba(0,0,0,.09);
padding: 60px 40px;
text-align: center;
margin-top: 0;
}
.signup-success-icon {
font-size: 56px;
color: #55a630;
display: block;
margin-bottom: 16px;
}
.signup-success h3 {
font-size: 22px;
font-weight: 700;
color: #222;
margin-bottom: 8px;
}
.signup-success p {
font-size: 15px;
color: #666;
margin-bottom: 24px;
}
.signup-success .btn-login {
display: inline-block;
padding: 14px 32px 12px 32px;
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark));
color: #fff;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: filter .2s;
}
.signup-success .btn-login:hover { filter: brightness(1.08); text-decoration: none; color: #fff; }

/* Signup Wizard Steps */

.signup-card .wizard .steps h1,
.signup-card .wizard .steps h2,
.signup-card .wizard .title,
.signup-card .wizard > h1,
.signup-card .wizard > h2 {
display: none !important;
}
.signup-card #wizard-conta.wizard > .steps {
padding: 20px 24px 0 24px;
margin-bottom: 10px;
overflow: visible;
}
.signup-card #wizard-conta.wizard > .steps > ul {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 24px 0;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: none;
-ms-overflow-style: none;
}
.signup-card #wizard-conta.wizard > .steps > ul::-webkit-scrollbar { display: none; }
.signup-card #wizard-conta.wizard > .steps > ul > li {
flex: 1;
min-width: 80px;
position: relative;
text-align: center;
}
.signup-card #wizard-conta.wizard > .steps > ul > li::before,
.signup-card #wizard-conta.wizard > .steps > ul > li::after {
content: '';
position: absolute;
top: 26px;
transform: translateY(-50%);
height: 2px;
background: #e4e4e4;
z-index: 0;
}
.signup-card #wizard-conta.wizard > .steps > ul > li::before {
left: 0;
right: 50%;
}
.signup-card #wizard-conta.wizard > .steps > ul > li::after {
left: 50%;
right: 0;
}
.signup-card #wizard-conta.wizard > .steps > ul > li:first-child::before { display: none; }
.signup-card #wizard-conta.wizard > .steps > ul > li:last-child::after { display: none; }
.signup-card #wizard-conta.wizard > .steps > ul > li > a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-decoration: none !important;
padding: 0 !important;
border-radius: 0 !important;
border: none !important;
background: none !important;
box-shadow: none !important;
color: inherit !important;
position: relative;
z-index: 1;
}
.signup-card #wizard-conta.wizard > .steps > ul > li > a:hover {
background: none !important;
}
.wstep-circle {
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
background: linear-gradient(to top, #ffffff, #f4f4f4);
border: 1px solid #fff;
box-shadow: 0 5px 5px rgba(0,0,0,.1);
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
color: #c0c0c0;
margin-bottom: 7px;
transition: background .25s, border-color .25s, color .25s, box-shadow .25s;
}
.wstep-circle i {
color: var(--color-base);
}
.signup-card #wizard-conta.wizard > .steps > ul > li.current .wstep-circle {
background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
border-color: var(--color-base);
color: #fff;
}
.signup-card #wizard-conta.wizard > .steps > ul > li.current .wstep-circle i {
color: #fff;
}
.signup-card #wizard-conta.wizard > .steps > ul > li.done .wstep-circle {
/* background: #ebebeb;
border-color: #e0e0e0;
color: #bbb; */
}
.wizard > .steps .current a,
.wizard > .steps a:hover {
text-shadow: inherit !important;
}
.wstep-label {
margin-top: 4px;
font-size: 14px;
font-weight: 600;
color: rgba(0,0,0,.6);
transition: color .25s;
white-space: nowrap;
}
.signup-card #wizard-conta.wizard > .steps > ul > li.current .wstep-label {
color: var(--color-base);
}
.signup-card #wizard-conta.wizard > .steps > ul > li.done .wstep-label {
color: #555;
}

/* / LOGIN */

/* IG CONNECT BUTTON */

.login-btn-instagram-full {
	display: flex;
	width: 100%;
	justify-content: center;
	margin-bottom: 20px;
}

/* / IG CONNECT BUTTON */

/* IG CONNECTED BAR */

.ig-connected-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 12px 16px;
	margin-bottom: 20px;
}
.ig-connected-user {
	display: flex;
	align-items: center;
	gap: 12px;
}
.ig-connected-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}
.ig-connected-avatar-placeholder {
	background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
}
.ig-connected-info {
	display: flex;
	flex-direction: column;
	gap: 0;
}
.ig-connected-name {
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #333;
}
.ig-connected-username {
	margin-top: 0;
	font-size: 12px;
	line-height: 12px;
	color: #888;
}.ig-connected-disconnect {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 4px;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	padding: 6px 10px 5px 10px;
	transition: color .2s, border-color .2s;
	white-space: nowrap;
}
.ig-connected-disconnect i {
color: var(--color-base);
}
.ig-connected-disconnect:hover {
	background: var(--color-base);
	color: #333;
}

.ig-connected-disconnect:hover,
.ig-connected-disconnect:hover span,
.ig-connected-disconnect:hover i {
color: #fff;
}

/* / IG CONNECTED BAR */

/* MODAL PROCESSING */

#modal-processing {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	background: rgba(252,100,0,.9);
}
.modal-processing-icon {
	font-size: 40px;
	color: #fff;
	margin-bottom: 14px;
}
.modal-processing-text {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin: 0;
}
.modal-processing-text small {
	font-weight: 400;
	color: rgba(255,255,255,.8);
	font-size: 13px;
}

/* / MODAL PROCESSING */

/* REINVIDICAR */

.reinvidicar-card { padding: 32px; }

.reinvidicar-conta-card {
	display: flex;
	align-items: center;
	gap: 16px;
	background: #f8f8f8;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
}
.reinvidicar-conta-perfil {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 50%;
	flex-shrink: 0;
	border: 2px solid #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.reinvidicar-conta-perfil-placeholder {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #aaa;
}

.reinvidicar-aviso {
	font-size: 15px;
	line-height: 20px;
	color: rgba(0,0,0,.5);
	text-align: center;
	margin-bottom: 20px;
	text-align: center;
}
.login-btn-instagram-reinvidicar {
margin-bottom: 0;
}
.reinvidicar-aviso a { color: #fc6400; font-weight: 600; text-decoration: none; }
.reinvidicar-aviso a:hover { text-decoration: underline; }
.reinvidicar-conta-info { display: flex; flex-direction: column; gap: 4px; }
.reinvidicar-conta-tipo {
	font-size: 12px;
	font-weight: 600;
	color: #fc6400;
	display: flex;
	align-items: center;
	gap: 4px;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.reinvidicar-conta-nome { font-size: 18px; font-weight: 700; color: #333; margin: 0; }

.reinvidicar-msg {
	color: rgba(0,0,0,.5);
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.reinvidicar-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.reinvidicar-btn-secondary {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px;
	border: 2px solid #ddd;
	border-radius: 12px;
	color: #555;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color .2s;
}
.reinvidicar-btn-secondary:hover { border-color: #fc6400; color: #fc6400; }

.reinvidicar-submit-btn {
	float: right;
	padding: 14px 30px 12px 30px;
	background: linear-gradient(to bottom, var(--color-base-light), var(--color-base-dark)) !important;
	color: #fff;
	border: none;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
	transition: background .2s;
}
.reinvidicar-submit-btn:hover { background: #e05800; }

/* / REINVIDICAR */

/* / STYLES */

@media (max-width: 1600px) {
  .inicio-stat:nth-child(n+5) {
    display: none;
  }
  .inicio-stat:nth-child(4) {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .melhoria-card {
    flex: 0 0 calc(33.333% - 8px);
  }
}

.breadcrumber {
background: rgba(0,0,0,.05);
padding: 44px 0 64px 0;
}

.breadcrumber-min {
padding: 44px 0 46px 0;
}

.panel-filters {
margin-top: -67px;
}

.terms-checks {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0;
flex-wrap: wrap;
}

.terms-check-item {
display: flex;
align-items: center;
gap: 7px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(0,0,0,.1);
}

.terms-check-item:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}

.terms-check-item input {
margin: 0;
cursor: pointer;
}

.terms-check-item span {
font-size: 13px;
font-weight: 500;
color: #555;
cursor: pointer;
}

/* MEDIUM */

@media (min-width: 546px) and (max-width: 991px)  {

  html .clean-table .rounded-thumb-holder {
  max-height: 280px !important;
  overflow: hidden !important;
  border-radius: 6px;
  }

}

/* NAVBAR */

@media (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* ALL MOBILE */

@media (max-width: 991px) {

	.login-logo-wrap svg {
	margin: auto auto 0 auto;
	max-width: 150px;
	}
	.login-split {
		flex-direction: column;
	}
	.login-split-left {
		width: 100%;
		padding: 30px 30px 60px 30px;
		background-size: cover !important;
		background-position: center center !important;
	}
	.login-split-left-inner {
		max-width: 100%;
	}
	.login-tagline {
		font-size: 22px;
	}
	.login-split-right {
		margin: -50px auto 20px auto;
		border-radius: 10px;
		width: 94%;
		padding: 10px 40px 20px 40px;
		box-shadow: 0 0 30px rgba(0,0,0,.15);
	}
	.signup-hero-inner {
	padding: 30px 0 50px 0;
	}
	.login-tagline {
	font-size: 22px !important;
	line-height: 26px !important;
	}
	.signup-hero-stats {
	gap: 0;
	}
	.signup-stat {
	padding: 0 14px;
	}
	.signup-stat strong {
	font-size: 18px;
	}
	.signup-nav-logo svg {
	height: 28px;
	}
	.signup-card {
	border-radius: 12px;
	}
	.signup-card .form-wizard {
	padding: 16px 12px 10px 12px;
	}
	.signup-trust {
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	}
	.signup-success {
	padding: 40px 20px;
	}
	.wstep-circle {
	width: 36px;
	height: 36px;
	font-size: 14px;
	}
	.signup-card #wizard-conta.wizard > .steps > ul > li::before,
	.signup-card #wizard-conta.wizard > .steps > ul > li::after {
	top: 18px;
	}
	.wstep-label {
	font-size: 9px;
	}

	.stat-cards {
		grid-template-columns: repeat(3, 1fr);
	}
	.stat-item-header {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
	.stat-item-back {
		justify-content: center;
	}
	.stat-modulo-card {
		margin-bottom: 12px;
	}
	.stat-section-cards,
	.stat-section-cards.cols-4 {
		grid-template-columns: 1fr !important;
	}
	.inicio-stat:nth-child(n+5) {
		display: flex !important;
	}
	#collapse-filtros .col-md-4 {
		width: 50%;
		float: left;
	}
	#collapse-filtros .col-md-4:last-child {
		width: 100%;
		float: none;
	}

	.box-white {
		padding: 16px;
	}

	.module-info {
		margin: 14px 0 0 0;
		border-left: none;
		border-radius: 6px;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 20px 30px;
	}
	.module-info-icon {
		margin-top: 0;
		margin-bottom: -12px;
	}

	.page-tabs {
		justify-content: center;
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		width: 100%;
		min-width: 0;
		justify-content: center;
	}
	.page-tabs::-webkit-scrollbar {
		display: none;
	}
	.page-tab {
		white-space: nowrap;
		flex-shrink: 0;
		padding: 10px 5px;
	}

	.plano-info-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 8px;
		padding: 16px;
	}
	.plano-info-expiry {
		width: 100%;
		margin-left: 0;
		text-align: center;
		padding-top: 16px;
		border-top: 1px solid #eee;
	}

	.plano-attr-tip-box {
	left: 50%;
	transform: translateX(-50%);
	position: fixed;
	bottom: auto;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80vw;
	max-width: 300px;
	}

	.dns-tutorial-option {
	padding: 14px;
	}
	.dns-tutorial-obs-block {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	}
	.dns-table thead {
	display: none;
	}
	.dns-table,
	.dns-table tbody,
	.dns-table tr,
	.dns-table td {
	display: block;
	width: 100%;
	}
	.dns-table tr {
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	margin-bottom: 8px;
	overflow: hidden;
	}
	.dns-table td {
	border: none;
	border-bottom: 1px solid #ececec;
	padding: 8px 12px;
	box-sizing: border-box;
	}
	.dns-table td:last-child {
	border-bottom: none;
	}
	.dns-table td:before {
	content: attr(data-label);
	display: block;
	font-size: 10px;
	font-weight: 700;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 2px;
	}
	.dns-obs {
	flex-wrap: wrap;
	}

	.emoji-picker {
	width: 280px;
	}
	.emoji-picker-inner {
	max-height: 200px;
	}

	.tipo-cards {
	gap: 10px;
	}

	.tipo-card {
	flex: 1 1 100%;
	min-width: 0;
	padding: 18px 10px 14px;
	}

	.tipo-card i {
	font-size: 28px;
	}

	.tipo-card-desc {
	font-size: 12px;
	}

	.middle {
	padding: 20px 0 20px 0;
	}

	.top {
	}

	.brand {
	padding-bottom: 3px;
	}

	.top .brand span {
	display: block;
	text-align: center;
	}

	.top .brand img {
	display: block;
	transform: translateY(3px);
	height: 42px;
	max-height: auto;
	margin: auto;
	}

	.user-info,
	.user-menu {
	margin-right: 0;
	padding: 10px 16px 8px 16px;
	}

	.user-info i,
	.user-menu i {
	font-size: 22px;
	transform: translateY(0);
	color: var(--color-base);
	}

	.login-box {
	margin: 20px auto 0 auto;
	}

	.login-box.box-white {
	padding: 15px 30px 15px 30px;
	}

	.box-white {
	padding: 20px 30px 30px 30px;
	}

	.sidebar .search-bar {
	margin-bottom: -10px;
	}

	.sidebar .navbar-mobile .navbar .active a {
	border-top: 0;
	}

	.search-bar input[type="text"] {
	width: 75%;
	}

	.search-bar button {
	width: 25%;
	}

	.badge-home {
	margin-bottom: 10px;
	text-align: center;
	}

	.badges-home .col-md-3:nth-child(odd) {
	padding-right: 5px !important;
	}

	.badges-home .col-md-3:nth-child(even) {
	padding-left: 5px !important;
	}

	.badge-home {
	border-bottom: 4px solid rgba(0,0,0,.1);
	}

	.badge-home .number {
	line-height: 30px;
	font-size: 30px;
	font-weight: 200;
	color: #333;
	}

	.badge-home .number i {
	font-size: 28px;
	margin-right: 0;
	}

	.badge-home .desc {
	display: block;
	color: #333;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.3px;
	}

	.title-icon {
	width: 100%;
	margin: 0 0 0 0;
	font-size: 20px;
	}

	.title-icon i {
	display: block;
	display: none;
	margin: auto auto 5px auto;
	text-align: center;
	width: 44px;
	color: #fff;
	padding: 11px 12px 11px 12px;
	border-radius: 8px;
	background: var(--color-base);
	}

	.title-icon span {
	display: block;
	margin: -4px 0 0 0;
	font-weight: 500;
	color: #333;
	text-align: center;
	}

	.bread-box {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	}

	.bread {
	display: block;
	margin: auto;
	border-radius: 8px;
	margin: 5px 0 2px 0;
	text-align: center;
	padding: 10px 25px 8px 25px;
	background: rgba(0,0,0,.05);
	padding: 0;
	background: transparent;
	}

	.add-new {

	}

	.add-new a {
	display: block;
	margin: 0 0 20px 0;
	background: rgba(0,0,0,.05);
	padding: 12px 18px 8px 18px;
	border-radius: 8px;
	/*border: 1px solid rgba(0,0,0,.2);*/
	transition: 0.2s;
	}

	.form-filters button {
	padding: 12px 18px 8px 18px;
	border-radius: 8px;
	}

	.add-new span {
	margin-right: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	transition: 0.2s;
	}

	.panel-filters {
	margin-top: 14px;
	}

	.panel-filters .panel-body {
	padding: 16px 16px 6px 16px;
	}

	.panel-filters .panel-heading a .desc {
	display: block;
	padding: 16px 20px 13px 20px;
	float: left;
	font-size: 18px;
	}

	.panel-filters .panel-heading i {
	padding: 16px 20px 13px 20px;
	color: #fff;
	float: right;
	border-right: 0;
	border-left: 1px solid rgba(255,255,255,.2);
	color: #fff;
	font-size: 18px;
	}

	.fake-table {
	display: block;
	width: 100%;
	padding: 12px;
	}

	.fake-table thead {
	display: none;
	}

	.fake-table tbody {
	display: block;
	}

	.fake-table td {
	display: block;
	width: 100%;
	padding: 0;
	}

	.fake-table tr {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 8px;
	}

	.listing-table tr:nth-child(even) {
	background: transparent;
	}

	.fake-table .fake-table-title {
	display: block;
	padding: 4px 10px 2px 10px;
	margin-bottom: 0;
	background: none;
	font-weight: 700;
	text-align: center;
	color: #aaa;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .3px;
	}

	.fake-table .fake-table-data {
	text-align: center;	
	padding: 10px 10px 14px 10px;
	}

	.fake-table .form-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	float: none !important;
	}

	.fake-table .form-actions a {
	margin: 0 2px 0 2px;
	}

	.listing-table .rep-icon {
	font-size: 30px;
	margin-top: 10px;
	color: var(--color-base);
	}

	.paginacao {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 14px 0 20px 0;
	}

	.pagination > li > a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	}

	.pagination > li > a, .pagination > li > span {
	}

	.pagination i {
	transform: translateX(-2px);
	}

	.listing .listing-title {
	margin: 6px 0 16px 0;
	font-size: 20px;
	font-weight: 500;
	}

	.title-line {
	padding: 12px 20px 10px 0;
	}

	.title-line span {
	font-weight: 600;
	color: #333;
	}

	.title-line {
	margin: 15px 0 20px 0 !important;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	}

	.mt-0 {
	margin-top: 8px !important;
	}

	.title-line i {
	margin-right: 12px;
	color: var(--color-base);
	}

	.title-icon span {
	font-weight: 400;
	color: #333;
	}

	.list-errors .error-info {	
	text-align: center;
	}

	.image-preview-cover {
	height: 150px !important;
	}

	.file-preview {
	margin-top: 12px !important;
	margin-bottom: 25px !important;
	}

/*	.rounded-thumb-holder {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 0;
	border: 0;
	}

	.rounded-thumb {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 0;
	}

	.rounded-thumb img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 6px;
	}*/

	.rounded-thumb .blurred {
	display: none;
	}

	.top {
	padding: 12px 0 9px 0;
	}

	.clean-table {
	background: transparent;
	border: 0;
	padding: 0;
	}

	.clean-table-full tr {
	width: 98% !important;
	}
	.clean-table-full td.hidden-xs,
	.clean-table-full td.hidden-sm,
	.clean-table-full td.hidden-xs.hidden-sm {
	display: table-cell !important;
	}

	.clean-table tbody {
	display: flex;
	column-count: 2;
	flex-wrap: wrap;
	}

	.clean-table tr {
	display: inline-block !important;
	margin: 1%;
	width: 48%;
	padding: 8px 10px 10px 10px;
	}

	/*	.clean-table tr:nth-child(even) {
	float: right;
	}*/

	.clean-table .fake-table-data {
	padding: 5px 10px 5px 10px;
	line-height: 17px;
	}

	.clean-table .form-actions a {
	width: 49%;
	}

	.clean-table .fulltr {
	width: 100%;
	}

	.welcome-message {
	width: 92%;
	}

	.lista-menus {
	width: 92%;
	}

	.clean-table .rounded-thumb-holder {
	max-height: 120px !important;
	overflow: hidden !important;
	border-radius: 6px;
	}

	.fullwidth {
	width: 100% !important;
	}

	.pedido-numero {
	display: block;
	width: 100%;
	background: rgba(0,0,0,.05);
	font-weight: 600;
	padding: 7px 4px 5px 4px;
	border-radius: 6px;
	}

	.half-left {
	padding-left: 15px !important;
	padding-right: 5px;
	}

	.half-right {
	padding-right: 15px;
	padding-left: 5px;
	}

	.panel-body-pendentes table tr {
	margin: 5px 10px 5px 10px !important;
	}

	.panel-body-pendentes table tr td {
	padding: 0;
	}

	.panel-body-pendentes .fake-table-title {
	margin: 0;
	padding: 0 10px 0 10px;
	font-weight: 700;
	background: transparent;
	}

	.panel-body-pendentes .pendente-title {
	background: rgba(0,0,0,.05);
	display: block;
	padding: 12px 10px 9px 10px;
	font-weight: 700;
	}

	.panel-body-pendentes .clean-table .fake-table-data {
	padding: 12px 10px 9px 10px;
	}

	.panel-body-pendentes .clean-table .fake-table-data-zero {
	padding: 0;
	}

	.panel-body-pendentes .add-new a {
	margin: -6px 0 -4px 0;
	}

	.pendente-tip {
	display: block;
	text-align: center;
	padding: 16px 10px 4px 10px;
	}

	.panel-body-pendentes .badge-pendente {
	margin-top: -10px !important;
	}

	.voucher {
	margin: 0;
	}

	.voucher .form-field-default {
	margin-bottom: 10px;
	}

	.expiration-info .msg {
	margin: 0;
	padding: 2px 0 20px 0;
	}

	.home-middle {
	padding: 10px 0 14px 0;
	}

	.welcome-message {
	margin-top: 8px;
	}

	.brand-login img {
	max-height: 44px;
	margin: 16px auto 0 auto;
	}

	.panel-avisos {
	margin-bottom: 9px;
	}

	#collapse-variacao .panel-body {
	padding: 0 10px 6px 10px !important;
	}

	#collapse-variacao .panel-subvariacao .panel-body {
	padding: 0 !important;
	}

	.adicionar-variacao {
	margin-top: 14px !important;
	margin-bottom: 7px;
	}

	.panel-subvariacao {
	margin-bottom: -3px !important;
	}

	.panel-subvariacao .collapse.in {
	}

	#collapse-variacao .col-md-12 {
	padding: 0 15px 0 15px !important;
	}

	.subvariacao-link .row .col-md-8 {
	padding: 0 !important;
	}

	.alignmiddle {
	display: flex;
	align-items: center;
	}

	.panel-subvariacao .variacao-desc {
	font-size: 16px;
	line-height: 20px;
	padding: 17px 0 12px 0 !important;
	}

	.brand-image {
	padding-bottom: 0 !important;
	}

	.ocaptcha {
	float: none;
	width: 300px;
	margin: 20px auto 20px auto;
	}

	.form-field-terms {
	text-align: center;
	}

	.text-escolha {
	margin: 2px 0 16px 0;
	font-size: 17px;
	}

	.variacao-hire .msg {
	margin: 0 0 -6px 0;
	}

	.login-box.box-white .form-field-submit button {
	float: none;
	display: block;
	margin: auto;
	max-width: 130px;
	}


	.cancelar-compra {
	display: block;
	margin: 0 3px 5px 0;
	text-align: center;
	font-size: 25px;
	}

	.top {
	padding: 4px 0 4px 0;
	background: var(--color-base-tint);
	background: var(--color-base);
	box-shadow: 0 12px 12px rgba(0,0,0,.15);
	}

	.user-info i, .user-menu i {
	color: #fff;
	background: var(--color-base);
	border: 2px solid rgba(0,0,0,.15);
	box-shadow: 5px 5px 5px rgba(0,0,0,.15);
	padding: 10px;
	font-size: 20px;
	border-radius: 10px;
	}

	.sidebar .avatar {
	position: relative;
	margin-bottom: 20px !important;
	width: 70px !important;
	height: 70px !important;
	}

	.bg-gray {
	background: transparent !important;
	}

	.admin-sidebar {
	transform: translateX(-300px);
	transition: transform 0.28s ease;
	}

	.admin-main {
	margin-left: 0;
	width: 100%;
	}

	.admin-layout.sidebar-open .admin-sidebar {
	transform: translateX(0);
	}

	.admin-layout.sidebar-open::after {
	content: '';
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.35);
	z-index: 998;
	}

	.admin-topbar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	padding: 0 16px 0 16px;
	border: 0;
	box-shadow: 0 5px 25px rgba(0,0,0,.05);
	height: 66px;
	}

	.topbar-left {
	justify-content: flex-start;
	}

	.topbar-right {
	justify-content: flex-end;
	}

	.topbar-desktop-only {
	display: none !important;
	}

	.topbar-menu-toggle,
	.topbar-center,
	.topbar-mobile-only {
	display: flex;
	}

	.admin-user-sidebar {
	display: flex;
	transform: translateX(300px);
	transition: transform 0.28s ease;
	}

	.admin-layout.user-sidebar-open .admin-user-sidebar {
	transform: translateX(0);
	}

	.admin-layout.user-sidebar-open::before {
	content: '';
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.35);
	z-index: 998;
	}

	.sidebar-brand {
	justify-content: space-between;
	}

	.sidebar-brand-logo {
	display: none;
	}

	.sidebar-close-btn {
	display: flex;
	}

	.sidebar-brand-title {
	display: block;
	}

	.mobile-bottom-nav {
	display: grid;
	}

	.admin-main {
	padding-bottom: 64px;
	}

	.topbar-user-cover {
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 5px rgba(0,0,0,.05);
	}

	.topbar-user-cover i {
	color: var(--color-base);
	font-size: 18px !important;
	line-height: 18px !important;
	margin: 0;
	}

	.wizard .steps ul {
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	}
	.wizard .steps ul::-webkit-scrollbar {
	display: none;
	}

	.checkbox-picker {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex: 1;
	}

	.checkbox-picker .checkbox-btn {
	text-align: center;
	}

	.radio-picker {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex: 1;
	}

	.radio-picker .form-field-radio {
	text-align: center;
	}

	.pagination > li > a, .pagination > li > span {

	}

	.hf-day {
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	}

	.hf-day-slots {
	align-items: flex-start;
	}

	.wizard .actions {
	margin: 0 0 5px 0;
	}

	.wizard .actions ul li a,
	.wizard .actions a, .wizard .actions a[href="#finish"] {
	padding: 14px 14px 10px 14px !important;
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	text-align: center !important;
	}

	.wizard .actions ul,
	.wizard > .actions > ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 8px !important;
	width: 100% !important;
	}

	.wizard .actions ul li {
	flex: 1 !important;
	margin: 0 !important;
	}

	.hf-day {
	align-items: center;
	}

	.hf-add-btn {
	text-align: center;
	}

	.hf-day.is-closed .hf-day-slots {
	margin-top: 0;
	}

	.form-field-radio {
	width: 100%;
	margin: 0 0 10px 0;
	}

	.radio-picker .form-field-radio {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0 4px 6px 0;
	padding: 8px 14px 8px 10px;
	text-align: center;
	min-width: 48%;
	font-size: 13px;
	line-height: 15px;
	}

	.slug-manager {
	flex-wrap: wrap !important;
	flex-direction: column;
	}

	.slug-manager .slug-display-wrap {
	flex-direction: column;
	}

	.slug-manager .slug-value {
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: break-word;
	text-align: center;
	}

	.slug-manager .slug-prefix {
	text-align: center;
	}

	.osm-map-container {
	height: 200px;
	}

	.item-card-thumb { width: 70px; height: 70px; }
	.item-card-thumb img { width: 70px; height: 70px; }
	.item-card-inner { gap: 12px; padding: 12px 13px 10px; }
	.item-card-title { font-size: 14px; }
	.item-card-info span { font-size: 12px; }
	.item-card-footer { padding: 8px 10px 8px 13px; flex-wrap: wrap; gap: 6px; }
	.item-card-actions { gap: 3px; }
	.item-card-actions a { padding: 7px 9px 5px; font-size: 12px; }

	.card-table {
	padding: 0;
	border: 0;
	display: block;
	width: 100%;
	}

	.card-table tbody {
	display: block;
	width: 100%;
	}

	.table-cover {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	background: rgba(0, 0, 0, 0.1);
	}

	.table-cover img {
	display: block;
	width: 100%;
	}

	.card-table tr {
	padding: 0;
	background: linear-gradient(to bottom, #ffffff, #f4f4f4);
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
	border-radius: 8px;
	width: 100%;
	display: block;
	}

	.pay-table tr[data-card-id]::before {
	content: attr(data-card-id);
	display: block;
	padding: 8px 16px;
	font-size: 11px;
	font-weight: 600;
	color: #999;
	border-bottom: 1px solid #eee;
	letter-spacing: .3px;
	}

	.card-table .fake-table-data {
	padding: 4px 0 4px 0;
	}

	.card-table .rounded-thumb-holder {
	margin: -50px auto auto auto;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 5px 10px rgba(0,0,0,.15);
	}

	.card-table .rounded-thumb-holder .rounded-thumb {
	width: 80px;
	height: 80px;
	border: 4px solid #fff;
	border-radius: 8px;
	background: #fff;
	}

	.card-table .rounded-thumb-holder .rounded-thumb img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

	.card-table td {
	display: block !important;
	width: 100%;
	font-size: 14px;
	}

	.table-title {
	margin: 8px 0 6px 0;
	font-size: 17px;
	line-height: 17px;
	font-weight: 700;
	}
	
	.item-card-dropdown {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 5px 0 20px 0;
	}

	.item-card-dropdown button {
	display: flex;
	justify-content: center;
	width: 80%;
	text-align: center;
	padding: 10px 12px 10px 12px;
	}

	.item-card-dropdown button i {
	transform: translateY(1px);
	margin-left: 0;
	}

	.item-card-dropdown .dropdown-menu {
	width: 80%;
	left: 0;
	right: 0;
	margin: auto;
	}

	.item-card-dropdown .dropdown-menu a {
	text-align: center;
	justify-content: center;
	gap: 0;
	padding: 12px 12px 10px 12px;
	}

	.item-card-dropdown .dropdown-menu a i {
	margin: 0 5px 0 -10px;
	}

	.title-icon span { 
	font-weight: 600;
	}

	.container {
	width: 100%;
	}

	.box-white {
	padding: 20px 20px 20px 20px
	}

	.wizard > .steps a {
	width: auto;
	white-space: nowrap;
	margin: 0;
	}

	.wizard .steps ul {
	justify-content: flex-start;
	gap: 8px;
	border-radius: 10px;
	}

	.wizard ul > li {
	display: flex;
	flex-shrink: 0;
	width: auto !important;
	}

	.wizard .actions ul, .wizard > .actions > ul {
	width: 100% !important;
	}

	.btn-mediakit {
	margin: 0 0 14px 0;
	}

	.card-table .hidden-xs,
	.card-table .hidden-sm {
	display: none !important;
	}

	.checkout-tipo-selector { flex-direction: column; gap: 8px; }
	.checkout-tipo-tab { flex-direction: column; align-items: center; padding: 14px; text-align: center; }
	.checkout-tipo-tab i { font-size: 28px; margin-bottom: 4px; }
	.checkout-periodo-cards { flex-direction: column; gap: 20px; }
	.checkout-periodo-card { padding: 14px; text-align: center; }
	.checkout-periodo-badge { top: -10px; left: 50%; right: auto; transform: translateX(-50%); }
	.checkout-plano-card { margin-bottom: 16px; text-align: center; }
	.checkout-plano-attrs { text-align: left; }
	.checkout-metodo-info { padding: 12px; flex-direction: column; align-items: center; text-align: center; }
	.checkout-resumo-box { padding: 12px 14px; text-align: center; }
	.checkout-resumo-linha { flex-direction: column; gap: 2px; align-items: center; }
	.checkout-resumo-total { flex-direction: column; gap: 2px; align-items: center; }
	.checkout-cupom-row { flex-wrap: nowrap; }
	.checkout-termos-box { height: 140px; }
	.checkout-actions { flex-wrap: nowrap; gap: 8px; justify-content: space-between; }
	.checkout-actions .btn-default { width: auto; }

	.pay-table .fake-table-title.hidden-xs,
	.pay-table .fake-table-title.hidden-sm {
	display: block !important;
	}

	.pay-table td {
	padding: 0;
	}

	.pay-table td:last-child {
	padding-bottom: 10px;
	}

	.pay-table .fake-table-data {
	padding: 0;
	}

	.pay-table .fake-table-title {
	padding: 10px 10px 8px 10px;
	}

	.topbar-center img,
	.topbar-center svg {
	height: 44px;
	margin-top: 4px;
	}

	.title-icon span {
	font-size: 22px;
	}

	.radios .clear {
	margin-bottom: -10px;
	}

	.osm-map-status {
	min-height: 4px;
	}

	.dns-tutorial-option {
	text-align: center;
	}

	.dns-tutorial-header {
	flex-direction: column;
	}

	.dns-tutorial-header i {
	display: block;
	text-align: center;
	}

	.dns-obs code {
	margin: auto;
	}

	.dns-obs i.tip {
	margin: auto;
	}

	.dns-tutorial-obs-block i {
	margin: auto;
	}

	.mp-connect-box {
	text-align: center;
	}

	.mp-connect-status {
	justify-content: center;
	}

	.radio-picker .form-field-radio {
	padding: 10px 14px 8px 10px;
	}

	.slug-manager.editing .slug-input-wrap {
	flex-direction: column;
	}

	.slug-manager .slug-input {
	margin-top: 8px !important;
	}

	.plano-info-icon {
	margin-bottom: -10px;
	}

	.plano-info-expiry {
	margin-top: 8px;
	}

	.btn-hire {
	width: 100%;
	text-align: center;
	}

	.checkout-termos-label {
  	text-align: center;
	}

	.block-row .row {
	display: block;
	}

	.inicio-hero-inner {
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	}
	.inicio-hero-right {
	width: 100%;
	justify-content: center;
	align-items: center;
	}
	.inicio-hero-center {
	justify-content: flex-start;
	width: 100%;
	overflow: hidden;
	}
	.inicio-hero-right {
	justify-content: flex-start;
	min-width: unset;
	width: 100%;
	}
	.inicio-stats {
	flex-wrap: nowrap;
	gap: 0;
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	}
	.inicio-stats::-webkit-scrollbar { display: none; }
	.inicio-stat {
	min-width: 80px;
	flex-shrink: 0;
	scroll-snap-align: start;
	padding: 0 14px;
	}
	.inicio-hero {
	padding: 10px 0 56px 0;
	}
	.comissao-panorama {
	flex-direction: column;
	margin-bottom: 0;
	}

	.table-spacer {
	width: 100%;
	height: 65px;
	}

	.block-row td:last-child .fake-table-data {
	padding-bottom: 20px;
	}

	.dash-stats {
	flex-direction: row;
	gap: 10px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	border-radius: 10px;
	padding-bottom: 16px;
	scrollbar-width: none;
	}
	.dash-stats::-webkit-scrollbar { display: none; }
	.dash-stat-card {
	min-width: 160px;
	max-width: auto;
	flex: none;
	scroll-snap-align: start;
	}
	.dash-grid,
	.dash-grid.cols-3,
	.dash-grid.cols-1 {
	grid-template-columns: 1fr;
	}
	.dash-stat-value { font-size: 26px; }

	.melhoria-grid {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 12px;
	}
	.melhoria-grid::-webkit-scrollbar { display: none; }
	.melhoria-nav { display: none; }
	.melhoria-card {
	min-width: 200px;
	max-width: 220px;
	flex-shrink: 0;
	scroll-snap-align: start;
	text-align: center;
	justify-content: center;
	align-items: center;
	}
	.melhoria-carousel-wrap {
	padding: 0 0 0 12px;
	}
	.melhoria-desc { display: none; }

	.inicio-hero-left {
	justify-content: center;
	flex-direction: column;
	}

	.inicio-hero-left {
	width: 100%;
	justify-content: center;
	}

	.inicio-hero-nome-wrap {
	text-align: center;
	gap: 0;
	}

	.inicio-hero-hotsite {
	display: none;
	}

	.inicio-hero-content {
	padding: 6px 0 10px 0;
	}

	.inicio-hero-right {
	margin-top: 6px;
	justify-content: center;
	}

	.inicio-hero-avatar {
	height: 60px;
	width: 60px;
	border: 4px solid #fff;
	}

	.sidebar-desktop-only {
	display: none !important;
	}

	.input-btn-inline {
	flex-wrap: wrap;
	}
	.input-btn-inline input {
	flex: 1 1 100%;
	}
	.input-btn-inline button,
	.input-btn-inline .btn-inline-share {
	flex: 1 1 0;
	justify-content: center;
	text-align: center;
	}

	.inicio-hero-nome {
	margin-bottom: 0;
	}

	.inicio-stats-centered {
	justify-content: center;
	}

	.box-financeiro {
	margin-top: 20px;
	}

	.inicio-hero-nome-dashboard {
	margin: 10px 0 3px 0;
	}

	.breadcrumber {
	padding: 30px 0 44px 0;
	}

	.breadcrumber-min {
	padding: 30px 0 24px 0;
	}

	.panel-filters {
	margin: -46px 0 20px 0;
	}

	.module-info {
	margin: -46px 0 60px 0;
	border: 4px solid #fff;
	}

}

/* VERTICALS */

@media (min-width: 992px) and (max-width: 1200px) {

	.dash-stat-card {
	flex-direction: column;
	gap: 4px;
	padding-top: 12px;
	}

	.dash-grid.cols-3,
	.dash-grid {
	grid-template-columns: 1fr;
	}

}

/* ALL MOBILE - social widget */

@media (max-width: 991px) {

	.social-item {
	flex-wrap: wrap;
	}

	.social-rede {
	flex: 1 1 100%;
	width: 100% !important;
	}

	.social-link {
	flex: 1 1 0;
	}

	.social-remove-btn {
	align-self: flex-end;
	}

	.social-add-btn {
	text-align: center;
	}

	.valores-item {
	flex-wrap: wrap;
	}

	.valores-tipo {
	flex: 1 1 100%;
	}

	.valores-bottom {
	display: flex;
	align-items: center;
	gap: 8px;
	}

	.valores-valor {
	width: 100%;
	}

	.valores-add-btn {
	text-align: center;
	}

	.signup-nav-logo svg {
	height: 44px
	}

	.signup-hero-inner {
	padding: 0 20px 30px 20px;
	}
	.login-tagline {
	font-size: 24px !important;
    line-height: 26px !important;
	}

	.login-subtag {
	display: none;
	}

	.wstep-circle {
	width: 40px;
	height: 40px;
	}

	.wstep-label {
	font-size: 12px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li {
	width: auto;
	min-width: 0;
	padding: 0 50px 0 50px;
	flex: 0;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li:first-child {
	padding-left: 25px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li:last-child {
	padding-right: 25px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li > a {
	width: 100%;
	padding: 0 30px 0 30px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li::before, .signup-card #wizard-conta.wizard > .steps > ul > li::after {
	top: 22px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li::before, .signup-card #wizard-conta.wizard > .steps > ul > li::after {
	width: 110px;
	}

	.signup-card #wizard-conta.wizard > .steps > ul > li:last-child::before, 
	.signup-card #wizard-conta.wizard > .steps > ul > li:last-child:after {
	display: none;
	}

	.signup-card #wizard-conta.wizard > .steps {
	padding-top: 10px;
	}

	.signup-card .form-wizard {
	padding: 20px;
	}

	#wizard-conta .col-xs-6:first-child {
	padding-right: 5px;
	}

	#wizard-conta .col-xs-6:last-child {
	padding-left: 5px;
	}

	.signup-trust-item {
	flex-direction: column;
	justify-content: center;
	text-align: center;
	max-width: 300px;
	}

	.signup-trust-item i {
	font-size: 26px;
	margin-bottom: 5px;
	}

	.signup-form-wrap {
	padding-bottom: 20px;
	}

	.login-split {
	min-height: 0;
	}

	.login-split-left {
	padding: 0;
	}

	.login-split-left .bg {
	min-height: 0;
	padding: 20px 30px 68px 30px;
	}

	.login-tagline br {
	display: none;
	}

	.login-logo-wrap svg {
	height: 60px;
	}

	.login-btn-instagram {
	padding: 14px 14px 13px 14px;
	}

	.login-field {
	margin-bottom: 20px;
	}

	.login-options {
	margin: 14px 0 12px 0;
	}

	.login-keep input {
	transform: translateY(0);
	margin: 0 4px 0 0 !important;
	}

	.login-links {
	margin-top: 14px;
	}

	.login-title {
	font-size: 18px;
	margin-top: 20px;
	}
	
	.login-tagline {
	display: none;
	}

	.login-eye {
	width: 26px;
	transform: translateY(-55%);
	opacity: .5;
	}

	.login-eye i {
	font-size: 14px !important;
	}
	
	.login-tagline {
	display: block;
	margin: 16px 0 0 0;
	font-size: 21px !important;
	line-height: 24px !important;
	}

	.login-tagline.signup {
	margin-bottom: 18px;
	}

	.signup-card #wizard-conta.wizard > .steps {
	margin-bottom: 0;
	}

	.signup-card #wizard-conta.wizard > .steps > ul {
	margin-bottom: 14px;
	}

	.login-page-disclaimer {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 7px;
	font-size: 12px;
	color: #aaa;
	pointer-events: none;
	margin-top: 10px;
	margin-bottom: 26px;
	}
	
	.login-page-disclaimer span {
	display: block;
	text-align: center;
	max-width: 300px;
	font-size: 13px;
  	color: #888;
	white-space: inherit !important;
	}

	.login-page-disclaimer i.lni {
    font-size: 26px;
    margin-bottom: 5px;
  	}

	.ig-connected-bar {
	padding: 6px;
	}

	.ig-connected-avatar {
	width: 34px;
  	height: 34px;
	}

}