:root {
	--color-bg-light: #f7f8fc;
	--color-pb-blue-std: #1562e3;
	--color-pb-blue-light: #2e83ed;
	--color-pb-green: #4dbd3a;
	--color-pb-green-hl: #7ad86b;
	--color-pb-red: #f93d5c;
	--color-pb-red-hl: #ee6e83;
	--color-text-dark: #102a43;
	--color-text-std: #5e7994;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color: #cccccc;}body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a:focus,img:focus{outline: none;}button::-moz-focus-inner,img::-moz-focus-inner{border: 0;}*:focus { outline: 0; }

*{
	margin:0;
	padding:0;
	font:17px/30px 'Open Sans', sans-serif;
	font-weight:400;
	box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
	max-width:100%;
	overflow-x:hidden;
}

html {
	height:100%;
	color:var(--color-text-std); 
	background:var(--color-bg-light);
	scroll-behavior: smooth;
}

:disabled,
[disabled] {
	color: #999;
}

div {
	font-size:inherit;	
	line-height:inherit;
}

h1,h2,h3,h4,h5 {font-size:36px; margin-bottom:24px; color:var(--color-text-dark); font-weight:600; line-height:36px;}
h2 {font-size:32px; line-height:32px;}
h3 {font-size:30px; line-height:32px;}
h4 {font-size:24px; line-height:28px;}
h5 {font-size:20px; line-height:26px;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight:700;}

.preheader {
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:1px;
	display:block;
	margin-bottom:10px;
	font-size:15px;
}	

.full-height {
	min-height: 100vh;
}

.centered {
	text-align:center;
}

.color-green {
	color: #468847;
}
.color-grey {
	color: #999;
}
.color-red {
	color: #8f553f;
}

.coloured {
	color:var(--color-pb-blue-std) !important;	
}
.underlined {
	text-decoration:underline;	
}
.promin {
	font-size:22px;
	line-height:32px;
	color:var(--color-text-dark);	
}

ul {
}

ul li {
	margin:15px 0;
	line-height:26px;
}

.content-ul li {
	list-style:disc;
	margin-left:16px;
}

a {
	color:var(--color-pb-blue-std);
	font-weight:inherit;
	font-family:inherit;
	text-decoration:none; 
	font-size:inherit; 
	line-height:inherit;
	transition:color 0.4s;
	-webkit-transition:color 0.4s;
	font-style:inherit;
}
a:hover {
	color:var(--color-pb-blue-light);
	cursor:pointer;
}
a.disabled:hover {
	cursor: default;
}

sup {
	font-size:10px;
	line-height:10px;
}

.learn-more {
	color:var(--color-text-dark);
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:15px;
	font-weight:600;
}

.learn-more i {
	color:var(--color-pb-blue-std);
	margin-left:5px;
}


p {
	margin-bottom:30px;
	font-size:inherit;	
}

.std-p {
	font-size:15px;
	line-height:25px;
	margin-bottom:20px;
}

.clr {
	clear:both; 
	height:0;
}

hr {
	margin:40px 0;	
	border-top:1px solid #eee;
	border-bottom:none;
	background:none;
	border-left:none;
	border-right:none;
}

.lg-break {
	margin:60px 0;	
}

.md-break {
	margin:40px 0;	
	border-top:1px solid #dedede;
}

strong { 
	font-size:inherit; 
	font-style:inherit;
	line-height:inherit;
	font-weight: 600;
	color:var(--color-text-dark);
}

em {
	display:inline-block;
	font-weight:300;
	font-size:14px;
	line-height:18px;
	color:#777;
}

small {
	font-size: 65%;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	line-height: inherit;
}

strike { 
	font-size:inherit; 
	font-style:inherit;
	line-height:inherit;
}

span {
	font-weight:inherit; 
	font-size:inherit; 
	line-height:inherit; 
	font-family:inherit;
}

p {
	line-height:inherit;	
}

img {
	max-width:100%; 
	height:auto;
}

.spacer {
	margin:0 10px;	
}

.pos-relative {
	position: relative;
}

.greenlink {
	color:#00cb67;	
}
.greenlink:hover {
	color:#51e6a0;	
}

/** PAGE STYLES **/

#site-wrap {
	position:relative;
	width:100%;
}

#site-wrap #site-canvas {
	position:relative;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.white-section {
	background:#fff;
}
.grey-section {
	background:var(--color-bg-light);
}
.dark-section, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section strong, .dark-section .promin {
	color:#fff;
}

.content-section {
	padding:40px 0;	
}
.content-section-sm {
	padding:20px 0;	
}
.content-section-md {
	padding:40px 0;	
}
.content-section-lg {
	padding:100px 0;	
}

#header-section {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:10px 0;
}

#header-bar {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	height:78px;
	z-index:110;
	-webkit-transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
	transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
}
.header-fixed {
	background:#fff;	
	-webkit-box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
}

#header-bar-content {
	padding:12px 20px 12px 285px;
}
#header-logo {
	position:absolute;
	left:20px;
	top:12px;
	opacity:1;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	max-height:82px;
	max-width:260px;
}
.alwayswhitebg #header-logo {
	top:6px;
	max-width:320px;
}
#header-logo img {
	display:block;
	max-height:100%;
	width:auto;
	max-width:100%;
}

#main-navigation {
	float:right;
}
.header-navigation {
	float:right;
	padding:5px 0;
}
.header-navigation ul {
	margin:0;
	font-size:0px;
}
.header-navigation ul li {
	margin:0;
	display:inline-block;
	vertical-align:top;
}
.header-navigation ul li a {
	display:block;
	font-size:15px;
	color:var(--color-text-dark);
	padding:8px 14px;
	font-weight:600;
	border:2px solid transparent;
	position:relative;
}
.active-accent {
	display:none;
	width:60px;
	height:4px;
	position:absolute;
	left:50%;
	margin-left:-30px;
	bottom:-4px;
	font-size:0px;
	background:#fff;
}
.active-nav .active-accent {
	display:block !important;
}

.header-ondark .header-navigation ul li a {
	color:#fff;
}
.header-fixed .header-navigation ul li a {
	color:var(--color-text-dark) !important;
}
.header-fixed #mobile-nav-trigger {
	color:var(--color-text-dark) !important;
}

