/* rds */

.el-menu-selected {
	border-top: solid 3px #54bb2e!important;
}

.el-hover-menu {
	position: absolute;
	background-color: white !important;
	width: 200px;
	margin-top: -40px;
	border-bottom: solid 1px #C1C1C1;
}

.el-hover-menu div {
	color: #797168 !important;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 16px !important;
	font-family: "Circular-Bold";
	cursor: pointer;
	border-left: solid 1px #C1C1C1;
	border-right: solid 1px #C1C1C1;
}

.el-hover-menu div a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.el-hover-menu div a:hover {
	background: #f6f4f1 !important;
}

@media only screen and (min-width: 940px) {
	.el-sm-only {
		display: none;
	}
}

@media only screen and (max-width: 940px) {
	.el-md-up {
		display: none;
	}
}

@media only screen and (max-width: 1408px) {
	.el-lg-only {
		display: none;
	}
}

.chosen-container { margin-bottom: 10px;}

.Back {
	text-align: center;
	margin-top: 60px;
}
.PublicValidationSummary li {
	color: red;
}

.public-form label {
    font-size: 16px;
}

.Bold {
    font-family: Circular-Medium !important
}

.link-color-brand, .txt-link-brand {
    color: #54ba2e !important;
}

.link-color-brand-hover:hover, .txt-link-brand:hover {
    color: #54ba2e !important;
}

.DifferenceImage {
	display: block;
	margin: auto;
}


.toggleBenefits {
	font-family: Courier; /*fixed width so + and - are the same size*/
	font-weight: bold;
	font-size: 18px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 8px;
}

.toggleBenefitsAll {
	text-decoration: underline;
}

.toggleBenefitsBlue {
	border: solid #796e65 1px;
}

.toggleBenefitsWhite {
	background: white;
	border: solid #796e65 1px;
	color: #796e65 !important;
}

.indent {
	margin-left: 30px;
}

.expandableBenefits > ul {
	margin-left: 80px;
}

.underline {
	text-decoration: underline;
}

/*for selectors only*/
.piTestimonials {
}

/* /rds */

* {
    font-family: Helvetica, Arial, Lucida, sans-serif;
    font-weight: 400;
    font-style: normal;
}

html,
body {
    height: 100%;
}

