#mainLogo {
	padding: 20px;
	padding: 2rem;
	height: 108px;
}

#navbar-top .logoLink {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#navbar-top > .container-fluid {
	background: url(/site/style/images/bg_home.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #032838;
	position: relative;
	height: 103px;
}

@media (max-width: 650px) {
	#navbar-top > .container-fluid {
		background-size: contain;
	}
}

#navbar-top > .container-fluid > ul.nav, #navbar-top > .container-fluid > .navbar-header > button {
	background: #f9f9f9;
}

#orderSearchForm #custNum, #invoiceSearchForm #custNum {
	width: 300px;
	width: 30rem;
}

.prodDesc {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.productCustomer {
	float: left;
	margin: 0 20px 20px 0;
	margin: 0 2rem 2rem 0;
}

.productPriceTable {
	margin: 10px 0;
	margin: 1rem 0;
}

.productPriceTable th {
	border-bottom: solid 1px #ccc;
}

.productPriceTable th, .productPriceTable td {
	text-align: right;
	padding-right: 20px;
	padding-right: 2rem;
}

.icon.quickDate {
	cursor: pointer;
	background-position: -50px -250px;
}

.icon-activated {
	background-position: -125px -125px;
}

.quickDateSelect {
	cursor: pointer;
}

img.prodImg {
	max-width: 100%;
}

img.prodImgThumb {
	max-width: 100%;
	max-height: 150px;
}

.productInfo .row {
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.productInfo h4 {
	margin-top: 20px;
}

.productInfo .productData {
	margin-left: 5%;
}

.imageCol {
	text-align: center;
}

@media (max-width: 767px) {
	.navbar-right {
		float: right;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		right: 0;
		left: auto;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		margin: 2px 0 0;
	}
	
	#navbar-top > div > .nav > li {
		float: left;
		display: block;
	}
	
	#navbar-main .nav > li > ul {
		padding: 0 0 0 15px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	}
	
	#navbar-main .nav > li > a {
		padding: 5px 0;
	}
	
	#navbar-main.navbar-topsub {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: none;
		margin: -1px 15px 0;
	}
	
	.rlCartToolBox {
		position: relative;
	}
}

@media (min-width: 768px) {
	.navbar-topsub {
		border-top: none;
		border-left: none;
		border-right: none;
		margin-top: -1px;
	}
	
	.navbar-topsub > ul.nav > li {
		float: left;
		position: relative;
	}
	
	.navbar-topsub > ul.nav > li > a {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 26px;
	}
	
	.navbar-topsub > ul.nav > li ul {
		position: absolute;
		left: 0;
		z-index: 999;
		background: #fff;
		border: solid 1px #ccc;
	}
	
	.navbar-topsub > ul.nav > li a {
		white-space: nowrap;
	}
}

/* Bootstrap print overrides */
@media print {
	.navbar { display: inherit; }
	a[href]:after {content: none; }
	.col-print-1  {width:8%;   float:left;}
	.col-print-2  {width:16%;  float:left;}
	.col-print-3  {width:25%;  float:left;}
	.col-print-4  {width:33%;  float:left;}
	.col-print-5  {width:42%;  float:left;}
	.col-print-6  {width:50%;  float:left;}
	.col-print-7  {width:58%;  float:left;}
	.col-print-8  {width:66%;  float:left;}
	.col-print-9  {width:75%;  float:left;}
	.col-print-10 {width:83%;  float:left;}
	.col-print-11 {width:92%;  float:left;}
	.col-print-12 {width:100%; float:left;}
}

#mainBody {
	min-width: inherit;
}

.contentPage {
	float: none;
	width: auto;
}

#cartPopup .divider {
	clear: both;
}

.cartPopupProd {
	clear: both;
	width: 470px;
}

div.topSearch {
	margin-left: 0;
}

#topSearch {
	position: relative;
}

#topSearch input#search {
	width: 100%;
}

