/* 
* ---------------------------------------------------------------------------------------------]
* ---------------------------------------------------------------------------------------[ ALL ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* ALL
*/

.label {
	border-radius: 4px !important;
}

.grecaptcha-badge {
	display: none !important;
}

.diff-original pre {
	margin: 0px 0px 20px 0px;
	border-radius: 4px;
}

.diff-changed pre {
	margin: 0px 0px 20px 0px;
	border-radius: 4px;
}

pre.diff-result {
	margin: 0px 0px 0px 0px;
	border-radius: 4px;
}

/*
* Texts
*/

.text-compact {
	white-space: nowrap;       
	overflow: hidden;          
	text-overflow: ellipsis;   
}

@media screen and (max-width: 767px) {
	.text-compact {
		max-width: 225px;
	}

	.text-compact::after {
		content: '...'; 
		position: absolute; 
		bottom: 0; 
		right: 0; 
	}
}

/*
* ALL ::: Backgrounds
*/

.bg-primary-custom {
	background-color: var(--color-custom-primary) !important;
}

.bg-secondary-custom {
	background-color: var(--color-custom-secondary) !important;
}

.bg-tertiary-custom {
	background-color: var(--color-custom-tertiary) !important;
}

/*
* ALL ::: Root access
*/

.root-border-danger {
 /* position: fixed;
  border: 5px solid red;
  z-index: 9999;
  width: 100%;
  height: 100%;*/
}

/* 
* ---------------------------------------------------------------------------------------------]
* ---------------------------------------------------------------------------------[ BOOTSTRAP ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* Bootstrap 5 ::: Inputs
*/

.input-group-text {
	color: var(--color-custom-primary);
	background-color: var(--color-custom-white);
	border: 1px solid #e5e6e7;
	border-radius: 4px;
}

/*
* Bootstrap 5 ::: Toast
*/

@media (max-width: 1024px) {
	.toast-container {
		top: 75px !important;
	}
}

.toast-container {
	z-index: 3000;
	max-height: 100vh;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	right: 18px !important;
}

.toast-container {
	-ms-overflow-style: none; 
	scrollbar-width: none; 
}
.toast-container::-webkit-scrollbar { 
	display: none; 
}

.toast.toast-success {
	background: var(--color-custom-white);
	border-radius: 8px;
	border: 1px solid #198754;
}