#mobile-nav-trigger {
	display:none;
	position:absolute;
	left:10px;
	top:14px;
	width:32px;
	height:32px;
	text-align:center;
	cursor:pointer;
	color:#fff;
}
#mobile-nav-trigger i {
	line-height:32px;
	font-size:20px;
}

.side-menu {
	background:var(--color-bg-light);	
	height:100%;
	position:fixed;
	top:0px;
	width:260px;
	overflow:hidden;
	z-index:400;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;	
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.1);
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
	display:none;
}
.side-menu-content {
	height:100%;
	overflow:scroll;
	padding-right:20px;
	margin-right:-20px;	
}
.side-menu-content h5 {
	color:#171a32;
	margin-bottom:0;
	padding:10px 15px;
	font-size:11px;	
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:600;
}
#mobile-navigation {
	left:-260px;	
}
.side-navigation {
	
}
.side-navigation ul {
	margin-bottom:24px;
}
.side-navigation ul li {
	margin:0
}
.side-navigation ul li a {
	display:block;
	padding:8px 15px;
	color:#758294;
	font-size:16px;
}
.side-navigation ul li a:hover {
	color:#fff;
}
.active-side-nav {
	color:var(--color-pb-blue-std) !important;	
}

#header-button {
	border:2px solid #fff;
	font-size:14px;
	padding:8px 12px;
	margin-left:10px;
	background:#fff;
	border-radius:100px;
	color:#5880d9;
}

.page-header-section {
	position:relative;
	background: #103175; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #103175 0%, #648de9 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #103175 0%,#648de9 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #103175 0%,#648de9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103175', endColorstr='#648de9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-top:78px;
}
.page-header-content {
	padding:40px 0px;
	position:relative;
	z-index:10;
}

#wholepage-section {
	position:relative;
	background: #103175; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #103175 0%, #648de9 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #103175 0%,#648de9 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #103175 0%,#648de9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103175', endColorstr='#648de9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#fff;
	height:100vh;
	display:table;
	width:100%;
}
#wholepage-container {
	display:table-cell;
	vertical-align: middle;
}

#banner-section {
	position:relative;
	background: #103175; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #103175 0%, #648de9 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #103175 0%,#648de9 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #103175 0%,#648de9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103175', endColorstr='#648de9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-top:78px;
}
#banner-section,
#banner-section h1, #banner-section h2, #banner-section h3,
#banner-section h4, #banner-section h5, #banner-section h6,
#banner-section strong {
	color:#fff;
}
#banner-content {
	padding:40px 180px;
	position:relative;
	z-index:10;
}
#banner-content h3 {
	font-size:46px;
	line-height:46px;
}
#banner-content p {
	margin-bottom:24px;
}
.bg-overlay {
	background:url(../images/interface/bg-overlay.png);
	background-attachment:fixed;
	position:absolute;
	lefT:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;	
	z-index:0;
}

.banner-feature {
	padding:80px 0;
}

.video-container {
	padding:10px; 
	background:#fff;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.1),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.010);
	box-shadow:0 30px 60px -12px rgba(50,50,93,.1),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.010);	
}	
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	border-radius: 10px;
	overflow: hidden;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper > video {
	width: 100%;
}

.half-container-inner-left {
	padding-right:80px;
}
.half-container-inner-right {
	padding-left:80px;
}

.feature-image {
	-webkit-box-shadow:0 30px 60px -12px rgba(50,50,93,.1),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.010);
	box-shadow:0 30px 60px -12px rgba(50,50,93,.1),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.010);	
	border-radius:10px;
	display:block;
}

.icon-item {position:relative; padding-left:42px; margin-bottom:24px;}
.icon-item-title {display:block; line-height:28px; font-weight:500; text-transform:uppercase; letter-spacing:1px; font-size:13px;}
.icon-item-icon {position:absolute; left:0; top:0; display:block; text-align:center;}
.icon-item-icon i {font-size:26px; line-height:28px;}

.social-link {
	display: block;
	max-width: 50px;
	padding: 10px;
	margin: 0 auto;
	background: rgb(49,128,239);
	background-image: linear-gradient(45deg, rgb(30, 78, 222) 0%, rgb(52, 179, 255) 100%);
	border-radius: 50%;
}
.social-link img {
	width: 100%;
	display: block;
}

#footer-section {
	padding:40px 0;
	background:var(--color-bg-light);	
	color:#757588;
}
#footer-logo {
	max-width:200px;	
}
#footer-section h5 {
	color:#171a32;
	font-size:14px;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#footer-section ul li {
	margin:0;
	padding:4px 0;
}
#footer-section ul li a {
	color:#758294;
	font-size:15px;
}

#whoby-section {
	color:#a4b2c5;
	padding:10px 0;
	font-size:13px;	
	text-align:center;
}

#whoby-section a {
	color:#a4b2c5;	
	text-decoration:underline;
}
#whoby-section a:hover {
	color:var(--color-pb-blue-std);	
}
#whoby-left {
	float:left;
}
#whoby-right {
	float:right;
}

.spacer {
	border-right:1px solid #44444e;
}

.testimonial {
	margin-top:24px;
}
.testimonial-content {
	background:#fff;
	font-size:16px;
	line-height:22px;
	padding:12px 15px;
	margin-bottom:10px;
	color:#46464a;
	border-radius:10px;
	-webkit-box-shadow:0 18px 35px rgba(50,50,93,.05),0 8px 15px rgba(0,0,0,.04);
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
}
.testimonial-name {
	font-weight:600;
}

.testimonial-stars {
	background:url(../images/interface/star.png) repeat-x;
	height:24px;
	max-width:120px;
	background-size:auto 100%;
	font-size:0px;
}

.module {
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
	background:#fff;	
	border-radius:3px;
}
.module-no-shadow {
	box-shadow: none;
}
.module-content {
	padding:50px;
}
.module-content form {
	text-align:left;
}

.warning-module {
	background:#f2d5d6;
	color:#8f553f;
}
.warning-module strong {
	color:#8f553f;	
}

.shaded-note {
	padding:10px;
	display:block;
	background:var(--color-bg-light);
	font-size:14px;
	line-height:22px;
}

.module-form-note {
	line-height:18px;
	font-weight:300;
	font-size:13px;
}

.right-panel-actions .module {
	padding: 20px;
	display: grid;
	grid-template-columns: 100%;
	gap: 20px;
}

