/*

------------------------------------------
------------------------------------------

----- Variables

------------------------------------------
------------------------------------------	

*/

:root {
	
	/* Primary color */
	
	--color-primary-background: #d6651a;
	--color-primary-background-gradient-top: #d6651a;
	--color-primary-background-gradient-bottom: #d6651a;
	--color-primary-background-border: #df7e37;
	--color-primary-background-shadow: transparent;	
	--color-primary-foreground: #fff;
	--color-primary-foreground-shadow: transparent;
	
	/* Primary color - Active (used for hover/active states) */
	
	--color-primary-active-background: #dd6d30;
	--color-primary-active-background-gradient-top: #dd6d30;
	--color-primary-active-background-gradient-bottom: #dd6d30;	
	--color-primary-active-background-border: #df7e37;
	--color-primary-active-background-shadow: transparent;	
	--color-primary-active-foreground: #fff;
	--color-primary-active-foreground-shadow: transparent;
	
	/* Secondary color */
	
	--color-secondary-background: #525252;
	--color-secondary-background-gradient-top: #525252;
	--color-secondary-background-gradient-bottom: #525252;
	--color-secondary-background-border: #000;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #f1f1f1;
	--color-secondary-foreground-shadow: #000;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #686868;
	--color-secondary-active-background-gradient-top: #686868;
	--color-secondary-active-background-gradient-bottom: #686868;	
	--color-secondary-active-background-border: #000;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #f1f1f1;
	--color-secondary-active-foreground-shadow: #000;

	/* Tertiary color */
	
	--color-tertiary-background: #f5f5f5;
	--color-tertiary-background-gradient-top: #f5f5f5;
	--color-tertiary-background-gradient-bottom: #f5f5f5;
	--color-tertiary-background-border: #dddddd;	
	--color-tertiary-background-shadow: #3f3e3e;
	--color-tertiary-foreground: #243141;
	--color-tertiary-foreground-shadow: #fff;
	
	/* Tertiary color - Active (used for hover/active states) */
	
	--color-tertiary-active-background: #f5f5f5;
	--color-tertiary-active-background-gradient-top: #f5f5f5;
	--color-tertiary-active-background-gradient-bottom: #f5f5f5;	
	--color-tertiary-active-background-border: #dddddd;
	--color-tertiary-active-background-shadow: #3f3e3e;	
	--color-tertiary-active-foreground: #243141;
	--color-tertiary-active-foreground-shadow: #fff;		
	
	/* Box color */
	
	--color-box-background: #e3ded3;
	--color-box-background-gradient-top: #e3ded3;
	--color-box-background-gradient-bottom: #e3ded3;
	--color-box-background-border: transparent;	
	--color-box-background-shadow: transparent;
	--color-box-background-divider: #f4f4f4;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #fff;	
	--color-box-foreground-bold: #243141;
	--color-box-foreground-bold-shadow: #fff;	
	--color-box-head-background: #525252;
	--color-box-head-background-gradient-top: #525252;
	--color-box-head-background-gradient-bottom: #525252;	
	--color-box-head-background-border: #dddddd;
	--color-box-head-foreground: #fff;
	--color-box-head-foreground-shadow: #000;
	--color-box-head-foreground-bold: #fff;
	--color-box-head-foreground-bold-shadow: #000;	
	--color-box-footer-background: #dddddd;
	--color-box-footer-background-gradient-top: #dddddd;
	--color-box-footer-background-gradient-bottom: #dddddd;	
	--color-box-footer-background-border: #cbcbcb;
	--color-box-footer-foreground: #3f3e3e;
	--color-box-footer-foreground-shadow: #3f3e3e;	
	--color-box-footer-foreground-bold: #000;
	--color-box-footer-foreground-bold-shadow: #000;
	
	/* Box color - Active (used for hover/active states) */
	
	--color-box-active-background: #e3ded3;
	--color-box-active-background-gradient-top: #e3ded3;
	--color-box-active-background-gradient-bottom: #e3ded3;
	--color-box-active-background-border: transparent;	
	--color-box-active-background-shadow: transparent;
	--color-box-active-background-divider: #d0cece;
	--color-box-active-foreground: var(--color-body);
	--color-box-active-foreground-shadow: #fff;		
	--color-box-active-foreground-bold: #243141;
	--color-box-active-foreground-bold-shadow: #fff;
	--color-box-active-head-background: var(--color-primary-background);
	--color-box-active-head-background-gradient-top: var(--color-primary-background);
	--color-box-active-head-background-gradient-bottom: var(--color-primary-background);	
	--color-box-active-head-background-border: #dddddd;
	--color-box-active-head-foreground: var(--color-primary-foreground);
	--color-box-active-head-foreground-shadow: var(--color-primary-foreground-shadow);
	--color-box-active-head-foreground-bold: transparent;
	--color-box-active-head-foreground-bold-shadow: transparent;	
	--color-box-active-footer-background: #c4c2c2;
	--color-box-active-footer-background-gradient-top: #c4c2c2;
	--color-box-active-footer-background-gradient-bottom: #c4c2c2;		
	--color-box-active-footer-background-border: #908f8f;
	--color-box-active-footer-foreground: #3f3e3e;
	--color-box-active-footer-foreground-shadow: #3f3e3e;	
	--color-box-active-footer-foreground-bold: #000;
	--color-box-active-footer-foreground-bold-shadow: transparent;
				
	/* Badge - warning */
	
	--color-badge-hot-background: #dc1010;
	--color-badge-hot-background-gradient-top: #dc1010;
	--color-badge-hot-background-gradient-bottom: #dc1010;	
	--color-badge-hot-background-border: #dc1010;
	--color-badge-hot-foreground: #fff;	
	
	/* Badge - new */
	
	--color-badge-new-background: #45a523;
	--color-badge-new-background-gradient-top: #45a523;
	--color-badge-new-background-gradient-bottom: #45a523;		
	--color-badge-new-background-border: #45a523;
	--color-badge-new-foreground: #fff;		
	
	/* Badge - popular */
	
	--color-badge-popular-background: #dc1010;
	--color-badge-popular-background-gradient-top: #dc1010;
	--color-badge-popular-background-gradient-bottom: #dc1010;		
	--color-badge-popular-background-border: #dc1010;
	--color-badge-popular-foreground: #fff;		
	
	/* Badge - free */
	
	--color-badge-free-background: #15ace5;
	--color-badge-free-background-gradient-top: #15ace5;
	--color-badge-free-background-gradient-bottom: #15ace5;		
	--color-badge-free-background-border: #15ace5;
	--color-badge-free-foreground: #fff;
	
	/* Default colors */
	
	--background-body: #f8f8f8; /* Body background color */	
	--background-banner: #233141; /* Default background color for the banner */	
	--color-body: #696969; /* Used for body text */
	--color-heading: #243141; /* Used for heading text */
	--color-white: #f1f1f1;
	--color-black: #222222;	
	--color-border: #d2d2d2;	
	--color-green: #43de04;
	--color-red: #dc1010;
	--color-grey: #cccccc;
	
	/* ---- Sizing ---- */
	
	--container-width: 90%; /* Template container width */	
	--container-maxwidth: 970px; /* Template container maximum width */	
	--logo-width: 225px; /* Set the max width of your logo */
	--column-1: 100%; /* Width used per column as 1 column */
	--column-2: 48%; /* Width used per column as 2 columns */
	--column-3: 32%; /* Width used per column as 3 columns */
	--column-4: 24.25%; /* Width used per column as 4 columns */
	--column-5: 19.2%; /* Width used per column as 5 columns */
	--column-6: 15.83%; /* Width used per column as 6 columns */		
	--spacing-parent: 50px; /* Used for the spacing of main elements (e,g feature boxes, tables, slideshow bottom margin) */
	--spacing-child: 30px; /* Used for the spacing of child elements (e.g bottom margin of paragraths, headings) */
	--spacing-inner: 25px; /* Used for padding on boxes */
	--text-size: 1.6em; /* Default text size (1.6em = 16px) */
	--text-lineheight: 1.6em; /* Default text line height */
	--border-radius: var(--radius-s); /* Set the default border radius - used through the template such as for buttons */
	--border-bottom-width: 1px; /* Set the bottom border of all elements. Using a higher value than 1px creates a 3D bevel effect */
	
	/* ---- Fonts ---- */
	
	--font-body: 'Open Sans', sans-serif; /* The font used for all text other than headings */
	--font-heading: 'Roboto Condensed', sans-serif; /* The font used for headings */
	
	/* ---- Misc ---- */
	
	--shadow: 0 3px 8px 2px #999999; /* Default shadow color/spacing */
	--gradient-degrees: 180deg; /* Set the angle for gradient colors */
	
}


