@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/roboto300.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/roboto500.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/montserrat300.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/montserrat500.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-family: 'Roboto', sans-serif;
}

:root {
	--bg-app: #3b3b47;
	--bg-card-footer: #f8f8f8;
	--divider: #ebebeb;
	--box-shadow: 1px 0 4px -2px rgb(51, 51, 51, 0.5);
	--text-primary: #e0e0e0;
	--text-secondary: #b4b4b4;
	--text-title-primary: #f9c30f;
	--text-temperature-cold: #69a3ff;
	--text-temperature-normal: #ff9632;
	--text-temperature-high: #ed1946;
	--text-went-wrong: #ed1946;
}
html,
body {
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
	background: var(--bg-app);
	cursor: default;
}

html {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font-size: 62.5%;
	color: var(--text-primary);
}

body {
	font-size: 1.7rem;
}

body:not(.login) {
	overflow-y: scroll;
}

body[blur='true'] > header,
body[blur='true'] > main,
body[blur='true'] > footer {
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	-moz-filter: blur(1px);
	-webkit-filter: blur(1px);
	filter: blur(1px);
}

a {
	text-decoration: none;
	color: #fafafa;
}
hr {
	position: relative;
	border: none;
	margin: 20px auto;
	border-bottom: 1px solid #d3d3d3;
}
h1 {
	margin: 1em 0;
	line-height: 1.2em;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
/* input[type='number'] {
	-moz-appearance: textfield;
} */
input,
button,
select {
	display: inline-block;
	height: 40px;
	padding: 0 8px;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #fafafa;
	background-color: transparent;
	border-radius: 4px;
	line-height: 39px;
	font-size: 1.5rem;
	color: #fafafa;
}
select {
	background: #333;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
button {
	cursor: pointer;
}
textarea {
	display: inline-block;
	padding: 0.5rem;
	margin: 0;
	vertical-align: middle;
	border: 1px solid #fafafa;
	background-color: transparent;
	font-size: 1.5rem;
	color: #fafafa;
}
main > section {
	width: 100%;
}
.boxCenter {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1232px;
	padding: 0 16px;
	margin: auto;
}
.sr-only {
	display: none;
}
.both::after {
	content: "";
	display: block;
	clear: both;
}
.spacing10 {
	display: block;
	padding: 10px 0 0;
}
.spacing30 {
	display: block;
	padding: 30px 0 0;
}
.breadcrumb {
	display: block;
	margin: 0 0 10px;
}
/*HEADER*/
.bodyHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	position: relative;
	z-index: 2;
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.4);
}
.bodyHeader .boxCenter {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bodyHeader__left {
	z-index: 10;
}
.bodyHeader__logo {
	height: 150px;
	padding: 16px 0;
}
.bodyHeader__right {
	width: 120px;
	text-align: right;
	z-index: 10;
}
.bodyHeader__leftLogo {
	display: block;
	width: 1px;
	height: 1px;
	margin: 0;
	overflow: hidden;
}
.bodyHeader__leftLogoText {
	text-transform: uppercase;
	color: var(--text-title-primary);
}
.bodyHeader .bodyHeaderMobile {
	display: none;
}
/**/
.bodyHeader__menu {
	position: relative;
	display: flex;
	flex-direction: row;
	list-style: none;
}
.bodyHeader__menuLi {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 20px;
	color: #fafafa;
}
.bodyHeader__menuLiA {
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
}
.bodyHeader__menuLiA::before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 40px;
	height: 2px;
	background: #f9c310;
	transition: width 0.2s linear;
}
.bodyHeader__menuLi:hover .bodyHeader__menuLiA::before {
	width: 100%;
}
.bodyHeader__menuLi:hover .bodyHeader__menuLiA {
	color: var(--text-title-primary);
}
.bodyHeader__sub {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 32px 16px;
	visibility: hidden;
}
.bodyHeader__sub::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 300%;
	height: 100%;
	background: var(--bg-app);
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.4);
}
.bodyHeader__menuLi:hover .bodyHeader__sub {
	visibility: visible;
}
.bodyHeader__submenu {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	list-style: none;
}
.bodyHeader__submenuLiA {
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 6px 0;
	cursor: pointer;
	color: #fafafa;
}
.bodyHeader__submenuLiA::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background: #fafafa;
	transition: width 0.2s linear;
}
.bodyHeader__submenuLiA:hover::before {
	width: 100%;
}
/**/
.bodyHeader__btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	border-radius: 4rem;
	background: var(--text-title-primary);
}
/**/
/*MAIN*/
.main {
	position: relative;
	display: flex;
	width: 100%;
	height: calc(100% - 50px);
	margin: auto;
	padding: 1rem 0 0;
	z-index: 0;
	background: var(--bg-app);
}
.main-login {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	background: var(--bg-app);
}
.main-left {
	will-change: auto;
	transform-origin: left;
	/* transform: translateX(-100%); */
	transition: /* transform 0.2s linear, */ width 0.2s ease-in;
	display: flex;
	flex-direction: column;
	white-space: pre;
	width: 0;
	height: 100%;
	padding: 20px 0;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #333;
	z-index: 500;
	color: #fafafa;
}
.main-left.active {
	width: 350px;
	/* transform: translateX(0); */
}
.main-right {
	width: 100%;
	height: 100%;
	padding: 16px;
	overflow-y: auto;
	background-color: #dedede;
}
@media (max-width: 768px) {
	.main-left {
		position: absolute;
	}
}