#topSearch input.topSearchBtn {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.navbar {
	margin-bottom: 0;
	border-radius: 0;
}

.navbar-toggle {
	padding: 3px;
}

.navbar-default {
	background-color: #f9f9f9;
	border-color: #ccc;
}

#navbar-top {
	border-left: none;
	border-right: none;
	border-top: none;
}

#navbar-top li.dropdown-header {
	min-width: 225px;
}

#navbar-main.navbar-left {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: none;
	margin-top: -1px;
	width: 100%;
}

#navbar-main.navbar-left .goog-te-gadget, #navbar-main.navbar-left .goog-te-gadget .goog-te-combo{
	white-space: normal;
	max-width: 100%;
}

#navbar-main.navbar-left .nav > li > ul {
	padding: 0 0 0 15px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}

#navbar-main.navbar-left .nav > li > a {
	padding: 5px 0;
}

.nav .current {
	font-weight: bold;
}

#navbar-top .navbar-top-links > li > .nav.collapse, #navbar-top .navbar-top-links > li > .nav.collapsing {
	position: absolute;
	z-index: 999;
	right: 0;
	background: #fff;
	border: solid 1px #ccc;
}

#navbar-top .navbar-nav a.dropdown-toggle[aria-expanded=true], #navbar-top .navbar-nav a.collapseLink[aria-expanded=true] {
	background: #eee;
}

a.collapseLink:after {
	content: '';
	display: inline-block;
	background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -225px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	transition: transform 0.1s;
}

a.collapseLink[aria-expanded=true]:after {
	transform: rotate(90deg);
}

.collapsing {
	-webkit-transition: height .2s ease;
	-o-transition: height .2s ease;
	transition: height .2s ease;
}

.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

div[data-orient=L] .prodListContent > .prodListProd .compareCheck, div[data-orient=G] .prodListContent > .prodListProd .compareCheck {
	margin: 4px 0 4px 4px;
}

div[data-orient=G] .prodListContent {
	width: 33%;
	max-width: 300px;
	float: left;
	padding-right: 5px;
}

div[data-orient=G] .prodListContent > .prodListProd {
	width: 100%;
}

div[data-orient=M] .prodListContent > .prodListProd {
	width: 162px;
}

form#emailProductLinkForm, .tabs {
	display: none;
}

.tabs.ui-tabs {
	display: block;
}

.prodOptionsContainer {
	display: none;
}

.bidDeleteLine {
	cursor: pointer;
}

.bidDeleteLine.unactivated {
	display: none;
}

.bidDetails #activatedForms {
	display: none;
}

#bidProducts input[name=qty], #bidProducts input[name=comm] {
	width: 50px;
}

#bidProducts input[name=price] {
	width: 65px;
}

.form-group label {
	float: left;
}

.ui-dialog .errorContainer {
	color: red;
}