/* Overrides */

body {
	font-family: -apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
	font-weight: 450;
}

.clientexecbody .header {
	z-index: 979;
	background: #eeeae3;
	border: none;	
}

#brx-footer p {
	margin-bottom: 0;
}

#brx-footer .brxe-heading {
	font-weight: bold;
}

main {
	background: #eeeae3;
}

.client-area-page .client-area-top-block .client-area-top-box p span {
	color: #123e0a;
}

.bricks-mobile-menu-wrapper a,
.bricks-mobile-menu-wrapper a:hover,
.bricks-nav-menu-wrapper a,
.bricks-nav-menu-wrapper a:hover {
	text-decoration: none;
}

.app-btns {
	border-radius: var(--border-radius);
}

/* -------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------- */

/*

------------------------------------------
------------------------------------------

----- Clientexec styles

------------------------------------------
------------------------------------------
	
*/

/* Container */

.clientexecbody .container,
.clientexecbody .container-lg,
.clientexecbody .container-md,
.clientexecbody .container-sm,
.clientexecbody .container-xl {
	max-width: var(--container-maxwidth);
	width: 90%;
}

.clientexecbody .clientexeccontainer .container-lg,
.clientexecbody .clientexeccontainer .container-md,
.clientexecbody .clientexeccontainer .container-sm,
.clientexecbody .clientexeccontainer .container-xl {
	width: 100%;
	max-width: none;
}

