/* Base color file for main site and portal */

/* navigation */

nav.mainNav ol > li > a, nav.mainNav .dropDown ul li a:hover, header.transparentNav nav.mainNav ol > li.loginHolder > a, #facebox .frmLogin .loginOptions a, .resellersNav ul a:hover
{
	color: #048497;
}

/* links, headings */

h3, a, .optionsRibbon ul li a:hover, footer div:not(.footerBase) a.language:hover, h5, dt, .alternateBg h2, .alternateBg h4, #contentBody h2, .primaryColorText, .resources .fullColumn h2, .lrgTopHeading, .contactForm .smallHint, .about-stats li .num, .about-stats li .num *, a.secondaryColorText:hover, .floatingNav + .mid_page_parallax_header .contentHeader h2  {
	color: #048497;
}

/* hover */

a:hover, .secondaryColorText {
	color: #579125;
}

/* highlight */

#wrapper.comparisons p strong, #wrapper.brochure p strong {
	color: #19a1b5;
}

/*------------------- Backgrounds -------------------*/
/* buttons, popups */

input[type="submit"], input[type="button"], button, #facebox .header, .jconfirm .jconfirm-box div.title, .colorBtn, .navButtons a.button, .awardsNav div, .tp-caption.solidButton, .floatingNav > a:hover {
	background: #048497;  /* Mid Blue - Base color*/
}
form#partner button {
	background-color: #0fa679;
}

/* footers, buttons */

#contentHeader, .comparisonsBlocks a.contentBlock, .newsHolder div > a, .videos .tp-tab:hover:before, .videos .tp-tab.selected:before, .signup header.transparentNav:not(.scrolled), .contactSales header.transparentNav:not(.scrolled), .imgIcons li span, .catalog_categories .label, .catalog_courses div.price, .difSignIn, #wrapper.tour .contentHeader, .columnL h2:before, .blog_blocks a, .blog_blocks a span:before {
	background-color: #048497
}
.comparisonsBlocks a.contentBlock:nth-child(3n+3), nav.mainNav ol > li.signupHolder span, .mm-menu .signupMobile, .colorBtn:hover, .navButtons a.button:hover, .newsHolder div > a:hover, .tp-caption.solidButton:hover, .floatingNav > a, .resellers .mapHolder, .smlSignupButton, .imgIcons li:nth-child(3n+2) span, .colorBtn2 {
	background-color: #19a1b5
}
.comparisonsBlocks a.contentBlock:nth-child(3n+2), .imgIcons li:nth-child(3n+3) span {
	background-color: #0d8a83
}