@media (max-width: 991px) {
	.prodListHeaderLeft .prodOrder {
		max-width: 100%;
	}
	
	.prodListHeaderCenter {
		width: 55%;
	}
	
	.prodListHeaderRight {
		width: 40px;
		float: right;
	}
	
	a.listBtn, a.gridBtn, a.microBtn {
		width: 24px;
		height: 24px;
		overflow: hidden;
		box-sizing: initial;
	}
	
	/* --------- */
	/* List View */
	div[data-orient=L] .prodListContent > .prodListProd .compareText,
	div[data-orient=L] .prodListContent > .prodListProd .listDesc {
		display: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .descCol {
		width: 36%;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .buttonRow input[type=button] {
		display: inline-block;
		margin: 0 .3rem;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		border: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd .buttonRow .compareSpan {
		position: relative;
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: top;
		background: transparent;
		padding: 0;
		margin: 0 .3rem;
		box-shadow: none;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck {
		width: 24px;
		visibility: hidden;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck + label {
		content: '';
		display: inline-block;
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -75px -150px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		visibility: visible;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.compareCheck:checked + label {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -125px;
		background-size: 500px 500px;
		box-shadow: 0 0 1px 1px #a00;
		border-radius: 12px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.cartBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.reqBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.hideBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.moreBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -350px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.moreBtn.open {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -400px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveDelBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -150px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd input.faveUpdBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -125px -50px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	/* End List View */
	/* ------------- */
	
	/* --------- */
	/* Grid View */
	
	div[data-orient=G] .prodListContent {
		width: 50%;
		padding-left: 5px;
		padding-right: 5px;
		float: left;
	}
	
	div[data-orient=G] .prodListContent:after {
		content: '';
		clear: both;
		display: table;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd {
		width: 100%;
		margin: 5px 0;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow input[type=button].moreBtn,
	div[data-orient=G] .prodListContent > .prodListProd .cpnDiv, div[data-orient=G] .prodListContent > .prodListProd .availCodeDiv,
	div[data-orient=G] .prodListContent > .prodListProd .availDiv, div[data-orient=G] .prodListContent > .prodListProd .whseDiv,
	div[data-orient=G] .prodListContent > .prodListProd .suggRet,
	div[data-orient=G] .prodListContent > .prodListProd .compareText {
		display: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow input[type=button] {
		display: inline-block;
		margin: 0 .3rem;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		border: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd .buttonRow .compareSpan {
		position: relative;
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: top;
		background: transparent;
		padding: 0;
		margin: 0 .3rem;
		box-shadow: none;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck {
		width: 24px;
		visibility: hidden;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck + label {
		content: '';
		display: inline-block;
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -75px -150px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		visibility: visible;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.compareCheck:checked + label {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -50px -125px;
		background-size: 500px 500px;
		box-shadow: 0 0 1px 1px #a00;
		border-radius: 12px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.cartBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.faveBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -250px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.reqBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -175px -225px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=G] .prodListContent > .prodListProd input.hideBtn {
		background: url(/base/style/images/material-design-icons/sprites.png) no-repeat -325px -375px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	/* End Grid View */
	/* ------------- */
	
	.rlCart table label {
		min-width: 0px;
		white-space: nowrap;
	}
	
	.cartTable .qty, .cartTable .discPct {
		width: 50px;
		width: 5rem;
	}
	
	.cartTable .cartComment
	#editBlogForm textarea#desc, #extraForm textarea#extraComments, #userReqForm textarea#msg,
	#editBlogForm input#title, #editBlogForm input#keywords, 
	#btForm input#btName, #btForm input#btAddr1, #btForm input#btAddr2, #btForm input#btAddr3, #btForm input#btCity, #btForm input#btEmail,
	#stForm input#stName, #stForm input#stAttn, #stForm input#stAddr1, #stForm input#stAddr2, #stForm input#stAddr3, #stForm input#stCity, #stForm input#stEmail,
	#extraForm input#extraCustDesc,
	#ccForm input#ccName,
	#userReqForm input#name, #userReqForm input#email, #userReqForm input#phone, #userReqForm input#prodDesc, #userReqForm input#prodNum,
	#pwChange input#userId, #sendReminder input#userId,
	#signupForm input#email, #signupForm input#name, #signupForm input#custName,
	#userEditForm input#email, #userEditForm input#name, #userEditForm input#custName {
		width: 320px;
		width: 32rem;
	}
}

#addProducts, #addComments, #addStandingComments {
	display: none;
}

.internalComment {
	color: #999;
	font-style: italic;
}

.banner {
	outline: solid 1px #ccc;
	margin: 10px 0;
	height: 100px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	border-radius: 5px;
}

.banner[data-click]:hover {
	cursor: pointer;
}

.bannerBackground {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.bannerContent {
	position: relative;
	text-align: center;
}

.bannerBackground img {
	min-width: 100%;
	min-height: 100%;
}

#banner-top {
	width: 100%;
	height: 300px;
}

#banner-mid-left, #banner-bottom3-left, #banner-bottom4-left, #banner-bottom5-left,
#banner-bottom-medium-1, #banner-bottom-medium-3, #banner-bottom-medium-5, #banner-bottom-medium-7, #banner-bottom-medium-9,
#banner-bottom-medium-11, #banner-bottom-medium-13, #banner-bottom-medium-15, #banner-bottom-medium-17, #banner-bottom-medium-19,
#banner-bottom-medium-21, #banner-bottom-medium-23, #banner-bottom-medium-25, #banner-bottom-medium-27, #banner-bottom-medium-29 {
	width: 49%;
	height: 200px;
	margin-right: 1%;
}

#banner-mid-right, #banner-bottom3-right, #banner-bottom4-right, #banner-bottom5-right,
#banner-bottom-medium-2, #banner-bottom-medium-4, #banner-bottom-medium-6, #banner-bottom-medium-8, #banner-bottom-medium-10,
#banner-bottom-medium-12, #banner-bottom-medium-14, #banner-bottom-medium-16, #banner-bottom-medium-18, #banner-bottom-medium-20,
#banner-bottom-medium-22, #banner-bottom-medium-24, #banner-bottom-medium-26, #banner-bottom-medium-28, #banner-bottom-medium-30 {
	width: 49%;
	height: 200px;
	margin-left: 1%;
}

#banner-bottom-left, #banner-bottom2-left,
#banner-bottom-small-1, #banner-bottom-small-4, #banner-bottom-small-7 {
	width: 32.3%;
	height: 150px;
	margin-right: 1%;
}

#banner-bottom-middle, #banner-bottom2-middle,
#banner-bottom-small-2, #banner-bottom-small-5, #banner-bottom-small-8 {
	width: 31.3%;
	height: 150px;
	margin-left: 1%;
	margin-right: 1%;
}

#banner-bottom-right, #banner-bottom2-right,
#banner-bottom-small-3, #banner-bottom-small-6, #banner-bottom-small-9 {
	width: 32.3%;
	height: 150px;
	margin-left: 1%;
}

#newWebinar {
	margin-top: 25px;
}

.webinarSuccessMsg {
	margin-right: 10px;
}

.webinarSuccessBtn {
	margin-right: 5px;
}

#upcomingWebinars .sectionTitle,
#archivedWebinars .sectionTitle {
	text-transform: uppercase;
	background-color: #0074c8;
	color: white;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	font-size: 20px;
	margin: 15px 0;
}

.webinarLogoDiv {
	width: fit-content;
	margin-right: 15px;
	max-width: 750px;
}

.webinarLogoDiv img {
	max-width: 100%;
}

#webinarListLogo {
	height: 40px;
	padding-right: 15px;
}

#upcomingWebinars .key {
	margin: 15px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

#upcomingWebinars .keyLeft {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.productOverview,
.nlcTraining {
	display: flex;
	margin: 5px 0;
	align-items: center;
}

#upcomingWebinars .productOverviewColor,
#upcomingWebinars .nlcTrainingColor {
	width: 20px;
	height: 20px;
	margin-right: 3px;
}

#upcomingWebinars .productOverviewColor {
	background-color: #20cde8;
}

#upcomingWebinars .nlcTrainingColor {
	background-color: #f5e905;
}

#upcomingWebinars .upcomingWebinarHeaderText {
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

div#calendar {
	width: 360px;
	margin-bottom: 10px;
}

#calendar .clickableCalendarDate {
	text-decoration: none;
}

#upcomingWebinars .calendarRow {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
}

