body.account2019 section#content {
	background-color: #e4e5e6;
	padding-top: 0;
}


body.account2019.login section#content,
body.account2019.lost-password section#content,
body.account2019.new section#content {
	background-color: #ffffff;
}

#hero h1.account-hero-head{ margin-bottom: 0; }
#hero h2.account-hero-subhead{ color: #ffffff; margin-top: 0; font-size: 1.5em; }

.breadcrumb{ color: #6c6c6d; margin-top: 0.5em; }
.breadcrumb a{ color: #6c6c6d; text-decoration: none; }
.breadcrumb a:hover{ text-decoration: underline; }
.breadcrumb .breadcrumb-current{ font-weight: normal; }

/*button groups*/
.radio-button-group{ display: inline-block; padding: 5px; border-radius: 5px; }
.radio-button-group button{ font-size: 10pt; border: none;  padding: 7px; border-radius: 3px;   }
.radio-button-group button:hover {  }
.radio-button-group button.active{  }
.radio-button-group button.active:hover{   }

/*Grey Radio Button Theme*/
.radio-button-group.grey-input{ background-color: #BABABC;  }
.radio-button-group.grey-input button{ background-color: #BABABC; color: #ffffff; }
.radio-button-group.grey-input button:hover{ background-color: #f7f4f4; color: #666666; }
.radio-button-group.grey-input button.active{ color: #666666; background-color: #E3E4E6; }
.radio-button-group.grey-input button.active:hover{ color: #666666; background-color: #E3E4E6; }

/*Steel Radio Button Theme*/
.radio-button-group.steel-input{ background-color: #6c757d;  }
.radio-button-group.steel-input button{ background-color: #6c757d; color: #ffffff; }
.radio-button-group.steel-input button:hover{ background-color: #939393; }
.radio-button-group.steel-input button.active, .radio-button-group.steel button.active:hover { background-color: #545b62; }


label.account-select{
	position: relative;
}
label.account-select:before{
	position: absolute;
	pointer-events: none;
	display: block;
	font-size: 10pt;
	content:'';
	right: 4px; top: 0;
	width: 23px;
	height: 18px;
	background: #BABABC;
}
label.account-select:after{
	position: absolute;
	pointer-events: none;
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	color: #ffffff;
	right: 18px; top: 8px;
	padding: 0 0 2px;
}
label.account-select select{
	padding: 9px 20px 9px 18px;
	margin: 0;
	background: #BABABC;
	color: #ffffff;
	border: none;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
label.account-select select option{ background-color: #ffffff; color: #666666;  }

/* grey select */
label.account-select.grey-select:before{ background: #BABABC; }
label.account-select.grey-select select{ background: #BABABC; color: #ffffff; }
label.account-select.grey-select:after { color: #ffffff; }

/* steel select */
label.account-select.steel-select:before{ background: #6c757d; }
label.account-select.steel-select select{ background: #6c757d; color: #ffffff; }
label.account-select.steel-select:after { color: #ffffff; }




/*
.account-select{
	background-color: #BABABC;
	color: #ffffff;
	border: none;
	padding: 7px;
}
*/
/*
.account-select::after{
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	color: #ffffff;
}
*/



.show-left-column .bg-left-column {
    height: 100%;
}

.account2019 .max-width {
    max-width: 1800px;
}

.account2019 footer .max-width {
	max-width: 1200px;
}

.account2019 .column.narrow, .account2019 .column.wide,
.show-left-column .column.narrow + .column.wide {
    /* desktop view: right column, if there is a left column */
    margin-left: 332px; /* 284 + 48px content area marign */
    /*margin-left: 284px;  //Width without padding*/
    min-height: 300px;
    box-sizing: border-box;
    padding-top: 24px;
}

.account2019 .column.narrow,
.show-left-column .column.narrow {
    position: absolute;
    background-color: #eee;
    padding: 26px 15px;
    width: 300px;
    box-sizing: border-box;
    min-height: 100%;
    margin-left: -15px;
}

.account2019 .column.narrow {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

.account2019 .column.narrow h3,
.show-left-column .column.narrow h3 {
    margin-top: 2em;
    margin-bottom: 0;
}

.account2019 .column.narrow #enterprise-branded-logo{ margin-bottom: 1em; }

.account2019 .column.narrow .edit-tease {
    padding: 0.2em;
}

.account2019 .column.narrow .edit-tease:hover {
    background-color: #fff;
}

.account2019 .column.left.has-sectionheader{ margin-top: -100px; }

.account2019 .section-container{ max-width: 2120px; }
.account2019 .sectionheader{  max-height: 100px; height: 100px; background-color: #cfd0d2; padding: 20px; }
.account2019 .sectionheader .section-heading{ font-size: 2em; color: #ffffff; padding-top: 5px; }
.account2019 .sectionheader .section-selector{ float: right; margin-top: 10px; }
.account2019 .sectionheader .section-selector select{ min-width: 300px; }


.account2019 #content h1 {
    margin: 0 0 0.5em 0;
}

#account2019-nav,
#account2019-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#account2019-nav {
    margin: 0 0 0 auto;
    text-align: left;
    display: inline-block;
    padding-right: 0;
    width: 100%;
    max-width: 291px;
}

#account2019-nav li {
    margin: 0 0 0 0;
    padding: 0;
    border: none;
}

#account2019-nav .side-menu-heading {
    color: #9e9e9e;
    font-size: 1.0em;
    padding: 8px 0 8px 8px;
    margin: 0.9em 0 0 0;
}

#account2019-nav a,
#account2019-nav a:visited {
    text-decoration: none;
    display: block;
    color: #7d7d7d;
    padding: 8px 0 8px 8px;
    position: relative;
}

#account2019-nav li a:hover,
#account2019-nav li.active > a,
#account2019-nav li.active > a:hover {
    background-color: #a29e9e;
    color: #ffffff;
    background-position: right center;
}

#account2019-nav li a:hover {
    background-position: 103% 50%;
}

#account2019-nav li a.no-link:hover {
    background-position: 110% 50%;
    background-color: transparent;
}

.menu-arrow-right:after {
    position:absolute;
    font-family: 'Font Awesome 5 Pro';
    top: 8px;
    right: 16px;
    content: "\f105";
 }

.menu-arrow-down:after {
    position:absolute;
    font-family: 'Font Awesome 5 Pro';
    top: 8px;
    right: 16px;
    content: "\f107";
 }

.menu-step-children{ display: none; }
.menu-step-children li{ width: 100%; }
.menu-step-children li a{   }

a.step_child_menu_link{ }

.message-banner {
	position: relative;
	width: 100%;
	height: 90px; /* 88px real height */
	background-color: #ffffff;
}

.message-banner .banner-icon {
	float: left;
	display: block;
	width: 90px;
	height: 100%;
}
.message-banner .banner-icon i{ margin: 20% 20% 0 20%;  font-size: 3em; }

.message-banner .banner-icon #live-webinar-now-spinner{ font-size: 2em; margin-left: 30px; color: #cccccc; }

.message-banner .banner-body {
	height: 100%;
	margin-left: 90px;
	padding: 20px 20px 20px 20px;
}
.message-banner .banner-body .banner-body-heading{ font-size: 1.1em; }
.message-banner .banner-body .banner-body-heading-slim{ font-size: 1.1em; margin-bottom: 5px; }

.message-banner .banner-body .banner-body-content{}
.message-banner .banner-body .banner-close{ position: absolute; top: 5px; right: 5px; height: 20px; width: 20px; }
.message-banner .banner-body .banner-close::before{
	font-family: "Font Awesome 5 Pro";
	content: "\f057";
}
.message-banner .banner-body .banner-close:hover::before{ font-weight: 600; cursor: pointer; }

.message-banner .banner-body h3{ margin: 0; padding: 0; }

.message-banner.extended { height: 135px;  /* 154px real height */ }
.message-banner.extended .banner-icon {	width: 90px; }
.message-banner.extended .banner-icon i{ margin: 20% 20% 0 20%;  font-size: 3em; }
.message-banner.extended .banner-body{ padding: 15px 0 40px 30px;   }

.message-banner.extended .banner-body .banner-body-heading{ font-size: 1.2em; margin-bottom: 20px; }
.message-banner.extended .banner-body .banner-body-content{}

/*Gold Banner*/
.message-banner.gold{ background-color: #e4c26b; }
.message-banner.gold .banner-icon { background-color: #f4f4f4; color: #e4c26b; }
.message-banner.gold .banner-body {	color: #fdfaf3; }

.message-banner.gold a{ color: #000000; }
.message-banner.gold a:hover{  }

.message-banner.gold a.button{ background-color: #e4c26b; color: #fdfaf3; border: 2px solid #fdfaf3; margin-right: 10px; font-size: 1.1em; padding: 10px 25px; }
.message-banner.gold a.button:hover{ background-color: #fdfaf3; color: #e4c26b; }

/*Red Banner*/
.message-banner.red{ background-color: #eeeeee; border: 1px solid #bb3535; }
.message-banner.red .banner-icon { background-color: #f4f4f4; color: #bb3535; }
.message-banner.red .banner-body {	color: #bb3535; }

.message-banner.red a{ color: #000000; }
.message-banner.red a:hover{  }

.message-banner.red a.button{ background-color: #bb3535; color: #fdfaf3; border: 2px solid #fdfaf3; margin-right: 10px; font-size: 1.1em; padding: 10px 25px; }
.message-banner.red a.button:hover{ background-color: #fdfaf3; color: #bb3535; }

/*Green Banner*/
.message-banner.green{ background-color: #eeeeee; border: 1px solid #83DCA4; }
.message-banner.green .banner-icon { background-color: #f4f4f4; color: #83DCA4; }
.message-banner.green .banner-body {	color: #666666; }

.message-banner.green a{ color: #000000; }
.message-banner.green a:hover{  }

.message-banner.green a.button{ background-color: #83DCA4; color: #fdfaf3; border: 2px solid #fdfaf3; margin-right: 10px; font-size: 1.1em; padding: 10px 25px; }
.message-banner.green a.button:hover{ background-color: #fdfaf3; color: #83DCA4; }



/*Fix for the menu padding*/
#account_menu_billing .fas{ padding-left: 4px; padding-right: 4px; }


/*Div at the bottom of the account menu to allow for growth*/
#account_menu_padding{ height: 8em; }

.card-container{
	position: relative;
	display: block;
}

.card-container .card-row{
	margin-bottom: 20px;
}

.card-row .col45,
.card-row .col40,
.card-row .col30,
.card-row .col33
{
	margin: 0;
	padding: 0;
	min-width: 240px;
}

.card-row .col45{ max-width: 520px; }


.card, .square-card {
	display: block;
	float: left;
	width: 220px;
	height: 220px;
	background-color: #ffffff;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 10px solid #ffffff;

}

.card.link,
.square-card.link {
	cursor: pointer;
}
.card.link:hover,
.square-card.link:hover{
	background-color: #efefef;
}

.card .fa-9x, .square-card .fa-9x{
	margin: 10px 0;
}

.card-container .card-heading{
	float: left;
	width: 100%;
	color: #676767;
	margin-bottom: 10px;
	font-size: 0.8em;
	font-weight: bold;
}

.card .card-header, .square-card .square-card-header {
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0;
	min-height: 75px;
}

.card .card-header.slim, .square-card .square-card-header.slim{
	min-height: 45px;
}

.card-content, .square-card-content {
	width: 100%;
	padding: 0;
	margin: 0;
}

.card-content.top, .square-card-content.top {
	position: absolute;
	top: 0;
}

.card-content.middle, .square-card-content.middle {
	position: absolute;
	top: 25%;
}

.card-content.bottom, .square-card-content.bottom {
	position: absolute;
	bottom: 0;
}

.card-content.narrow, .square-card-content.narrow{ line-height: 1.1em;  }

.card .card-body, .square-card .square-card-body {
	position: relative;
	min-height: 75px;
}
.card .card-footer, .square-card .square-card-footer {
	position: relative;
	text-align: center;
	min-height: 40px;
}

.card .card-footer.middle, .square-card .square-card-footer.middle { padding-top: 10px; }

.card .small-green, .square-card .small-green,
.card .small-blue, .square-card .small-blue,
.card .small-red, .square-card .small-red,
.card .small-grey, .square-card .small-grey
 {
	text-align: center;
	font-size: 1em;
	font-weight: 600;
	line-height: 1em;
}

.card .small-green, .square-card .small-green{ color: #83dca4; }
.card .small-blue, .square-card .small-blue{ color: #253a6a; }
.card .small-red, .square-card .small-red{ color: #ec4c3e; }
.card .small-grey, .square-card .small-grey{ color: #737373; }


.card .medium-green, .square-card .medium-green,
.card .medium-blue, .square-card .medium-blue,
.card .medium-red, .square-card .medium-red,
.card .medium-grey, .square-card .medium-grey
{
	text-align: center;
	font-size: 3em;
	line-height: 2.3em;
}
.card .medium-green, .square-card .medium-green{ color: #83dca4; }
.card .medium-blue, .square-card .medium-blue{ color: #253a6a; }
.card .medium-red, .square-card .medium-red{ color: #ec4c3e; }
.card .medium-grey, .square-card .medium-grey{ color: #737373; }

.card .large-green, .square-card .large-green,
.card .large-blue, .square-card .large-blue,
.card .large-red, .square-card .large-red,
.card .large-grey, .square-card .large-grey{
	text-align: center;
	font-size: 5em;
}
.card .large-green.slim, .square-card .large-green.slim,
.card .large-blue.slim, .square-card .large-blue.slim,
.card .large-red.slim, .square-card .large-red.slim,
.card .large-grey.slim, .square-card .large-grey.slim{
	line-height: 1.25em;
}

.card .large-green, .square-card .large-green{ color: #83dca4; }
.card .large-blue, .square-card .large-blue{ color: #253a6a; }
.card .large-red, .square-card .large-red{ color: #ec4c3e; }
.card .large-grey, .square-card .large-grey{ color: #737373; }

.card .green, .square-card .green{ color: #83dca4; }
.card .blue, .square-card .blue{ color: #253a6a; }
.card .red, .square-card .red{ color: #ec4c3e; }
.card .grey, .square-card .grey{ color: #737373; }


.card .circle, .square-card .circle {
	border-radius: 100%;
	background-color: #2ecd71;
	color: #fff;
	overflow: hidden;
	line-height: 0;
	position: relative;
	text-align: center;
	padding: 30% 0;
	font-size: 30px;
	width: 60%;
	height: 0;
	margin: 6% auto;
}

.card .circle.red, .square-card .circle.red {
	background-color: #ec4c3e;
}

.card a.button, .square-card a.button {
	border-color: #fff;
	color: #fff;
	background-color: transparent;
	padding: 0.6em 1.75em;
	letter-spacing: 2px;
}

.card a.button.white-green, .square-card a.button.white-green {
	background-color: #ffffff;
	color: #3ed17c;
	border: 2px solid #3ed17c;
}
.card a.button.white-green:hover, .square-card a.button.white-green:hover {
	background-color: #3ed17c;
	color: #ffffff;
	border: 2px solid #3ed17c;
}


.graph-circle {
    border-radius: 100%;
    background-color: #2ecd71;
    width: 60%;
    padding: 15% 0 45% 0;
    height: 0;
    text-align: center;
    position: relative;
    margin: 6% auto;
    overflow: hidden;
}

.graph-circle.small{
	width: 30%;
	padding: 7.5% 0 22.5% 0;
	margin: 3% auto;
}

.graph-circle2,
.graph-circle.gt50 .mask.right {
    background-color: #2ecd71;
}

.graph-circle.warning,
.graph-circle.warning.gt50 .mask.right {
    background-color: #ff9800;
}

.graph-circle.urgent,
.graph-circle.urgent.gt50 .mask.right {
    background-color: #eb4c3d;
}

.graph-circle label {
    display: block;
    background-color: #fff;
    border-radius: 100%;
    width: 54%;
    padding: 12% 0 42% 0;
    height: 0;
    position: absolute;
    left: 23%;
    top: 23%;
    font-size: 30px;
    z-index: 11;
    color: #555;
}

.graph-circle .mask {
    background-color: #ddd;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
}

.graph-circle .mask.left {
    z-index: 9;
    transform-origin: center right;
}

.graph-circle .mask.right {
    z-index: 10;
    right: 0;
    transform: rotate(0deg); /* set by JS */
    transform-origin: center left;
}

.graph-circle.gt50 .mask.right {
    background-color: #2ecd71;
}


.picture-card-container{
	position: relative;
	display: block;
}

/*.picture-card-container .heading{ border: 1px solid #ff0000; }*/
.picture-card-container .card-heading{
	float: left;
	width: 100%;
	color: #676767;
	margin-bottom: 10px;
	font-size: 0.8em;
	font-weight: bold;
}

.picture-card-container .card-heading a{ color: #676767; text-decoration: none; }
.picture-card-container .card-heading a:hover{ text-decoration: underline; }

.picture-card-container .picture-card-row {
	margin-bottom: 20px;
}


.picture-card-container.filter-visible .picture-card-row .picture-card .hide{
	display: none;
}

.picture-card-container .picture-card.search-hidden{
	display: none;
}

/*
.picture-card-container.filter-visible .picture-card-row .picture-card:hover{
	border: 1px solid #ff0000;
}
*/


.picture-card-row .col45,
.picture-card-row .col40,
.picture-card-row .col30,
.picture-card-row .col33
{
	margin: 0;
	padding: 0;
	min-width: 240px;
}

.picture-card-row .col45{ max-width: 520px; }


.picture-card {
	position: relative;
	float: left;
	display: block;
	font-family: "proxima-nova", sans-serif;
	width: 340px;
	height: 454px;
	padding: 15px 0 0 0;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

	/* Picture Card Top Center Jewel */
	.picture-card .circle,
	.picture-card .circle-plus
	 {
		position: absolute;
		/*top: -11px;*/
		top: -10px;
		left: 136px;
		height: 52px;
		width: 52px;
		z-index:10;
	}

	.picture-card .large-circle,
	.picture-card .large-circle-plus {
		position: absolute;
		/*top: -16px;*/
		top: -15px;
		left: 130px;
		height: 84px;
		width: 70px;
		z-index:10;
	}

	.picture-card .circle::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f111";
		font-weight: 600;
		font-size: 50px;
	}

	.picture-card .large-circle::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f111";
		font-weight: 600;
		font-size: 70px;
	}

	.picture-card .circle-plus::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f055";
		font-weight: 600;
		font-size: 50px;
	}

	.picture-card .large-circle-plus::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f055";
		font-weight: 600;
		font-size: 70px;
	}


	.picture-card .circle.yellow::before,
	.picture-card .large-circle.yellow::before,
	.picture-card .circle-plus.green::before {
		color: #d5a320;
	}

	.picture-card .circle.green::before,
	.picture-card .circle-plus.green::before {
		color: #3dd17b;
	}

	.picture-card .circle .trophy::before {
		position: absolute;
		top: 13px;
		left: 7px;
		font-family: "Font Awesome 5 Pro";
		height: 52px;
		width: 52px;
		content: "\f2eb";
		font-size: 32px;
		color: #584910;
	}

	.picture-card .large-circle .trophy::before {
		position: absolute;
		top: 22px;
		left: 13px;
		font-family: "Font Awesome 5 Pro";
		height: 52px;
		width: 52px;
		content: "\f2eb";
		font-size: 40px;
		font-weight: 600;
		color: #584910;
	}

	.picture-card .circle .user-slash::before {
		position: absolute;
		top: 17px;
		left: 10px;
		font-family: "Font Awesome 5 Pro";
		height: 52px;
		width: 52px;
		content: "\f506";
		font-size: 24px;
		color: #584910;
	}

	/* Picture Card Hide/Unhide Icon */
	.picture-card .hide, .picture-card .edit{
		position: absolute;
		opacity: 0.5;
		filter: alpha(opacity=50);
		top: 25px;
		right: 10px;
		height: 25px;
		width: 25px;
		color: #ccc;
		cursor: pointer;
		z-index:10;
	}

	.picture-card .working {
		position: absolute;
		opacity: 0.5;
		filter: alpha(opacity=50);
		top: 25px;
		right: 10px;
		color: #ccc;
		cursor: pointer;
		z-index:10;
	}


	.picture-card .hide:hover, .picture-card .edit:hover{
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.picture-card .hide::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f06e";
		font-weight: 600;
		font-size: 1.2em;
	}

	.picture-card .edit::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f044";
		font-weight: 600;
		font-size: 1.2em;
	}

	.picture-card .working::before {
		margin: 0;
		padding: 0;
		font-family: "Font Awesome 5 Pro";
		content: "\f110";
		font-weight: 600;
		font-size: 1em;
	}

	.picture-card .hide.hidden-eye::before {
		font-family: "Font Awesome 5 Pro";
		content: "\f070";
	}

	.picture-card .hide.hastext-uh {
		width: 70px;
		right: 10px;
	}
	.picture-card .hide.hastext-h {
		width: 55px;
		right: 10px;
	}



	.picture-card .hide.hastext-uh .hidden-eye-text,
	.picture-card .hide.hastext-h .hidden-eye-text {
		position: absolute;
		font-size: 0.7em;
		display: inline;
		top: 6px; right: 3px;
	}

.picture-card .heading{
	position:relative;
	height: 130px;
	padding: 20px;
	background-image: none;
	background-color: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) );
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
	.picture-card .heading-mask{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #000; /* fallback */
        background-color: radial-gradient(circle at 50% 0%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.75) 150%);
        background-color: rgba(0, 0, 0, 0.6);
        height: 170px;
        z-index: 5;
	}

	.picture-card .heading .product-type {
		color: #ffffff;
		font-size: 8pt;
		line-height: 8pt;
		padding: 20px;
	}
	.picture-card .heading .title {
		position: relative;
		color: #e5e5e5;
		font-size: 1.1em;
		line-height: 1.2em;
		height: 70px;
		padding: 0 20px 0 20px;
		margin: 30px 0 0 0;
	}

	.picture-card .heading .title .content-top-center {
		text-align: center;
		font-size: 1.1em;
		line-height: 1.2em;
		/*margin: 70px 0 0 0;*/
		margin: 25px 0 0 0;
	}
	.picture-card .heading .title .content-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 20px;
	}


.picture-card .body{ height: 160px; background-color: #ffffff; padding-top: 25px; }
.picture-card .body.withcap{ padding-top: 0; }

.picture-card .body .upsell-content{ padding: 20px 25px 20px 25px; }

.picture-card .body.withcap	.body-cap{ border-bottom: 1px solid #cccccc; padding: 10px; margin-bottom: 15px; font-size: 0.8em; }

.picture-card .green{ color: #3dd17b; }
.picture-card .grey{ color: #ddd; }
.picture-card .light-grey{ color: #bec2c5; }
.picture-card .red{ color: #f90000; }
.picture-card .blue{ color: #253a6a; }



.picture-card-list-item{ position: relative; padding: 7px 20px 7px 45px; }

.picture-card-list-item i { font-size: 2.1em; margin: 0 13px 0 0; float: left; color: #cccccc; }
.picture-card-list-item i.fa-file-download {  margin-left: 8px; margin-right: 15px; }
.picture-card-list-item .list-item-text { margin: 5px 0 0 0; }
.picture-card-list-item .list-item-text.top { margin-top: 0; line-height: 1.2em; }
.picture-card-list-item .list-item-text.stacked-item-text{ margin-top: 2px; line-height: 1em; }

.picture-card-list-item .list-item-text .list-item-text-days{ float: right; margin-right: 10px; text-align: left; display: inline-block; white-space: nowrap; width: 65px; }
.picture-card-list-item .list-item-text .urgent{ font-weight: bold; color: #eb4c3d; }

.picture-card-list-item i.min-45{ min-width: 45px; }

.picture-card-list-item i.course-deadline-info, .picture-card-list-item i.ceu-credit-expiration-info{ font-size: 0.75em; float: none; margin-left: 0.5em; cursor: pointer; }

.picture-card-list-item .graph-circle { margin: 0 0 0 0; float: left;  }
.picture-card-list-item .graph-circle .mask { background-color: #ddd; }

.picture-card-list-item .graph-circle{
	border-radius: 100%;
	background-color: #2ecd71;
	width: 12%;
	padding: 3% 0 9% 0;
	height: 0;
	text-align: center;
	position: relative;
	/*margin: 1% auto;*/
	margin: 1% 13px 1% 0;
	overflow: hidden;
}

.picture-card-list-item .graph-circle label {
	width: 60%;
	padding: 14% 0 42% 0;
	left: 19%;
	top: 22%;
	font-size: 30px;
}

.picture-card .footer{
	height: 70px;
	padding: 24px 0 5px 0;
	background-color: #ffffff;
	text-align: center;
}

.picture-card.hasBaseboard .body{ height: 160px;  padding-top: 10px; }
.picture-card.hasBaseboard .body.withcap{ height: 160px; padding-top: 0px; }
.picture-card.hasBaseboard .body.withcap	.body-cap{ margin-bottom: 0px; }

.picture-card.hasBaseboard .footer{	padding-top: 2px; padding-bottom: 0px;  height: 70px;   }

.picture-card .baseboard{	
	height: 28px;
	background-color: #a7a7a7;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;		
}

.picture-card .baseboard a i{
	color: #656565;
	vertical-align: middle;	
}

.picture-card .baseboard a{
	display: block;
	margin-top: 4px;
	color: #ffffff;
}	

.picture-card .baseboard:hover a{
	color: #a7a7a7;
}
.picture-card .baseboard:hover{
	background-color: #ffffff;
	border: 1px solid #a7a7a7;
	cursor: pointer;
}

.picture-card .baseboard.empty{	
 	background-color: #ffffff;
 	border-top: 1px solid #ffffff;
 	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
 }
 
 .picture-card .baseboard.empty:hover{
 	cursor: auto;
 }


.picture-card a.button {
	font-size: 1em;
	border-color: #fff;
	color: #fff;
	background-color: transparent;
	padding: 13px 20px 13px 20px;
	letter-spacing: 0;
}

.picture-card a.button.white-green {
	background-color: #ffffff;
	color: #3ed17c;
	border: 2px solid #3ed17c;
	z-index: 12;
}
.picture-card a.button.white-green:hover {
	background-color: #3ed17c;
	color: #ffffff;
	border: 2px solid #3ed17c;
}

.picture-card a.button.green-white {
	background-color: #3ed17c;
	border: 2px solid #3ed17c;
	color: #ffffff;
	z-index: 12;
}
.picture-card a.button.green-white:hover {
	background-color: #ffffff;
	color: #3ed17c;
}


.picture-card a.button.white-grey {
	background-color: #ffffff;
	color: #a7a7a7;
	border: 2px solid #a7a7a7;
	z-index: 12;
}
.picture-card a.button.white-grey:hover {
	background-color: #a7a7a7;
	color: #ffffff;
	border: 2px solid #a7a7a7;
}

.picture-card a.button.small{
	font-size: 0.85em;
	padding: 2px 5px 2px 5px;
}

.picture-card a.button.single{
	min-width: 31%;
}

.picture-card a.button.first{
	min-width: 31%;
	margin-right: 1%;
}

.picture-card a.button.second{
	min-width: 31%;
}

/* course search box */
#course-browse-filters{
	/*background-color: #d8d8d8;*/
	background-color: transparent;
	padding: 0 0;
	max-width: 900px;
	margin: 0 auto;
}
	#course-browse-filters #search_term {
		width: 100%;
		min-width: 350px;
		padding: 0.4em 30px 0.4em 0.4em;
		/*margin-bottom: 30px;*/
		box-sizing: border-box;

		background: #ffffff url(/images/site/bg-search-mag-glass-dark.png) no-repeat right center;   /* fallback */
		background: rgba(255, 255, 255, 1) url(/images/site/bg-search-mag-glass-dark.png) no-repeat right center;
		border: none;
		color: #666666;
	}
	#course-browse-filters #search_term::-webkit-input-placeholder {   /* WebKit browsers */
			color: #9FA29C;
		}
	#course-browse-filters #search_term:-moz-placeholder {             /* Mozilla Firefox 4 to 18 */
			color: #9FA29C;
		}
	#course-browse-filters #search_term::-moz-placeholder {            /* Mozilla Firefox 19+ */
			color: #9FA29C;
		}
	#course-browse-filters #search_term:-ms-input-placeholder {        /* Internet Explorer 10+ */
			color: #9FA29C;
		}

/**/

	/*#course-browse-filters .course-filters-blocks{ display: inline-block; position: relative; margin-bottom: 10px; float: right; }*/
	#course-browse-filters	.course-filters-block-container{ width: 100%; text-align: center; }
	#course-browse-filters .course-filters-blocks{ display: inline-block; position: relative; margin: auto; }

	#course-browse-filters .double-block{ float: left;  width: 15%; margin-right: 3%; margin-bottom: 20px; min-width: 175px; }
	#course-browse-filters .triple-block{ float: left; width: 20%; margin-right: 3%; margin-bottom: 20px; min-width: 260px; }
	#course-browse-filters .quad-block{ float: left;  width: 25%; margin-right: 3%; margin-bottom: 20px; min-width: 350px; }
	#course-browse-filters .end-block{ margin-right: 0; }


	#course-browse-filters .course-filters-blocks ul.filter-blocks {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#course-browse-filters .course-filters-blocks ul.filter-blocks li {
		float: left;
		color: #7d7d7f;
		background-color: #f2f2f4;
		/*
		width: 56px;
		height: 8px;
		*/

		width: 100px;
		height: 10px;

		/*padding: 36px 12px 24px 12px ;*/
		padding: 20px 12px 64px 12px ;
		margin-right: 6px;
		margin-bottom: 10px;
		font-size: 1em;
		line-height: 1em;

		text-align: center;
	}
	#course-browse-filters .course-filters-blocks ul.filter-blocks li:last-child{ margin-right: 0; }

	#course-browse-filters .course-filters-blocks ul.filter-blocks li:hover {
		/*background-color: #BABABC;*/
		/*background-color: #ffffff;
		background-image: url('/images/site/course-menu-block-hilite.png');*/
		background: #ffffff url('/images/site/course-menu-block-hilite.png') repeat-x left bottom;
		/*color: #ffffff;*/
		color: #7d7d7f;
		cursor: pointer;
	}

	#course-browse-filters .course-filters-blocks ul.filter-blocks li.active {
		background: #ffffff url('/images/site/course-menu-block-hilite.png') repeat-x left bottom;
		/*background-color: #ffffff;*/
		color: #848484;

	}
	#course-browse-filters .course-filters-blocks ul.filter-blocks li.active:hover {
		color: #848484;
	}

/**/

#course-browse-filters .course-filter-items{
	display: block;
	position: relative;
	padding: 10px 0;
}

#course-browse-filters .course-filter-items .filter-item{
	float: 1eft;
	display: inline-block;
	margin-right: 20px;
	color: #8a8a8c;
	font-size: 10pt;
}

#sort{ font-size: 10pt; }

#course-browse-filters .course-filter-items .filter-item{}

#course-browse-filters #course-filter-status-item{ min-width: 275px; margin-bottom: 1em; }
#course-browse-filters #course-filter-show-item{ min-width: 185px; margin-bottom: 1em; }
#course-browse-filters #course-filter-sort-item{ float: right; margin-right: 0;  min-width: 255px; text-align: right; margin-bottom: 1em; }



/* course search box  v1*/
/*
#course-browse-filters{
	background-color: #d8d8d8;
	padding: 20px 20px 0 20px;
}
	#course-browse-filters #search_term {
		width: 30%;
		min-width: 350px;
		padding: 0.4em 30px 0.4em 0.4em;
		margin-bottom: 30px;
		box-sizing: border-box;

		background: #ffffff url(/images/site/bg-search-mag-glass-dark.png) no-repeat right center;   /* fallback * /
		background: rgba(255, 255, 255, 1) url(/images/site/bg-search-mag-glass-dark.png) no-repeat right center;
		border: none;
		color: #666666;
	}
	#course-browse-filters #search_term::-webkit-input-placeholder {   /* WebKit browsers * /
			color: #ddd;
		}
	#course-browse-filters #search_term:-moz-placeholder {             /* Mozilla Firefox 4 to 18 * /
			color: #ddd;
		}
	#course-browse-filters #search_term::-moz-placeholder {            /* Mozilla Firefox 19+ * /
			color: #ddd;
		}
	#course-browse-filters #search_term:-ms-input-placeholder {        /* Internet Explorer 10+ * /
			color: #ddd;
		}


	#course-browse-filters .course-filters-blocks{ }

	#course-browse-filters .double-block{ float: left;  width: 15%; margin-right: 3%; margin-bottom: 20px; min-width: 175px; }
	#course-browse-filters .triple-block{ float: left; width: 20%; margin-right: 3%; margin-bottom: 20px; min-width: 260px; }
	#course-browse-filters .quad-block{ float: left;  width: 25%; margin-right: 3%; margin-bottom: 20px; min-width: 350px; }
	#course-browse-filters .end-block{ margin-right: 0; }


	#course-browse-filters .course-filters-blocks ul.filter-blocks {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#course-browse-filters .course-filters-blocks ul.filter-blocks li {
		float: left;
		color: #7b7b7b;
		background-color: #ffffff;
		width: 56px;
		height: 8px;
		padding: 36px 12px 24px 12px ;
		margin-right: 6px;

		font-size: 0.7em;
		line-height: 1em;

		text-align: center;
	}

	#course-browse-filters .course-filters-blocks ul.filter-blocks li:hover {
		background-color: #efefef;
		color: #666666;
		cursor: pointer;
	}

	#course-browse-filters .course-filters-blocks ul.filter-blocks li.active {
		background-color: #2ecd71;
		color: #ffffff;
	}
	#course-browse-filters .course-filters-blocks ul.filter-blocks li.active:hover {
		color: #666666;
	}

*/



/* CREDIT TRACKER */
#getting_started{ background-color: #ffffff; padding: 20px 20px 10px 20px; margin-bottom: 1em; }


.credit-tracker-container{ }

.credit-tracker-container .requirement_summary{  }

.credit-tracker-container .credit-tracker-content{ background-color: #ffffff; padding: 30px; }

.credit-tracker-container a.button.credit_button{ margin-bottom: 0; background-color: #eee; color: #666666; }
.credit-tracker-container a.button.credit_button.active { background-color: #ffffff; }
.credit-tracker-container a.button.credit_button:hover { background-color: #ffffff; }

/* TEAMS */
.account2019.team .download-csv {
    float: right;
    vertical-align: middle;
    margin: 0.25em 0 0 2em;
}

.account2019.team table.report {
    margin-bottom: 4em;
    width: 90%;
    background-color: #ffffff;
    border: 1px solid #A29E9E;
}

.account2019.team table.report .button {
    white-space: nowrap;
}

.account2019.team.index table.report {
    max-width: 720px;
}

.account2019.team table.report th,
.account2019.team table.report td {
    text-align: left;
    padding: 0.6em 1.5em 0.6em 1em;
}

.account2019.team table.report th {
    border-bottom: 1px solid #ddd;
}

.account2019.team table.report tr:nth-child(even) {
    background-color: #eee;
}

.account2019.team table.report tfoot td {
    padding-top: 2em;
}

.account2019.team table.report tfoot td:last-child {
    text-align: right;
}

.account2019.team table.report a {
    text-decoration: none;
}

.account2019.team table.report tr:hover a {
    text-decoration: underline;
}

.account2019.team table.report td.administrator {
    color: #ff9800;
    padding-right: 0;
}

.account2019.team h2 .expiration {
    display: inline-block;
    margin-left: 1em;
    font-size: 60%;
    vertical-align: middle;
    color: #999;
}
.account2019.team form {
    margin-bottom: 3em;
}
.account2019.team form input[type="submit"] {
    margin-right: 0.7em;
}
.account2019.team .filter {
    margin: 0 0 1em 0;
}
    .account2019.team .filter h4:first-child {
        display: inline-block;
        min-width: 120px;
        font-weight: normal;
        margin: 0;
        font-size: 1em;
    }
    .account2019.team .filter.date {
    }
        .account2019.team .filter.date input {
            max-width: 100px;
        }
    .account2019.team .filter.email ul.selected {
        list-style: none;
        margin: 0.6em 0 0 124px;
    }
    .account2019.team .filter .autocomplete {
        margin-left: 124px;
        max-width: 400px;
    }
        .account2019.team .filter.email ul.selected li,
        #product-options-modal .choose-team-members ul.users li,
        #product-options-modal .choose-team-members ul.users li.checked {
            margin: 0 0.6em 0.7em 0;
            padding: 0.3em 0.6em;
            display: inline-block;
            font-size: 0.9em;
            font-weight: 300;
            border-radius: 2px;
        }
        .account2019.team .filter.email ul.selected li,
        #product-options-modal .choose-team-members ul.users li.checked {
            background-color: #253a6a;
            color: #fff;
        }
        #product-options-modal .choose-team-members ul.users li.ineligible {
            background-color: #eee;
            color: #aaa;
            text-decoration: line-through;
        }
            .account2019.team .filter.email ul.selected li a {
                text-decoration: none;
                display: inline-block;
                padding-left: 0.6em;
                color: #fff;
                opacity: 0.6;
            }
                .account2019.team .filter.email ul.selected li a:hover {
                    opacity: 1;
                }
.account2019.team #send-reminder textarea,
.account2019.team #enterprise-send-reminder textarea {
    width: 100%;
    height: 8em;
    box-sizing: border-box;
    padding: 0.4em;
}
.account2019.team #send-reminder label,
.account2019.team #enterprise-send-reminder label {
    padding: 0.4em;
    display: inline-block;
    text-transform: uppercase;
    color: #999;
}



        .account2019.profile #edit-personal-information {
            margin-bottom: 4em;
            display: none;
        }
        .account2019.profile #edit-personal-information.visible {
            display: block;
        }
            .account2019.profile #edit-personal-information p.col25,
            .account2019.profile #edit-personal-information p.col50,
            .account2019.profile #edit-personal-information p.col100 {
                min-height: 3.5em;
            }
            .account2019.profile .password {
                background-color: #eee;
                padding: 1em 0;
                margin: 0.5em 0 1.5em 0;
                clear: both;
            }
                /*.account2019.profile .password p:nth-child(3) {
                    margin: 1em 2.5%;
                }*/
                .account2019.profile .password p,
                .account2019.profile #content .password p:first-child {
                    margin: 0.5em 2.5% 1em 2.5%;
                }
        .account2019.profile #edit-personal-information input[type=text],
        .account2019.profile #edit-personal-information input[type=password],
        .account2019.profile #edit-personal-information input[type=email] {
            width: 97%;
            padding-left: 1%;
            padding-right: 1%;
        }
        .account2019.profile #edit-personal-information label {
            display: block;
            margin-bottom: 0.3em;
        }
        .account2019.profile #edit-personal-information .invalid {
            color: #bb3535;
        }
            .account2019.profile #edit-personal-information .invalid .fa,
            .account2019.profile #edit-personal-information .invalid .fas {
                opacity: 1.0;
            }
            .account2019.profile #edit-personal-information .invalid input,
            .account2019.profile #edit-personal-information .invalid select {
                transition-property: border-color, box-shadow;
                transition-duration: 0.3s;
                border-color: #bb3535;
            }
        .account2019.profile #edit-personal-information .required {
            color: #bb3535;
        }


#player{
	position: relative;
	max-width: 600px;
	margin-bottom: 20px;
}

/*Certificate Listing*/
.certificate-icon,.certificate-course-detail{ cursor: pointer; }
.certificate-course-detail:hover{ background-color: #e1ecf4; }
.button.ondemand-certificate-of-completion,
.button.ondemand-ce-certificate,
.button.live-webinar-certificate-of-completion,
.button.live-webinar-ce-certificate{ 
	/*float: left; 
	margin-right: 0.75em; 
	margin-bottom: 0.75em;*/
	color: #ffffff; 
	border: 1px solid #EACB21; 
	background-color: #EACB21;  
	padding: 0.75em 1em;  
}
.button.ondemand-certificate-of-completion:hover,
.button.ondemand-ce-certificate:hover,
.button.live-webinar-certificate-of-completion:hover,
.button.live-webinar-ce-certificate:hover{ 
	background-color: transparent; color: #EACB21;  
}

.button.ondemand-ce-certificate.pending,
.button.ondemand-certificate-of-completion.pending,
.button.live-webinar-ce-certificate.pending,
.button.live-webinar-certificate-of-completion.pending{
	background-color: #b3d4fc;
	color: #ffffff; 
	border: 1px solid #b3d4fc; 	  
}
.button.ondemand-ce-certificate.pending:hover,
.button.ondemand-certificate-of-completion.pending:hover,
.button.live-webinar-ce-certificate.pending:hover,
.button.live-webinar-certificate-of-completion.pending:hover{
	color: #b3d4fc;
	background-color: #ffffff;
}

.button.ondemand-ce-certificate.request-duplicate,
.button.live-webinar-ce-certificate.request-duplicate{
	color: #ffffff;
	padding: 0.75em 1em; 
	border: 1px solid #11234d;
	background-color: #11234d;
}
.button.ondemand-ce-certificate.request-duplicate:hover,
.button.live-webinar-ce-certificate.request-duplicate:hover{
	color: #11234d;
	background-color: #ffffff;
}

.button.ondemand-ce-certificate.duplicate-requested,
.button.ondemand-ce-certificate.duplicate-requested:hover,
.button.live-webinar-ce-certificate.duplicate-requested,
.button.live-webinar-ce-certificate.duplicate-requested:hover{
	color: #11234d;
	border: 1px solid #11234d;
	background-color: #ffffff;
}

.button.ondemand-ce-certificate.expired,
.button.ondemand-ce-certificate.denied,
.button.live-webinar-ce-certificate.expired,
.button.live-webinar-ce-certificate.denied{
	background-color: #ffffff;
	color: #a7a7a7; 
	border: 1px solid #a7a7a7; 	  
}
.button.ondemand-ce-certificate.expired:hover,
.button.ondemand-ce-certificate.denied:hover,
.button.live-webinar-ce-certificate.expired:hover,
.button.live-webinar-ce-certificate.denied:hover{
	color: #a7a7a7;
	border: 1px solid #cccccc; 	 
}

.cert-button-container{ float: left; margin-right: 0.75em; margin-bottom: 0.75em; }

.certificate-listing-buttons-pending-header,
.certificate-listing-buttons-expired-header,
.certificate-listing-buttons-denied-header,
.certificate-listing-buttons-duplicate-header
{ margin-bottom: 0.75em; margin-top: 1em; font-weight: bold; }

#certificateModalWarning,#certificateModalSuccess,#certListingWarning,#certListingSuccess{ display: none; }


/********************
 Datatables
*********************/
.dt-buttons {
    position: absolute; /* Puts the Edit button on the same line as the search box */
    top: 15px;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

.dt-buttons .btn-outline-success, .dt-buttons .btn{ background-color: #ffffff; }

.dataTable td, .dataTable th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTable td.td-error {
    background: #EFA2A9;
}

.DTE_Field_InputControl .ui-datepicker-trigger { display: none; } /* Hide the calendar control image on the pop-up */


.dataTables_wrapper{  padding-top: 0px; }

.dataTableCSVButton{ }
.dataTableCSVButton.btn-outline-primary:hover{ background-color: #007bff; }
.dataTableCSVButton.btn-outline-success:hover{ background-color: #28A745; }
.dataTableCSVButton.btn-outline-secondary:hover{ background-color: #6C757D; }
.dataTableCSVButton.btn-outline-danger:hover{ background-color: #DC3545; }
.dataTableCSVButton.btn-outline-info:hover{ background-color: #17A2B8; }



#credit-requests-container{ padding-top: 0.75em; overflow: auto; }

/*
#credit_requests_table_paginate ul.pagination{ justify-content: flex-end; }
#credit_requests_table_length{ float: left;  border: 1px solid #ff0000; }
*/

#credit-requests-container{ min-height: 800px; }
#credit_requests_table{ table-layout: fixed; width: 98% !important; }

#credit_requests_table_filter{ float: right; margin-right: 1em; }
#credit_requests_table_paginate{ float: right; }
#credit_requests_table_length{ white-space: nowrap; }

#credit_requests_table tbody tr td[rel="seminar_id"],#credit_requests_table thead tr th[rel="seminar_id"]{ max-width: 65px !important; } 
#credit_requests_table tbody tr td[rel="request_date"],#credit_requests_table thead tr th[rel="request_date"]{ max-width: 90px !important; } 
/*#credit_requests_table tbody tr td[rel="credit_hours"],#credit_requests_table thead tr th[rel="credit_hours"]{ max-width: 50px !important; } */
#credit_requests_table tbody tr td[rel="completed_date"],#credit_requests_table thead tr th[rel="completed_date"]{ max-width: 100px !important; } 
#credit_requests_table tbody tr td[rel="credit_reported_date"],#credit_requests_table thead tr th[rel="credit_reported_date"]{ max-width: 90px !important; } 

#credit_requests_table tbody tr td[rel="credit_hours"]{ white-space: normal; } 

#credit_requests_table tbody tr td[rel="program_title"]{ white-space: normal; } 
#credit_requests_table tbody tr td[rel="credit_type"]{ white-space: normal; } 
#credit_requests_table tbody tr td[rel="application_status"]{ white-space: normal; } 

#credit_requests_table tbody tr td[rel="certificate"],#credit_requests_table thead tr th[rel="certificate"]{ max-width: 50px !important; } 

#credit-requests-loading{ position: absolute; top: 0; right: 0; height: 20px; width: 20px; z-index: 1000;}


#credit-requests-loader{
	display: none;
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #efefef;
    background-color: rgba(239,239,239,0.75);
}
#credit-requests-loader.active{
	display: block;
}

.loader {
  position: absolute;
  top: 150px;
  left: 35%;
  z-index: 1000;
  border: 30px solid #ffffff; /* Light grey */
  border-top: 30px solid #cccccc; /* Dark grey */
  border-right: 30px solid #cccccc; /* Dark grey */  
  border-bottom: 30px solid #cccccc; /* Dark grey */
  
  border-radius: 50%;
  width: 300px;
  height: 300px;
  animation: loader-spin 3.5s linear infinite;
}

@keyframes loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*
#credit_requests_table tbody tr td[rel="program_title"]{ width: 20%; } 
*/

/* MOBILE VIEW */
@media only screen and (max-width: 750px) {

	.account2019 .column.narrow, .account2019 .column.wide,
	.show-left-column .column.narrow + .column.wide {
		/* mobile view: right column collapse */
		margin-left: 0;
		padding-top: 0;
	}

	.account2019 .sectionheader .section-selector{ float: none; margin-top: 0; }


}



/* Account Login  */

.login-columns {
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	margin: 25px 0;
}

.login-column {
	flex: 1;
	margin: 16px;
	padding: 16px;
	justify-content: center;
	min-height: 400px;
	background: #eee;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
}

.login-column .site-login {
	background: #eee;
	text-align: center;
}

.login-column .icon1 {
	font:  400 13.3333px Arial;
	margin: 0 0 1em;
    padding: .8em 1em;
    padding: 12px 12px 12px 12px;
    background: rgba(255, 255, 255, 0.94);
}

.login-column .icon1 span.fa {
    color: #222;
    width: 22px;
    white-space: nowrap;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.login-column .fa-user:before {
    content: "\f007";
}

.login-column .fa-lock:before {
    content: "\f023";
}

.login-column element.style {
	display: inline-block;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
    cursor: auto;
}

.login-column .login-form {
	max-width: 350px;
	margin-left: auto;
  	margin-right: auto;
}

.login-column .login-form input[type="email"] {
    outline: none;
    font-size: 15px;
    color: #222;
    border: none;
    width: 85%;
    display: inline-block;
    background: transparent;
    letter-spacing: 1px;
}

.login-column .login-form input[type="password"] {
    outline: none;
    font-size: 15px;
    color: #222;
    border: none;
    width: 85%;
    display: inline-block;
    background: transparent;
    letter-spacing: 1px;
}

/*BILLING*/

#billingAlertWarning,#billingAlertSuccess{ display: none; }

#payment_form #card-number-container {
	position:relative;
	padding:0;
	margin:0;
}
#payment_form #card-number-container input {
	margin:0;
	padding-left: 35px;
}
#payment_form #card-number-container i {
	position:absolute;
	bottom:17px;
	left:8px;
	width:10px;
	height:10px;
}

#payment_form #card-number-container input.error{ border: 1px solid #ff0000; }
#payment_form button#cancel_credit_card{ display: none; }

#credit_card_block{ }
#show-credit-card-form{ cursor: pointer; }
#show-credit-card-form:hover{ text-decoration: underline; }

#renewMembershipDetails{ background-color: #efefef; }
.renewal-group-toggle, .billing-history-info-toggle{ color: #000000; }

/*.renewal-group-toggle{ display: none; }*/

.cc-form-display{ font-weight: bold; }

tr.billing-history-detail{ background-color: #cccccc; }
/*BILLING*/


.gold-icon{ color: #e4c26b; }


/*Paging*/
div.paging ul{ list-style: none; padding: 0; margin: 0; }
div.paging ul li{ float: left; margin-right: 0.75em; }


@media screen and (max-width: 980px) {
  .login-columns .login-column {
		margin-bottom: 5px;
    	flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.login-columns .login-column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.login-column .login_message {
	padding: 16px;
	background-color: #f4d78f;
	margin-bottom: 16px;
}

.login-column .heading-decor {
	margin: -30px auto 0;
}

.login-column ul {
	list-style-type: none;
	padding-left: 0;
}