.graphic-module {
	background:var(--color-text-dark) url(../images/interface/banner-bg-dark.jpg) no-repeat;
	background-size:cover;
	padding:20px;
	color:#fff;	
	line-height:22px;
}
.graphic-module h2, .graphic-module h3, .graphic-module h4, .graphic-module h5 {
	color:#fff;
}

.custom-list li {
	position:relative;
	padding-left:34px;
}
.list-check {
	position:absolute;
	left:0;
	top:0;
	font-size:24px;
}
.list-check i {
	font-size:24px;
	color:#4ebd3c;
}

.boxed-content {
	background:#eee;
	font-size:15px;	
	padding:15px;
	line-height:20px;
}

.sub-module-text {
	font-size:15px;
	padding-top:15px;
}
.sub-module-text a {
	color:var(--color-text-dark);
	text-decoration:underline;
}

.success-message {
	background:#dff0d8;
	padding:15px 20px;
	border:1px solid #d6e9c6;
	color:#468847;
	margin-bottom:20px;	
	font-size:14px;
	border-radius:4px;
	line-height:20px;
}

.success-message strong, .success-message h5 {
	color:#468847;	
}

.error-message {
	background:#f2d5d6;
	padding:15px 20px;
	border:1px solid #ecc2ca;
	color:#8f553f;
	margin-top:20px;	
	font-size:14px;
	border-radius:4px;
	line-height:20px;
}

.error-message strong, .error-message h5 {
	color:#8f553f;	
}

.pricing-item {
	text-align:center;
	display:block;
	border-radius:10px;
	padding:10px;
	margin: 20px 0;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.pricing-item-disabled {
	background:#f7f7f7;
}

.pricing-item-disabled .pricing-item-title, .pricing-item-disabled .pricing-item-desc, .pricing-item-disabled .pricing-item-price, .pricing-item-disabled .pricing-item-link, .pricing-item-disabled .pricing-item-symbol, .pricing-item-disabled .pricing-item-term {
	color:#aaa !important;
}

a:hover .pricing-item {
	background:var(--color-bg-light);
	transform:scale(1.06);
}
a:hover .pricing-item .pricing-item-link {
	color:var(--color-pb-blue-light);
}

.pricing-item-title {
	text-transform:uppercase;
	display:block;
	color:var(--color-pb-blue-std);
	margin-bottom: 13px;
	font-size: 17px;
	font-weight:300;
	letter-spacing:2px;
}

.pricing-item-desc {
	font-weight:600;
	color:#171a32;
	display:block;
	font-size:15px;
	margin-bottom:6px;
}

.pricing-item-price {
	color:#171a32;
	display:block;
	font-size:58px;
	line-height:50px;
	margin-bottom:6px;
}

.pricing-item-link {
	font-size:16px;
	text-transform:uppercase;
	color:#666;
	text-decoration:underline;
	letter-spacing:1px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.pricing-item-symbol {
	color:#999;
	font-size:16px;
	vertical-align:top;
	display:inline-block;
}

.pricing-item-term {
	color:#999;
	font-size:16px;
	display:inline-block;
}
.pricing-item-vat {
	color: #999;
	font-size: 14px;
	line-height: 1.6;
}

.pricing-note-link {
	display:inline-block;
	background:var(--color-bg-light);
	padding:4px 14px;
	font-size:15px;
	border-radius:100px;
	margin-bottom:20px;
}

.pricing-note {
	font-weight:600;
	font-size:15px;
	color:#171a32;
}

#banner-content .planbox {
	margin-bottom: 24px;
}
#banner-content .planbox .pricing-item {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	border-radius: 3px;
	background-color: #fff;
}
#banner-content .planbox .pricing-item > div {
	display: inline-block;
	max-width: 100%;
	padding: 5vh 5vw;
}
#banner-content .planbox .pricing-item .pricing-item-title {
	color: var(--color-pb-blue-std);
}
#banner-content .planbox a {
	display: inline-block;
}
#banner-content .planbox a:hover .pricing-item {
	background-color: var(--color-bg-light);
}

.note-text {
	font-size:15px;
	line-height:26px;
}

.col-box h3 {
	margin-bottom:12px;
}

.col-box p {
	margin-bottom:12px;
	font-size:15px;
	line-height:26px;
}

.navheader {
	font-weight:600;
	text-transform:uppercase;
	font-size:15px;
	margin-bottom:20px;
	display:block;	
	letter-spacing:1px;
}

.account-navigation li {
	margin:0;
}
.account-navigation li a {
	display:block;
	color:#758294;
	padding:10px 15px;
}
.account-navigation li a:hover {
	color:#171a32;
}
.active-account-nav {
	background:var(--color-bg-light) !important;
	color:#171a32 !important;
}

.promin-link {
	font-weight:600;
	color:var(--color-text-dark) !important;
}
.promin-link i {
	font-size:14px;
	color:var(--color-pb-red);
}

.account-content {
	padding:40px 0;	
}

.account-content-section-header {
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
}

.in-page-quote-message > * {
	border-radius: 3px;
	text-align: center;
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
}
.in-page-quote-message > *.msg-warning {
	background: #f2d5d6;
	color: #8f553f;
}
.in-page-quote-message > *.msg-success {
	background:#dff0d8;
	color:#468847;
}
.in-page-quote-message > *.msg-info {
	background:#dfdfdf;
	color:#555555;
}

.no-results-message {
	display:inline-block;
	background:var(--color-bg-light);
	padding:10px;
	color:var(--color-text-std);
	font-size:14px;
	line-height:20px;
	font-style:italic;
}

.feature-block {
	padding:50px;
}

.container.centered,
.large-container.centered,
.medium-container.centered {
	display: flex;
	align-items: center;
	align-content: space-between;
	flex-direction: column;
}

.button-book-a-demo {
	min-height: 64px;
	min-width: 160px;
	position: relative;
}
.button-book-a-demo button {
	position: relative;
	z-index: 10;
	min-height: 36px !important;
	letter-spacing: 0 !important;
	margin: 10px 0 0 0 !important;
	padding: 12px 25px !important;
	border: none !important;
	border-radius: 100px !important;
	font: 17px/30px 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
	background: var(--color-pb-red) !important;
	color:#fff !important; 
}
.button-book-a-demo button:hover {
	background: var(--color-pb-red-hl) !important;
	color:#fff !important;
}
.button-book-a-demo button.button-placeholder {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
}
.button-book-a-demo button.button-placeholder:disabled,
.button-book-a-demo button.button-placeholder:disabled:hover {
	background: var(--color-pb-red) !important;
	color:#ccc !important; 
}