#upcomingWebinars .calendarItem {
	margin: 15px;
}

#upcomingWebinars .webinarAlert {
	font-size: 20px;
	margin: 0 0 10px 0;
}

#upcomingWebinars .webinarAlert .liveWebinar a {
	font-weight: bold;
	color: red;
}

div#calendar div.headerBox {
	height: 40px;
	background-color: #787878;
}

div#calendar div.header {
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

div#calendar div.header a.prev,div#calendar div.header a.next { 
	position: absolute;
	top: 0px;
	height: 17px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #FFF;
}

div#calendar div.header span.title {
	color: #FFF;
	font-size: 18px;
}

div#calendar div.header a.prev {
	left:0px;
}

div#calendar div.header a.next {
	right:0px;
}

div#calendar div.calendarContent {
	border: 1px solid #787878 ;
	border-top: none;
	align-items: center;
	display: flex;
	flex-direction: column;
}

div#calendar ul.label {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
}
 
div#calendar ul.label li {
	margin-right: 5px;  
	float: left;
	list-style-type: none;
	width: 45px;
	height: 40px;
	line-height: 40px;
	color: #000;
	font-size: 15px;
}
 
 
div#calendar ul.dates {
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

div#calendar ul.dates li {
	margin-right: 5px;
	margin-top: 5px;
	line-height: 45px;
	list-style-type: none;
	width: 45px;
	height: 45px;
	font-size: 25px;
	background-color: #DDD;
	color: #000;
	text-align: center;
}

