@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F9FAFC;
}

body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #F9FAFC;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: #030712;
    font-family: "Inter", sans-serif;
}
main{
    background-color: #F9FAFC;
    margin-top: 4.5rem;
}
/* Dropdown */
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
	border-radius: var(--border-radius);
}

.dropdown-item svg {
	color: var(--gray-600);
}

.dropdown-item:active svg, .dropdown-item.active svg {
	color: var(--white);
}

/* Footer */
.app-footer {
	margin: 3rem 0 0 0;
	padding: 1.25rem;
	border: 1px solid var(--gray-100);
	border-bottom:0;
	font-size: 12px;
	background: var(--white);
	border-radius: var(--border-radius);
}

.app-footer {
	color: var(--gray-600);
}

.app-footer a:not(.dropdown-item), .app-footer a:hover:not(.dropdown-item) {
	color: var(--gray-600);
}

.app-footer a.icon {
	color: var(--gray-600);
}

.app-footer button, .app-footer button:hover {
	color: var(--gray-600);
}

.app-footer ul li{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.app-footer ul li a:hover {
    color: #36bffa!important;
    text-decoration: none;
}
.footer-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

.footer-heading {
	color: var(--black) !important;
}
.custom-copyright{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 34px;
    letter-spacing: 2px;
}
.custom-copyright img{
 vertical-align: middle !important;   
}

/* Filters */
.filters-dropdown {
	width: 18rem;
	max-height: 30rem;
	overflow-y: auto;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.modal-header {
	padding: 1rem;
	border-bottom: 0;
}

.modal-content {
	padding: 1rem;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: calc(2 * var(--border-radius));
}

/* Forms */
.input-group-text {
	font-size: 0.9rem;
}

.form-control-range {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/*  slider progress trick  */
	overflow: hidden;

	/* creating a custom design */
	accent-color: var(--primary);
	background: var(--gray-200);
	border-radius: var(--border-radius);
	height: .5rem;
	margin: 0.75rem 0;
}

/* Track: webkit browsers */
.form-control-range::-webkit-slider-runnable-track, .form-control-range::-moz-range-track {
	background: var(--gray-200);
}

/* Thumb: webkit */
.form-control-range::-webkit-slider-thumb {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/* creating a custom design */
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);

	/*  slider progress trick  */
	box-shadow: -2007px 0 0 2000px var(--primary-300);
}

.form-control-range::-moz-range-thumb {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;

	/* creating a custom design */
	height: .75rem;
	width: .75rem;
	background-color: var(--primary);
	border-radius: 50%;
	border: 2px solid var(--white);

	/*  slider progress trick  */
	box-shadow: -2007px 0 0 2000px var(--primary-300);
}

/* Custom breadcrumbs */
.custom-breadcrumbs {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.custom-breadcrumbs > li {
	margin-right: .5rem;
}

.custom-breadcrumbs > li > a {
	color: var(--gray);
}

.custom-breadcrumbs > li > svg {
	color: var(--gray-400);
	margin-left: .5rem;
}

.custom-breadcrumbs > li.active {
}

/* Helper classes */
.font-size-small {
	font-size: .9rem;
}


.cursor-grab {
	cursor: grab !important;
}

.list-style-none {
	list-style: none;
	padding: 0;
}

.appearance-none {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

img {
	vertical-align: inherit !important;
}

.icon-favicon {
	width: .95rem;
	height: auto;
}

.icon-favicon-small {
	width: .75rem;
	height: auto;
}
.navbar {
    background-color: var(--white);
    border: 1px #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    top:0;
    display: flex;
    position: fixed;
    z-index:1;
}
.register-menu .nav-link{
    padding: clamp(12px,.9em,18px) clamp(24px,1.9em,26px)!important;
    font-size: 16px;
    line-height: 1em;
    border-radius: 12px;
    background-color: #26272b;
    color:#ffffff !important;
    font-family:"Inter",Sans-serif;
    font-weight:500;
    box-shadow: 0 2px 4px 0 rgba(0, 10, 31, .1), inset 0 0 1px 0 rgba(0, 0, 0, .1);
    border-color: rgba(38, 38, 38, .2);
}
.register-menu .nav-link:hover{
    color: #FFF!important;
    background-color: #36bffa;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(38, 38, 38, .1);  
}

/* Navbar custom menu */
.navbar-nav > li {
	transition: all .2s cubic-bezier(.68,.01,.58,.75);
	font-family: "Inter",Sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.027em;
    text-transform: none;
    font-style: normal;
    font-size: 16px;
    color:#070707;
}
.navbar-nav > li:hover, {
   color:#36bffa; 
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #36bffa;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

.navbar-logo {
	max-height: 2.5rem;
	height: 2.5rem;
}

.navbar-logo-mini {
	max-height: 1.25rem;
	height: 1.25rem;
}

.navbar-avatar {
	width: 20px;
	height: 20px;
	border-radius: var(--border-radius);
}

.navbar-custom-toggler {
	padding: 0.5rem .8rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border-radius: var(--border-radius);
	color: var(--gray-500);
	border-color: var(--gray-300);
}

.chart-container {
	position: relative;
	margin: auto;
	height: 275px;
	width: 100%;
}

@media print {
	.chart-container canvas {
		min-height: 100%;
		max-width: 100%;
		max-height: 100%;
		height: auto!important;
		width: auto!important;
	}
}

/* Index */
.index-background {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	border-bottom:1px solid #f3f4f7;
}

[data-theme-style="dark"] .index-background {
	background: linear-gradient(transparent, var(--body-bg) 99%), url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m42.9%2029.6-2.8-2.8-2.7%202.7-2.6-2.5%203-3-3-3%202.5-2.5%202.7%202.7%202.8-2.8c.5.3%201.1.4%201.6.4.9%200%201.8-.4%202.5-1%201.4-1.4%201.4-3.6%200-4.9-1.3-1.3-3.6-1.3-4.9%200-1.1%201.1-1.3%202.8-.6%204.1L40%2018.4l-2.7-2.8-3.9%203.9-1.8-1.8L41%208.3c.5.3%201.1.4%201.7.4.9%200%201.8-.4%202.5-1%201.4-1.4%201.4-3.6%200-4.9-1.3-1.3-3.6-1.3-4.9%200-1.1%201.1-1.3%202.8-.6%204.1l-9.4%209.4-1.8-1.8%203.9-3.9-2.7-2.7L31%206.5c.5.3%201.1.5%201.6.5.9%200%201.8-.4%202.5-1%20.7-.7%201-1.5%201-2.5s-.4-1.8-1-2.5c-1.3-1.3-3.6-1.3-4.9%200-1.1%201.1-1.3%202.8-.6%204.1l-2.8%202.8%202.7%202.7-2.5%202.6-3-3-3%203-2.5-2.5L21.2%208l-2.8-2.8c.7-1.3.5-3-.6-4.1-1.3-1.3-3.6-1.3-4.9%200-1.4%201.4-1.4%203.6%200%204.9.7.7%201.5%201%202.5%201%20.6%200%201.1-.2%201.6-.4L18.4%208l-2.7%202.7%203.9%203.9-1.8%201.8-9.5-9.5c.7-1.3.5-3-.6-4.1-1.3-1.3-3.6-1.3-4.9%200-1.4%201.4-1.4%203.6%200%204.9.7.7%201.5%201%202.5%201%20.6%200%201.1-.2%201.6-.4l9.4%209.4-1.8%201.8-3.9-3.9-2.7%202.8L6.6%2017c.7-1.3.5-3-.6-4.1-1.3-1.3-3.6-1.3-4.9%200-1.4%201.4-1.4%203.6%200%204.9.7.7%201.5%201%202.5%201%20.6%200%201.1-.2%201.6-.4L8%2021.2l2.7-2.7%202.5%202.5-3%203%203%203-2.5%202.5L8%2026.8l-2.8%202.8c-1.3-.7-3-.5-4.1.6-1.4%201.4-1.4%203.6%200%204.9.7.7%201.5%201%202.5%201s1.8-.4%202.5-1c1-1.1%201.2-2.8.5-4.1L8%2029.6l2.7%202.7%203.9-3.9%201.8%201.8-9.5%209.5c-1.3-.7-3-.5-4.1.6-1.4%201.4-1.4%203.6%200%204.9.7.7%201.5%201%202.5%201%20.9%200%201.8-.4%202.5-1%201.1-1.1%201.3-2.8.6-4.1l9.5-9.4%201.8%201.8-3.9%203.9%202.7%202.8-1.5%201.2c-1.3-.7-3-.5-4.1.6-.6.7-1%201.5-1%202.5%200%20.9.4%201.8%201%202.5.7.7%201.5%201%202.5%201%20.9%200%201.8-.4%202.5-1%201.1-1.1%201.3-2.8.6-4.1l2.8-2.8-2.7-2.8%202.5-2.5%203%203%203-3%202.5%202.5-2.7%202.8%202.8%202.8c-.7%201.3-.5%203%20.6%204.1.7.7%201.5%201%202.5%201%20.9%200%201.8-.4%202.5-1%201.4-1.4%201.4-3.6%200-4.9-1.3-1.1-3-1.3-4.3-.7L29.6%2040l2.7-2.8-3.9-3.9%201.8-1.8%209.4%209.4c-.7%201.3-.5%203%20.6%204.1.7.7%201.5%201%202.5%201s1.8-.4%202.5-1c1.4-1.4%201.4-3.6%200-4.9-1.1-1.1-2.8-1.3-4.1-.6L31.6%2030l1.8-1.8%203.9%203.9%202.7-2.7%201.4%201.4c-.7%201.3-.5%203%20.6%204.1.7.7%201.5%201%202.5%201%20.9%200%201.8-.4%202.5-1%201.4-1.4%201.4-3.6%200-4.9-1.1-.9-2.8-1.1-4.1-.4zm.6-15.3c.3-.3.7-.4%201.1-.4.4%200%20.8.2%201.1.4.6.6.6%201.5%200%202.1-.7.6-1.7.6-2.2%200-.6-.6-.6-1.5%200-2.1zM41.7%204.2c.3-.3.6-.4%201.1-.4.4%200%20.8.2%201.1.4.6.6.6%201.5%200%202.1s-1.5.6-2.1%200c-.7-.6-.7-1.5-.1-2.1zM31.6%202.4c.3-.3.7-.4%201-.4.4%200%20.8.2%201.1.4.3.3.4.6.4%201s-.1.8-.4%201c-.6.6-1.5.6-2.1%200-.6-.5-.6-1.4%200-2zM16.4%204.5c-.6.6-1.5.6-2.1%200s-.6-1.5%200-2.1c.3-.3.7-.4%201.1-.4s.8.2%201%20.4c.6.6.6%201.5%200%202.1zM6.3%206.3c-.6.6-1.5.6-2.1%200s-.6-1.5%200-2.1c.3-.3.7-.4%201.1-.4s.8.2%201.1.4c.5.6.5%201.5-.1%202.1zM4.5%2016.4c-.5.6-1.5.6-2.1%200s-.6-1.5%200-2.1c.3-.3.7-.4%201.1-.4s.8.2%201.1.4c.5.6.5%201.5-.1%202.1zm0%2017.3c-.6.6-1.5.6-2.1%200s-.6-1.5%200-2.1c.3-.3.7-.4%201.1-.4s.8.2%201.1.4c.5.6.5%201.5-.1%202.1zm1.8%2010.1c-.6.6-1.5.6-2.1%200s-.6-1.5%200-2.1c.3-.3.7-.4%201.1-.4s.8.2%201.1.4c.5.5.5%201.5-.1%202.1zm10.1%201.8c-.6.6-1.5.6-2.1%200-.3-.3-.4-.7-.4-1.1%200-.4.2-.8.4-1%20.3-.3.6-.4%201.1-.4.4%200%20.8.2%201%20.4.6.5.6%201.5%200%202.1zm15.2-2.2c.3-.3.7-.4%201-.4.4%200%20.8.2%201.1.4.6.6.6%201.5%200%202.1s-1.5.6-2.1%200c-.6-.5-.6-1.5%200-2.1zm10.1-1.7c.3-.3.6-.4%201.1-.4.4%200%20.8.2%201.1.4.6.6.6%201.5%200%202.1s-1.5.6-2.1%200c-.7-.6-.7-1.6-.1-2.1zm3.9-8c-.6.6-1.6.6-2.1%200-.6-.6-.6-1.5%200-2.1.3-.3.7-.4%201.1-.4.4%200%20.8.2%201.1.4.4.6.4%201.5-.1%202.1z%22%20fill%3D%22%230d1018%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.index-header {
	font-size: 2.5rem;
	font-weight: 600;
	margin-bottom: 1.5rem !important;
	color: #070707;
}

.home-tools .card {
    display: inline-flex !important;
    width: 33% !important;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(127, 127, 127, 0.0784313725490196);
    box-shadow:0px 2px 4px 0px rgba(127, 127, 127, 0.0784313725490196);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height:150px;
    border-color: #7F7F7F2B;
    border-radius: 16px 16px 16px 16px;
}
.home-tools .card p{
   color: #030712!important; 
}

.category-tools .card, #popular_tools .card, #features .card {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(127, 127, 127, 0.0784313725490196);
    box-shadow:0px 2px 4px 0px rgba(127, 127, 127, 0.0784313725490196);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height:150px;
    border-color: #7F7F7F2B;
    border-radius: 16px 16px 16px 16px;
}
.category-tools .card p, #popular_tools .card p, #features .card p {
   color: #030712!important; 
}

#features .card h3{
   font-size: 1rem;
  font-weight: bold;
}
.index-subheader {
	font-size: 1.45rem;
	color: var(--gray-700);
    background-image: linear-gradient(120deg, #9333ea, #EF4444);
    background-size: 200%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: tt-animated-gradient 5s ease-in-out infinite;
    animation: tt-animated-gradient 5s ease-in-out infinite;
}
.tt-text-gradient-primary {
    background-image: linear-gradient(120deg, #9333ea, #EF4444);
    background-size: 200%;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-animation: tt-animated-gradient 5s ease-in-out infinite;
    animation: tt-animated-gradient 5s ease-in-out infinite;
}
@-webkit-keyframes tt-animated-gradient {
    0%,100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@keyframes tt-animated-gradient {
    0%,100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}
.form-control{
 box-shadow: 0 .125rem .17917rem rgba(0, 0, 0, .08); 
 border: 1px solid #eee !important;
}
.form-control:focus{
 box-shadow: 0 .125rem .17917rem rgba(217, 72, 239, .08)!important; 
 border: 1px solid #eee !important;
}
.index-button {
    padding: 14px 18px 14px 18px;
    font-size: 16px;
    line-height: 1em;
    border-radius: 12px;
    background-color: #26272b;
    color:#ffffff !important;
    font-family:"Inter",Sans-serif;
    font-weight:500;
    box-shadow: 0 2px 4px 0 rgba(0, 10, 31, .1), inset 0 0 1px 0 rgba(0, 0, 0, .1);
    border-color: rgba(38, 38, 38, .2);
}
.index-button:hover{
    color: #FFF;
    background-color: #36bffa;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(38, 38, 38, .1);
}

.index-card-image {
	width: auto;
	height: 10rem;
	object-fit: contain;
}

/* Index testimonial */
.index-testimonial-avatar {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	transform: translateY(-70%);
	border: 4px solid var(--white);
	position: absolute;
	left: 50%;
	margin-left: -52px;
}

/* Index FAQ */
.index-faq svg {
	transition: all .15s;
	color: #36bffa;
}

/* Index CTA */
.index-cta {
	background-position: bottom !important;
}

/* Header container */
.user-avatar {
	border-radius: 50%;
	max-width: 70px;
	max-height: 70px;
}

/* Others */
.container-disabled {
	pointer-events: none;
	opacity: .5;
}

.container-disabled-simple {
	pointer-events: none;
}

/* Tables */
.table-custom-container {
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-100);
}

.table-custom {
	margin-bottom: 0;
	background: var(--white);
}

.table-custom thead th {
	border-top: 0;
	border-bottom: 0;
	color: var(--gray);
}

.table-custom th {
    padding: 1rem 1.25rem;
	font-size: .9rem;
}

[data-theme-style="dark"] .table-custom thead th {
	color: var(--gray-800)
}

.table-custom td {
	padding: 1.25rem 1.25rem;
	vertical-align: middle;
}

.table-custom tbody tr td {
	border-top: 1px solid var(--gray-100);
}

[data-theme-style="dark"] .table-custom tbody tr td {
	border-color: var(--gray-100)
}

.table-custom tbody tr {
	transition: all .3s ease-in-out;
}

.table-custom tbody tr:hover td {
}

/* Custom Radio Boxes */
.custom-radio-box {
	cursor: pointer;
}

.custom-radio-box .custom-radio-box-main-text {
	font-size: 1.15rem;
	font-weight: bold;
}

.custom-radio-box .custom-radio-box-main-icon {
	font-size: 1.25rem;
}

.custom-radio-box input[type="radio"] + div {
	transition: all .3s ease-in-out;
	border: 2px solid var(--gray-100);
	background: var(--white);
}

.custom-radio-box input[type="radio"]:checked + div {
	border: 2px solid var(--primary);
}

.custom-radio-box input[type="radio"]:hover + div {
	border: 2px solid var(--primary);
}

/* Round circles */
.round-circle-md {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.round-circle-lg {
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

/* Badge colors */
.badge {
	padding: 0.45em 0.9em;
}

.badge-primary {
	color: var(--primary-700);
	background: var(--primary-100);
}

[data-theme-style="dark"] .badge-primary {
	background: var(--primary-800);
	color: var(--primary-100);
}

.badge-secondary {
	color: hsl(208, 7%, 35%);
	background-color: hsl(208, 7%, 85%);
}

[data-theme-style="dark"] .badge-secondary {
	background-color: hsl(208, 7%, 35%);
	color: hsl(208, 7%, 85%);
}

.badge-success {
	color: hsla(134, 50%, 30%, 1);
	background-color: hsla(134, 50%, 85%, 1);
}

[data-theme-style="dark"] .badge-success {
	background-color: hsla(134, 50%, 30%, 1);
	color: hsla(134, 50%, 85%, 1);
}

.badge-danger {
	color: hsla(354, 70%, 35%, 1);
	background-color: hsla(354, 70%, 85%, 1);
}

[data-theme-style="dark"] .badge-danger {
	background-color: hsla(354, 70%, 35%, 1);
	color: hsla(354, 70%, 85%, 1);
}

.badge-warning {
	background-color: hsla(45, 100%, 85%, 1);;
	color: hsla(40, 80%, 30%, 1);
}

[data-theme-style="dark"] .badge-warning {
	background-color: hsla(50, 20%, 20%, 1);
	color: hsla(45, 100%, 85%, 1);
}

.badge-info {
	color: hsla(188, 60%, 30%, 1);
	background-color: hsla(188, 78%, 85%, 1);
}

[data-theme-style="dark"] .badge-info {
	background-color: hsla(188, 60%, 30%, 1);
	color: hsla(188, 78%, 85%, 1);
}

.badge-light {
	color: hsla(210, 15%, 35%, 1);
	background-color: hsl(210, 17%, 95%);
}

[data-theme-style="dark"] .badge-light {
	background-color: hsla(210, 15%, 35%, 1);
	color: hsl(210, 17%, 95%);
}

.badge-dark {
	color: hsla(210, 10%, 90%, 1);
	background-color: hsla(210, 10%, 20%, 1);
}

[data-theme-style="dark"] .badge-dark {
	background-color: hsla(210, 10%, 90%, 1);
	color: hsla(210, 10%, 20%, 1);
}

/* Invoice css */
.invoice-table th {
	border-top: 0 !important;
}

.invoice-table td {
	vertical-align: baseline !important;
}

@media print {
	.invoice-logo {
		filter: grayscale(100%);
	}
}

/* Base animation */
.altum-animate {
	-webkit-animation-duration:500ms;
	animation-duration:500ms;
}

.altum-animate-fill-both {
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.altum-animate-fill-none {
	-webkit-animation-fill-mode:none;
	animation-fill-mode:none;
}

@keyframes fadeIn{
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.altum-animate-fade-in {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}



/* Custom button */

.btn-custom {
	padding: .5rem 1.5rem;
	color: var(--gray-500);
	border-radius: var(--border-radius);
	border: 1px solid var(--gray-100);
	font-size: .9rem;
	font-weight: 500;
	background: var(--white);
	transition: background .3s;
}

.btn-custom:hover {
	color: var(--gray-800);
	border: 1px solid var(--gray-100);
	background: var(--gray-100);
}

.btn-custom.active {
	color: var(--gray-800);
	border: 1px solid var(--gray-200);
	background: var(--gray-200);
}

/* Blog */
.blog-post-image {
	max-height: 20rem;
	object-fit: cover;
}

.blog-post-image-small {
	height: 13rem;
	max-height: 13rem;
	object-fit: cover;
}

/* File input */
.altum-file-input {
	padding: 1rem;
	background: var(--gray-100);
	border: 1px solid var(--gray-200);
	border-radius: var(--border-radius);
	cursor: pointer;
	font-size: .9rem;
}

.altum-file-input:hover {
	border-color: var(--gray-300);
}

.altum-file-input::file-selector-button {
	border: 0;
	padding: .4rem .75rem;
	border-radius: var(--border-radius);
	background-color: var(--white);
	cursor: pointer;
	font-size: .9rem;
	margin-right: 1rem;
}

/* File input preview */
.altum-file-input-preview {
	max-width: 100%;
	max-height: 68px;
	min-height: 68px;
	object-fit: cover;
}

.sticky {
	position: sticky !important;
	top: 1rem;
	height: min-content;
}

/* Icons on links animations */
a svg {
	transition: transform .15s;
}

a:hover svg {
	transform: scale(1.1);
}

a:active svg {
	transform: scale(.9);
}

/* Helper zoom class for icons */
.icon-zoom-animation svg {
	transition: transform .15s;
}

.icon-zoom-animation:hover svg {
	transform: scale(1.1);
}

/* Self zoom */
.zoom-animation {
	transition: transform .15s;
}

.zoom-animation:hover {
	transform: scale(1.05);
}

.zoom-animation:active {
	transform: scale(.95);
}

.zoom-animation-subtle {
	transition: transform .3s;
}

.zoom-animation-subtle:hover {
	transform: scale(1.025);
}

.zoom-animation-subtle:active {
	transform: scale(.98);
}

.up-animation {
	transition: transform .3s;
}

.up-animation:hover {
	transform: translateY(-10px);
}

/* Color picker */
@media print {
	.pcr-app {
		display: none;
	}
}

.pcr-button {
	border: 1px solid white !important;
	outline: 1px solid var(--gray-300) !important;
	height: calc(var(--input-padding-y) + var(--input-padding-x) + var(--input-font-size) + calc(var(--input-font-size) / 2.75)) !important;
	border-radius: var(--border-radius) !important;
	width: 100% !important;
}

.pcr-button::before, .pcr-button::after {
	border-radius: var(--border-radius) !important;
}

/* Width fit content */
.w-fit-content {
	width: fit-content !important;
}

/* Signatures */
.signature-avatar {
	width: 50px;
	height: 50px;
	max-width: 50px;
	max-height: 50px;
}

/* Ajax loading overlay */
.loading-overlay {
	padding: 1.25rem;
	border-radius: var(--border-radius);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--white);
	z-index: 100;
	opacity: 0.8;
}

[data-theme-style="dark"] .loading-overlay {
	background: var(--gray-50);
}

/* Shiki code highlighter */
.shiki {
	overflow: auto;
	border-radius: var(--border-radius);
	padding: 1.5rem;
	font-size: .9rem;
	line-height: 1.5rem;
}

.shiki code {
	background: initial !important;
}

/* Btn group */
.btn-group-custom {
	border: 1px solid var(--gray-200);
	padding: 0.5rem 0;
	border-radius: var(--border-radius);
}

.btn-group-custom .btn {
	margin: 0 .5rem;
	border-radius: var(--border-radius) !important;
	background: var(--gray-200);
}

.btn-group-custom .btn.active {
	background: var(--dark);
	color: var(--white);
}

/* Custom scrollbar */
body * {
    scrollbar-color: var(--gray-200) var(--white) !important;
    scrollbar-width: thin !important;
}

body *::-webkit-scrollbar-thumb  {
    background: var(--gray-200);
    border-radius: 10px;
    width: 6px;
    height: 6px;
}

body *::-webkit-scrollbar, body *::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 10px;
    width: 6px;
    height: 6px;
}

/* Notification bell */
.internal-notification-icon {
	animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px var(--danger);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

/* Teams */
.team-delegate-access-wrapper {
	margin: .75rem;
	border-radius: .5rem;
}

@media (min-width: 992px) {
	.team-delegate-access-wrapper {
		border-radius: 5rem;
	}
}

/* Announcements */
.announcement-wrapper {
	margin: .75rem;
	border-radius: .5rem;
	opacity: 0;
	transition: opacity .3s ease-in;
	animation: ac-fade-in-down .3s ease-in .6s forwards;
}

@media (min-width: 992px) {
	.announcement-wrapper {
		border-radius: 5rem;
	}
}

@keyframes ac-fade-in-down {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* PWA */
.pwa-wrapper {
	position: fixed;
	bottom: 0;
	width: calc(100% - 1.5rem);
	z-index: 1000;
}



.rounded-2x {
	border-radius: calc(2*var(--border-radius));
}

.rounded-3x {
	border-radius: calc(3*var(--border-radius));
}

/* Prevent fontawesome layout shifts */
i.fa-fw {
	width: 1.25em;
	display: inline-block;
}

i.fa-xs {
	font-size: .85em;
}

i.fa-sm {
	font-size: .875em;
}

i.fa-lg {
	font-size: 1.25em;
}

i.xl {
	font-size: 1.5em;
}

/* AIX */
.ai-chat-avatar {
	width: 35px;
	height: 35px;
}

.ai-chat-big-avatar {
	width: 50px;
	height: 50px;
}

.chat-messages {
	height: 25rem;
	overflow-y: scroll;
}

.chat-image > img {
	max-height: 15rem;
}

.chat-content {
	word-break: break-word;
}

/* Toolkit */
.tool-icon {
	min-width: 2.75rem;
	max-height: 2.75rem;
	width: 2.75rem;
	height: 2.75rem;
}

.tool-icon-wrapper {
	padding: 0 1.25rem;
}
#cmplz-document h2{
  font-size: 1.5rem;
  padding-bottom: 1rem;
}
#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
	background-color: rgba(239,239,239,.25);
}
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
	display: block;
	background-color: rgba(239,239,239,.5);
	margin: 5px 0;
	padding: 5px 10px;
	align-items: center;
	justify-items: stretch;
}
#cmplz-cookies-overview .cmplz-dropdown summary div, #cmplz-document .cmplz-dropdown summary div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
	display: grid;
	grid-template: "heading chevron";
	grid-template-columns: 2fr 25px;
	grid-gap: 15px;
	align-items: center;
}
#cmplz-cookies-overview .cmplz-dropdown summary div::after, #cmplz-document .cmplz-dropdown summary div::after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after {
	grid-area: chevron;
}
#cmplz-cookies-overview .cmplz-dropdown summary div::after, #cmplz-document .cmplz-dropdown summary div::after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after {
	cursor: pointer;
	content: '';
	background: url(https://pixelecommerce.com/wp-content/plugins/complianz-gdpr-premium/assets/images/chevron-down.svg) no-repeat;
	transform: rotate(0);
	transition: all .5s ease;
	background-size: cover;
	height: 18px;
	width: 18px;
	margin: 3px;
}
#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
	font-size: 22px;
	text-align: left;
	margin-top: 15px;
	text-transform: initial;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
	padding: 0 5px;
	font-size: 18px;
	border-bottom: 0;
}
#cmplz-cookies-overview .cmplz-dropdown summary div h3, #cmplz-document .cmplz-dropdown summary div h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
	grid-area: heading;
	margin: 0;
}

#cmplz-cookies-overview .cmplz-dropdown summary div::after, #cmplz-document .cmplz-dropdown summary div::after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div::after {
	cursor: pointer;
	content: '';
	background: url(https://pixelecommerce.com//wp-content/plugins/complianz-gdpr-premium/assets/images/chevron-down.svg) no-repeat;
	transform: rotate(0);
	transition: all .5s ease;
	background-size: cover;
	height: 18px;
	width: 18px;
	margin: 3px;
}




#cmplz-document .cmplz-subtitle, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
	font-weight: 700;
	margin-top: 25px;
}
#cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p, #cmplz-cookies-overview .cmplz-dropdown a, #cmplz-document .cmplz-dropdown a, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a {
	font-size: 14px;
	margin-top: 0;
}
#cmplz-cookies-overview .cmplz-dropdown p, #cmplz-document .cmplz-dropdown p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p, #cmplz-cookies-overview .cmplz-dropdown h4, #cmplz-document .cmplz-dropdown h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4, #cmplz-cookies-overview .cmplz-dropdown ul, #cmplz-document .cmplz-dropdown ul, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul {
	padding: 0 15px;
}