.login {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	z-index: 999;
}
/* BOX */
.box {
	vertical-align: top;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
	background-color: #eee;
}
.box__flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.box__flex {
		flex-direction: column;
	}
}
.box__info {
	margin: 0 0 20px;
}
.box--p16 {
	padding: 16px;
}
.box--w50 {
	display: inline-block;
	width: 49%;
}
.box--w50:not(:last-child) {
	margin: 0 2% 0 0;
}
@media (max-width: 768px) {
	.box--w50 {
		display: block;
		width: 100%;
	}
	.box--w50:not(:last-child) {
		margin: 0 0 10%;
	}
}
.box__title {
	margin: 0 0 1em;
	line-height: 1.2em;
}
.box__sub-title {
	margin: 2em 0 0;
	line-height: 1.2em;
}
.click {
	text-align: center;
	cursor: pointer;
}
/***/
.logo {
	display: block;
	margin: 0;
	background: #333;
	background: linear-gradient(23deg, #333 36%, rgba(255, 195, 18, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
}
.logo--menu {
	display: inline-block;
	margin: 0;
	font-size: 1.4rem;
	background: #fafafa;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #fafafa;
}
/**/
/*MENU*/
.menu {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0 10px;
}
.menu__separator {
	display: block;
	padding: 8px 0 0;
	margin: 8px 20px 0;
	/* border-top: 1px solid #555; */
}
/* .menu__sub {
	width: 1px;
	height: 1px;
	overflow: hidden;
	left: -1px;
} */
.menu__item {
	position: relative;
	display: block;
}
.menu__sub-item {
	margin: 0 0 3px;
	list-style: none;
}
.menu__item-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 6px 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	color: #8e9297;
}
.menu__item-arrow {
	width: 15px;
	height: 15px;
	/* transform: rotate(-90deg); */
}
/* .menu__item-title.active .menu__item-arrow {
	transform: rotate(0deg);
}
.menu__item-title.active + ul {
	width: 100%;
	height: auto;
	overflow: visible;
	left: inherit;
} */
.menu__item-link {
	display: block;
	padding: 10px;
	cursor: pointer;
	border-radius: 4px;
	color: #fafafa;
}
.menu__item-link.active {
	background-color: #1f1f1f;
}
.menu__item-link:not(.active):hover {
	background-color: #444;
}
/**/