.toast.toast-success .toast-header {
	background: #198754;
	border-radius: 8px;
	color: var(--color-custom-white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.toast.toast-success .toast-header .btn-close {
	color: var(--color-custom-white) !important;
	background: none;
	display: flex;
	justify-content: center;
	opacity: 1;
	align-items: center;
}

.toast.toast-danger {
	background: var(--color-custom-white);
	border-radius: 8px;
	border: 1px solid #ed5565;
}

.toast.toast-danger .toast-header {
	background: #ed5565;
	border-radius: 8px;
	color: var(--color-custom-white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.toast.toast-danger .toast-header .btn-close {
	color: var(--color-custom-white) !important;
	background: none;
	display: flex;
	justify-content: center;
	opacity: 1;
	align-items: center;
}

.toast.toast-warning {
	background: var(--color-custom-white);
	border-radius: 8px;
	border: 1px solid #ffc107;
}

.toast.toast-warning .toast-header {
	background: #ffc107;
	border-radius: 8px;
	color: var(--color-custom-white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.toast.toast-warning .toast-header .btn-close {
	color: var(--color-custom-white) !important;
	background: none;
	display: flex;
	justify-content: center;
	opacity: 1;
	align-items: center;
}

.toast.toast-info {
	background: var(--color-custom-white);
	border-radius: 8px;
	border: 1px solid #0dcaf0;
}

.toast.toast-info .toast-header {
	background: #0dcaf0;
	border-radius: 8px 8px 0px 0px;
	color: var(--color-custom-white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.toast.toast-info .toast-header .btn-close {
	color: var(--color-custom-white) !important;
	background: none;
	display: flex;
	justify-content: center;
	opacity: 1;
	align-items: center;
}

.toast.toast-all {
	background: var(--color-custom-white);
	border-radius: 8px;
	border: 1px solid #343a40;
}

.toast.toast-all .toast-header {
	background: #343a40;
	border-radius: 8px;
	color: var(--color-custom-white);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.toast.toast-all .toast-header .btn-close {
	color: var(--color-custom-white) !important;
	background: none;
	display: flex;
	justify-content: center;
	opacity: 1;
	align-items: center;
}

.toast-footer {
	padding: var(--bs-toast-padding-x);
	word-wrap: break-word;
	background: #f8f8f8;
	font-size: 0.7rem;
	text-align: end;
	border-radius: 0px 0px 8px 8px;
}

input, select {
	height: 42px !important;
}

/*
* Bootstrap 5 ::: All
*/

a {
	text-decoration: none !important;
}

/*
* Bootstrap 5 ::: Accordion
*/

.accordion-item {
	border-radius: 0 !important;
}

.accordion-button {
	border-radius: 0 !important;
}

.accordion-button a {
	color: #676A6C;
	font-size: 13px;
}

.accordion-body pre {
	margin: 0px;
}

/*
* Bootstrap 5 ::: Login
*/

.card-login {
	max-width: 350px;
	min-width: 350px;
}

/*
* Radio buttons
*/

.form-check {
	margin: 0px !important;
	padding: 0px !important;
}

.form-check-input[type=radio] {
	border-radius: 50%;
	height: 18px !important;
	width: 18px !important;
	margin: 0;
	padding: 0;
}

.form-check-input:checked {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
}

/* 
* ---------------------------------------------------------------------------------------------]
* ------------------------------------------------------------------------------------[ COMMON ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* COMMON ::: Custom scrollbar
*/

::-webkit-scrollbar {
	width: 18px;
}

::-webkit-scrollbar-track {
	background: var(--color-custom-primary);
}

::-webkit-scrollbar-thumb {
	background: var(--color-custom-secondary);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--color-custom-tertiary);
}

/*
* COMMON ::: Widget
*/

.widget.navy-bg.p-lg.text-center {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	border-radius: 0 !important;
}

/*
* COMMON ::: Tela de carregamento
*/

.pace .pace-progress {
	background: var(--color-custom-primary);
	height: 5px;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 12em;
	height: 12em;
}

.loader {
	margin: auto;
	font-size: 15px;
	position: relative;
	text-indent: -9999em;
	border-top: 0.3em solid var(--color-custom-secondary);
	border-right: 0.3em solid var(--color-custom-white);
	border-bottom: 0.3em solid var(--color-custom-white);
	border-left: 0.3em solid var(--color-custom-white);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*
* LOADING ::: Spinner
*/

.spiner {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100vh;
	font-size: 32px;
	font-weight: bold;
	background-color: var(--color-custom-primary);
	padding-top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sk-spinner-cube-grid.sk-spinner {
	width: 200px !important;
	height: 200px !important;
	margin: 0 auto;
}

.box-shadow {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* 
* ---------------------------------------------------------------------------------------------]
* ------------------------------------------------------------------------------------[ HEADER ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* HEADER AND BODY ::: RESPONSIVE
*/

@media (max-width: 1024px) {
	/*body.fixed-sidebar #page-wrapper {
		margin: 0;
		width: 100%;
	}
*/
	body.fixed-nav #wrapper .navbar-static-side, 
	body.fixed-nav #wrapper #page-wrapper {
		margin-top: 60px;
	}
}

/*
* HEADER ::: Notification counter
*/

.notification-amount {
	position: relative;
}

.notification-amount .label {
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	left: 4px;
	top: 12px;
	right: auto;
	background: #1ab394;
	border-radius: 8px;
}

.online-amount {
	position: relative;
}

.online-amount .label {
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	left: 4px;
	top: 12px;
	right: auto;
	background: #1ab394;
	border-radius: 8px;
}

/* 
* ---------------------------------------------------------------------------------------------]
* --------------------------------------------------------------------------------------[ MENU ]
* ---------------------------------------------------------------------------------------------]
*/

/* 
* Menu mobile
*/

.menu-mobile {
	height: 75px;
	background: var(--color-custom-primary) !important;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 99998;
}

.menu-mobile i {
	width: 50px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: var(--color-custom-secondary);
}

.menu-mobile .accordion {
	background: var(--color-custom-primary);
	display: flex;
	justify-content: start;
	align-items: center;
}

.menu-overlay-with-animation .card {
	border-color: var(--color-custom-primary);
	border: 0px !important;
	border-radius: 8px;
	background: var(--color-custom-primary);
	padding: 0px;
	width: 100%;
}

.menu-mobile .collapse.show {
	width: 100%;
	background: var(--color-custom-tertiary);
}

.menu-mobile .card-body {
	text-align: start !important;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
	padding: 0;
	padding-left: 25px;
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.menu-overlay-with-animation .card-header {
	background: var(--color-custom-primary) !important;
	border-color: var(--color-custom-primary) !important;
	width: 100%;
	padding: 0px;
}

.menu-overlay-with-animation::after, 
.menu-overlay-with-animation::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.menu-overlay-with-animation::after, 
.menu-overlay-with-animation::before {
	content: '';
}

.cd-logo, 
.cd-nav-trigger {
	position: relative;
	display: inline-block;
}

.cd-logo {
	top: 28px;
	left: 5%;
}
.cd-logo img {
	display: block;
}

.sticky-header-active .cd-nav-trigger {
	height: 71px;
	width: 71px;
}

.cd-nav-trigger {
	top: 0;
	right: 0;
	height: 100%;
	width: 70px;
	z-index: 5;
	text-indent: 100%;
	white-space: nowrap;
	transition: 0.3s;
	cursor: pointer;
}

.cd-nav-trigger .cd-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%)
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 3px;
	background-color: var(--color-custom-white);
	z-index: 10;
	width: 35px;
}

.cd-nav-trigger .cd-icon:before, 
.cd-nav-trigger .cd-icon:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-custom-white);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
}

.sticky-header-active .cd-nav-trigger .cd-icon,
.sticky-header-active .cd-nav-trigger .cd-icon:before,
.sticky-header-active .cd-nav-trigger .cd-icon:after {
	background-color: #000 !important;
}

.cd-nav-trigger .cd-icon:before {
	-webkit-transform: translateY(-6px) rotate(0deg);
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-o-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
	width: 35px;
	left: 0;
	top: -3px;
}

.cd-nav-trigger .cd-icon:after {
	-webkit-transform: translateY(6px) rotate(0deg);
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-o-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
	width: 35px;
	left: 0;
	top: 3px;
}

.cd-nav-trigger:before, 
.cd-nav-trigger:after {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0%;
	height: 100%;
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
}

.cd-nav-trigger:before {
	background-color: #0000;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.cd-nav-trigger:after {
	background-color: #d0ff0100;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
}

.cd-nav-trigger.close-nav:before {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cd-nav-trigger.close-nav:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.cd-nav-trigger.close-nav .cd-icon {
	background-color: #fff0 !important
}

.cd-nav-trigger.close-nav .cd-icon:before, 
.cd-nav-trigger.close-nav .cd-icon:after {
	background-color: var(--color-custom-white) !important;
}

.cd-nav-trigger.close-nav .cd-icon:before {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
	top: -3px;
	width: 35px;
	left: 0;
}

.cd-primary-nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	z-index: 3;
	background-color: var(--color-custom-primary);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	list-style: none;
	opacity: 0;
	-webkit-transition: visibility 0s, opacity 0.3s;
	-moz-transition: visibility 0s, opacity 0.3s;
	transition: visibility 0s, opacity 0.3s;
}

.cd-primary-nav li {
	margin: 0;
	text-align: left;
	text-transform: capitalize;
	list-style: none !important;
	font-weight: bold;
}

.cd-primary-nav a {
	font-size: 16px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	transition: color 0.2s;
	color: var(--color-custom-white) !important;
}

.cd-primary-nav a:hover{
	color: var(--color-custom-white) !important;
	text-decoration: none;
}

.no-touch .cd-primary-nav a:hover {
	color: var(--color-custom-secondary);
}

.cd-primary-nav.fade-in {
	visibility: visible;
	opacity: 1;
}

@media only screen and (min-width: 768px) {
	.cd-primary-nav li {
		margin: 2em 0;
		width: 100%;
		text-align: left;
		padding-left: 40px;
	}

	.cd-primary-nav a {
		font-size: 16px;
		text-transform: uppercase;
		width: 100%;
		display: block !important;
	}
}

@media only screen and (min-width: 1170px) {
	.cd-primary-nav li {
		margin: 2.6em 0;
	}

	.cd-primary-nav a {
		font-size: 16px;
		font-size: 2rem;
	}
}

.cd-overlay-nav, 
.cd-overlay-content {
	position: fixed;
	top: 28px;
	left: 5%;
	height: 4px;
	width: 4px;
	-webkit-transform: translateX(-2vw) translateY(20px);
	-moz-transform: translateX(-2vw) translateY(20px);
	-ms-transform: translateX(-2vw) translateY(20px);
	-o-transform: translateX(-2vw) translateY(20px);
	transform: translateX(-2vw) translateY(20px);
}

.cd-overlay-nav span,
.cd-overlay-content span {
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.cd-overlay-nav.is-hidden, 
.cd-overlay-content.is-hidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
	z-index: 2;
}

.cd-overlay-nav span {
	background-color: var(--color-custom-secondary);
}

.cd-overlay-content {
	z-index: 4;
}

.cd-overlay-content span {
	background-color: var(--color-custom-secondary);
}

.cd-content {
	padding: 80px 0;
	width: 90%;
	max-width: 768px;
	margin: 0 auto;
	z-index: 1;
}

.cd-content .cd-intro {
	height: 200px;
	padding-top: 4.6em;
}

.cd-content h1 {
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
}

.cd-content p {
	line-height: 1.5;
	color: var(--color-custom-white) !important;
}

@media only screen and (min-width: 768px) {
	.cd-content .cd-intro {
		height: 250px;
		padding-top: 6em;
	}

	.cd-content h1 {
		font-size: 28px;
		font-size: 1.75rem;
	}
	
	.cd-content p {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.8;
	}
}

.metismenu .dropdown.profile-element {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 125px;
}

.img-menu-header {
	max-width: 220px !important;
	max-height: 100px !important;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ BUTTONS ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* BUTTONS ::: WhatsApp
*/

.row-whatsapp {
	position: relative;
	border: 1px solid #f3f3f4;
	margin: 0px 0px 20px 0px;
	padding: 25px 15px;
}

.row-whatsapp:last-child {
	margin: 0px 0px 0px 0px;
}

.row-whatsapp:nth-child(even) {
	background: #f3f3f4;
}

.btn-rem-whatsapp {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 165px;
	height: 25px;
	display: flex;
	justify-content: center;
	margin: 0;
	border-radius: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	line-height: 20px;
}

.btn-rem-whatsapp i {
	margin: 0px 5px 0px 0px;
}

/*
* BUTTONS ::: Custom
*/

.btn {
	border-radius: 4px !important;
}

table button {
	padding: 0px 25px;
	max-height: 33.5px;
	height: 33.5px;
}

.btn.btn-custom-color-primary {
	background-color: var(--color-custom-primary);
	color: var(--color-custom-white);
	border: 2px solid var(--color-custom-primary);
}

.btn.btn-custom-color-primary:hover {
	background-color: var(--color-custom-white);
	color: var(--color-custom-primary);
	border: 2px solid var(--color-custom-primary);
}

.btn.btn-custom-color-secondary {
	background-color: var(--color-custom-secondary);
	color: var(--color-custom-white);
	border: 2px solid var(--color-custom-secondary);
}

.btn.btn-custom-color-secondary:hover {
	background-color: var(--color-custom-white);
	color: var(--color-custom-secondary);
	border: 2px solid var(--color-custom-secondary);
}

.bgk-btn {
	z-index: 999; 
	background-color: var(--color-custom-light); 
	position: fixed; 
	bottom: 50px; 
	right: 32px; 
	margin: 0; 
	padding: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid #ddd; 
	border-radius: 8px;
}

.bgk-btn-root {
	z-index: 999; 
	background-color: var(--color-custom-light); 
	position: fixed; 
	bottom: 50px; 
	left: 255px; 
	margin: 0; 
	padding: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	border: 1px solid var(--color-custom-danger); 
	border-radius: 8px;
}

.btn-del-extra-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 185px;
	height: 100%;
	font-size: 14px;
	border-radius: 0px 8px 8px 0px !important;
	font-weight: 400;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -------------------------------------------------------------------------------------[ IMAGE ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* IMAGE ::: Custom
*/

.center-img,
.center-preview-img {
	background-color: var(--color-custom-gray-light);
	margin-bottom: 0px;
	border-radius: 8px;
	min-height: 350px;
	max-height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center-img img,
.center-preview-img img {
	max-width: 250px;
	max-height: 250px;
}

.center-preview-img-below {
	padding: 45px;
	background-color: var(--color-custom-gray-light);
	margin-bottom: 15px;
	border-radius: 8px;
	min-height: 0;
	max-height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.center-preview-img-below img {
	max-width: 250px;
	max-height: 250px;
}

/*
* INPUTS ::: Custom files
*/

.btn-imagem-preview {
	display: none !important;
}

.label-file {
	position: relative; 
	left: -12px; 
	top: -27px;
}

.custom-file-input {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 0px;
	margin: 0;
	opacity: 0;
}

.input-file-addon {
	width: 40px !important;
	height: 35px;
	border-right: 1px solid var(--color-custom-border);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	z-index: 9;
	position: absolute;
	top: 0;
	left: 0;
}

.custom-file-label::after {
	content: "Procurar arquivo" !important;
	height: calc(calc(2.063rem + 7px) - 0px * 1) !important;
	padding: 0.55rem 3.75rem !important;
	background: #00c58c;
	color: white;
	border: 1px solid #00c58c;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.custom-file-label {
	height: calc(2.063rem + 4px) !important;
	padding: 0px 0px 0px 15px;
	line-height: 23px;
	overflow: hidden;
	display: flex;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	border: 1px solid #e5e6e7;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.custom-file-label {
	border-radius: 4px !important;
	height: 42px !important;
}

.delete-file {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 30px;
	background-color: #ff0000;
	text-align: center;
	color: #fff;
	font-size: 15px;
	padding-top: 5px;
	cursor: pointer;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ PLUGINS ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* PLUGINS ::: charCount
*/

.character-counter {
	position: absolute;
	top: -27px;
	right: 0;
	margin: 0;
	color: var(--color-custom-secondary);
}

/*
* PLUGINS ::: PWD
*/

.input-password-progress .progress:nth-child(2) {
	display: none;
}

.input-password-progress .progress {
	border-radius: 8px;
	height: 24px;
}

/*
* PLUGINS ::: Tiny MCE
*/

.tox-tinymce {
	border: 1px solid var(--color-custom-gray-light) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
	overflow: hidden !important;
	position: relative !important;
	visibility: inherit !important;
	width: auto !important;
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	flex-grow: 1 !important;
}

.tox-menu-nav__js.tox-collection__item {
	width: 100%;
}

.tox-collection__item-icon {
	width: 100% !important;
}

.tox .tox-autocompleter {
	max-width: 15em;
}

.tox .tox-menu.tox-collection.tox-collection--grid {
	padding: 0;
}

.tox .tox-collection--grid .tox-collection__group {
	padding: 10px;
}

.tox-statusbar__branding {
	display: none !important;  
}

.tox-silver-sink {
	z-index: 9999 !important;
}

.tox .tox-dialog--width-lg {
	height: 550px !important;
}

.tox .tox-image-tools__image {
	height: 290px !important;
}

.tox-tinymce {
	border-radius: 4px !important;
}

.tox.tox-tinymce {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/*
* PLUGINS ::: CodeMirror
*/

.CodeMirror {
	width: calc( 100% - 45px) !important;
}

/*
* PLUGINS ::: Choosen
*/

.chosen-container-single .chosen-single {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	height: 42px !important;
	line-height: 33px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
	background-color: var(--color-custom-light);
	border: 1px solid var(--color-custom-border);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.chosen-container .chosen-results li.highlighted {
	background-color: var(--color-custom-secondary);
	background-image: none;
	color: var(--color-custom-light); 
}

.chosen-container-single .chosen-search input[type="text"] {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.chosen-container-active .chosen-choices {
	border: 1px solid var(--color-custom-secondary);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.chosen-container-multi .chosen-choices {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width: calc(100% - 45px);
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background: #f1f1f1;
	border: 1px solid #e5e6e7;
	border-radius: 8px;
	box-shadow: none;
	color: #333;
	cursor: default;
	line-height: 18px;
	margin: 3px 0px 3px 5px;
	padding: 3px 20px 3px 5px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 26px;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
	top: 8px;
}

/*
* PLUGINS ::: Plupload
*/

.plupload_button, 
.plupload_start, 
.plupload_add {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	#fff-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.plupload_button {
	margin-left: 3px;
	font-size: 11px;
	font-weight: bold;
	color: var(--color-custom-white);
	line-height: 13px;
	margin-top: 6px;
}

.plupload_start,
.plupload_add,
.plupload_disabled {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	color: var(--color-custom-white);
}

.plupload_start {
	float: left;
	background-position: 0 -255px;
	border-radius: 0px !important;
	margin-bottom: 7px !important;
	text-transform: uppercase;
	margin-left: 15px;
	line-height: 19px;
	box-shadow: none;
}

.plupload_start span {
	padding: 5px 13px 6px 13px;
}

.plupload_start:hover {
	background-color: #f0f0f0;
	border-color: #18A689;
	color: var(--color-custom-white);
}

.plupload_start:hover span {
	background-color: #f0f0f0;
	color: #18A689;
}

.plupload_start:active {
	background-color: #18A689;
	border-color: #18A689;
	color: var(--color-custom-white);
}

.plupload_start span {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	color: var(--color-custom-white);
	font-weight: 400;
}

.plupload_disabled,
a.plupload_disabled:hover {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	color: var(--color-custom-white);
	border-radius: 4px !important;
	margin-bottom: 7px !important;
	text-transform: uppercase;
	margin-left: 15px;
	line-height: 19px;
	font-size: 13px;
	float: left;
	background-position: 0 -255px;
	box-shadow: none;
	border-radius: 0px !important;
}

.plupload_disabled span {
	padding: 5px 13px 6px 13px;
}

.plupload_add {
	float: left;
	line-height: 18px;
	background-position: 0 -255px;
	border-radius: 4px !important;
	box-shadow: none;
	margin-bottom: 0px !important;
	text-transform: uppercase;
	border-radius: 0px !important;
}

.plupload_add:hover span,
.plupload_disabled:hover span {
	background: #f0f0f0 !important;
	color: var(--color-custom-primary) !important;
}

.plupload_add:hover,
.plupload_disabled:hover {
	background: #efefef !important;
}

.plupload_add:active {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	color: var(--color-custom-white);
}

.plupload_add span {
	color: var(--color-custom-white);
	color: var(--color-custom-white);
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	text-transform: uppercase !important;
	font-weight: 400;
	letter-spacing: 0.5px;
	border: 1px solid #0000 !important;
	padding: .375rem .75rem !important;
	font-size: 13px;
}

.plupload_wrapper {
	font-size: 11px;
	width: 100%;
}

.plupload_container input {
	border: 1px solid #DDD;
	font-size: 11px;
	width: 98%;
}

.plupload_filelist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.plupload_scroll .plupload_filelist {
	height: 185px;
	background: var(--color-custom-white);
	overflow-y: scroll;
}

.plupload_filelist li {
	padding: 10px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 24px;
}

.plupload_filelist li:hover {
	background-color: #f9f9f9;
}

.plupload_filelist_header,
.plupload_filelist_footer {
	background: #EFEFEF url(../images/backgrounds/titleBg.png) repeat-x;
	padding: 3px 12px;
	color: #878787;
}

.plupload_filelist_header {
	border-bottom: 1px solid #d5d5d5;
	height: 20px;
}

.plupload_filelist_footer {
	border-top: 1px solid #D5D5D5;
	line-height: 38px;
	vertical-align: middle;
}

.plupload_file_name {
	float: left;
	overflow: hidden;
}

.plupload_filelist .plupload_file_name {
	background: url(../images/icons/uploader/arrow.png) no-repeat 0;
	padding-left: 25px;
}

.plupload_file_status {
	color: #777;
}

.plupload_file_status span {}

.plupload_file_size,
.plupload_file_status,
.plupload_progress {
	float: right;
	width: 80px;
}

.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
	text-align: right;
}

.plupload_filelist .plupload_file_name {
	width: auto;
}

.plupload_file_action {
	float: right;
	width: 14px;
	margin-top: 3px;
	height: 14px;
	margin-left: 15px;
}

.plupload_file_action * {
	display: none;
	width: 16px;
	height: 16px;
}

li.plupload_uploading {}

li.plupload_done {
	color: #AAA;
}

li.plupload_delete a {
	background: url(../images/icons/uploader/deleteFile.png) no-repeat 0;
}

li.plupload_failed a {
	background: url(../images/icons/uploader/error.png) no-repeat 0;
	cursor: default;
}

li.plupload_done a {
	background: url(../images/icons/uploader/uploaded.png) no-repeat 0;
	cursor: default;
}

.plupload_progress,
.plupload_upload_status {
	display: none;
	margin-left: 15px;
	top: 6px;
	position: relative;
}

.plupload_progress_container {
	margin-top: 10px;
	border: 1px solid #CCC;
	background: var(--color-custom-white);
	padding: 1px;
}

.plupload_progress_bar {
	width: 0px;
	height: 7px;
	background: #CDEB8B;
}

.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
	margin-right: 17px;
}

.plupload_clear,
.plupload_clearer {
	clear: both;
}

.plupload_clearer,
.plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;
}

li.plupload_droptext {
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 160px;
}

li.plupload_droptext:hover {
	background: var(--color-custom-white);
}

.lightBoxGallery img {
	margin: 0px !important;
	border: 3px solid #e5e6e7;
}

.actions {
	position: absolute;
	top: 13px;
	right: 13px;
	background-color: #ed5666;
	font-size: 12px;
	padding: 4px 8px;
	border: 1px solid #ed5666;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.actions i {
	color: var(--color-custom-white) !important;
}

.ex_red{
	color: red;
}

.img_galeria, 
.img-galeria {
	border: 1px solid #e5e6e7;
	border-radius: 8px;
	padding: 0;
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	height: 165px;
	border-bottom: 0px;
}

.img_fundo,
.img-background {
	position: relative; 
	float: left;
	margin-bottom: 0;
	padding: 10px;
	background: #f3f3f4;
	border-radius: 6px;
}

.lightBoxGallery a img:hover {
	opacity: 0.4;
}

.lightBoxGallery .actions:hover{
	display: inline-block;
}

.saveNewOrder, 
.saveImagemName {
	height: 100%;
}

.img-background .form-control {
	border: 1px solid #e5e6e7 !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: 0px !important;
	height: 38px;
}

.img-background button {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

/*
* PLUGINS ::: Checkbox
*/

.checkbox {
	width: 85px;
	height: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.checkbox label {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-custom-danger);
}

checkbox label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr {
	position: relative;
	display: inline-block;
	border: 1px solid var(--color-custom-danger);
	border-radius: 8px;
	width: 37.88px;
	height: 33px;
	float: left;
	margin-right: 5px;
}

.checkbox .cr .cr-icon {
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: var(--color-custom-danger);
}

.checkbox label input[type="checkbox"] {
	display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
	opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
	opacity: 1;
	color: var(--color-custom-white) !important;
	background: var(--color-custom-danger);
}

.checkbox label input[type="checkbox"]:disabled+.cr {
	opacity: .5;
}

label.checkbox-inline.i-checks i {
	margin-left: 10px;
}

label.checkbox-inline.i-checks.m-b {
	display: flex;
	justify-content: start;
	align-items: center;
}

.col-modules-select .col-md-12 {
	padding: 5px;
	border: 1px solid #e5e6e7;
	margin-bottom: 5px;
}

.col-modules-select .col-md-12.even:hover,
.col-modules-select .col-md-12.odd:hover {
	background: #e5e6e7;
}

.col-modules-select .col-md-12.odd {
	background: #f3f3f4;
}

.col-modules-select .col-md-12.even {
	background: var(--color-custom-white);
}

.i-checks {
	padding-left: 0;
	width: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
}

/*
* PLUGINS ::: Switchery
*/

.switchery-small {
	border-radius: 4px !important;
	width: 50px !important;
}

.switchery > small {
	border-radius: 4px !important;
}

/*
* PLUGINS ::: Swal
*/

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
	overflow: hidden;
	height: 100% !important;
}

body.swal2-height-auto {
	height: 100% !important;
}

.swal2-container {
	padding: 0px !important;
}

.swal2-popup {
	margin: 20px !important;
	width: calc(50% - 0px) !important;
	border-radius: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.swal2-actions {
	display: flex !important;
	z-index: 1 !important;
	flex-wrap: initial !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
}

.swal2-html-container {
	font-size: 20px;
	line-height: 20px;
	color: var(--color-custom-dark);
}

.swal2-confirm, 
.swal2-cancel {
	border-radius: 4px !important;
	background: initial !important;
	background-color: var(--color-custom-primary) !important;
	border-color: var(--color-custom-primary) var(--color-custom-primary) var(--color-custom-primary) var(--color-custom-primary) !important;
	color: var(--color-custom-white) !important;
	border: 1px solid var(--color-custom-primary) !important;
	text-transform: uppercase;
	letter-spacing: 0px;
	width: 275px;
	line-height: 16px;
	font-size: 14px !important;
}

.swal2-confirm:hover,
.swal2-cancel:hover {
	border: 1px solid var(--color-custom-primary) !important;
	background: var(--color-custom-white) !important;
	color: var(--color-custom-primary) !important;
}

.swal2-confirm i.fas.fa-angle-right,
.swal2-cancel i.fas.fa-angle-right {
	color: var(--color-custom-white) !important;
	margin-left: 6px;
}

.swal2-confirm:hover i.fas.fa-angle-right,
.swal2-cancel:hover i.fas.fa-angle-right {
	color: var(--color-custom-primary) !important;
}

.swal2-container.swal2-backdrop-show {
	background: var(--color-custom-dark);
	z-index: 99999;
}

.swal2-icon.swal2-error {
	border-color: var(--color-custom-primary);
	color: var(--color-custom-primary);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	background-color: var(--color-custom-primary);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	background-color: var(--color-custom-primary);
}

.swal2-title {
	font-size: 72px !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
	border: .25em solid var(--color-custom-primary);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	background-color: var(--color-custom-primary);
}

.swal2-styled:focus {
	outline: 0;
	box-shadow: none;
}

.swal2-icon {
	width: 3em;
	height: 3em;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
	top: 1.9em;
	left: .475em;
	width: 1.2em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
	top: 1.6em;
	right: 2em;
	width: 1.9375em;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.swal2-html-container i.fas.fa-angle-right {
	font-size: 82px;
	margin: 15px;
	color: var(--color-custom-primary);
}

.swal2-html-container h1 {
	margin: 0px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*
* PLUGINS :::  DataTable
*/

.table-responsive a.page-link {
	border-radius: 0px !important;
	height: 32.8px;
	line-height: 24px !important;
	font-size: 13px;
}

.page-item:first-child .page-link {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.page-item:last-child .page-link {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

tr.bg-danger td.text-danger, 
tr.bg-danger td.text-navy {
	color: var(--color-custom-white) !important;
}

table.dataTable thead .sorting:after {
	opacity: 0;
	display: none;
}

table.dataTable thead>tr>th.sorting_asc, 
table.dataTable thead>tr>th.sorting_desc, 
table.dataTable thead>tr>th.sorting, 
table.dataTable thead>tr>td.sorting_asc, 
table.dataTable thead>tr>td.sorting_desc, 
table.dataTable thead>tr>td.sorting {
	padding-right: 8px;
}

.dataTables_length select.form-control:not([size]):not([multiple]) {
	height: 2.05rem;
	margin-left: 10px !important;
	margin-right: 10px !important;
	border-radius: 4px !important;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
	display: none;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 10px;
	margin-right: 0px;
	display: inline-block;
	width: calc(100% - 78px);
	height: 32.8px;
	border-radius: 4px !important;
}

div.dataTables_wrapper div.dataTables_filter label {
	font-weight: normal;
	#fff-space: nowrap;
	text-align: left;
	margin: 0;
	width: 100%;
}

table .img-list {
	width: 150px;
	height: 75px;
	object-fit: scale-down;
	object-position: 50% 50%;
}

table .img-list.rounded-circle {
	width: 50px !important;
	height: 50px !important;
}

table.dataTable {
	border-collapse: collapse !important;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	justify-content: flex-end;
	margin-top: 0px !important;
}

.page-item.active .page-link {
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
}

td div.tooltip-demo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
	color: inherit !important;
}

table.dataTable td.dt-control:before {
	display: none !important;
}

table.dataTable.table-striped>tbody>tr.dt-hasChild + tr div {
	background-color: white !important;
	border: 1px solid var(--color-custom-border);
}

table.dataTable.table-striped>tbody>tr.dt-hasChild + tr td {
	padding: 0;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ INVOICE ]
* ---------------------------------------------------------------------------------------------]
*/

.table.invoice-header {
	background-color: var(--color-custom-light);
}

.table.invoice-footer {
	background-color: var(--color-custom-light);
}

.table.invoice-table > thead > tr:first-child > th, 
.table.invoice-table > thead > tr:first-child > td {
	border-bottom: 1px solid var(--color-custom-border);
}

.table.invoice-table > tbody > tr > th, 
.table.invoice-table > tfoot > tr > th, 
.table.invoice-table > tbody > tr > td, 
.table.invoice-table > tfoot > tr > td {
	border-top: 0px;
	border-bottom: 1px solid var(--color-custom-border);
	line-height: 1.42857;
	padding: 8px;
	vertical-align: center;
}

.table.invoice-table > tbody > tr:last-child > th, 
.table.invoice-table > tfoot > tr:last-child > th, 
.table.invoice-table > tbody > tr:last-child > td, 
.table.invoice-table > tfoot > tr:last-child > td {
	border-bottom: 0px;
}

/* 
* ---------------------------------------------------------------------------------------------]
* ------------------------------------------------------------------------------------[ INPUTS ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* INPUTS ::: Files
*/

p.p-file-name {
	display: block;
	width: 100%;
	#fff-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
}

.ibox-title-files {
	border: none !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
	0 3px 1px -2px rgba(0, 0, 0, 0.2), 
	0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
	margin-bottom: 20px !important;
}

.md-skin .file {
	border-radius: 0px !important;
}

.file .file-name {
	word-break: break-all !important;
}

.container-list-files .file {
	margin: 0 !important;
}

.container-list-files .file-box {
	float: none;
	width: 20%;
}

.file .file-name {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	min-height: 78px !important;
}

.file-name small {
	color: #676a6c;
	position: absolute;
	border: #676a6c;
	bottom: 10px;
}

.file .icon {
	padding: 15px 15px;
	text-align: center;
}

.file .icon, .file .image {
	height: 105px !important;
	overflow: hidden !important;
	border: 1px solid !important;
	margin: 0px !important;
	padding: 0 !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border-color: #f8f8f8 !important;
}

.img-folder {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100px;
	border: 1px solid #dbdbdb;
	padding: 0;
	border-radius: 5px;
} 

.col-file {
	border: solid;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
	0 3px 1px -2px rgba(0, 0, 0, 0.2), 
	0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.folder-list a.active {
	font-weight: bold;
	color: var(--color-custom-primary);
}

.folder-list a.active i{
	font-weight: bold;
	color: var(--color-custom-primary);
}

.file {
	margin-bottom: 20px;
	margin-right: 0; 
}

/*
* INPUTS ::: Datepicker
*/

.input-daterange input:first-child,
.input-daterange input:last-child {
	height: 32.8px;
}

.input-daterange .input-group-addon {
	line-height: 21px;
	padding: 5px;
}

.datepicker.dropdown-menu {
	border-radius: 8px;
}

.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:active 
.datepicker table tr td.today, 
.datepicker table tr td.today:active {
	background: var(--color-custom-primary);
	color: var(--color-custom-white);
	border-radius: 100% !important;
	font-weight: 800;
}

.datepicker-days {
	padding: 5px;
}

.datepicker-dropdown {
	padding: 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
	0 3px 1px -2px rgba(0, 0, 0, 0.2), 
	0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.datepicker table tr td, .datepicker table tr th {
	text-align: center;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	border: none;
}

.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active:active {
	color: var(--color-custom-white);
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	border-radius: 100% !important;
}

.datepicker {
	width: 250px;
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	z-index: 99999 !important;
	-webkit-transform : translateX(-50%) translateY(-50%);
	-moz-transform : translateX(-50%) translateY(-50%);
	-ms-transform : translateX(-50%) translateY(-50%);
	transform : translateX(-50%) translateY(-50%);
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
	display: none !important;
}

.datepicker-overlay {
	content: '';
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	transition: visibility 0s ease .4s, opacity .4s ease;
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

.datepicker table {
	width: 100%;
}

.datepicker table tr td, 
.datepicker table tr th {
	border-radius: 0px !important;
}

.datepicker table tr td.disabled, 
.datepicker table tr td.disabled:hover {
	color: #e2e2e2;
	cursor: not-allowed;
	background: var(--color-custom-white);
}

#datePickerHeader .primary {
	color: var(--color-custom-white); 
	font-weight: 800; 
	background-color: var(--color-custom-primary);
}

#datePickerHeader .secondary {
	color: var(--color-custom-white); 
	font-weight: 800; 
	background-color: var(--color-custom-primary);
	height: 90px; 
	font-size: 68px; 
	line-height: 68px;
}

/*
* INPUTS ::: Custom
*/

.form-control:not(textarea), 
.single-line:not(textarea) {
	border: 1px solid #e5e6e7 !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	height: 38px;
}

form {
	margin: 0;
}

table {
	font-size: inherit !important;
}

textarea {
	resize: none !important;
}

select {
	padding: 5.988px 30px !important;
	-webkit-padding-end: 35px !important;
	-webkit-padding-start: 10px !important;
	border: 1px solid #e5e6e7 !important;
	border-left: 0px !important;
	margin: 0 !important;
	font-size: 0.9rem !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: linear-gradient(45deg, #0000 50%, #9da0a0 50%), linear-gradient(135deg, #9da0a0 50%, #0000 50%), linear-gradient(to right, #9da0a0 , #9da0a0) !important;
	background-position: calc(100% - 13px) calc(1em + 0px), calc(100% - 8px) calc(1em + 0px), calc(100% - 1.8em) 0.3em !important;
	background-size: 5px 5px, 5px 5px, 1px 1.6em !important;
	background-repeat: no-repeat !important;
}

.form-group label {
	margin-bottom: 5px;
}

label.error {
	display: inline-block;
	margin: 0px;
	position: absolute;
	text-transform: uppercase;
	right: 0px;
	font-size: 10px !important;
	top: -15px;
	background: #ed5666;
	color: var(--color-custom-white) !important;
	padding: 0px 5px;
}

.input-group-addon {
	width: 40px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

.form-control-color {
	border-radius: 4px !important;
	padding: 0px;
	border: 0px !important;
}

/*
* INPUT ::: Limit chars
*/

.small-with-limit-chars {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-width: 250px;
}

.b-with-limit-chars {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-width: 250px;
}

.limit-chars-3-lines {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.limit-chars-10-lines {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
}

/* 
* ---------------------------------------------------------------------------------------------]
* ----------------------------------------------------------------------------------[ INSPINIA ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* INSPINIA ::: Custom
*/

.breadcrumb > .active {
	color: var(--color-custom-primary) !important;
}

.breadcrumb > li.active a {
	color: var(--color-custom-primary) !important;
}

.breadcrumb > li.active.font-weight-bold a {
	font-weight: bold;
}

.navbar .text-primary {
	color: var(--color-custom-primary) !important;
}

body.fixed-nav #wrapper .navbar-static-side, 
body.fixed-nav #wrapper #page-wrapper {
	margin-top: 0px;
}

.mini-navbar .navbar {
	width: 100%;
	left: 0;
}

.navbar {
	border: 0;
	position: fixed;
	width: calc(100% - 220px);
	padding-right: 15px;
	left: 220px;
	z-index: 9;
	transition: left 0.2s ease-in-out;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

ul.nav-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	list-style: none;
	width: 100%;
	padding: 15px 5px;
	margin: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-around;
	align-items: center;
	background: var(--color-custom-primary);
}

ul.nav-footer li a {
	color: var(--color-custom-white) !important;
}

.md-skin .wrapper-content {
	padding: 115px 20px 100px 20px;
	border-radius: 8px;
}

.dropdown.profile-element {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-custom-primary) !important;
}

.md-skin .nav > li.active {
	background: var(--color-custom-secondary);
	border-bottom: 0px !important;
}

.nav > li.active {
	border-left: 0px;
}

li.li-mods.active {
	background: var(--color-custom-secondary) !important;
}

.li-mods.active a:hover {
	color: var(--color-custom-light) !important;
}

li.li-mods.active a {
	color: var(--color-custom-light) !important;
}

.nav-second-level li, 
.nav-third-level li {
	background-color: var(--color-custom-tertiary);
	border-bottom: 1px solid #FFFFFF70 !important;
}

.md-skin .nav > li.active > a {
	color: var(--color-custom-light);
	font-weight: 700;
	border-bottom: 1px solid #ffffffad !important;
}

.md-skin .navbar-static-side .nav > li > a:focus, 
.md-skin .navbar-static-side .nav > li > a:hover {
	background-color: var(--color-custom-secondary);
	color: var(--color-custom-light);
	width: 100%;
}

body.fixed-sidebar .navbar-static-side, 
body.canvas-menu .navbar-static-side {
	width: 220px;
	z-index: 2001;
	height: 100vh;
	position: fixed;
	background: var(--color-custom-primary);
}

.md-skin.fixed-nav #side-menu {
	background-color: var(--color-custom-primary);
}

.nav.metismenu > li {
	background-color: var(--color-custom-primary);
	display: block;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #FFFFFF70 !important;
}

.nav.metismenu > li:last-child {
	border-bottom: 0px !important;
}

.md-skin .navbar-top-links .dropdown-menu li a {
	padding: 0px 5px 0px 0px !important;
	min-height: inherit !important;
}

.md-skin .page-heading {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-radius: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.md-skin .page-heading.inicial {
	padding: 0 10px 20px 10px;
	margin: 0px 0px 30px 0px;
	border-radius: 0 !important;
	background: var(--color-custom-light);
}

.md-skin .ibox {
	box-shadow: none;
	margin-bottom: 20px;
}

.md-skin .ibox-title {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 15px 90px 15px 15px !important;
}

.md-skin .ibox-title, 
.md-skin .ibox-content {
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.ibox-title.border-danger,
.ibox-content.border-danger,
.ibox-footer.border-danger {
	border: 1px solid var(--color-custom-danger) !important;
}

.ibox-content .form-group {
	margin-bottom: 1rem!important;
}

.fixed-nav .minimalize-styl-2 {
	margin: 5px 5px 5px 15px;
}

a.navbar-minimalize.minimalize-styl-2.btn.btn-primary {
	color: var(--color-custom-primary);
	background-color: var(--color-custom-white);
	border-color: var(--color-custom-white);
}

.nav > li > a i {
	margin-right: 5px;
	width: 15px;
}

.md-skin .nav-second-level li a {
	padding: 0;
	height: 47px;
	line-height: 47px;
	width: 216px;
	padding-left: 16px;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
}

.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
	padding: 0;
	height: 47px;
	line-height: 47px;
	width: 216px;
	padding-left: 16px;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
}

.md-skin .ibox-title {
	margin-bottom: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.md-skin .ibox-title.border-0 {
	border-bottom: 0px !important;
}

.md-skin .ibox-title h5 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 990px;
	display: block;
	height: 100%;
}

.ibox-content.text-left.col-file {
	padding: 10px;
}

.ibox-content h1, 
.ibox-content h2, 
.ibox-content h3, 
.ibox-content h4, 
.ibox-content h5, 
.ibox-title h1, 
.ibox-title h2, 
.ibox-title h3, 
.ibox-title h4, 
.ibox-title h5 {
	margin-top: 0;
}

.ibox-content {
	background-color: var(--color-custom-white);
	color: inherit;
	padding: 1.5rem!important;
	border-color: #e7eaec;
	border-image: none;
	border-width: 1px 0;
}

.ibox.border-navy {
	border: 1px solid #1ab394 !important;
}

.ibox.border-info {
	border: 1px solid var(--color-custom-info) !important;
}

.ibox.border-success {
	border: 1px solid var(--color-custom-success) !important;
}

.ibox.border-warning {
	border: 1px solid var(--color-custom-warning) !important;
}

.ibox.border-danger {
	border: 1px solid var(--color-custom-danger) !important;
}

.ibox-footer {
	color: inherit;
	font-size: 100%;
	background: #ffffff;
	padding: 1.5rem!important;
	margin-top: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.ibox-footer.ibox-footer-with-desc {
	color: inherit;
	border-top: 1px solid var(--color-custom-border) !important;
	font-size: 90%;
	background: #ffffff;
	padding: 1rem!important;
	min-height: 70px;
	display: flex;
	flex-direction: row;
	text-align: center;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

/*
* INSPINIA ::: Alerts
*/

.alert {
	border: 1px solid var(--color-custom-border);
	border-radius: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.alert-success {
	color: var(--color-custom-white) !important;
	background-color: var(--color-custom-success) !important;
	border-color: var(--color-custom-success) !important;
}

/*
* INSPINIA ::: Custom navs
*/

.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
	color: var(--color-custom-light);
	font-weight: bold;
	background-color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
	border-radius: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.nav-tabs .nav-link {
	height: 62px;
	border: 1px solid var(--color-custom-border);
	border-radius: 8px;
	background-color: var(--color-custom-light);
	border-radius: 8px !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.nav-tabs .nav-link:not(.active):not(.text-white) {
	color: var(--color-custom-primary) !important;
}

.nav-tabs .nav-link:not(.active):focus, 
.nav-tabs .nav-link:not(.active):hover {
	color: var(--color-custom-primary);
	border-color: var(--color-custom-primary);
}

.nav-tabs {
	border-bottom: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.nav.nav-tabs li:first-child {
	padding-left: 0px !important;
}

.nav.nav-tabs li:last-child {
	padding-right: 0px !important;
}

.nav.nav-tabs li {
	margin-bottom: 15px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 0px 5px;
}

.col-modules-select .col-md-12:last-child {
	margin-bottom: 0 !important;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -------------------------------------------------------------------------------------[ LOGIN ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* LOGIN ::: 2FA
*/

.input-2fa {
	width: calc(100%/6 - 3px);
	height: 60px;
	border: 1px solid #767676;
	border-radius: 8px;
	font-size: 30px;
	text-align: center;
	background: var(--color-custom-white);
	color: #000;
}

.input-2fa:focus,
.input-2fa:focus-visible {
	border: 2px solid #767676 !important;
	box-shadow: 0 0 3px #000000;
	outline: none;
}

.btn-2fa {
	background-color: var(--color-custom-primary);
	color: var(--color-custom-white);
	border: 2px solid var(--color-custom-primary);
	padding: 6px 12px;
}

.btn-2fa:hover:not([disabled]) {
	background-color: transparent;
	color: var(--color-custom-primary);
}

.btn-2fa[disabled] {
	cursor: not-allowed;
}

.cont-form-login-2fa .loginColumns {
	width: 349px;
}

.cont-form-login-2fa {
	transform: translate(200%, -100%);
	transition: all .3s;
}

.cont-form-login {
	transition: all .3s;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -------------------------------------------------------------------------------------[ PORTO ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* PORTO ::: Custom
*/

.featured-boxes .featured-box {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	margin-top: 24px;
	margin-top: 1.5rem;
}

.featured-boxes-flat .featured-box {
	box-shadow: none;
	margin: 10px 0;
}

.featured-box {
	background: var(--color-custom-white);
	box-sizing: border-box;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #ececec;
	border-radius: 8px;
	border-right: 1px solid #ececec;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.featured-boxes-flat .featured-box .box-content {
	background: var(--color-custom-white);
	margin-top: 85px;
}

html .featured-box-primary .box-content-border-bottom {
	border-bottom-color: var(--color-custom-primary);
}

.featured-box .box-content-border-bottom {
	border-top: 1px solid #0000000f!important;
	border-bottom: 4px solid #0000000f;
}

.featured-box .box-content {
	border-top: 1px solid #0000000f;
	border-top-width: 4px;
	padding: 28.8px;
	padding: 1.8rem;
	position: relative;
}

.featured-boxes-flat .featured-box .icon-featured {
	display: inline-block;
	font-size: 2em;
	height: 90px;
	line-height: 90px;
	padding: 0;
	width: 90px;
	margin: -100px 0 -15px;
	position: relative;
	top: 20px;
}

html .featured-box-primary .icon-featured {
	background-color: var(--color-custom-primary);
}

.icon-featured {
	display: inline-block;
	font-size: 0;
	margin: 15px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: var(--color-custom-white);
	font-size: 2.3em;
	line-height: 110px;
}

html .featured-box-primary h4 {
	color: var(--color-custom-primary);
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 3px var(--color-custom-primary);
}

.featured-box-effect-2:hover .icon-featured:after {
	transform: scale(.95);
	opacity: 1;
}

.featured-box-effect-2 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 3px var(--color-custom-white);
	transition: transform .2s,opacity .2s;
	transform: scale(.8);
	opacity: 0;
}

.icon-featured:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	box-sizing: content-box;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ WEBMAIL ]
* ---------------------------------------------------------------------------------------------]
*/

/*
* Webmail
*/

.mail-list-style {
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

#verificaEmails {
	width: 225px;
	height: 50px;
	position: fixed;
	bottom: 51px;
	z-index: 9999999999;
	right: 53px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 15px;
}

.btn-mail-actions {
	min-width: 30px;
	height: 30px;
}

/* 
* ---------------------------------------------------------------------------------------------]
* -------------------------------------------------------------------------------[ NutriBreads ]
* ---------------------------------------------------------------------------------------------]
*/

.div-pedidos .btn-check:focus+.btn, 
.div-pedidos .btn.btn-default:focus {
	color: initial;
	background: var(--color-custom-white);
	border-color: #fff !important;
	outline: none !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.div-pedidos {
}

.dropdown-menu-custom a {
	margin-bottom: 10px !important;
}

.dropdown-menu-custom a:last-child {
	margin-bottom: 0px !important;
}

.dropdown-menu-custom {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid var(--color-custom-border);
	background: var(--color-custom-white);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.div-pedidos .btn.btn.btn-default:hover {
	background: var(--color-custom-primary);
	color: var(--color-custom-white);
	border-color: var(--color-custom-primary);
}

.div-pedidos .btn.btn.btn-default:has(.collapsed),
.div-pedidos .btn.btn.btn-default:focus:has(.collapsed) {
	background: var(--color-custom-white);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.div-pedidos .btn.btn-default:not(.collapsed), 
.div-pedidos .btn.btn-default:focus:not(.collapsed) {
	background: var(--color-custom-primary);
	color: var(--color-custom-white);
	border-color: var(--color-custom-primary) !important;
}

.div-pedidos .card.card-body {
	padding: 0px 25px;
	border-radius: 8px;
	background: rgb(0 0 0 / 5%);
	border: 5px solid var(--color-custom-primary);
	border-top: 0;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.div-pedidos .div-pedidos-infos {
	background: var(--color-custom-white);
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-custom-border);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pagination-loader .div-pedidos .btn.btn-default {
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	background-size: 200% 100%;
	border: 1px solid var(--color-custom-border);
	border-color: var(--color-custom-border) !important;
	animation: 1s shine linear infinite;
}

.api-div {
	margin-bottom: 0;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.api-icon {
	width: 42px;
	height: 42px;
	border-radius: 8px;
	padding: 5px;
	margin-right: 5px;
}

.list-group-historic {
	border-bottom: 1px solid var(--color-custom-border);
	padding-bottom: .5rem!important;
	margin-bottom: .5rem!important;
	border-radius: 8px;
}

.list-group-historic:last-child {
	border-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.table-list-with-external-id .api-div:first-child,
.table-list-users .api-div:first-child {
	border: 1px solid var(--color-custom-border) !important;
}

.table-list-with-external-id .api-div:last-child,
.table-list-users .api-div:last-child {
	border-top: 0px !important;
}

.table-list-with-external-id .api-div,
.table-list-users .api-div {
	border-top: 0px !important;
	border: 1px solid var(--color-custom-border);
	width: 100%;
	background: var(--color-custom-light);
}

/* 
* ---------------------------------------------------------------------------------------------]
* --------------------------------------------------------------------------------[ PAGINATION ]
* ---------------------------------------------------------------------------------------------]
*/

@keyframes shine {
	to {
		background-position-x: -200%;
	}
}

.pagination-content {
}

.pagination-loader {
}

.btn-pagination.active {
	background: var(--color-custom-primary);
	color: var(--color-custom-white);
}

/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ BORDERS ]
* ---------------------------------------------------------------------------------------------]
*/

.border-radius-4 {
	border-radius: 4px !important;
}

.border-radius-8 {
	border-radius: 8px !important;
}

.border-navy {
	border-color: #1ab394 !important;
}

/* 
* ---------------------------------------------------------------------------------------------]
* ----------------------------------------------------------------------------------[ LISTAGEM ]
* ---------------------------------------------------------------------------------------------]
*/

.pagination-content .pagination-content-info .pagination-content-api {
	margin-bottom: 0;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination-content .pagination-content-info .api-icon {
	width: 42px;
	height: 42px;
	margin-right: 5px;
}

.pagination-content .pagination-content-info .pagination-content-api:first-child {
	border: 1px solid var(--color-custom-border) !important;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.pagination-content .pagination-content-info .pagination-content-api:last-child {
	border-top: 0px !important;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.pagination-content .pagination-content-info .pagination-content-api:only-child {
	border: 1px solid var(--color-custom-border) !important;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.pagination-content .pagination-content-info .pagination-content-api {
	border-top: 0px !important;
	border: 1px solid var(--color-custom-border);
	width: 100%;
	background: var(--color-custom-light);
}

.pagination-content .pagination-content-button:hover {
	background-color: var(--color-custom-secondary) !important;
	color: var(--color-custom-white) !important;
	border: 1px solid var(--color-custom-secondary) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pagination-content .pagination-content-button:hover i {
	color: var(--color-custom-white) !important;
}

.pagination-content .pagination-content-button:not(.collapsed):focus {
	background-color: var(--color-custom-secondary) !important;
	color: var(--color-custom-white) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pagination-content .pagination-content-button:not(.collapsed) {
	background-color: var(--color-custom-secondary) !important;
	color: var(--color-custom-white) !important;
	border: 1px solid var(--color-custom-secondary) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.pagination-content .pagination-content-emphasis {
	top: 0;
	right: 0;
	color: var(--color-custom-secondary);
	width: 100%;
	height: 100%;
	text-align: end;
	display: flex;
	justify-content: end;
	align-items: center;
	padding-right: 25px;
}

.pagination-loader .pagination-loader-items .pagination-loader-item {
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	background-size: 200% 100%;
	border: 1px solid var(--color-custom-border);
	border-color: var(--color-custom-border) !important;
	animation: 1s shine linear infinite;
}

/* 
* ---------------------------------------------------------------------------------------------]
* ------------------------------------------------------------------------------------[ SELECT ]
* ---------------------------------------------------------------------------------------------]
*/

.form-select.form-select-icons {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif, fontAwesome;
	font-weight: normal;
}


/* 
* ---------------------------------------------------------------------------------------------]
* -----------------------------------------------------------------------------------[ UPLOADS ]
* ---------------------------------------------------------------------------------------------]
*/

.uploaded-images {
	margin-bottom: 0;
	padding: 10px;
	background: #f3f3f4;
	border-radius: 6px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.uploaded-images img {
	border-radius: 8px;
	object-fit: cover;
	min-height: 350px;
	max-height: 350px;
	margin-bottom: 145px;
}

.uploaded-images-actions {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #d5d5d9;
	padding: 5px 15px 15px 15px;
	border-radius: 8px;
}

/* 
* ---------------------------------------------------------------------------------------------]
* ---------------------------------------------------------------------------------------[ END ]
* ---------------------------------------------------------------------------------------------]
*/