body {
    background-color: #ebe9e6;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}


h5 {
	margin-bottom: .5em;
	margin-top: 2em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a.hover-underline:hover {
    text-decoration: underline;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
/* ReSharper disable once Html.TagNotResolved */
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem;
  font-size: 2rem;
  background-color: transparent;
  border-color: #000;
  color: #797168;
  transition: background-color 300ms ease-out;
}
button:hover, .button:hover {
    background-color: #ebe9e6;
    color: #797168;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.no-pad-top.columns {
    padding-top: 0;
}
.no-pad-bottom.columns {
    padding-bottom: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.process-list {
	margin: 2em;
}

/***************
    ICONS
****************/

.icon-workflow.icon, .icon-analytics.icon, .icon-communication.icon {
    display: inline-block;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0 !important;
    position: relative;
    width: 100px;
    height: 100px;
}
.icon-workflow.icon {
    background-image: url(../Public/img/icon/workflow.png);
    /*background: linear-gradient(transparent, transparent), url(../Public/img/icon/workflow.svg);*/
}
.icon-analytics.icon {
    background-image: url(../Public/img/icon/analytics.png);
    /*background: linear-gradient(transparent, transparent), url(../Public/img/icon/analytics.svg);*/
}
.icon-communication.icon {
    background-image: url(../Public/img/icon/communication.png);
    /*background: linear-gradient(transparent, transparent), url(../Public/img/icon/communication.svg);*/
}

.logo-afelink, .logo-jiblink, .logo-revenuelink, .logo-royaltylink, .logo-overview {
    display: inline-block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 58px;
}
.logo-afelink {
    background-image: url(../Public/img/icon/logo-afelink.png);
    /*background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-afelink.svg);*/
}
.logo-overview {
    background-image: url(../Public/img/icon/logo-overview.png);
    background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-overview.svg);                
}
.logo-jiblink {
    background-image: url(../Public/img/icon/logo-jiblink.png);
    /*background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-jiblink.svg);*/
}
.logo-revenuelink {
    background-image: url(../Public/img/icon/logo-revenuelink.png);
    /*background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-revenuelink.svg);*/
}
.logo-royaltylink {
    background-image: url(../Public/img/icon/logo-royaltylink.png);
    /*background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-royaltylink.svg);*/
}

.icon-news, .icon-jobs, .icon-product, .arrow-left, .icon-process, .icon-process-flow, .icon-downloads, .icon-modules, .icon-testimonials, .icon-info, .icon-contact, .icon-overview, .icon-login, .icon-benefits, .icon-mission {
	margin: 0 auto;
	background-size: contain;
	background-repeat: no-repeat;
}

.logo-red-dog {
	background: url(../Public/img/icon/logo-red-dog.png);
	background: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-red-dog.svg);
	display: inline-block;
	background-position: center center;
/*            background-size: 100% 100%;*/
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 61px;
}
.icon-process-flow {
	width: 100%;
	height: 290px;
	display: inline-block;
	background-position: center center!important;
	background-size: 100% 100%!important;
	background-repeat: no-repeat!important;
	position: relative;
	float: left;
}

/*target IE edge only to prevent infographic stretching*/
@supports (-ms-accelerator:true) {
	.icon-process-flow { 
		background-size: inherit!important;
	} 
}

.icon-process-flow-jib {
	background: url(../Public/img/icon/process-flow-jib.png);
	background: linear-gradient(transparent, transparent), url(../Public/img/icon/process-flow-jib.svg);
}
.icon-process-flow-rev {
	background: url(../Public/img/icon/process-flow-rev.png);
	background: linear-gradient(transparent, transparent), url(../Public/img/icon/process-flow-rev.svg);
}
.icon-process-flow-roy {
	background: url(../Public/img/icon/process-flow-roy.png);
	background: linear-gradient(transparent, transparent), url(../Public/img/icon/process-flow-roy.svg);
}
.icon-process-flow-afe {
	background: url(../Public/img/icon/process-flow-afe.png);
	background: linear-gradient(transparent, transparent), url(../Public/img/icon/process-flow-afe.svg);
}
.icon-login {
	background-image: url(../Public/img/icon/user.png);
    background-position: center center;
	height: 73px;
	margin-top: 10px;
}
h4 a:hover span.arrow-left, h4 a:hover span.arrow-right {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    opacity: .7;
}
button.slick-next, button.slick-prev {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
button:hover.slick-next, button:hover.slick-prev {
    background-color: transparent;
    opacity: .7;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}
.video-arrow {
    margin-top: 20px;
}
.video-arrow .arrow-up {
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    display: block;
    height: 26px;
    width: 22px;
}
.img-bg p, .img-bg a {
    color: #fff;
}

.icon {
    vertical-align: middle;
    text-align: center;
    padding: 0;
}
.icon img {
    width: 70px;
    height: 70px;
    margin: 0 auto 10px auto;
}
.icon h3 {
    font-size: 1em;
    margin: 0;
}
.icon h3 a {
    display: block;
}
.icon h3 a span {
    color: #eab03b;
}
.icon h3:hover a span {
    color: #eab03b;
    text-decoration: underline;
}
.ie-bg-img {
    display: none;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
.ie-show {
    display: none;
}
.info img, .testimonials-bg img {
    width: 100%;
    height: 100%;
}
.info h1, .info p {
    position: relative;
    z-index: 1;
}

.info {
    background: url('../Public/img/news-bg-01.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.testimonials-red {
    background: url('../Public/img/testimonials-bg-red-01.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.testimonials-green {
    background: url('../Public/img/testimonials-bg-green-01.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.testimonials-blue {
    background: url('../Public/img/testimonials-bg-blue-01.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.testimonials-yellow {
    background: url('../Public/img/testimonials-bg-yellow-01.jpg') no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

.slide-img { /*small*/
	display: block !important;
    overflow: hidden;
    position: relative;
	height: 350px;
}
.slide-img-jib { /*small*/
	height: 660px!important;
}
.slide-img-rev { /*small*/
	height: 425px!important;
}
.slide-img-afe { /*small*/
	height: 325px!important;
}
.slide-img-bg {
    height: 100%;
    width: 100%;
    position: absolute;
	left: 0;
	top: 0;
}
.img-bg-text {
    width: auto;
    padding: 1.5em;
    position: absolute;
    z-index: 2;
}
.img-bg-text h1, .img-bg-text p, .img-bg-text a, .img-bg-text h4, .img-bg-text b, .img-bg-text i {
    color: #797168;
}

.img-bg-text-home h1, .img-bg-text-home p, .img-bg-text-home a, .img-bg-text-home h4 {
    color: #fff!important;
}
.img-bg-text-light h2 { color: #52be1f !important; }
.img-bg-text-light h3 { color: #292929 !important; }

.video-nav {
    margin: -46px 0 0 0;
}
.video-nav .slick-slide {
    padding: 45px 15px 0 15px;
    margin: 0;
}
.video-nav .slick-slide h4 {
    color: #797168;
}
.video-nav .slick-slide:hover {
    background-color: #f9f9f9;
    cursor: pointer;
    z-index: 0;
}
.slider.video-player {
    padding: 0;
    margin: 0;
}
.video-row .icon p.controls {
    position: relative;
    top: 74%;
    margin: 0 auto;
}

/*****************
    COLOR ROW
*****************/

h1 span.blue {
    font-family: inherit;
    color: #1a8f99;
}
h1 span.green {
    font-family: inherit;
    color: #1fae69;
}
span.red {
    font-family: inherit;
    color: #ee402d!important;
    background-color: transparent;
}

.colour-bg-lrg {
    padding: 40px;
}
.colour-bg-lrg a {
    color: #fff;
}
.colour-bg-sml {
    padding: 50px 60px;
}
.colour-bg-sml h4 {
    margin: 0;
}

/*** RED ***/
.red { background-color: #e31e26; }
span.red { color: #df1e26; }
 .red h1 a, .red h4 a, .red h5, .red h1 span, .red p, .red a { color: #fff; font-family: inherit; }

/*** WHITE ***/ 
.white, .white .row, .row.white { background-color: #fff; }
.white h1{ color: #54ba2e; }
.white ol li { margin-bottom: 20px; font-size: 18px; }

/*** GREEN ***/ 
.green { background-color: #1fae69; }
.green h1, .green h5, .green p, .green h3, .green a, .green li { color: #fff; }

/*** BLUE ***/ 
.blue { background-color: #228fb1; }
.blue h1, .blue h5, .blue p, .blue h3, .blue a, .blue li { color: #fff; }

/*** TEAL ***/ 
.teal { background-color: #508590;}
.teal h1, .teal h5, .teal p, .teal h3, .teal a, .teal li { color: #fff; }

/*** YELLOW ***/ 
.yellow { background-color: #eab03b; }
.yellow h1, .yellow h5, .yellow p, .yellow h3, .yellow a, .yellow li { color: #fff; }

/*** GREY ***/ 
.grey { background-color: #f6f4f1; }


/*** CORPORATE ***/
.bg-product { background-color: #58a7af; }
.bg-product h1, .bg-product h2, .bg-product h5, .bg-product p, .bg-product h3, .bg-product a, .bg-product li { color: #fff !important; }
.bg-product a.toggleBenefitsWhite { color:#796e65 !important; }
.icon h3 a span { color: #58a7af; }
.icon h3:hover a span { color: #58a7af; text-decoration: underline; }


.columns.modules-3 {
    padding: 0;
}
.columns.modules-3 .row .columns {
    padding: 0;
    background-color: #fff;
}
.columns.modules-3 .row .columns .icon {
    margin: 70px 50px;
}
.modules-3 p, .modules-3 a {
    color: #fff;
    font-size: 15px;
}
p.controls {
    text-align: center;
}

/*** GROUP 3 ***/ 

.group-3 .columns .icon {
    margin: 0 auto 15px auto;
    padding: 0;
}
    .group-3 .columns .columns:first-child {
        padding-top: 0 !important;
    }

/*** VIDEO ROW ***/

.row.video-row {
    position: relative;
}
.row.video-row .columns:last-child {
    padding: 0;
}
.row.video-row .columns .icon p {
    font-size: 16px;
}
.icon p.controls {
    margin: 5px 0 0 0;
}
.icon .controls a {
    color: #796e65;
    margin-right: 25px;
}
.icon .controls a:last-child {
    margin-left: 25px;
    margin-right: 0;
}
.pagingInfo {
    color: #797168;
    letter-spacing: 4px;
}

h1 img {
    margin-right: 5px;
}


/* ===================================
   Foundation Overwrites
   =================================== */

form .row .row {
    margin: 0;
}

.vertAlign {
    display: table;
}
.vertAlign .columns {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}
.row {
    background-color: #f6f4f1;
    max-width: 88em;
}
.row .row {
    margin: 0;
}
.columns {
    padding: 2em;
}
.columns.noPadding {
    padding: 0 !important;
}
.columns.group-3 {
    padding: 50px;
}
.columns.group-3 .row {
    background-color: inherit;
}
.row .columns.group-3 .row .columns {
    margin: 0;
    padding: 1em 0;
}
.row .columns.group-3 .row .columns h1 {
    font-size: 22px;
}
.large-2.columns {
    padding: 1em!important;
}

.contain-to-grid {
    background-color: #fff;
}

select::-ms-expand {
    display: none;
}
select {
    font-family: "Circular-Book";
    border: 1px solid red;
}

/* ==========================================================================
   Chosen.js select dropdown
   ========================================================================== */

.chosen-container {
    top: -10px;
}

.chosen-container * {
    font-size: 16px;
    color: #796E65 !important;
    border-radius: 0 !important;
    background-position: 0 15px !important;
    border: 0 !important;
}

.chosen-container a {
    background-image: none !important;
    background-color: #F6F4F1 !important;
    height: auto !important;
    padding: 13px 22px !important;
    box-shadow: none !important;
	border: thin solid #ddd!important;
}

.chosen-container div {
    background-color: #F6F4F1;
}

.chosen-container ul {
    padding: 0 !important;
    margin: 0 !important;
}

.chosen-container li:hover, .chosen-container li.highlighted {
    background-image: none !important;
    background-color: #ebe9e6 !important;
}

.chosen-container-single .chosen-search {
    background-color: #fafafa;
}
.chosen-container-single .chosen-search input[type=text] {
    background-image: none;
    border: 1px solid #999 !important;
    padding: 5px;
}
.chosen-container .chosen-results li em {
    font-weight: bold;
    text-decoration: none;
}

/* ==========================================================================
   Animations
   ========================================================================== */

.animateMeUp, .animateMeRight, .animateMeLeft {
    opacity: 0;
}

.animated {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animatedDelay1 {
	-webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.animatedDelay2 {
	-webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.animatedDelay3 {
	-webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.animatedDelay4 {
	-webkit-animation-delay: .5s;
    animation-delay: .5s;
}

/***** FADEINUP *****/

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/***** FADEINRIGHT *****/

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/***** FADEINLEFT *****/

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
}
.show {
    display: block;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.fake-hidden {
    position: absolute;
    left: -9999px;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* Medium screens*/

@media only screen and (min-width: 640px) {
    
    h1 {
        font-size: 30px;
    }
    p {
        font-size: 18px;
        line-height: 25px;
    }
    .icon {
        margin: 47px auto 0 auto;
        text-align: center;
    }    
    .columns {
        padding: 3em;
    }   
    .footer ul {
        text-align: left;
    }
    .footer ul li {
        font-size: 16px;
        display: inline-block;
    }
    .row.footer .columns h3 {
        font-size: 13px;
    }
    .row.footer .columns .logo {
        margin: 40px 0 0 0;
        padding: 0;
    }
    .icon-process-flow {
        width: 100%;
    }
	.slide-img { /*medium*/
		height: 350px;
	}
	.slide-img-jib { /*medium*/
		height: 500px!important;
	}
	.slide-img-rev { /*medium*/
		height: 425px!important;
	}
	.slide-img-afe { /*medium*/
		height: 325px!important;
	}

    .img-bg-text {
        padding: 2em;
    }
}

/* Large screens*/
@media only screen and (min-width: 940px) {
    h1 {
        font-size: 38px;
    }
	.icon {
		margin-top: 50px;
	}
    .icon img {
        width: 90px;
        height: 90px;
        margin: 0 auto 10px auto;
    }
    .icon img.img-auto-size { width: auto; height: auto; }
    .contain-to-grid {
        height: 140px;
    }
    .active {
        background-color: #f6f4f1;
    }
    .white.columns .columns {
        padding-top: 0 !important;
    }
    .icon p.controls {
        margin-top: 35px;
    }
    .row.footer .columns .logo {
        width: 160px;
    }
    .row .columns.group-3 .row .columns {
        padding: 0 1.5em;
    }
    .columns.group-3.red {
      padding: 80px 50px;
    }
    .columns {
        padding: 5em;
    }
    .colour-bg-lrg {
        padding-top: 90px;
	    padding-bottom: 60px;
	    padding-left: 90px;
	    padding-right: 90px;
    }
    .icon-process-flow {
        width: 100%;
    }
	.slide-img { /*large*/
		height: 325px;
	}
	.slide-img-jib { /*large*/
		height: 425px!important;
	}
	.slide-img-rev { /*large*/
		height: 350px!important;
	}
	.slide-img-afe { /*large*/
		height: 350px!important;
	}
    .img-bg-text {
        padding-left: 5em;
	    padding-right: 5em;
	    padding-top: 3em;
    }
    .footer .mobile-hide {
        display: inline;
    }
}

@media only screen and (min-width: 1400px) {

    .row.footer .columns .logo {
        width: 200px;
        margin: 33px 0 0 0;
        float: right;
    }
    
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    .right {
        float: right;
    }
}


/*************************************************************************************************************************************************************************************
 ** Form Elements
 *************************************************************************************************************************************************************************************/
form .columns .rds-foundation-checkbox-container {
    position: relative;
    top: 5px;
    vertical-align: top;
}
form .columns .rds-foundation-checkbox-container input {
    border: none;
    padding: 0;
}
form .columns .rds-foundation-checkbox-container label {
    color: #796e65;
    font-size: 16px;
}


/*************************************************************************************************************************************************************************************
 ** Layout
 *************************************************************************************************************************************************************************************/
.display-block { display: block; }
.display-inline-block { display: inline-block; }
.pos-relative { position: relative; }
.valign-middle { vertical-align: middle; }
@media (min-width: 776px)
{
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

/*************************************************************************************************************************************************************************************
 ** Margins & Paddings
 *************************************************************************************************************************************************************************************/
.no-margin, .margin-none,
.margin-0  { margin: 0;    } .ml-0  { margin-left: 0;    } .mr-0  { margin-right: 0;    } .mt-0  { margin-top: 0;    } .mb-0  { margin-bottom: 0;    } .mx-0  { margin-left: 0;    margin-right: 0;    } .my-0  { margin-top: 0;    margin-bottom: 0;    }
.margin-5  { margin: 5px;  } .ml-5  { margin-left: 5px;  } .mr-5  { margin-right: 5px;  } .mt-5  { margin-top: 5px;  } .mb-5  { margin-bottom: 5px;  } .mx-5  { margin-left: 5px;  margin-right: 5px;  } .my-5  { margin-top: 5px;  margin-bottom: 5px;  }
.margin-10 { margin: 10px; } .ml-10 { margin-left: 10px; } .mr-10 { margin-right: 10px; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .mx-10 { margin-left: 10px; margin-right: 10px; } .my-10 { margin-top: 10px; margin-bottom: 10px; }
.margin-15 { margin: 15px; } .ml-15 { margin-left: 15px; } .mr-15 { margin-right: 15px; } .mt-15 { margin-top: 15px; } .mb-15 { margin-bottom: 15px; } .mx-15 { margin-left: 15px; margin-right: 15px; } .my-15 { margin-top: 15px; margin-bottom: 15px; }
.margin-20 { margin: 20px; } .ml-20 { margin-left: 20px; } .mr-20 { margin-right: 20px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .mx-20 { margin-left: 20px; margin-right: 20px; } .my-20 { margin-top: 20px; margin-bottom: 20px; }
.margin-25 { margin: 25px; } .ml-25 { margin-left: 25px; } .mr-25 { margin-right: 25px; } .mt-25 { margin-top: 25px; } .mb-25 { margin-bottom: 25px; } .mx-25 { margin-left: 25px; margin-right: 25px; } .my-25 { margin-top: 25px; margin-bottom: 25px; }
.margin-30 { margin: 30px; } .ml-30 { margin-left: 30px; } .mr-30 { margin-right: 30px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .mx-30 { margin-left: 30px; margin-right: 30px; } .my-30 { margin-top: 30px; margin-bottom: 30px; }
.margin-35 { margin: 35px; } .ml-35 { margin-left: 35px; } .mr-35 { margin-right: 35px; } .mt-35 { margin-top: 35px; } .mb-35 { margin-bottom: 35px; } .mx-35 { margin-left: 35px; margin-right: 35px; } .my-35 { margin-top: 35px; margin-bottom: 35px; }
.margin-40 { margin: 40px; } .ml-40 { margin-left: 40px; } .mr-40 { margin-right: 40px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .mx-40 { margin-left: 40px; margin-right: 40px; } .my-40 { margin-top: 40px; margin-bottom: 40px; }
.margin-45 { margin: 45px; } .ml-45 { margin-left: 45px; } .mr-45 { margin-right: 45px; } .mt-45 { margin-top: 45px; } .mb-45 { margin-bottom: 45px; } .mx-45 { margin-left: 45px; margin-right: 45px; } .my-45 { margin-top: 45px; margin-bottom: 45px; }
.margin-50 { margin: 50px; } .ml-50 { margin-left: 50px; } .mr-50 { margin-right: 50px; } .mt-50 { margin-top: 50px; } .mb-50 { margin-bottom: 50px; } .mx-50 { margin-left: 50px; margin-right: 50px; } .my-50 { margin-top: 50px; margin-bottom: 50px; }
.margin-75 { margin: 75px; } .ml-75 { margin-left: 75px; } .mr-75 { margin-right: 75px; } .mt-75 { margin-top: 75px; } .mb-75 { margin-bottom: 75px; } .mx-75 { margin-left: 75px; margin-right: 75px; } .my-75 { margin-top: 75px; margin-bottom: 75px; }
.no-padding, .padding-none, 
.padding-0  { padding: 0;    } .pl-0  { padding-left: 0;    } .pr-0  { padding-right: 0;    } .pt-0  { padding-top: 0;    } .pb-0  { padding-bottom: 0;    } .px-0  { padding-left: 0;    padding-right: 0;    } .py-0  { padding-top: 0;    padding-bottom: 0;    }
.padding-5  { padding: 5px;  } .pl-5  { padding-left: 5px;  } .pr-5  { padding-right: 5px;  } .pt-5  { padding-top: 5px;  } .pb-5  { padding-bottom: 5px;  } .px-5  { padding-left: 5px;  padding-right: 5px;  } .py-5  { padding-top: 5px;  padding-bottom: 5px;  }
.padding-10 { padding: 10px; } .pl-10 { padding-left: 10px; } .pr-10 { padding-right: 10px; } .pt-10 { padding-top: 10px; } .pb-10 { padding-bottom: 10px; } .px-10 { padding-left: 10px; padding-right: 10px; } .py-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-15 { padding: 15px; } .pl-15 { padding-left: 15px; } .pr-15 { padding-right: 15px; } .pt-15 { padding-top: 15px; } .pb-15 { padding-bottom: 15px; } .px-15 { padding-left: 15px; padding-right: 15px; } .py-15 { padding-top: 15px; padding-bottom: 15px; }
.padding-20 { padding: 20px; } .pl-20 { padding-left: 20px; } .pr-20 { padding-right: 20px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .px-20 { padding-left: 20px; padding-right: 20px; } .py-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-25 { padding: 25px; } .pl-25 { padding-left: 25px; } .pr-25 { padding-right: 25px; } .pt-25 { padding-top: 25px; } .pb-25 { padding-bottom: 25px; } .px-25 { padding-left: 25px; padding-right: 25px; } .py-25 { padding-top: 25px; padding-bottom: 25px; }
.padding-30 { padding: 30px; } .pl-30 { padding-left: 30px; } .pr-30 { padding-right: 30px; } .pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } .px-30 { padding-left: 30px; padding-right: 30px; } .py-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-35 { padding: 35px; } .pl-35 { padding-left: 35px; } .pr-35 { padding-right: 35px; } .pt-35 { padding-top: 35px; } .pb-35 { padding-bottom: 35px; } .px-35 { padding-left: 35px; padding-right: 35px; } .py-35 { padding-top: 35px; padding-bottom: 35px; }
.padding-40 { padding: 40px; } .pl-40 { padding-left: 40px; } .pr-40 { padding-right: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .px-40 { padding-left: 40px; padding-right: 40px; } .py-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-45 { padding: 45px; } .pl-45 { padding-left: 45px; } .pr-45 { padding-right: 45px; } .pt-45 { padding-top: 45px; } .pb-45 { padding-bottom: 45px; } .px-45 { padding-left: 45px; padding-right: 45px; } .py-45 { padding-top: 45px; padding-bottom: 45px; }
.padding-50 { padding: 50px; } .pl-50 { padding-left: 50px; } .pr-50 { padding-right: 50px; } .pt-50 { padding-top: 50px; } .pb-50 { padding-bottom: 50px; } .px-50 { padding-left: 50px; padding-right: 50px; } .py-50 { padding-top: 50px; padding-bottom: 50px; }

.mr-0-important { margin-right: 0 !important; }
.pr-0-important { padding-right: 0 !important; }

@media only screen and (max-width: 775px)
{
    .mt-0-xs { margin-top: 0; }
    .mt-5-xs { margin-top: 5px; }
    .mt-10-xs { margin-top: 10px; }
    .mt-15-xs { margin-top: 15px; }
    .mt-20-xs { margin-top: 15px; }
    .pt-0-xs { padding-top: 0; }
    .py-10-xs { padding-top: 10px; padding-bottom: 10px; }
}

/*************************************************************************************************************************************************************************************
 ** Text
 *************************************************************************************************************************************************************************************/
/* color */
.txt-red { color: red; }
.txt-white { color: #fff; }

.txt-center { text-align: center; }
.txt-justify { text-align: justify; }
.txt-bold { font-weight: bold; }
.txt-underline { text-decoration: underline; }
.txt-underline-hover:hover { text-decoration: underline; }
.txt-uppercase { text-transform: uppercase; }
.txt-nowrap { white-space: nowrap; }


/* size */
.txt-zero { font-size: 0; }
/*.txt-xxxsmall { font-size: 10px; }*/
/*.txt-xxsmall { font-size: 11px; }*/
.txt-xsmall { font-size: 15px; }
.txt-small { font-size: 16px; }
.txt-normal { font-size: 18px; }
/*.txt-large { font-size: 15px; } */
/*.txt-xlarge { font-size: 16px; } */
/* .txt-xxlarge { font-size: 17px; } */
/*.txt-xxxlarge { font-size: 18px; } */

/*************************************************************************************************************************************************************************************                                                                                                                                                                                                                 /*************************************************************************************************************************************************************************************
 ** Custom
 *************************************************************************************************************************************************************************************/
#password-container #lblActivation { color: red; }
#password-container #lblActivation a { display: inline; text-decoration: underline; }
#password-container #lblActivation a.txt-link { color: #337ab7 !important; cursor: pointer; }
#password-container #lblActivation a.txt-link:hover, #password-container #lblActivation a.txt-link:focus { color: #23527c !important; }
#password-container #lblActivationSent { color: #218838; }



/* Password Checker Tooltip (overrides for public site) */
.password-checker { width: 400px; right: -410px; }
.password-checker h6 { color:#796e65; }
.password-checker ul li { margin-bottom: 0; padding-left: 25px; }
.password-checker ul li.border-top { border-top: 1px solid #ddd; margin-top: 7px; }
.password-checker ul li.border-bottom { border-bottom: 1px solid #ddd; padding-bottom: 7px; }
.password-checker ul li i { top: 4px; }
.password-checker ul li i,
.password-checker ul li strong { color: inherit; }


/* Login Panel - Generic */
#divLoginContainer { padding-left: 0; padding-right: 0; }
#divLoginContainer div { color: #796e65; }
#divLoginContainer .px-0 { padding-left: 0; padding-right: 0; }
#divLoginContainer .pr-0 { padding-right: 0; }
#divLoginContainer .py-10 { padding-top: 10px; padding-bottom: 10px; }
#divLoginContainer .pt-10 { padding-top: 10px; }
#divLoginContainer .pl-15 { padding-left: 15px; }
#divLoginContainer .text-nowrap { white-space: nowrap; }


/* Login Panel */
#divLoginContainer #divLogin .login-button { display: inline-block; }
#divLoginContainer .button.secondary {
	background-color: #e7e7e7 !important;
	border: 1px solid #ccc;
	color: #333 !important; 
	padding: 10px 18px 10px 50px !important; 
}
#divLoginContainer .button.secondary.aspNetDisabled { cursor: default; opacity: 0.4; }
#divLoginContainer .button.icon-button > .btnIcon { 
	border-right: 1px solid #ccc;
	display: inline-block;
	height: 100%;
	padding: 7px 8px 8px;
	position: absolute;
	left: 0;
	top: 0;
}

#divLoginContainer #pnlLoginLeft, #divLoginContainer #divLoginRight { padding: 1.25rem; }

/* Enverus Login */
#pnlLoginLeft { border-right: 2px solid #fff; }
#pnlLoginLeft:before {
	background-color: #fff; /* #f6f4f1; */
	border-radius: 50%;
	content: "";
	display: block;
	position: absolute;
	right: -25px;
	top: 70px;
	margin-top: -30px;
	width: 50px;
	height: 50px;
}
#pnlLoginLeft:after {
	content: "or";
	display: block;
	font-family: "Circular-Book";
	font-size: 20px;
	position: absolute;
	right: -10px;
	top: 70px;
	margin-top: -21px;
}
#pnlLoginLeft #lbLoginEnverus { background-color: #1C2426 !important; color: #fff !important; }


/* Corporate Credentials Login */
#divLoginRight #lbLoginAzure .login-subtext {
    display: absolute;
    font-size: 7.5pt;
    position: relative;
    top: -3px;
}
#divLoginContainer #divLogin #divLoginRight .img-tooltip {
	cursor: help;
	margin-left: 7px;
	position: relative;
}


/* Login Panel - Mobile */
@media only screen and (max-width: 639px)
{
    .animateMeUp, .animateMeRight, .animateMeLeft { opacity: 1; }
    #divLoginContainer .button.login-button { width: 85%; }
    #login-spacer { border-bottom: 1px solid #ddd; }
    #pnlLoginLeft:before, #pnlAuth0Login:before { display: none; }
    #pnlLoginLeft:after, #pnlAuth0Login:after { display: none; }
}
/* Login Panel - Tablet/Desktop */
@media only screen and (min-width: 640px)
{
    #divLoginContainer #divLogin #divLoginRight { padding-top: 43px; }
    #divLoginContainer #divLogin .login-button {
        vertical-align: middle;
        width: 280px;
    }
}
/* Login Panel - Desktop */
@media only screen and (min-width: 1440px) {
    #divLoginContainer .hidden.visible-lg-inline-block { display: inline-block !important; }
    #divLoginContainer #lbLoginAzure { padding: 3px 18px 0px 50px !important; }
}




/* sso overlay messages */
#divLoginContainer .rds-overlay {
	background-color: #000;
	border-radius: 2px;
	color: #fff;
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#divLoginContainer .rds-overlay-alert { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
#divLoginContainer .rds-overlay-alert .alert-box div { color: #fff; }
#divLoginContainer .rds-overlay-alert .alert-box i { color: #fff; position: absolute; top: 20px; left: 10px; }
#divLoginContainer .rds-overlay-alert .alert-box.alert p { color: #fff; font-size: 14px; }
#divLoginContainer .rds-overlay-alert .rds-overlay-close {position: absolute; top: -15px; right: 28px; }
#divLoginContainer .rds-overlay-alert .small-offset-half { margin-left: 4.4%; }


/***************************************************************************************************************************
 ** Rebranding
 ***************************************************************************************************************************/
/* General */
* { font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; }
body, a, a:hover { color: #666; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif; }
p, li { font-size: 16px; line-height: 27px; margin-bottom: 0 }
ul { margin-bottom: 0; padding-left: 10px; }
ul li { line-height: 25px; }


/* Borders */
.border-right { border-right: 1px solid #666; }
@media only screen and (max-width: 775px)
{
    .border-right-xs-none { border-right: none; }
}


/* Buttons */
.btn-corporate-primary
{
    background-color: #56bc2f !important;
    color: #fff !important;
    padding: 10px 18px 10px 18px !important;
}



/* Layout */
.flex, .display-flex { display: flex; }
.flex-grow { display: flex; flex-grow: 1; }
.valign-top { vertical-align: top; }
@media only screen and (max-width: 775px)
{
    .flex-column-xs { flex-direction: column; }
}


/* Links */
a:focus { color: #796e65; }
a.button:hover { text-decoration: none; }


/* Table */
table.table-product { border-collapse: collapse; margin-left: auto; margin-right: auto; }
table.table-product .txt-bold { font-weight: bold; }
table.table-product .txt-corporate-primary-dark { opacity: 0.5; }
table.table-product .txt-left { text-align: left; }
table.table-product .txt-opacity-50 { opacity: 0.5; }
table.table-product thead {background-color: #56bc2f; color: #fff; font-size: 20px; }
table.table-product thead th { padding: 5px 10px; }
table.table-product thead .bg-cell-highlight { background-color: #279d42; }
table.table-product thead .txt-large { font-size: 24px; font-weight: bold; }
table.table-product thead th { border: 1px solid #56bc2f; font-size: 18px; }
table.table-product thead th, table.table-product td { padding: 10px; text-align: center; }
table.table-product thead th:first-child, table.table-product td:first-child { text-align: left; }
table.table-product td {
    border: 1px solid #bbb;
    font-size: 14px;
    line-height: 18px;
    min-width: 177px;
}
table.table-product td:first-child { width: 310px; }
table.table-product tbody .fa-check-circle, 
table.table-product tbody .fa-times-circle { font-size: 26px; }
table.table-product tbody .fa-check-circle { color: #279d42;  }
table.table-product tbody .fa-check-circle.txt-large { font-size: 34px; }
table.table-product tbody .fa-times-circle { color: #797168; opacity: 0.5; }

@media only screen and (max-width: 775px)
{
    table.table-product tr th:nth-child(3),
    table.table-product tr td:nth-child(3),
    table.table-product tr th:nth-child(4),
    table.table-product tr td:nth-child(4){ display: none; }
}

/* Text */
h2 { font-size:38px; font-weight: bold; }
h3 { font-size: 22px; line-height: 27px; }
h4 { font-size: 19px; font-weight: bold; }
@media only screen and (max-width: 775px)
{
    h2 { font-size: 23px; line-height: 34px; }
}

.txt-corporate-primary { color: #56bc2f; }
.txt-corporate-primary-dark { color: #13322b; }
.txt-secondary { color:#796e65 !important; }


/* Header */
.logo.energylink-logo { background-position: center left; background-size: 150px 22px; max-width: 150px; }
.top-bar .title-area { width: 23%; }
@media only screen and (max-width: 939px)
{
    .top-bar .title-area { width: 100%; }
}
@media only screen and (max-width: 775px)
{
    .logo.energylink-logo { width: 75%;}
    .top-bar-section ul { width: 100%; }
}


/* Carousel */
.img-bg-text-home h2 { color: #fff; margin-bottom: 0; }
.img-bg-text-home p { font-size: 24px; line-height: 35px; }
@media only screen and (max-width: 775px)
{
    .img-bg-text-home p { font-size: 16px; line-height: 27px; }
}


/* Footer */
.footer ul { display: flex; margin: 0; padding-left: 0; text-align: center; }
.footer ul li { display: flex; flex-grow: 1; justify-content: center; }
.footer ul li a { color: #666; }
.footer .columns + .columns:last-child { float: none; }
@media only screen and (max-width: 775px)
{
    .footer ul { flex-direction: column; }
}


/***************************************************************************************************************************/


/* SSO Account Selection Page*/
#AccountSelectPage > div {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
}
#AccountSelectPage h3.red {
	background-color: transparent;
	color: #e31e26;
	font-size: 24px;
	text-align: center;
}
#AccountSelectPage ul {
	list-style-type:none;
	margin: 0;
	padding: 20px;
}
#AccountSelectPage ul li { 
	border: 1px solid #ccc;
	border-radius: 2px;
	position: relative;
}
#AccountSelectPage ul li a { display: block; padding: 5px 5px 4px; }

#AccountSelectPage ul li.has-separator { margin-top: 20px; }
#AccountSelectPage ul li.has-separator:before { 
    background-color: #c5c5c5;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -11px;
    width: 100%;
    height: 1px;
}
#AccountSelectPage ul li .ba-letter {
	background-color: #ccc;
	border-radius: 2px;
	color: #333;
	font-size: 18px;
	padding-top: 2px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 35px;
	height: 35px;
	text-align: center;
}
#AccountSelectPage ul li .login-info { line-height: 14px; padding: 0 30px 0 35px; }
#AccountSelectPage ul li .login-info .ba-name { 
	color: #333; 
	display: inline-block; 
    font-family: Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
#AccountSelectPage ul li .login-info .ba-name + .label {
	border-radius: .25em;
	display: inline-block;
	font-family: Circular-Medium;
	font-size: 10px;
	margin-left: 3px;
	padding: 2px 5px 3px;
	position: relative;
	top: -2px;
}
#AccountSelectPage ul li .login-info .ba-name + .label.info { background-color: #17a2b8; background-image: none; color: #fff; top: 2px; }
#AccountSelectPage ul li .login-info .ba-name + .label.warning { background-color: #ffc107; color: #212529; }
#AccountSelectPage ul li .login-info .login-name { 
	color:#796e65; 
	display: block;
    font-family: Helvetica, Arial, Lucida, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#AccountSelectPage ul li .ba-region {
	position: absolute;
	top: 8px;
	left: 10px;
}
#AccountSelectPage #lbLogout {
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #333;
	display: block;
	padding: 7px 0;
	text-align: center;
	width: 100%;
}
#AccountSelectPage ul li:hover, #AccountSelectPage #lbLogout:hover { background-color: #f5f5f5; }