/* Container das ABAS */
.tabs-container {
    position: relative;
    width: 100%;
    padding: 2rem 0;
    margin: 0 auto;
}
.tabs-container p {
    margin: 0;
    padding: 0;
}
.tabs-container:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: none;
}
/* ABAS */
input.tabs {
    display: none;
}
input.tabs ~ div {
    width: 100%;
    opacity: 0;
    display: none;
    position: relative;
    left: 0;
    top: -1px;
    padding: 2rem;
	box-shadow: 0 3px 10px 0px rgb(0 0 0 / 40%);
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
    z-index: -1;
    transition: opacity ease-in-out 0.3s;
}
input#tab1:checked ~ .tab1,
input#tab2:checked ~ .tab2,
input#tab3:checked ~ .tab3,
input#tab4:checked ~ .tab4,
input#tab5:checked ~ .tab5,
input#tab6:checked ~ .tab6,
input#tab7:checked ~ .tab7 {
    display: table;
    width: 100%;
    opacity: 1;
    z-index: 1;
}
input#tab2:checked ~ .tab2,
input#tab2:checked ~ .tab2,
input#tab3:checked ~ .tab3,
input#tab4:checked ~ .tab4,
input#tab5:checked ~ .tab5,
input#tab6:checked ~ .tab6,
input#tab7:checked ~ .tab7 {
	border-top-left-radius: 4px;
}
/* Labels */
input.tabs + label {
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    float: left;
    cursor: pointer;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    /* border-width: 1px 1px 0px; */
    background-color: var(--bg-app);
    /* border-color: transparent;
    border-style: solid; */
    z-index: 1;
	font-size: 1.4rem;
    text-transform: uppercase;
	color: #a7a7a7;
}
input.tabs:checked + label {
	position: relative;
    /* border-color: #f9c310; */
	box-shadow: 0 3px 10px 0px rgb(0 0 0 / 40%);
    z-index: 2;
	color: #fafafa;
}
input.tabs:checked + label::after {
	content: "";
	position: absolute;
	top: calc(100% - 1rem);
	left: 0;
	width: 100%;
	height: 2.5rem;
	background: var(--bg-app);
}
input.tabs + label a {
	color: #a7a7a7;
}
.tableList, #couponListBatch {
    width: 100%;
    margin: 0 0 1rem;
	font-family: monospace;
}
.tableList li, #couponListBatch li {
    list-style: none;
}
.tableList th:not(:last-child), #couponListBatch th:not(:last-child), .tableList td:not(:last-child), #couponListBatch td:not(:last-child) {
    padding: 0 20px 0 10px;
}
.tableList th, #couponListBatch th {
    padding: 6px 10px;
}
.tableList th:not(:first-child), #couponListBatch th:not(:first-child) {
    text-align: center;
}
.tableList .couponListCenter, #couponListBatch .couponListCenter {
    text-align: center;
}
.tableList .couponName, #couponListBatch .couponName {
    cursor: pointer;
    margin: 0 20px 0 0;
}
.tableList tr:nth-child(odd), #couponListBatch tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.1);
}
.tableList .couponItem:hover, #couponListBatch .couponItem:hover {
    cursor: pointer;
    background-color: rgba(249, 194, 15, 0.1);
}
.tableList .slicon-eye:hover, #couponListBatch .slicon-eye:hover {
    font-weight: 700;
    cursor: pointer;
}
#sellList {
    width: 100%;
}
#sellList li {
    list-style: none;
}
#sellList th:not(:last-child), #sellList td:not(:last-child) {
    padding: 0 20px 0 10px;
}
#sellList th {
    padding: 6px 10px;
}
#sellList th:not(:first-child) {
    text-align: center;
}
#sellList .sellListCenter {
    text-align: center;
}
#sellList .sellEmail {
    cursor: pointer;
    margin: 0 20px 0 0;
}
#sellList tr:nth-child(odd) {
    background-color: #f2f2f2;
}
#sellList .sellItem:hover {
    cursor: pointer;
    background-color: #97377c;
}
#sellList .slicon-eye:hover {
    font-weight: 700;
    cursor: pointer;
}
.getSells .exportSells {
    margin-left: auto;
}
.getSells, .getSellsBatch, .searchTableLIst {
    display: inline-flex;
	width: 100%;
    margin: 0 0 16px;
}
.searchNortonKeys {
	align-items: center;
}
.nortonInfo {
	margin-left: auto;
    padding: 0 1.6rem 0 0;
}
.getSells label {
	margin: 0 1rem 0 0;
}
.getSellsBatch input,
.searchTableLIst input,
.getSells input {
	margin: 0 1rem 0;
}
.btn-primary {
    margin: 0 1rem 0 0;
	background: rgba(249, 195, 15, 0.1);
    border: 1px solid #f9c30f;
	color: #f9c30f;
}
.form-control {
    margin: 0 0 0.5rem;
}
select.form-control {
    width: 100%;
}
.exportNorton {
	margin-left: auto;
}
/* pagination */
.pagination {
	margin: 1rem 0;
}
.pagination .prev {
	margin: 0 1rem 0 0;
}
.pagination .next {
	margin: 0 0 0 1rem;
}