.clientexecbody .clientexeccontainer .content-page {
	padding: 0;
}

.clientexecbody {
	padding-top: 0 !important;
}

.clientexecbody a { /* Remove animation effect on links */
	transition: none;
}

.clientexecbody p {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.clientexeccontainer .cs-padding {
	background: transparent;
}

.clientexeccontainer .cm-holder #content-page,
.clientexeccontainer .cm-holder.invoice-list-table,
.clientexeccontainer .cm-holder.package-list-table,
.clientexeccontainer .cm-holder.support-ticket-list-table {
	border-color: var(--color-border);
}

.clientexeccontainer .cm-holder #content-page .head h3,
.clientexeccontainer .cm-holder.invoice-list-table .head h3,
.clientexeccontainer .cm-holder.package-list-table .head h3,
.clientexeccontainer .cm-holder.support-ticket-list-table .head h3 {
	color: var(--color-heading);
}

.clientexeccontainer .page-link {
	text-decoration: none;
}

/* Forms */

.clientexeccontainer .form-control {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	border-color: var(--color-box-background-border);
	color: var(--color-box-foreground);		
}

.clientexeccontainer .select2-container--default .select2-selection--single {
	border-color: var(--color-box-background-border);
}

.clientexeccontainer .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-box-foreground);		
}

.select2-results__options .select2-results__option {
	font-size: 14px;
}

/* Table */

.clientexeccontainer .cm-holder #content-page .data-table-wrapper table tr th,
.clientexeccontainer .cm-holder.invoice-list-table .data-table-wrapper table tr th,
.clientexeccontainer .cm-holder.package-list-table .data-table-wrapper table tr th,
.clientexeccontainer .cm-holder.support-ticket-list-table .data-table-wrapper table tr th,
.clientexeccontainer .data-table-wrapper table tr th {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground-bold);		
}

.clientexeccontainer .table {
	color: var(--color-box-foreground);		
}

.clientexeccontainer .data-table-wrapper table.dataTable {
	border-color: var(--color-box-background-border);
}

/* Pagination */