#archivedWebinars .webinarContainer {
	display: flex;
	margin: 15px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

#archivedWebinars .webinarContainer .webinarVideo {
	width: 200px;
	margin-right: 15px;
}

#archivedWebinars .webinarContainer .webinarVideo img {
	width: 100%;
}

#archivedWebinars .webinarContainer .webinarInfo {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoTop {
	display: flex;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoTop .webinarDate {
	width: 50px;
	height: 50px;
	background: black;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-right: 10px;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoTop .webinarTitleContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoTop .webinarTitleContainer .webinarTitle {
	font-size: 18px;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoBottom {
	color: #a8a7a7;
}

#archivedWebinars .webinarContainer .webinarInfo .webinarInfoBottom a {
	margin-left: 5px;
}

#videoModal {
	padding-right: 0!important;
}

#videoModal .modal-dialog {
	width: 700px;
}

#webinarDetails .hero {
	background-color: black;
	color: white;
	width: 100%;
	padding: 15px;
}

#webinarDetails .hero .nicorPresents {
	font-size: 25px;
	color: #0074c8;
}

#webinarDetails .hero .heroTitle {
	font-size: 18px;
}

#webinarDetails .pastEvent {
	font-size: 20px;
	color: red;
	margin-top: 15px;
}

#webinarDetails .webinarDetailsTitle {
	font-size: 25px;
	font-weight: bold;
	color: #0074c8;
	margin-bottom: 5px;
	margin-right: 10px;
}

#webinarDetails .overview .titleWithBtn {
	display: flex;
	align-items: center;
}

#webinarDetails .overview,
#webinarDetails .summary {
	margin-top: 15px;
}

form#manageWebinar .deleteBtn {
	margin-bottom: 10px;
	margin-right: 10px;
}

.simple-pagination {
	width: 100%;
	margin: 10px 0;
}

.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 10px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
}

.simple-pagination .current {
	color: #FFF;
	background-color: #0074c8;
	border-radius: 2px;
	border-color: #0074c8;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #0074c8;
}

.webinarPaginationText {
	font-weight: bold;
	margin: 5px 0;
}

.inlineForm {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
	align-items: center;
}

.inlineFormGroup {
	display: flex;
	margin: 5px 10px 5px 0;
	align-items: center;
}

.inlineFormGroup label {
	margin-left: 0;
	white-space: nowrap;
}

.btn-blue {
	background-color: #0074c8;
	color: #fff;
}

.btn-blue:hover {
	opacity: 0.8;
	color: #fff;
}

#archivedWebinars .webinarFiltersSubmit {
	height: 34px;
}

#archivedWebinars .noArchivedWebinars {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
}

.icon-large {
	transform: scale(2);
	transform-origin: 0 bottom 0;
	margin-right: 24px;
	margin-top: 24px;
}

.icon-small {
	transform: scale(0.5);
	transform-origin: 0 bottom 0;
	margin-right: -24px;
	margin-top: -24px;
}

