:root {

	/* COLORS */
	--color-primary: #23D366;
	--color-secondary: #FFA51B;
	--color-background: #f4f6f8;
	--color-black: #080807;
	--color-gray: #666666;

	/* BADGES */
	--badge-green: #00c4a1;

	--badge-orange: #f9a73f;
	--badge-orange-bg: #f9a73f20;

	--badge-red: #ff6363;
	--badge-red-bg: #ff636315;

}

body {
	background: #f4f6f8;
	font-family: Poppins;
}

input.input__hidden {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	overflow: hidden !important;
}

button.button__hidden {
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	overflow: hidden !important;
	background: transparent;
	border: none;
}

button.back {
	background: transparent;
	font-size: 11pt;
	border: none;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

	color: #999;
	font-weight: 300;
}

button.back svg {
	width: 20px;
}

/* AUDIT */

.audit__row {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	gap: 30px;
}

.audit__row .audit__item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0px;
}

.audit__row .audit__item .audit__icon {
	width: 50px;
	height: 50px;
	background: #00000008;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12pt;
	border-radius: 50px;
	color: #666;
	border: 1px solid #00000005;
}

.audit__row hr {
	width: 25px;
	border-color: #343a4010;
	opacity: 1;
	margin: 0px;
}

.audit__row .audit__item .audit__text {
	padding-left: 20px;
	border-left: 1px solid #00000010;
}

.audit__row .audit__item .audit__text p.title {
	font-size: 11pt;
	font-weight: 400;
	margin-bottom: 0px;
	color: #343a40;
}

.audit__row .audit__item .audit__text p.desc {
	font-size: 10pt;
	font-weight: 300;
	margin-bottom: 0px;
	color: #343a4070;
}

/* STATUS */

.status__venda {
	font-size: 9pt;
	font-weight: 500;
	padding: 5px 10px;
	border-radius: 15px;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
}

/* MODAL */

.modal-backdrop {
	backdrop-filter: blur(5px) !important;
	z-index: 1010 !important;
	opacity: 1 !important;
	background: #00000050;
}

.modal-content {
	border: none !important;
	border-radius: 35px !important;
}

.modal-header {
	padding: 25px 35px 10px 35px !important;
	border-color: #fafafa;
}

.modal-header h1 {
	font-size: 1.1rem !important;
	font-weight: 400 !important;
	color: #0d0d0d !important;
}

.modal .btn-close {
	opacity: .2 !important;
	background: transparent var(--bs-btn-close-bg) center/.8em auto no-repeat !important;
}

.modal .modal-body {
	padding: 35px !important;
	border-color: #fafafa !important;
	font-size: .9rem !important;
	font-weight: 300 !important;
}

.modal .modal-footer {
	padding: 25px 35px 25px 35px !important;
	border-color: #fafafa !important;
}

.modal .modal-footer button {
	padding: 10px 20px !important;
	font-weight: 500 !important;
	border-radius: 15px !important;
	font-size: .8rem !important;
	box-shadow: none !important;
	outline: none !important;
	border: none !important;
	background: #eaeaea;
	color: #999;
}

.modal .modal-footer button:disabled {
	filter: saturate(30%) brightness(1.5);
}

.modal .modal-footer button.fill {
	background: var(--color-primary);
	border-color: var(--color-primary);
	font-weight: 600 !important;
	margin: 0px !important;
	color: #fff;
}

.modal .modal-body::-webkit-scrollbar {
	width: 10px;
}

.modal .modal-body::-webkit-scrollbar-track {
	background: #ffffff;
}

.modal .modal-body::-webkit-scrollbar-thumb {
	background-color: #e9e9e9;
	border: 3px solid #ffffff;
	border-radius: 20px;
}

.modal .modal__content {
	padding: 20px 25px;
}


/* ALERT */

.alert {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 15px;
	font-size: 10pt;
	font-weight: 300;
	padding: 20px;
	border-radius: 30px;
	margin-top: 20px;

	background: #23D36610;
	color: #000000;
}

.alert p {
	margin-bottom: 0px;
	font-weight: 400;
	color: #063015;
}

.alert svg {
	color: #7fcb9b;
}

.alert__red { background: var(--badge-red-bg); }
.alert__red p { color: var(--badge-red); }
.alert__red svg { color: var(--badge-red); }

.alert__orange { background: var(--badge-orange-bg); }
.alert__orange p { color: var(--badge-orange); }
.alert__orange svg { color: var(--badge-orange); }


/* SWALL > TOASTS */

.swal2-toast.swal2-icon-success .swal2-title {
	font-weight: 500 !important;
	color: #ffffff !important;
}

.swal2-toast.swal2-icon-success {
	box-shadow: 0px 0px 50px #343a4010 !important;
	border-radius: 25px !important;
	padding: 1em 1.5em;
	background: var(--badge-green) !important;
}

.swal2-container {
	overflow: visible !important;
}

.swal2-toast.swal2-icon-error .swal2-title {
	font-weight: 500 !important;
	color: #ffffff !important;
}

.swal2-toast.swal2-icon-error {
	box-shadow: 0px 0px 50px #343a4010 !important;
	border-radius: 25px !important;
	padding: 1em 1.5em;
	background: var(--badge-red) !important;
}

.swal2-container {
	overflow: visible !important;
}


/* SWALL */

.swallPopup {
	padding: 50px 50px 75px 50px !important;
	border-radius: 60px !important;
	overflow: hidden !important;
}

.swallContainer.swal2-backdrop-show {
	backdrop-filter: blur(5px);
	background: #00000050 !important;
	opacity: 1 !important;
}

.swallPopup h2 {
	font-weight: 600 !important;
	color: #0d0d0d !important;
}

.swallPopup .swal2-html-container {
	font-weight: 300 !important;
	color: #979797 !important;
}

.swallPopup .swal2-actions button {
	padding: 10px 20px !important;
	border-radius: 15px !important;
	transition: all 200ms !important;
	font-weight: 600;
}

.swallPopup .swal2-actions button:focus {
	outline: none !important;
	box-shadow: none !important;
}

.swallPopup .swal2-warning {
	border-color: #f8bb86 !important;
	color: #ff9c45 !important;
}

.swallPopup .swal2-info {
	border-color: #90e8d8 !important;
	color: #90e8d8 !important;
}

.swallPopup .swal2-success-ring,
.swallPopup .swal2-success-fix,
.swallPopup .swal2-success-ring {
	border-color: #90e8d8 !important;
	color: #90e8d8 !important;
}

.swallPopup .swal2-success-line-tip,
.swallPopup .swal2-success-line-long {
	background-color: #90e8d8 !important;
}
}

.swallPopup .swal2-error {
	border-color: #ff5858;
}

.swallPopup .swal2-x-mark span {
	background-color: #ff3056;
}


/* RESPONSIVIDADE */

.mobile__only {
	display: none !important;
}

@media screen and (max-width: 768px) {

	.mobile__only {
		display: block !important;
	}

	.desktop__only {
		display: none !important;
	}

}


/* ANIMAÇÕES */

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