/** BUTTON STYLES **/
button,
.button-op,
.button-green,
.button-red,
.button-white,
.button {
	padding:6px 10px;	
	border:none;
	border-radius:100px;
	font-weight:600;
	background: var(--color-pb-blue-std); 
	text-align:center;
	font-size:17px; 
	color:#fff; 
	cursor:pointer;
	display:inline-block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-shadow:0 2px 4px 0 rgba(100, 105, 124, 0.24);
}
button:hover,
.button:hover {
	color:#fff;
	background:#75c2ea;
}

.button-op {
	padding: 5px 9px;	
	border:1px solid #e8e9eb;
	background: transparent; 
	color:var(--color-pb-blue-std); 
}
.button-op:hover {
	color:#fff !important;
	background:var(--color-pb-blue-std);
}

.button-green {
	background: var(--color-pb-green);
	color:#fff; 
}
.button-green:hover {
	color:#fff !important;
	background:var(--color-pb-green-hl);
}

.button-red {
	background: var(--color-pb-red);
	color:#fff; 
}
.button-red:hover {
	color:#fff !important;
	background:var(--color-pb-red-hl);
}

.button-white {
	background: #fff;
	color: var(--color-pb-blue-std);
}
.button-white:hover {
	background: #e8e9eb;
	color: var(--color-pb-blue-light);
}

button:disabled, button:disabled:hover,
.button:disabled, .button:disabled:hover, .button-disabled, .button-disabled:hover {
	background:#eee !important;
	color:#777 !important;
}

.button-block {
	display:block;
	width:100%;
	margin: 0;
}

.button-large {
	padding:12px 25px !important;
	font-size:17px !important; 
}

.button-medium {
	line-height: 20px;
}
.button-small {
	padding:4px 10px !important;
	font-size:13px !important; 
}

.button-extra-small {
	padding:2px 5px !important;
	font-size:10px !important;
	line-height:18px; 
}

.button-inset-border {
	box-shadow: 0 2px 4px 0 rgba(100, 105, 124, 0.24), inset #e8e9eb 0 0 1px;
}

.button-side {
	background: linear-gradient(90deg, var(--color-text-std) 77%, transparent 77%);
	padding: 0 0 0 4px;
	border-radius: 26px 0 0 26px;
}
.button-side-button {
	padding: 0 14px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
}

.cta-header {
	font-size:32px;
	line-height:38px;
}

/** INPUT STYLES **/

.nomargin {
	margin:0;	
}

.mbottom {
	margin-bottom:12px !important;	
}

.mbottom6 {
	margin-bottom:6px !important;	
}

.mbottom24 {
	margin-bottom:24px !important;	
}

.mbottom30 {
	margin-bottom:30px !important;	
}

.mbottom40 {
	margin-bottom:40px !important;	
}

.mbottom60 {
	margin-bottom:60px !important;	
}

.nombottom {
	margin-bottom:0px !important;	
}

.mtop {
	margin-top: 12px !important;	
}

.hidden,
[class^="hidden-"],
[class*=" hidden-"] {
	display: none !important;
}
.transparent {
	opacity: 0;
	transition: opacity 0.5s;
}

label {
	display:inline-block;
	line-height:20px;
	font-size:13px;	
	color:var(--color-text-dark);
	font-weight:400;
	margin-bottom:4px;	
}

.flow-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.flow-container > * {
	margin: 0;
	flex-grow: 1;
}
.flow-container > .flow-fixed {
	flex-grow: 0;
}

.input-container {
	position:relative;
}

.select-container {
	border:1px solid #e1e2eb;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	overflow:hidden;
	border-radius:3px;
}

.file-input-container {
	padding:0px 6px;
	margin:0px 6px 0px -6px;
}

input[type="date"],
input[type="password"],
input[type="number"],
input[type="text"] {
	display:block;
	line-height:30px;
	border-radius:3px;
	width:100%;
	padding:9px 20px;
	font-size:17px;
	transition:border-color 0.3s, background-color 0.3s;
	-webkit-transition:border-color 0.3s, background-color 0.3s;
	background:#fff;
	color:var(--color-text-dark);
	border:1px solid;
	border-color:#e1e2eb;
}

input[type="file"] {
	display:block;
	line-height:32px;
	width:100%;
	padding:5px 5px;
	cursor:pointer;
	border-radius:4px;
	background:#f7f7f7;
	color:#333;
}

input[type="submit"]:disabled {
	background:#eee !important;
	color:#777 !important;
}

input[type="date"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="text"]:disabled {
	background:#f7f7f7 !important;
	color:#ccc !important;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	display:block;
	width:100%;
	color:#3e4a58;
	border:none;
	background:#fff url(../images/interface/select-arrow.png) no-repeat right center;
	line-height:48px;
	padding:0 20px;
	font-size:17px;
}
select:disabled {
	background: #f7f7f7;
	color: #ccc;
}

select option {
	padding:0 5px;	
	color:#333;
}

textarea {
	display:block;
	width:100%;
	max-width:100%;
	min-width:100%;
	border-radius:3px;
	min-height:122px;
	font-size:17px;
	padding:9px 20px;
	color:var(--color-text-dark);
	border:1px solid #e1e2eb;
	background:#fff;
	line-height:24px;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
}

#checker {
	display:none;	
}

input[type="checkbox"]{
    -webkit-appearance: checkbox;
}
input[type="radio"]{
    -webkit-appearance: radio;
}

.asterix {
	font-weight:600;
	color:red;	
}

input {
	-webkit-appearance:none;	
}

textarea:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="text"]:focus {
	border-color:#6ab5ea !important;	
}

table tr td {
	vertical-align:top;	
}

/** DIALOG OVERLAY **/
#dialog-overlay {
	width:0px;
	height:0px;
	position:fixed;
	background-color: rgba(238, 238, 238, 0.8);
	z-index:2000;
	top:0;
	left:0;	
	opacity:0;
	transition:opacity 0.3s;
	overflow:hidden;
}

.dialog-notification {
	position:absolute;
	top:90px;
	left:50%;
	width:600px;
	margin-left:-300px;
	background:#fff;
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	overflow:hidden;
}