.clientexeccontainer .page-item.disabled .page-link {
	color: var(--color-box-foreground);	
	border-color: var(--color-box-background-border);	
}

/* Accordion */

.clientexeccontainer .ticket-view-page .cm-tab-accordion {
	border-color: var(--color-box-background-border);
	border-radius: var(--border-radius);
	color: var(--color-box-foreground);	
	border-color: var(--color-box-background-border);	  
}

.clientexeccontainer .ticket-view-page .cm-tab-accordion .resp-tabs-list li::after {
	background: var(--color-box-foreground-bold);	
}

.clientexeccontainer .ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active,
.clientexeccontainer .cm-tab-accordion .resp-tabs-list li span,
.clientexeccontainer .cm-tab-accordion .resp-tabs-list li.resp-tab-active span {
	color: var(--color-box-foreground-bold);	
}

.clientexeccontainer .ticket-avatar-ul li b,
.clientexeccontainer .ticket-tab-reply-block .ticket-tab-reply-head .close-ticket {
	color: var(--color-box-foreground-bold);	
}

.clientexeccontainer .ticket-avatar-ul li,
.clientexeccontainer .ticket-avatar-ul li span,
.clientexeccontainer .ticket-tab-box-main p {
	color: var(--color-box-foreground);	
}

.clientexeccontainer .ticket-tab-reply-block,
.clientexeccontainer .ticket-tab-reply-block .ticket-tab-reply-box .ticket-reply {
	border-color: var(--color-box-background-border);
}

.clientexeccontainer .ticket-view-page .cm-tab-accordion .resp-tabs-container {
	box-shadow: none;
}

.clientexeccontainer .ticket-view-page .ticket-view-head p {
	color: var(--color-body);
}

/* Nav */

.clientexecbody .header {
	margin-top: 0 !important;	
	position: static !important;
	box-shadow: none;
	border-bottom: var(--color-border) 1px solid;
}

.clientexecbody .header .main-meta {
	padding: 6px 0;
}

.clientexecbody .header .main-meta .logo {
	display: none;
}

.clientexecbody .header .main-menu > ul {
	border-left: none;
}

.clientexecbody .header .main-menu > ul > li > a {
	color: var(--color-box-foreground-bold);
}

.clientexecbody .header .main-menu > ul > li > a:hover {
	color: var(--color-primary-background);
}

.clientexecbody .header .main-menu > ul > li.show > a {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	color: var(--color-primary-background);
}

.clientexecbody .header .main-menu > ul > li .dropdown-menu {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
}

.clientexecbody .header .main-menu > ul > li:hover .dropdown-menu a:hover {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);		
}

.clientexecbody .header .main-menu > ul > li .dropdown-menu > li {
	border-top: none;
	border-bottom: var(--color-box-background-border) 1px solid;
}

.clientexecbody .header .main-menu > ul > li .dropdown-menu > li > a {
	color: var(--color-box-foreground);
}

.clientexecbody .header .main-menu > ul > li .dropdown-menu > li > a:hover {
	color: var(--color-primary-background);
}

.clientexecbody #login-menu a {
	color: var(--color-box-foreground-bold);
}

.clientexecbody #login-menu a:hover {
	color: var(--color-primary-background);
}

.clientexecbody .header-user-menu .current-user > ul {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border-color: var(--color-box-background-border);
	color: var(--color-box-foreground-bold);
	border-radius: var(--border-radius);
}

.header-user-menu .current-user > ul li a {
	color: var(--color-box-foreground-bold);
}

.header-user-menu .current-user > ul li a:hover {
	background: var(--color-box-active-background);
	color: var(--color-box-active-foreground-bold);	
}

@media (min-width: 755px) {
	
	.clientexecbody .navmain ul li { /* Fix navmain conflict */
		position: static;
	}

}

/* Page Default */

.clientexeccontainer .dashboard-wraper {
	background-color: transparent;
}

.clientexeccontainer .client-area-page {
	padding: 15px 0;
}

/* Client Area Boxes */