/* FORM */
.form {
	width: 100%;
	max-width: 700px;
}
.form a {
	color: #333;
}
.form__row {
	width: 100%;
	display: flex;
	gap: 2%;
	margin: 0 0 1rem;
}
.form__row div {
	width: 100%;
}
.form label {
	display: inline-block;
	margin: 0 1rem 0 0;
}
.form__col {
	display: flex;
	width: 100%;
	gap: 5%;
}
.form--login {
	width: 35rem;
	padding: 3.2rem;
	background: #eee;
}
.form__field {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 3%;
	flex: 1;
	margin: 1rem 0 0;
}
.form__field--inline {
	display: inline-flex;
}
.form__input {
	display: block;
	width: 100%;
	padding: 8px 5px;
	background: #fafafa;
	transition: border-color .2s;
	border: 2px solid #d3d3d3;
	border-radius: 4px;
	font-size: 17px;
}
.form__input:focus {
	border-color: #444;
}
.form__input--upper {
	text-transform: uppercase;
}
.form__label {
	position: relative;
	display: inline-block;
	margin: 0 16px 0 0;
	transition: transform 0.2s;
	color: #555;
	line-height: 38px;
	height: 40px;
	font-weight: 500;
	cursor: text;
}
.form__label--checkbox {
	cursor: pointer;
}
.form__label-required {
	font-weight: 600;
	color: #900;
}

.form__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 0; /* Firefox */
}
.form__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}
.form__input::-ms-input-placeholder { /* Microsoft Edge */
  color: transparent;
}
.form__input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1; /* Firefox */
}
.form__input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a9a9a9;
}
.form__input:focus::-ms-input-placeholder { /* Microsoft Edge */
  color: #a9a9a9;
}

.form__bnt {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	width: 100%;
	height: 40px;
	margin: 0;
	overflow: hidden;
	z-index: 0;
	cursor: pointer;
	border-radius: 4px;
	line-height: 39px;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fafafa;
}
.form__bnt::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #444;
}
.form__bnt:hover::before {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}
.form__bnt--search {
	width: 44px;
	background: #c5c5c5;
}
.form__bnt--search::before {
	background: #c5c5c5;
}
.form__bnt--gray::before {
	background: #c5c5c5;
}
.form__bnt--green {
	color: #fafafa;
}
.form__bnt--green::before {
	background: #009966;
}
.form__bnt--red {
	color: #fafafa;
}
.form__bnt--red::before {
	background: #cd2122;
}
.form__bnt--yellow {
	color: #000;
}
.form__bnt--yellow::before {
	background: #f9c30f;
}
.form select {
	/* -webkit-appearance: none;
	appearance: none;
	display: block;
	padding: 8px 5px;
	margin: 0 0 30px; */
	outline: none;
	border: 1px solid #d3d3d3;
}
.form textarea {
	display: block;
	width: 100%;
	margin: 1rem 0;
	outline: none;
	border: 1px solid #d3d3d3;
}
@media (max-width: 768px) {
	.form__col {
		flex-direction: column;
	}
}