.dialog-content {
	max-height:700px;
	overflow-y: auto;
}

.dialog-module {
	position:relative;
	padding:20px;	
}

.dialog-close {
	position:absolute;
	top:26px;
	right:30px;
	cursor:pointer;
}

.dialog-close i {
	font-size:18px;
}

.pagination {
	text-align: center;
	font-size: 0;
	margin-top: 40px;
}
.pagination li {
	display: inline-block;
	margin: 5px 5px;
}
.disabledpag {
	background-color: #eee !important;
	color: #999 !important;
}
.pagination li a {
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	background-color: #e6e6e6;
	text-decoration: none;
	color: #666;
	font-weight: 600;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
}
.pagination li a:hover {
	background-color: #648de9;
	color: #fff;
}
.pagination li .active-pag {
	background-color: var(--color-pb-blue-std) !important;
	color: #fff !important;
}

#password-strength {
	border:1px solid #eee;
	border-left:none;
	margin-bottom:20px;
}

#password-8-characters, #password-has-number, #password-has-letter {
	
}

.password-strength-param {
	width:33.33%;
	float:left;
}

.password-strength-text {
	font-size:12px;
	padding:4px 10px;
	background:#f5f5f5;
	color:#999;	
	border-left:1px solid #eee;
	line-height:14px;
}

.password-strength-icon i {
	font-size:11px;
	width:10px;
	text-align:center;
	margin-top:-1px;
	display:inline-block;
	margin-right:4px;	
}


.secure-message {
	color:#00B974 !important;	
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:13px;
}

table {
	width:100%;
}
table tr td {
	padding:5px 15px;
	border-bottom:1px solid #eee;
	line-height:20px;
	font-size:16px;
}
.valigned tr td {
	vertical-align:middle;
}

.header-row td {
	font-weight:600;
	color:var(--color-text-dark);
	padding-top:12px;
	padding-bottom:12px;
	font-size:17px;
}
.alt-row {
	background:#f7f7f7;	
}

.comparison-table .fa-check {
	color:#26df84;
}
.comparison-table .fa-times {
	color:red;
}

.secure-message {
	color:#00B974 !important;	
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:13px;
}

#sub-type-select, #sub-method-select {
	border:1px solid #dbdfe7;
	border-radius:10px;
	overflow:hidden;
}

.sub-no-option {
	padding:10px 20px;	
	cursor:pointer;
	color:#8e94a0;
	font-size:13px;
	background:#fff;
	position:relative;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.sub-option {
	padding:10px 20px 10px 62px;	
	cursor:pointer;
	color:#8e94a0;
	font-size:13px;
	background:#f2f4f8;
	position:relative;
	-webkit-box-shadow:0 9px 24px rgba(50,50,93,.05) inset, 0 4px 12px rgba(0,0,0,.03) inset;
	box-shadow:0 9px 24px rgba(50,50,93,.05) inset, 0 4px 12px rgba(0,0,0,.03) inset;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.sub-option-active {
	background:#fff !important;	
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.sub-option-left {
	border-right:1px solid #dbdfe7;
}
.sub-option-top {
	border-bottom:1px solid #dbdfe7;
}
.sub-option strong {
	color:#8e94a0;
	font-size:16px;
	margin-bottom:4px;
	line-height:20px;
	display:inline-block;
}

.sub-option p, .sub-no-option p {
	line-height:20px;
	margin-bottom:6px;	
}

.sub-type-price {
	font-size:30px;	
	color:#3e4a58;
}
.sub-radio {
	display:block;
	width:18px;
	height:18px;
	padding:3px;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:20px;
	background:#dbdfe7;
	border-radius:50px;
	font-size:0px;
}
.sub-radio-inner {
	display:block;
	background:#dbdfe7;
	border:3px solid #f2f4f8;
	width:12px;
	height:12px;
	border-radius:50px;
}

.sub-option-active .sub-radio {
	background:var(--color-pb-blue-std);
}
.sub-option-active .sub-radio .sub-radio-inner {
	background:var(--color-pb-blue-std);
	border-color:#fff;
}
.sub-option-active strong {
	color:#3e4a58 !important;
}
.sub-option-active .sub-type-price {
	color:var(--color-pb-blue-std) !important;
}

#sub-confirm {
	margin-bottom:16px; 
	letter-spacing:1px;
}

.stripe-card-element {
	background:#fff;
	padding:0 20px;
	margin-bottom:10px;
	border:1px solid #e1e2eb;
}
.stripe-card-error {
	border:1px solid #f3b6b3;
}

.check-list {
	
}
.check-list li {
	position:relative;
	padding-left:32px;
	margin-bottom:24px;
}
.check-list .ul-icon {
	position:absolute;
	left:0;
	top:2px;
	background:var(--color-pb-green);
	color:#fff;
	display:block;
	width:24px;
	height:24px;
	border-radius:100px;
	text-align:center;
	line-height:22px;
}
.check-list .ul-icon i {
	font-size:15px;
}
.check-list strong {
	display:block;
	font-size:18px;
}


/** QUOTE EDITOR STYLES **/

#quote-header {
	z-index:110;
	top:0;
	left:0;
	width:100%;
	height:60px;
	position:fixed;
	background: #103175; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #103175 0%, #648de9 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #103175 0%,#648de9 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #103175 0%,#648de9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103175', endColorstr='#648de9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.1);
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
	-webkit-transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
	transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
}

#back-to-dash {
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-20px;
	border:2px solid #fff;
	font-size:14px;
	padding:3px 12px;
	margin-left:10px;
	background:#fff;
	border-radius:100px;
	color:#5880d9;
	z-index:1000;
	font-weight:600;
}

#quote-mobile-nav {
	position:absolute;
	left:15px;
	top:12px;	
	z-index:10;
	display:none;
}
#quote-mobile-nav i {
	font-size:20px;
}