.clientexeccontainer .client-area-page .client-area-top-block .client-area-top-box {
	box-shadow: none;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width);	
	color: var(--color-box-foreground);
	border-radius: var(--border-radius);	
}

.clientexeccontainer .client-area-page .client-area-top-block .client-area-top-box:hover {
	box-shadow: none;
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);
	border: var(--color-box-active-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width);	
	color: var(--color-box-active-foreground);
	border-radius: var(--border-radius);	
}

.clientexeccontainer .client-area-page .client-area-top-block .client-area-top-box:hover span {
	color: var(--color-primary-background);	
} 

/* Announcements */

.clientexeccontainer .client-area-page .resp-tabs-list {
	display: none;
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block {
	box-shadow: none;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width);	
	color: var(--color-box-foreground);
	border-radius: var(--border-radius);	
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block .client-area-tabs-head {
	background: var(--color-box-head-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-head-background-gradient-top) 0, var(--color-box-head-background-gradient-bottom) 100%);
	border-bottom: var(--color-box-head-background-border) 1px solid;
	border-radius: var(--border-radius) var(--border-radius) 0 0;
	padding: 18px var(--spacing-child);
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block .client-area-tabs-head h3 {
	color: var(--color-box-head-foreground);
	text-shadow: var(--color-box-head-foreground-shadow) 1px 1px;		
	margin: 0;	
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block .client-area-announcement ul li::before {
	color: var(--color-box-foreground-bold);
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block .client-area-announcement ul li p {
	color: var(--color-box-foreground-bold);
	font-size: 1.4em;
	margin-bottom: 10px;
}

.clientexeccontainer .client-area-page .client-area-bottom-block .resp-tabs-container .resp-tab-content .client-area-tabs-block .client-area-announcement ul li a {
	color: var(--color-box-foreground);
	font-size: 1em;	
}

/* Page Heading */

.clientexeccontainer .data-table-wrapper .head {
	border-radius: 0;
	background: transparent;
	border-color: transparent;
}

.clientexeccontainer .data-table-wrapper .head h3 {
	font-size: 2em;
	margin-bottom: var(--spacing-child);
}

/* Knowledgebase */

.clientexeccontainer .knowledge-base-wraper .knowledge-base-search2 {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground);
	border-radius: var(--border-radius);	
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-search2 h1 {
	color: var(--color-box-foreground-bold);	
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-search2 .knowledge-base-search-box2 p {
	color: var(--color-box-foreground);	
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-search2 .knowledge-base-search-box2 p a {
	color: var(--color-primary-background);
}

.clientexeccontainer .knowledge-base-article-page .knowledge-base-content-block .system-requirements-block {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground);	
	border-radius: var(--border-radius);	
}

.clientexeccontainer .knowledge-base-article-page .knowledge-base-content-block .system-requirements-block .system-requirements-top .date-comment li {
	color: var(--color-box-foreground-bold);		
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-boxes-block {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground);		
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-boxes-block .knowledge-base-box {
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);	
	color: var(--color-box-active-foreground);		
	border-color: var(--color-box-active-background-border);
	border-radius: var(--border-radius);
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-boxes-block .knowledge-base-box .show-all-btn {
	background: var(--color-box-active-footer-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-footer-background-gradient-top) 0, var(--color-box-active-footer-background-gradient-bottom) 100%);	
	color: var(--color-box-active-footer-foreground);		
	border-radius: 0 0 var(--border-radius) var(--border-radius);	
}

.clientexeccontainer .knowledge-base-wraper .knowledge-base-boxes-block .knowledge-base-box ul li a:not(.open-ticket),
.clientexeccontainer .knowledge-base-wraper .knowledge-base-boxes-block .knowledge-base-box ul li a:not(.open-ticket)::before {
	color: var(--color-box-active-foreground-bold);		
}

.clientexeccontainer .knowledge-search-box {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground);		
}

.clientexeccontainer .knowledge-search-box .knowledge-search-input {
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);	
	color: var(--color-box-active-foreground);		
	border-color: var(--color-box-active-background-border);	
	border-radius: var(--border-radius);
}

.clientexeccontainer .knowledge-search-box .knowledge-search-submit {
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);	
	color: var(--color-box-active-foreground);		
	border: var(--color-box-active-background-border) 3px solid;	
	border-radius: var(--border-radius);	
}

/* Announcements Page */

.clientexeccontainer #announcement-page #announcements {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	color: var(--color-box-foreground);	
	border-radius: var(--border-radius);
}