/*TABLE*/
.table {
	overflow-x: auto;
}
.table__table {
	width: 100%;
	border-collapse: collapse;
	border-radius: 4px;
	overflow: hidden;
}
.table tr {
	border: 1px solid #ddd;
}
.table tr:first-child {
	border-color: transparent;
}
.table tr:nth-child(even) {
	background-color: #f5f5f5;
}
.table td,
.table th {
	padding: 6px;
	white-space: pre;
}
.table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #cdcdcd;
	color: #444;
}
@media (max-width: 768px) {
	.table--clients td ~ td,
	.table--clients th ~ th {
		display: none;
	}
}
.table__thumbnail {
	display: block;
	max-width: 150px;
	height: auto;
}
.table__a {
	font-weight: 600;
}
.table--small {
	font-size: .8rem;
}
.table--bold {
	font-weight: 600;
}
@media (min-width: 768px) {
	.table--clients .table__options-link {
		opacity: 0;
	}
	.table--clients tr:hover .table__options-link {
		opacity: 1;
	}
}
.table__options-link {
	display: inline-block;
	margin: 6px 0 0;
	font-size: .8rem;
}
.table__options-link:not(:last-child) {
	margin: 6px 10px 0 0;
}
.table__options-link:not(:last-child)::after {
	content: '|';
	margin: 0 0 0 10px;
}
/*table variations*/
.table--pizzas {
	font-size: normal;
}
.table__pizza-description {
	max-width: 340px;
}
/**/

/* PAGINATION */
.pagination {
	display: flex;
	margin: 30px 0 0;
}
.pagination__page {
	min-width: 35px;
	height: 35px;
	line-height: 30px;
	background: #fafafa;
	transition: border-color .2s;
	border: 2px solid #d3d3d3;
	border-radius: 4px;
	font-weight: 600;
	text-align: center;
}
.pagination__page:hover {
	border-color: #444;
}
.pagination__separator {
	height: 35px;
	margin: 0 2px 0 -2px;
	line-height: 30px;
	cursor: default;
	font-weight: 600;
	text-align: center;
}
.pagination__page:not([href]) {
	cursor: default;
}
.pagination__page--active {
	background-color: #444;
	border-color: #444;
	color: #fafafa;
}
.pagination__page:not(:last-child) {
	margin: 0 4px 0 0;
}
/* PAGINATION */

/* CONFIRM DIALOG */
.alert {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.4);
	z-index: 9999;
}
.alert__bar {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	background: #eee;
	padding: 30px 0;
}
.alert__h2 {
	width: 100%;
	text-align: center;
	margin: 0 0 20px;
}
.alert__div {
	margin: 16px auto;
	text-align: center;
}
.alert__p {
	width: 100%;
	margin: 16px 0;
	white-space: pre;
	text-align: left;
}
.alert__bnt {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 16px;
	overflow: hidden;
	z-index: 0;
	cursor: pointer;
	border-radius: 4px;
	line-height: 39px;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #444;
}

.alert__bnt::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #fafafa;
}
.alert__bnt:hover::before {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
}
.alert__bnt--green {
	color: #fafafa;
}
.alert__bnt--green::before {
	background: #009966;
}