#quote-logo {
	position:absolute;
	left:50%;
	margin-left:-100px;
	top:9px;
	height:40px;
	z-index:100;
}
.logowhitebg#quote-logo {
	background-color: #FFF;
	top: 5px;
	height: 50px;
	margin-left:-125px;
}
#quote-logo img {
	display:block;
	max-height:100%;
	width:auto;
}
#quote-side {
	z-index:100;
	position:fixed;
	left:0;
	width:300px;
	top:0px;
	height:100%;
	background:#fff;
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.1);
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
	overflow:hidden;
	-webkit-transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
	transition:background-color 0.3s, box-shadow 0.3s, left 0.3s;
}
#quote-side-inner {
	height:100%;
	overflow-y: scroll;
	margin-right:-20px;
	padding-right:20px;
}
#quote-side-content {
	padding-top:60px;
	padding-bottom:60px;
}

.quote-side-heading {
	padding:15px;
}
.quote-side-heading h5 {
	margin-bottom:0px;
	line-height:20px;
	text-transform:uppercase;
	font-size:14px;
	color:#a4b2c5;
	letter-spacing:1px;
}
.quote-side-menu {
	border-top:1px solid #eee;
}
.quote-side-menu li {
	position:relative;
	display:block;
	border-bottom:1px solid #eee;
	font-size:14px;
	margin:0;
}
.quote-side-menu li:hover {
	background:var(--color-bg-light);
}
.quote-side-menu li a {
	display:block;
	padding:10px 15px 10px 15px;
	color:var(--color-text-dark);
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	line-height:18px;
}
#quote-stage-menu li a.quote-stage-trigger {
	margin-right:115px !important;
}

.quote-side-menu .quote-side-menu-price {
	position:absolute;
	border-radius:100px;
	padding:5px 10px;
	line-height:18px;
	right:15px;
	top:50%;
	margin-top:-14px;
	color:var(--color-text-std);
	background:var(--color-bg-light);
	font-size:13px;
}

.quote-side-menu .quote-side-menu-price.quote-side-menu-price-positive {
	font-weight:600;
	color:var(--color-text-dark);
}
.quote-side-menu .quote-side-menu-price.quote-side-menu-price-positive:hover {
	background: var(--color-pb-blue-std);
	color: #fff;
}

#quote-side-total-container {
	position:fixed;
	width:300px;
	bottom:0;
	left:0;
	background: #103175; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #103175 0%, #648de9 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #103175 0%,#648de9 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #103175 0%,#648de9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103175', endColorstr='#648de9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:#fff;
	-webkit-transition:left 0.3s;
	transition:left 0.3s;
}
#quote-side-total-content {
	position:relative;
	padding:15px;
	z-index:100;
}
#quote-side-total-content strong {
	color:#fff;
	opacity:0.5;
}
#quote-side-total-price {
	display:block;
	pointer-events:none;
	position:absolute;
	right:15px;
	top:15px;
	font-weight:700;
	font-size:20px;
}

#quote-preview-container {
	padding:50px;
}

#quote-container {
	padding-top:110px;
	padding-left:350px;
	padding-right:50px;
	padding-bottom:50px;
}

.quote-center-container {
	padding: 110px 350px 50px 350px;
}

#quote-content {
	overflow:hidden;
	padding: 0 50px 75px 50px;
}

#pb-content-noitems,
.quote-section {
	padding-top: 75px;
}
.mini-menu {
	display: none;
}
.quote-section-title {
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}

.quote-section-title .button {
	padding: 2px 7px;
	font-size:9px !important;
	line-height:18px; 
	text-transform:uppercase;
	letter-spacing:1px;
	vertical-align:middle;
	margin-left:10px;
}
.quote-section-title .button i {
	font-size:11px;
	margin-top:-1px;
	margin-right:3px;
	vertical-align:baseline;
}

.quote-section-title h5 {
	margin-bottom:0px;
	display:inline-block;
}
.quote-section-subtitle {
	padding:6px 120px 6px 0;
	border-bottom:1px solid #eee;
	position:relative;
}
.quote-section-subtitle strong {
	font-size:15px;
}
.quote-section-subtitle .button {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-11px;
	padding: 2px 7px;
	font-size:9px !important;
	line-height:18px; 
	text-transform:uppercase;
	letter-spacing:1px;
}
.quote-section-subtitle .button i {
	font-size:11px;
	margin-top:-1px;
	margin-right:3px;
	vertical-align:baseline;
}

.quote-section-subtitle-value {
	position:absolute;
	line-height:24px;
	font-size:18px !important;
	right:0;
	top:50%;
	margin-top:-12px;
}


.quote-grand-total {
	padding:10px 120px 10px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	position:relative;
	margin-top: 75px;
}
.quote-grand-total strong {
	font-size:18px;
}
.quote-grand-total-value {
	position:absolute;
	line-height:24px;
	font-size:22px !important;
	right:0;
	top:50%;
	margin-top:-12px;
}

.quote-section-item {
	border-bottom:1px solid #eee;
	font-size:15px;
	margin-left:30px;
	line-height:20px;
	color:var(--color-text-dark);
	position:relative;
}
.quote-section-item-header {
	font-weight:600;
	text-transform:uppercase;
	font-size:11px !important;
	color:#999;
}

.quote-section-item-content {
	background:#fff;
	padding:8px 0;
	position:relative;
	z-index:100;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}

.quote-section-item-row-container {
	position:relative;
}
.quote-section-item-group {
	position:absolute;
	left:0px;
	top:12px;
	display:block;
	width:12px;
	height:12px;
	border-radius:100px;
	vertical-align:middle;
	margin-left:2px;
	font-size:0px;
	z-index:0;
}
.quote-section-item-group-title {
	display:none;
	position:absolute;
	left:100%;
	top:0;
	width:180px;
	background:rgba(0,0,0,0.8);
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:4px 6px;
	border-radius:6px;
}
.quote-section-item-group-title strong {
	color:#fff;
}
.quote-section-item-group:hover {
	z-index:1000;
}
.quote-section-item-group:hover .quote-section-item-group-title {
	display:block;
}

.quote-section-item-content-focus {
	transform:translate(-100px, 0);
}