.clientexeccontainer #announcement-page .announcement-title a {
	color: var(--color-box-foreground-bold);		
	font-weight: bold;
}

/* Cart */

.clientexeccontainer .cart-pages-wrapper .product-groups-block {
	background: none;
}

.clientexeccontainer .cart-pages-wrapper .product-groups-block .product-group-box {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	border: var(--color-box-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width);
	color: var(--color-box-foreground);	
	border-radius: var(--border-radius);		
}

.clientexeccontainer .cart-pages-wrapper .product-groups-block .product-group-box a {
	color: var(--color-box-foreground-bold);
	text-decoration: none;
}

.clientexeccontainer .cart-pages-wrapper .product-groups-block .product-group-box:hover {
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);	
	border-color: var(--color-box-active-background-border);
	color: var(--color-box-active-foreground);			
}

.clientexeccontainer .cart-pages-wrapper .product-groups-block .product-group-box:hover a {
	color: var(--color-primary-background);
}

.clientexeccontainer .cart-status-bar .cart-status-nodes .cart-status-label {
	color: var(--color-body);
	font-weight: bold;
}

.clientexeccontainer .cart-status-bar .cart-status-nodes.active .cart-status-label {
	color: var(--color-primary-background);
}

.clientexeccontainer .config-product-section .summary-info .summary-holder .summery-bottom p span {
	color: var(--color-heading);	
}

