/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.new-layout {
	.header-main {
		box-sizing: border-box;
		background: #081926;
		border: 1px solid #000000;
		flex: none;
		order: 0;
		flex-grow: 0;
		z-index: 0;
	}

	.header-main section {
		margin-bottom: 20px;
		padding: 4vh 0;
		float: left;
		position: relative;
	}

	.alert.alert-message {
		background: linear-gradient(90deg, #D9FBFC 0%, #E4F6F0 100%) !important;
		color: #433C4D !important;
		border: 1px solid var(--Secondary-Verde-500, #0A7273);
		letter-spacing: normal;
	}

	.alert.alert-message .alert-title {
		color: #081926 !important;
		display: block;
		font-weight: 600;
	}

	.alert.alert-message .alert-title span:not(.alert-title-article){
		color: #0A7273 !important;
	}

	.alert.alert-message .alert-icon {
		background: var(--Secondary-Verde-500, #0A7273);
		border-radius: 5px;
		padding: 10px;
		width: 45px;;
		height: 45px;;
		text-align: center;
	}

	.content-sub {
		margin: -50px auto 0 auto;
	}

	.card-payments {
		letter-spacing: 0em !important;
	}

	.card-payments .card-title-img {
		background-color: #E4F6F0 !important;
		padding: 5px 8px !important;
		margin-right: 2em !important;
	}

	.card-payments .nav .nav-item {
		flex: 1 1 0;
		border: 1px solid #C5C3C9;
		border-radius: 0.5rem;
	}

	.card-payments .nav .nav-item:has(.nav-link.active) {
		border-color: #2B8262 !important;
		background-color: #E4F6F0 !important;
	}

	.card-payments .nav .nav-link {
		font-size: 1.2rem;;
		color: #000000 !important;
	}

	.card-payments .nav .nav-link.active {
		font-weight: 600 !important;
	}

	.card-payments .nav .nav-link.active:after {
		background: none !important;
	}

	.card-payments .nav .nav-link img {
		width: 34px;
		height: 34px;
		margin-right: 0.5em;
	}

	.card-payments .nav .nav-link .radio-end {
		margin-left: auto;
	}

	.tab-license {
		border-color: #E5E5E5 !important;
		background-color: #F9F9FA !important;
	}

	.border-soft {
		border-color: #C5C3C9 !important;
	}

	.package-item.package-item-exclusive h4 {
		color: #246CA3 !important;
	}

	.package-item .package-item-total {
		color: #000000 !important;
	}

	.package-item.package-item-exclusive .package-item-total {
		color: #246CA3 !important;
	}

	.package-item .package-label-contrast {
		position: relative;
		bottom: -14px;
		left: -14px;
		border-bottom-left-radius: 0.357rem !important;
		border-top-right-radius: 1.057rem !important;
		width: auto !important;
		color: #FFFFFF;
	}

	.package-item .package-label-contrast-exclusive {
		background-color: #246CA3;
	}

	.package-item .package-label-contrast-recommended {
		background: linear-gradient(270deg, #39876C 0%, #216B6D 48.79%, #084D6E 100%);
	}

	.package-item .choose-package-radio {
		width: 25px;
		height: 25px;
	}

	.package-item.package-item-selected {
		border: 2px solid #2B8262 !important;
		background-color: #E4F6F0 !important;
		transition: transform 0.3s;
		transform: scale(1.01);
	}

	.card-payments #licenses {
		background-color: #FFFFFF !important;
		color: #000000 !important;
	}

	.iti {
		width: 100% !important;
	}

	.hidden-important {
		display: none !important;
		visibility: hidden !important;
	}

	.text-black-forced,.text-black-forced h3, .text-black-forced h5, .text-black-forced h6 {
		color: #000000 !important;
	}

	#pix-qrcode-image {
		width: 232px;
		height: 232px;
	}

	.background-green {
		background-color: #22674E !important;
	}

	.background-light-green {
		background-color: #E4F6F0 !important;
	}

	.background-gray {
		background-color: #F2F1F4 !important;
	}

	.background-danger {
		background-color: #C23E2E !important;
	}

	.background-warning {
		background-color: #FDA521 !important;
	}

	.pix-orientation .pix-orientation-content {
		position: relative;
	}

	.pix-orientation .pix-orientation-content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background: linear-gradient(90deg, #39876C 50%, rgba(8, 77, 110, 0) 100%);
	}

	.pix-orientation .pix-orientation-number {
		color: #123628 !important;
		font-size: 3rem;
		font-weight: 600;
		opacity: 0.5;
	}

	.scroll-buffer {
		height: 100px;
	}

	.content-header-title, .card-title {
		color: #000000 !important;
	}

	.card-body {
		color: #000000 !important;
	}

	#update-low-quantity-licenses-div {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.list-group-packages-licenses img {
		width: 54px;
		height: 54px;
	}

	.container-toast-alert {
		color: #000000 !important;
	}

	#last-buy-paragraph {
		letter-spacing: -0.5px;
	}

	#new-value-monthly-fee {
		color: #164263 !important;
	}

	@media (min-width: 768px) {
		.header-main section {
			padding: 2vh 0 8vh 0;
		}
		.header-main .header-text-right {
			font-size: calc(1.2536rem + 0.0432vw) !important;
		}
	}

	@media (min-width: 992px) {
		.header-main .header-text-right {
			height: 600px;
		}
	}

	@media (max-width: 767px) {
		.card-body {
			padding-left: 0;
			padding-right: 0;
		}

		.card-payments .nav > .nav-item {
			flex: 0 0 100%;
		}

		.card-payments .card-title-img {
			margin-right: 1em !important;
		}

		.alert.alert-message .alert-title {
			font-size: 1.07rem !important;
		}
	}
}