.quote-section-item-options {
	position:absolute;
	right:0;
	top:0px;
	height:100%;
	z-index:50;
}
.quote-section-item-option {
	color:#fff;
	height:100%;
	width:40px;
	font-size:0px;
	float:right;
	position:relative;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.quote-section-item-option-icon {
	position:absolute;
	display:block;
	width:28px;
	height:28px;
	left:50%;
	top:50%;
	margin-top:-14px;
	margin-left:-14px;
	text-align:center;
	pointer-events:none;
}
.quote-section-item-option-icon i {
	line-height:28px;
	font-size:14px;
}

.quote-section-item-option-edit, .quote-section-group-item-edit {
	background:var(--color-pb-blue-std);
}
.quote-section-item-option-edit:hover, .quote-section-group-item-edit:hover {
	background:#3478eb;
}

.quote-section-item-option-remove, .quote-section-group-item-remove {
	background:var(--color-pb-red);
}
.quote-section-item-option-remove:hover, .quote-section-group-item-remove:hover {
	background:var(--color-pb-red-hl);
}

.quote-section-item-info {
	float:left;
	font-size:13px;
}
.quote-section-item-title {
	width:50%;
}
.quote-section-group-item-title {
	width:100%;
}
.quote-section-group-item-title-edit {
	cursor: pointer;
}

.quote-section-item-qty {
	width:12.5%;
	text-align:center;
}
.quote-section-item-units {
	width:12.5%;
	text-align:center;
}
.quote-section-item-rate {
	width:12.5%;
	text-align:center;
}
.quote-section-item-amount {
	width:12.5%;
	text-align:right;
	font-weight:600;
}
.quote-section-item-modified {
	color: #E00;
}

.quote-m-label {
	display:none;
}

.quote-module-header {
	position:relative;
	padding:20px 60px 20px 30px;
	border-bottom:1px solid #eee;
}
.quote-module-header h4 {
	margin-bottom:0px;
	font-size:22px;
}
.quote-module-content {
	padding:20px 30px;
	color: var(--color-text-dark);
}
.quote-module-content h5 {
	margin-bottom:20px;
	font-size:20px;
}
.quote-module-footer {
	padding:20px 30px;
	border-top:1px solid #eee;
}

.quote-note {
	position:relative;
	padding:15px 20px 15px 46px;
	margin-bottom:15px;
	line-height:20px;
	font-size:14px;
}
.quote-note-icon {
	position:absolute;
	left:20px;
	top:16px;
}
.quote-note-icon i {
	font-size:15px;
}

.delete-button,
.quote-button-success,
.quote-button-warning,
.quote-button-alt,
.quote-button {
	padding:6px 10px;	
	border:none;
	border-radius:100px;
	font-weight:600;
	text-transform:uppercase;
	background: var(--color-pb-blue-std); 
	text-align:center;
	font-size:15px;
	letter-spacing:1px; 
	color:#fff; 
	cursor:pointer;
	display:inline-block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-shadow:0 2px 4px 0 rgba(100, 105, 124, 0.24);
}
.quote-button:hover {
	color:#fff !important;
	background:#75c2ea;
}

.quote-button-alt {
	color: var(--color-pb-blue-std);
	background: #fff;
	padding: 4px 8px;
	border: 2px solid var(--color-pb-blue-std);
}
.quote-button-alt:hover {
	background: #e0e0e0;
}

.delete-button {
	background: var(--color-pb-red); 
	color:#fff; 
}
.delete-button:hover {
	color:#fff !important;
	background:var(--color-pb-red-hl);
}


.quote-button-success {
	background: var(--color-pb-green); 
	color:#fff; 
}
.quote-button-success:hover {
	color:#fff !important;
	background:var(--color-pb-green-hl);
}
input[type="submit"].quote-button-success:disabled,
input[type="submit"].quote-button-success:hover:disabled {
	color: #fff !important;
	background: var(--color-pb-green) !important; 
}
.quote-button-warning {
	background: #d4ab42;
	color:#fff;
}
.quote-button-warning:hover {
	color:#fff !important;
	background: #f8ad0f;
}


.quote-stage-option-container, .quote-export-option-container {
	position:relative;
}
.quote-stage-option-optional, .quote-export-option-optional {
	padding-left:46px;
}
.quote-stage-option-toggle, .quote-export-option-toggle {
	background:var(--color-pb-blue-std);
	width:24px;
	height:24px;
	line-height:22px;
	border-radius:100px;
	position:absolute;
	left:0;
	top:4px;
	text-align:center;
	color:#fff;
	cursor:pointer;
}
.quote-stage-option-toggle i, .quote-export-option-toggle i {
	font-size:14px;
	pointer-events:none;
}
[disabled] > .quote-stage-option-toggle, [disabled] > .quote-export-option-toggle,
.quote-stage-option-toggle-inactive, .quote-export-option-toggle-inactive {
	background:#eee !important;
}
.quote-stage-option-toggle-inactive i, .quote-export-option-toggle-inactive i {
	display:none;
}

.quote-stage-option-content, .quote-export-option-content {
	position:relative;
	font-size:0;
	transform:scale(1);
	opacity:1;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.quote-stage-option-inactive {
	opacity:0.3 !important;
	transform:scale(0.9) !important;
}

.quote-stage-option-desc {
	width:47%;
}
.quote-stage-option-desc, .quote-export-option-desc {
	padding-right:6%;
	display:inline-block;
	font-size:15px;
	line-height:20px;
	vertical-align:middle;
}
.quote-stage-option-multiple .quote-stage-option-desc {
	vertical-align:top;
}

.quote-stage-option-text {
	margin-bottom:5px;
}
.quote-stage-option-note {
	font-size:11px;
	line-height:16px;
	display:block;
	margin-bottom:5px;
}
.quote-stage-option-add-another {
	font-size:13px;
	cursor:pointer;
}

.quote-stage-option-items {
	width:47%;
	display:inline-block;
	vertical-align:middle;
}
.quote-stage-option-multiple .quote-stage-option-items {
	vertical-align:top;
}

.quote-stage-option-item {
	position:relative;
	padding-right:80px;
}
.quote-stage-option-item-nounits {
	position:relative;
}
.quote-stage-option-input {
	
}
.quote-stage-option-input input[type="text"] {
	padding:9 10px;
}
.quote-stage-option-input select {
	font-size:12px;
	padding:0 40px 0 10px;
}
.quote-stage-option-input input[type="text"] {
	text-align:center;
}
.quote-stage-option-input-units {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-10px;
	width:70px;
}
.quote-stage-option-multiple .quote-stage-option-input-units {
	top:0px;
	margin-top:0px;
}
.quote-stage-option-input-unit-label {
	color:var(--color-text-dark);
	font-weight:600;
	font-size:13px;
	line-height:20px;
}
.quote-stage-option-item-remove {
	font-size:13px;
	line-height:30px;
	color:#ef2d44;
	cursor:pointer;
}
.quote-stage-option-item-remove:hover {
	color:#dc5d6c;
}


.account-quote-item {
	background:#fff;
	padding:15px 20px;
	line-height:20px;
	border-radius:10px;
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.1);
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
	font-size:0px;
	margin-bottom:10px;
}
.account-quote-item-title {
	width:40%;
}
.account-quote-item > * {
	display:inline-block;
	line-height: 22px;
	font-size:14px;
	vertical-align:middle;
}
.account-quote-item > * > * + * {
	margin-top: 3px;
}
.account-quote-item-template strong {
	display: block;
	font-size: 17px;
}
.account-quote-item-isactive,
.account-quote-item-date, .account-quote-item-user {
	display: block;
}
.account-quote-item-isactive em,
.account-quote-item-date em, .account-quote-item-user em {
	color: #80909f;
}
.account-quote-item-total {
	width:20%;
	font-size: 17px;
	text-align: center;
	color:var(--color-pb-green);
	font-weight:600;
}
.users-item-status {
	width:20%;
	text-align: center;
	color:var(--color-text-std);
	font-weight:400;
}
.account-quote-item-link {
	width:40%;
	text-align:right;
}
.account-quote-item-template {
	width: 100%;
}
.account-quote-item-description {
	width: 100%;
	margin-top: 10px;
	font-size: 13px;
	white-space: pre-wrap;
}
.account-quote-item-action {
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.option-disabled {
	opacity: 0.35;
}
.link-block {
	display: block;
	cursor: pointer;
}

.form-note {
	padding:10px;
	background:#eee;
	line-height:22px;
	font-size:15px;
}

.inline-search,
#quote-search {
	display:inline-block;
	width:200px;
	position:relative;
	padding-left:30px;
	color:var(--color-text-dark);
}

.inline-search i,
#quote-search i {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-6px;
	opacity:0.3;
}