.clientexeccontainer .discount-applied {
	background: var(--color-box-background);
	border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.clientexeccontainer .cm-box-holder .head.border-btm {
	border-color: var(--color-border);
}

/* Cart Summary */

.clientexeccontainer .order-summary-wrapper .summary-row .title h4 {
	text-align: left;
}

/* Boxes Overide */

.clientexeccontainer .hosting-plan-row,
.clientexeccontainer .cm-box-holder,
.clientexeccontainer .config-product-section .summary-info .summary-holder,
.clientexeccontainer .summary-row {
	box-shadow: none;
	border: var(--color-box-background-border) 1px solid;
	border-radius: var(--border-radius);
}

.clientexeccontainer .hosting-plan-row .plan-rate {
	box-shadow: none;
	border-color: var(--color-box-background-border);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;		
}

.clientexeccontainer .hosting-plan-row h3,
.clientexeccontainer .form-elem label,
.clientexeccontainer .config-product-section .summary-info .summary-holder .head h4,
.clientexeccontainer .discount-applied ul li .val,
.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .need-domain .www-name {
	color: var(--color-box-foreground-bold);	
}

/* Domains */

.clientexeccontainer .domain-page .domain-section .resp-tabs-list .resp-tab-item.resp-tab-active {
  box-shadow: 0 3px 0 0 var(--color-box-foreground-bold);
  color: var(--color-box-foreground-bold);
}

.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .need-domain .domain-input {
	border-color: var(--color-border);
}

.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .need-domain .domain-dropdown .select2-container--default .select2-selection--single {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
	border: var(--color-box-background-border) 1px solid;
	color: var(--color-box-foreground);		
}

/* Client Area */

.clientexeccontainer .dashboard-wraper {
	padding-bottom: var(--spacing-parent);
}

.clientexeccontainer .dashboard-wraper .product-header-title-align {
	margin-bottom: 0;
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar {
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);	
	border: var(--color-box-active-background-border) 1px solid;
	color: var(--color-box-active-foreground);
	border-radius: var(--border-radius);	
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box .heading {
	border-color: var(--color-box-active-background-border);
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box .heading h4 {
	color: var(--color-box-active-foreground-bold);
	font-weight: bold;
	font-size: 1.3em;
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box p {
	border-color: var(--color-box-active-background-border);
	color: var(--color-box-active-foreground);
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box ul li {
	border-color: var(--color-box-active-background-border);	
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box ul li a {
	color: var(--color-box-active-foreground-bold);
	font-weight: bold;
	text-decoration: none;
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box ul li a:hover {
	color: var(--color-primary-background);	
}

.clientexeccontainer .dashboard-wraper .dashboard-main .dashboard-left-bar .dashboard-info-box {
	border-color: var(--color-box-active-background-border);
}

.clientexeccontainer .dashboard-wraper .package-side-bar a {
	text-decoration: none;
}

/* Buttons */

.clientexeccontainer .btn,
.clientexeccontainer .btn:visited,
.clientexeccontainer .btn:active,
.clientexeccontainer .btn:hover,
.clientexeccontainer .cm-holder #content-page .head .view-all-table,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:visited,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:active,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:hover,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:active,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:hover,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:active,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:hover,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:active,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:hover {
	text-decoration: none;
	box-shadow: none;
	border-radius: var(--border-radius);
	text-transform: capitalize;
}

/* Primary */

.clientexeccontainer .app-btns.primary,
.clientexeccontainer .app-btns.primary:visited,
.clientexeccontainer .app-btns.primary:active,
.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .domain-bottom .continue-btn,
.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .domain-bottom .continue-btn:hover,
.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .domain-bottom .continue-btn:visited {
	color: var(--color-primary-foreground) !important;
	border: solid 1px var(--color-primary-background-border) !important; 
	background: var(--color-primary-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-primary-background-gradient-top) 0, var(--color-primary-background-gradient-bottom) 100%) !important;	
	text-shadow: var(--color-primary-foreground-shadow) 1px 1px !important;	
	text-transform: capitalize;
	font-weight: normal;
}

.clientexeccontainer .app-btns.primary:hover,
.clientexeccontainer .domain-page .domain-section .resp-tabs-container .resp-tab-content .domain-bottom .continue-btn:hover {
	color: var(--color-primary-active-foreground) !important;
	border: solid 1px var(--color-primary-active-background-border) !important;
	background: var(--color-primary-active-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-primary-active-background-gradient-top) 0, var(--color-primary-active-background-gradient-bottom) 100%) !important;
	text-shadow: var(--color-primary-active-foreground-shadow) 1px 1px !important;	
}

/* Secondary */

.clientexeccontainer .info-bar .alert-box,
.clientexeccontainer .info-bar .alert-box:visited,
.clientexeccontainer .info-bar .alert-box:active,
.clientexeccontainer .action-btns,
.clientexeccontainer .action-btns:visited,
.clientexeccontainer .action-btns:active,
.clientexeccontainer .btn-light,
.clientexeccontainer .btn-light:visited,
.clientexeccontainer .btn-light:active,
.clientexeccontainer .comment-form button,
.clientexeccontainer .comment-form button:visited,
.clientexeccontainer .comment-form button:active,
.clientexeccontainer .cm-holder #content-page .head .view-all-table,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:visited,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:active,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:active,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:active,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:visited,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:active {
	color: var(--color-secondary-foreground) !important;
	border: solid 1px var(--color-secondary-background-border) !important; 
	background: var(--color-secondary-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%) !important;	
	text-shadow: var(--color-secondary-foreground-shadow) 1px 1px !important;	
	text-transform: capitalize;
	font-weight: normal;	
}

.clientexeccontainer .info-bar .alert-box:hover,
.clientexeccontainer .action-btns:hover,
.clientexeccontainer .btn-light:hover,
.clientexeccontainer .comment-form button:hover,
.clientexeccontainer .cm-holder #content-page .head .view-all-table:hover,
.clientexeccontainer .cm-holder.invoice-list-table .head .view-all-table:hover,
.clientexeccontainer .cm-holder.package-list-table .head .view-all-table:hover,
.clientexeccontainer .cm-holder.support-ticket-list-table .head .view-all-table:hover {
	color: var(--color-secondary-active-foreground) !important;
	border: solid 1px var(--color-secondary-active-background-border) !important;
	background: var(--color-secondary-active-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important;
	text-shadow: var(--color-secondary-active-foreground-shadow) 1px 1px !important;	
}