.icon-white {
	filter: invert(100%);
}

.icon-gray {
	opacity: 0.4;
}

.icon-spin {
	animation: spin 2s ease infinite;
}

/* For more colors: https://stackoverflow.com/questions/42966641/how-to-transform-black-into-any-given-color-using-only-css-filters */
.icon-red {
	filter: invert(31%) sepia(62%) saturate(5834%) hue-rotate(359deg) brightness(91%) contrast(115%);
}

.icon-green {
	filter: invert(45%) sepia(81%) saturate(2176%) hue-rotate(87deg) brightness(104%) contrast(114%);
}

.icon-blue {
	filter: invert(9%) sepia(99%) saturate(7304%) hue-rotate(249deg) brightness(94%) contrast(145%);
}

.icon-user {
	background-position: -0px -0px;
}

.icon-menu {
	background-position: -75px -200px;
}

.icon-search, .icon-filter {
	background-position: -200px -250px;
}

.icon-cancel {
	background-position: -200px -100px;
}

.icon-backorder {
	background-position: -100px -75px;
}

.icon-hold {
	background-position: -25px -300px;
}

.icon-complete {
	background-position: -50px -125px;
}

.icon-new {
	background-position: -300px -0px;
}

.icon-picked {
	background-position: -300px -275px;
}

.icon-cart {
	background-position: -400px -125px;
}

.icon-fave {
	background-position: -249px 0px;
}

.icon-info {
	background-position: -175px -225px;
}

.icon-email {
	background-position: -226px -150px;
}

.icon-quicklook {
	background-position: -400px -275px;
}

.icon-help, .icon-question {
	background-position: -400px -25px;
}

.icon-trash {
	background-position: -150px -125px;
}

.icon-plus {
	background-position: -50px -25px;
}

.icon-minus, .icon-notavailable {
	background-position: -200px -150px;
}

.icon-nonstock {
	background-position: -125px -75px;
}

.icon-stock {
	background-position: -75px -400px;
}

.icon-dropship {
	background-position: -275px -75px;
}

.icon-edit, .icon-pencil {
	background-position: -125px -125px;
}

.icon-chevron-up {
	background-position: -325px -150px;
}

.icon-collapsed, .icon-parent, .icon-chevron-right {
	background-position: -325px -150px;
	transform: rotate(90deg);
}

.icon-expanded, .icon-chevron-down {
	background-position: -325px -150px;
	transform: rotate(180deg);
}

.icon-chevron-left {
	background-position: -325px -150px;
	transform: rotate(270deg);
}

.icon-print {
	background-position: -300px -225px;
}

.icon-check {
	background-position: -50px -125px;
}

.icon-document {
	background-position: -150px -150px;
}

.icon-zoom, .icon-zoom-in {
	background-position: -350px -375px;
}

.icon-zoom-out {
	background-position: -325px -400px;
}

.icon-attach {
	background-position: -125px 0px;
}

.icon-star {
	background-position: -125px -400px
}

.icon-star-empty {
	background-position: -225px -300px;
}

.icon-star-half {
	background-position: -200px -325px;
}

.icon-pause {
	background-position: -100px -250px;
}

.icon-hot {
	background-position: -375px -350px;
}

.icon-settings {
	background-position: -175px -200px;
}

.icon-lock {
	background-position: -275px -175px;
}

.icon-download {
	background-position: -275px -25px;
}

.icon-save {
	background-position: -75px -375px;
}

.icon-back {
	background-position: -150px -275px;
}

.icon-previous, .icon-left {
	background-position: -25px -100px;
}

.icon-next, .icon-right {
	background-position: -50px -75px;
}

.icon-waiting {
	background-position: -125px -50px;
	animation: spin 2s ease infinite;
}

.icon-waiting.icon-large {
	zoom: 2;
	transform: inherit;
	transform-origin: center;
}

.inactiveIndicator {
	float: right;
	background-color: #dc3545;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}