.inline-search input[type="text"],
#quote-search input[type="text"] {
	background:none;
	padding:2px 10px 0 10px;
	border:none !important;
}

.upgrade-message,
.upgrade-message:hover,
.upgrade-message strong {
	color:#c21a00;
}

.upgrade-message:hover {
	text-decoration:underline;
}

.mobilespacer {
	height:0;
}

.plan-value {
	margin-bottom:15px;
	line-height:20px;
	color:var(--color-text-dark);
	font-size:16px;
}

.nav-account-note {
	background:var(--color-bg-light);
	padding:10px;
	font-size:13px;
	line-height:18px;
	margin-bottom:20px;
}

.quote-wizard-summary {
	padding: 12px;
	justify-content: flex-start;
}
.quote-wizard-summary > * {
	flex-grow: 0;
}
.quote-wizard-summary .inline-search {
	background: var(--color-bg-light);
	border-radius: 2px;
}

#loading-overlay {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,1);
	z-index:105;
}
#loading-overlay-icon {
	position:absolute;
	left:50%;
	top:50%;
	width:140px;
	height:140px;
	margin-left:-70px;
	margin-top:-70px;
}

p.button-condition-text, #banner-content p.button-condition-text {
	font-size: 80%;
	margin-bottom: 0px;
	margin-top: 2em;
}

/* Quote attachments dialog */
.quote-attachments-outer > * + *,
#attachmentsAjaxContent > * + * {
	margin-top: 20px;
}
.upload-file-box,
#attachmentsAjaxContent > * {
	overflow: hidden;
	padding: 15px;
}
.upload-file-box {
	position: relative;
	background-color: #f7f7f7;
	box-shadow: inset 0 0 8px #dfdfdf;
}
.upload-file-box + .upload-file-box {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: end;
}
.upload-file-box,
.upload-file-box .input-container {
	color: #000;
}
.upload-file-box input[type="file"],
.upload-file-box span {
	display: inline-block;
	width: auto;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.upload-file-box label,
.upload-file-box progress,
.upload-file-box .upload-file-name,
.upload-file-box .upload-file-status {
	display: block;
	padding: 0;
	margin: 0;
}
.upload-file-box label[for="upload-quote-attachment"] {
	font-size: 125%;
	margin-bottom: 10px;
}
.upload-file-box .upload-file-name {
	flex-grow: 1;
	max-width: calc(100% - 280px);
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.upload-file-box .upload-file-status {
	flex-grow: 0;
	width: 280px;
	text-align: right;
	font-size: 85%;
}
.upload-file-box progress[value] {
	appearance: none;
	flex-grow: 0;
	width: 100%;
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.attachment-confirm {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 15px;
	transition: all 0.5s;
}
.attachment-confirm p {
	margin: 0 0 10px 0;
}
.attachment-confirm,
.upload-error-box {
	color: #600;
	background-color: #fdd;
	border: 1px solid #600;
}
.upload-error-box p {
	margin: 0;
}
.quote-attachment {
	color: #fff;
	background: #103175;
	background: linear-gradient(45deg, #103175 0%,#648de9 99%);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: center;
}
.quote-attachment-actions > * {
	display: inline-block;
}
.quote-attachment-actions > * + * {
	margin-left: 20px;
}
.quote-attachment .quote-attachment-left {
	flex-grow: 1;
	max-width: calc(100% - 100px);
}
.quote-attachment .quote-attachment-right {
	flex-grow: 0;
	width: 100px;
}
.quote-attachment .quote-attachment-left p {
	margin: 0;
	font-size: 75%;
	line-height: 1.4;
}
.quote-attachment .quote-attachment-left label {
	color: #fff;
	margin: 10px 0;
	font-size: 105%;
}
.quote-attachment .quote-attachment-left a {
	color: #fff;
	font-size: 125%;
}
.quote-attachment .quote-attachment-left a:hover {
	text-decoration: underline;
}
.quote-attachment .quote-attachment-right a {
	color: #fff;
	display: block;
	padding: 6px 0;
	border: 3px solid #fff;
	border-radius: 3px;
}
.quote-attachment .quote-attachment-right a:hover {
	background-color: #fff2;
}
.quote-attachment .quote-attachment-right a > * {
	display: block;
	text-align: center;
}
.quote-attachment .quote-attachment-right a > span {
	font-size: 70%;
	line-height: 1.4;
}
.quote-attachment .quote-attachment-right a > .far {
	font-size: 40pt;
}
/* Quote attachments dialog end */