.timeline .timeline-text > div, .timeline-footer-wrap > div, .timeline-arrow:after {background-color: #048497}
.timeline ul li:nth-child(3n+2) .timeline-text > div, .timeline ul li:nth-child(3n+2) .timeline-arrow:after {background-color: #19a1b5}
.timeline ul li:nth-child(3n+3) .timeline-text > div, .timeline ul li:nth-child(3n+3) .timeline-arrow:after {background-color: #0d8a83}

.top_bg_circle:before {
	background: linear-gradient(135deg, #29ada5 50%, #167184 85%)
} /* teal green : teal */
#wrapper.news #contentHeader, #wrapper.faq #contentHeader, #wrapper.privacy #contentHeader, #wrapper #contentHeader {
	background: linear-gradient(135deg, #d47134, #a94571)
} /* orange : pink */
#wrapper.demo #contentHeader, #wrapper.contact #contentHeader, #wrapper.brochure #contentHeader, .brochure .hosted_by, .brochure .videos {
	background: linear-gradient(135deg, #00afa6, #006c82)
} /* teal green : teal */
#wrapper.pricing #contentHeader, #wrapper.implementation #contentHeader, #wrapper.comparisons #contentHeader {
	background: linear-gradient(135deg, #1fa5b9, #027182)
} /* teal : light teal */
.signup #contentWrap, .contactSales #contentWrap, #wrapper #contentHeader {
	background: linear-gradient(135deg, #027182, #24bfd6)
} /* teal : light teal */
#wrapper.resources #contentHeader, #wrapper.about #contentHeader, #wrapper.terms #contentHeader, #wrapper.resellers #contentHeader, #wrapper.infographics #contentHeader, #wrapper .imgDivider {
	background: linear-gradient(135deg, #0d8198, #7658b1)
} /* teal : purple */
#wrapper.tour #contentHeader, #wrapper.story #contentHeader, #wrapper.sitemap #contentHeader, #wrapper.features #contentHeader, #wrapper.error404 #contentHeader, #wrapper.gdpr #contentHeader {
	background: linear-gradient(-45deg, #007a8c, #56af53)
} /* green : blue */
#wrapper.tour.comparison #contentHeader {
	background: linear-gradient(-45deg, #7d7058, #c5b599);
}
#wrapper.stories #contentHeader {
	background: linear-gradient(135deg, #a55e7e, #6f2448)
}
#contentFooter {
	background: linear-gradient(135deg, #30aab9, #167184)
} /* light teal : teal */

.peach {background-color: #dc7d7a !important}
.turquoise {background-color: #36b1c4 !important}
.home .colorBtn, .tour .colorBtn, .tour_nav a, a.smlSignupButton, nav.mainNav ol > li.signupHolder span, .tour_progress, .resources .colorBtn, .fresh_green {background-color: #56af53}

nav.mainNav ol > li.signupHolder a:hover span {background-color: #22b1c6}

.tour_progress li a:hover span,
.tour_progress[selected-item="nav_item1"] li.nav_item1 a span,
.tour_progress[selected-item="nav_item2"] li.nav_item2 a span,
.tour_progress[selected-item="nav_item3"] li.nav_item3 a span,
.tour_progress[selected-item="nav_item4"] li.nav_item4 a span,
.tour_progress[selected-item="nav_item5"] li.nav_item5 a span,
.tour_progress[selected-item="nav_item6"] li.nav_item6 a span,
.tour_progress[selected-item="nav_item7"] li.nav_item7 a span,
.tour_progress[selected-item="nav_item8"] li.nav_item8 a span,
.tour_progress[selected-item="nav_item9"] li.nav_item9 a span,
.tour_progress[selected-item="nav_item10"] li.nav_item10 a span,
.tour_progress[selected-item="nav_item11"] li.nav_item11 a span,
.tour_progress[selected-item="nav_item12"] li.nav_item12 a span {background-color: #388c35 !important}

/* thin strip at top */

.features ul.dotNav li a.selected span, .no-touch .features ul.dotNav li a:hover span {
	border: 1px solid #048497;
}
@media screen and (min-width: 980px) {
	header {
		border-top: 4px solid #048497;
	}
}
.edu2 header {
	border-color: #048497;
	border-style: solid;
}
.storiesHolder a:nth-child(3n+1) > div {
	border-bottom-color: #048497
}
.storiesHolder a:nth-child(3n+2) > div {
	border-bottom-color: #19a1b5
}
.storiesHolder a:nth-child(3n+3) > div {
	border-bottom-color: #0d8a83
}

/*------------------- Panels -------------------*/
.panel1 .clearBtn, .panel4 .clearBtn {border-color: #048497; color: #048497}
.panel1.stripe > div .block {border-top-color: #048497}
.panel1.stripe > div .block:nth-child(4n+2) {border-top-color: #19a1b5}
.panel1.stripe > div .block:nth-child(4n+3) {border-top-color: #0b7183}
.panel1.stripe > div .block:nth-child(4n+4) {border-top-color: #66C2D2}

/*------------------- Resellers -------------------*/
.resellersNav[selected-item="first-steps"] li.first-steps,
.resellersNav[selected-item="demo-site"] li.demo-site,
.resellersNav[selected-item="collateral"] li.collateral,
.resellersNav[selected-item="about-company"] li.about-company,
.resellersNav[selected-item="about-product"] li.about-product,
.resellersNav[selected-item="about-industry"] li.about-industry,
.resellersNav[selected-item="do-demo"] li.do-demo,
.resellersNav[selected-item="demo-images"] li.demo-images {border-left-color: #048497; color: #048497}