/* LOADER v1.0
Criado por Pablo Santos, baseado em um loading
de um jogo que jogo muito - Warface <3
*/
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.4);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 9999;
}
.loading:not(.hide) {
	animation: fadein .5s;
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.loading__bar {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	background: #eee;
	padding: 30px 0;
}
.loading__h2 {
	width: 100%;
	text-align: center;
	margin: 0 0 20px;
}
.loader {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
}
.loader1 {
	position: absolute;
	width: 70px;
	height: 70px;
	-webkit-animation: spinF 3.5s linear infinite;
	animation: spinF 3.5s linear infinite;
}
.loader2 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	height: 50px;
	-webkit-animation: spinS 3.6s linear infinite;
	animation: spinS 3.6s linear infinite;
}
.loader1::after {
	content: ' ';
	position: absolute;
	border: 6px solid transparent;
	border-bottom: 6px solid #444;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.loader1::before {
	content: ' ';
	position: absolute;
	border: 6px solid transparent;
	border-top: 6px solid #444;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}
.loader2::after {
	content: ' ';
	position: absolute;
	border: 6px solid transparent;
	border-top: 6px solid #444;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
.loader2::before {
	content: ' ';
	position: absolute;
	border: 6px solid transparent;
	border-bottom: 6px solid #444;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
@-webkit-keyframes spinF {
	from {
		-webkit-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@keyframes spinF {
	from {
		-webkit-transform: rotate(-0deg);
		transform: rotate(-0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes spinS {
	from {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	to {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg);
	}
}
@keyframes spinS {
	from {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	to {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg);
	}
}

.hide {
	width: 1px;
	height: 1px;
	overflow: hidden;
	left: -1px;
}

.mobile-hide {
	display: none;
}
/* -------------------------------------- */
.psx-modal {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1035;
	font-family: monospace;
}
.psx-modal[data-active='true'] {
	display: flex;
}
.psx-modal .psx-modal__area {
	display: flex;
	flex-flow: column nowrap;
	min-width: 540px;
	max-width: 620px;
	max-height: 80%;
}
.psx-modal .psx-modal__titlebar {
	display: flex;
	justify-content: space-between;
	padding: 1rem 1.5rem;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	background: #5a5a5a;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	text-transform: uppercase;
	color: #fafafa;
}
.psx-modal .psx-modal__titlebar__h4 {
	font-weight: 500;
}
.psx-modal .psx-modal__close {
	cursor: pointer;
	background: none;
	border: none;
	height: auto;
	line-height: normal;
	color: #fafafa;
}
.psx-modal .psx-modal__close .icon-svg {
	width: 1rem;
	height: 1rem;
	fill: currentColor;
}
.psx-modal .psx-modal__content {
	display: block;
	width: 100%;
	padding: 0 1.5rem 0;
	overflow-y: auto;
	z-index: 1;
	background: #5a5a5a;
	border: 1px solid var(--theme-color);
}
.psx-modal .psx-modal__txt {
	padding: 1rem 0;
}
.psx-modal .psx-modal__txt div span:first-child {
	font-weight: 700;
}
.psx-modal .psxmodalno {
	visibility: hidden;
}
.psx-modal .psx-modal__footer {
	display: flex;
	justify-content: space-between;
	padding: 1rem 1.5rem;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	background: #5a5a5a;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border: 1px solid var(--theme-color);
	text-transform: uppercase;
	color: #fafafa;
}
.psx-modal-loading {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1035;
	background: #000 1f;
}
.psx-modal-loading[data-active='true'] {
	display: flex;
}
.psx-modal-loading .psx-modal__area-loading {
	display: flex;
	flex-flow: column nowrap;
	min-width: 540px;
	max-width: 620px;
	max-height: 80%;
}
.psx-modal-loading .psx-modal__content-loading {
	display: block;
	width: 100%;
	padding: 2rem;
	overflow-y: auto;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	background: #5a5a5a;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border: 1px solid var(--theme-color);
}
.psx-modal-loading .psx-modal__txt-loading {
	text-align: center;
	padding: 1rem 0;
}
.psx-modal-loading .psx-modal__txt-loading div span:first-child {
	font-weight: 700;
}