@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(//fonts.gstatic.com/s/materialicons/v8/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format('woff');
}


/********************/
/* REVISION HISTORY */
/* 
    DATE        WHO Comments
    ----------  --- ---------------------------------------------------
    12/17/2015  DG  added two styles to media Q for width on logo and .communication img to be 100% on phone
    12/17/2015  DG  added specificity to the above logo change so it only acts on dashboard
    12/17/2015  DG  added media query to next up size for communication img resize like above.
    12/17/2015  DG  added hover effect on all cards 
    12/18/2015  DG  set up TG & Party Portal page to have main content set to position absolute to try and fix the phone issue
*/
/* END REVISION HISTORY */
/************************/

/*see http://www.materialup.com/tools/icons for more instruction*/

.material-icons {
	font-family: 'Material Icons' !important;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

* {
	font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body,
html {
	background-image: none !important;
	background-color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
}

body {
	font-family: inherit !important;
	color: #434a54 !important;
	font-size: 14px !important;
}

h1,
h2,
h3,
h4 {
	color: #363b43 !important;
	font-weight: 300 !important;
	line-height: normal !important;
	margin-bottom: 15px !important;
}

h5,
h6 {
	line-height: normal !important;
	font-weight: 700 !important;
}

h1 {
	font-size: 2em !important;
}

h2 {
	font-size: 1.5em !important;
}

h3 {
	font-size: 1.17em !important;
}

h4 {
	font-size: 1.12em !important;
}

h5 {
	font-size: .83em !important;
}

h6 {
	font-size: .75em !important;
}


/*NEW HEADER ITEMS*/

h1.welcome {
	color: #fff !important;
	font-size: 36px;
	font-weight: 300;
	margin-left: 30px;
	float: right;
	margin-top: 30px;
	animation-delay: 2s;
}

h1.welcome span {
	color: #fff !important;
	font-size: 16px;
	font-weight: 300;
	margin-left: -35px;
	margin: 20px !important;
	vertical-align: middle;
}


/*for future secondary top right menu*/

div.secondary-nav {
	background-color: rgba(0, 0, 0, 0.2);
	height: 28px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 30px 0 50px;
	display: block;
	border-radius: 0px 0px 0px 50px;
}

ul.secondary-list {
	padding: 0;
	margin: 0;
}

ul.secondary-list li {
	float: left;
	list-style: none;
	padding: 0;
}

ul.secondary-list li a:link,
ul.secondary-list li a:visited {
	text-decoration: none !important;
	color: #f6f6f6 !important;
	font-size: 13px;
	margin: 5px 10px 10px;
	display: block;
}

ul.secondary-list li a:hover,
ul.secondary-list li a:active,
ul.secondary-list li a:focus {
	text-decoration: none !important;
	color: #868584 !important;
}


/* GRID EXTRAS */

.padding-20 {
	padding: 20px !important;
}

.tp-20 {
	padding-top: 20px !important;
}

.tp-10 {
	padding-top: 10px !important;
}

.bp-20 {
	padding-bottom: 20px !important;
}

.bp-10 {
	padding-bottom: 10px !important;
}

.bm-20 {
	margin-bottom: 20px !important;
}


/*TOP QUICK CARDS and other cards*/

.gradient-overlay {
	display: block;
	overflow: hidden;
	height: 70%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
	/* W3C */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}

.icon-medal {
	background-image: url(art/fs-default/icon-medal.png);
	background-position: right;
	background-size: 60%;
	background-repeat: no-repeat;
}

.icon-money {
	background-image: url(art/fs-default/icon-money.png);
	background-position: 120px;
	background-size: 70%;
	background-repeat: no-repeat;
}

.icon-rocket {
	background-image: url(art/fs-default/icon-rocket.png);
	background-position: right;
	background-size: 70%;
	background-repeat: no-repeat;
}

.icon-people {
	background-image: url(art/fs-default/icon-people.png);
	background-position: 130px -25px;
	background-size: 60%;
	background-repeat: no-repeat;
}

.card {
	position: relative;
	padding-bottom: 40px;
	overflow: hidden;
	background-color: #fff;
	color: #464646;
	transition: box-shadow .25s;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}

.card:hover {
	box-shadow: 0 23px 26px rgba(0, 0, 0, 0.1), 0 23px 26px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 13px 16px rgba(0, 0, 0, 0.1), 0 13px 16px rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow: 0 13px 16px rgba(0, 0, 0, 0.1), 0 13px 16px rgba(0, 0, 0, 0.1) !important;
}

.card .card-content,
.card-content {
	padding: 20px;
	border-radius: 0 0 2px 2px;
	padding-bottom: 10px;
	overflow: none;
	display: block;
}

.card .card-content .card-title {
	color: #363b43 !important;
	line-height: 48px;
	font-size: 24px;
	font-weight: 300;
}

.card .card-content {
	margin: 0;
	color: #363b43 !important;
}

.card .card.reverse * {
	color: rgba(255, 255, 255, 0.8) !important;
}

.communication {
	border-top: 10px solid #b8babe;
}

a.details:link {
	text-decoration: none !important;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

a.details:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.card.reverse .card-title.activator {
	color: rgba(255, 255, 255, 0.8) !important;
}

.card .card-title.activator {
	cursor: pointer;
}

.activator i {
	color: rgba(255, 255, 255, 0.8) !important;
}

.card.small,
.card.medium,
.card.large {
	position: relative
}

.card.small .card-image,
.card.medium .card-image,
.card.large .card-image {
	overflow: hidden
}

.card.small .card-content,
.card.medium .card-content,
.card.large .card-content {
	overflow: hidden
}

.card.small .card-action,
.card.medium .card-action,
.card.large .card-action {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.card.small {
	height: 180px;
	color: #f6f6f6 !important;
}

.card.medium {
	height: 400px
}

.card.large {
	height: 500px
}

.card .card-reveal {
	padding: 20px;
	position: absolute;
	background-color: #fff;
	color: #434a54 !important;
	width: 100%;
	overflow-y: auto;
	top: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}

.card.reverse a.bottom-l.details {
	color: #c1c1c1 !important;
	text-decoration: none !important;
}

.card .card-reveal a:hover {
	color: #434a54 !important;
	text-decoration: none !important;
}

.content-img {
	text-align: center;
	margin-top: 30px;
}

.content-img img {
	max-width: 90%;
	border-radius: 50%;
}

.content-img.square {
	margin-top: 10px !important;
}

.content-img.square img {
	max-width: 90% !important;
	border-radius: 1% !important;
}

.card .content-img p {
	text-align: center !important;
	font-size: 11px;
	margin: 10px;
	display: block;
}

.float-right {
	float: right !important;
}

.card-top-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.bottom-l {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
}

.bottom-r {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
}

.card.reverse .big-num p {
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 39px !important; 
	font-weight: 900;
}

.card-content i.right {
	background-color: rgba(255, 255, 255, 0);
	border-radius: 50%;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

.card-content i.right:hover {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}

.card-reveal .card-title {
	line-height: 48px;
	font-size: 17px !important;
	font-weight: 200;
}


/* quick card color inside titles
matches the inside title color to whatevery the preset class on outter card is 
only works if the card is set with a premade class and also listed here
*/

.skyblue .card-reveal .card-title {
	color: #44b0d8 !important;
}

.violet .card-reveal .card-title {
	color: #967dda !important;
}

.cyan .card-reveal .card-title {
	color: #3fbb9b !important;
}

.orange .card-reveal .card-title {
	color: #f86d16 !important;
}

.red .card-reveal .card-title {
	color: #d74555 !important;
}

.pink .card-reveal .card-title {
	color: #d572ac !important;
}

.yellow .card-reveal .card-title {
	color: #f4ba4e !important;
}

.green .card-reveal .card-title {
	color: #8dbf58 !important;
}

.denim .card-reveal .card-title {
	color: #4e8bda !important;
}

.medgray .card-reveal .card-title {
	color: #aab2bc !important;
}


/*----------------*/

.reverse a.details:link,
.reverse a.details:visited {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
}

.reverse a.details:hover {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

.sm-chart {
	min-height: 400px;
}


/*TELERIK MENU left MARGIN FIX SHOULD WORK ON ALL MENUES*/


/*
li.rmItem.rmFirst {
    padding-left: 22px;
}

li.rmItem.rmFirst ul {
    margin-left: 22px;
}
*/


/* COLOR VARS*/

.primary {
	background-color: #f86d16;
}

.primary.lighten {
	background-color: #f8863f !important;
}

.primary.darken {
	background-color: #d96014 !important;
}

.primary-text {
	color: #f86d16 !important;
}

.red {
	background-color: #d74555;
}

.red.lighten {
	background-color: #eb5769 !important;
}

.red.darken {
	background-color: #ad3845 !important;
}

.red-text {
	color: #d74555 !important;
}

.orange {
	background-color: #e75845;
}

.orange.lighten {
	background-color: #fa6f57 !important;
}

.orange.darken {
	background-color: #b94637 !important;
}

.orange-text {
	color: #e75845 !important;
}

.yellow {
	background-color: #f4ba4e;
}

.yellow.lighten {
	background-color: #fecd5f !important;
}

.yellow.darken {
	background-color: #e4ab3a !important;
}

.yellow-text {
	color: #f4ba4e !important;
}

.green {
	background-color: #8dbf58;
}

.green.lighten {
	background-color: #a2d36e !important;
}

.green.darken {
	background-color: #719a47 !important;
}

.green-text {
	color: #8dbf58 !important;
}

.cyan {
	background-color: #3fbb9b;
}

.cyan.lighten {
	background-color: #4fcead !important;
}

.cyan.darken {
	background-color: #32967d !important;
}

.cyan-text {
	color: #3fbb9b !important;
}

.skyblue {
	background-color: #44b0d8;
}

.skyblue.lighten {
	background-color: #55c1e7 !important;
}

.skyblue.darken {
	background-color: #368dad !important;
}

.skyblue-text {
	color: #44b0d8 !important;
}

.denim {
	background-color: #4e8bda;
}

.denim.lighten {
	background-color: #609eea !important;
}

.denim.darken {
	background-color: #3e6fae !important;
}

.denim-text {
	color: #4e8bda !important;
}

.violet {
	background-color: #967dda;
}

.violet.lighten {
	background-color: #ac94ea !important;
}

.violet.darken {
	background-color: #7864ae !important;
}

.violet-text {
	color: #967dda !important;
}

.pink {
	background-color: #d572ac;
}

.pink.lighten {
	background-color: #ea88bf !important;
}

.pink.darken {
	background-color: #aa5b8a !important;
}

.pink-text {
	color: #d572ac !important;
}

.ltgray {
	background-color: #e7e9ed;
}

.ltgray.lighten {
	background-color: #f5f7fa !important;
}

.ltgray.darken {
	background-color: #b8babe !important;
}

.ltgray-text {
	color: #e7e9ed !important;
}

.medgray {
	background-color: #aab2bc;
}

.medgray.lighten {
	background-color: #ccd1d9 !important;
}

.medgray.darken {
	background-color: #898f97 !important;
}

.medgray-text {
	color: #aab2bc !important;
}

.drkgray {
	background-color: #434a54;
}

.drkgray.lighten {
	background-color: #666e78 !important;
}

.drkgray.darken {
	background-color: #363b43 !important;
}

.drkgray-text {
	color: #434a54 !important;
}


/* /COLOR VARS*/

i {
	line-height: inherit;
	cursor: default;
	color: inherit;
}

i.left {
	float: left;
	margin-right: 15px
}

i.right {
	float: right;
	margin-left: 15px
}

i.icon-link {
	cursor: pointer !important;
}

i.xs {
	font-size: 18px !important;
}

i.sm {
	font-size: 24px !important;
}

i.md {
	font-size: 36px !important;
}

i.lg {
	font-size: 48px !important;
}

i.xlg {
	font-size: 124px !important;
}

i.xxlg {
	font-size: 154px !important;
}


/* vertically responsive Footer Styles */


/*

html {
	height: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	position: relative;
	margin: 0;
	padding-bottom: 6rem;
	min-height: 100%;
}




.sticky-footer {
	position: absolute;
	bottom: 0;
	padding: 1rem;
	text-align: left;
}

.footer-padding {
	padding-bottom: 160px;
}

.footer-right {
	float: right;
	padding-top: 15px;
}
.footer-right.reverse * {
    color: rgba(255, 255, 255, 0.9) !important;
	text-align: right !important;
}
.sticky-footer .logo img {
	height: 70px;
	width: auto;
}
*/

div#ctl00_RadHorizontalMenu {
	width: 100% !important;
}


/*SPECIAL LISTS */

ul.exec-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.exec-list li {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

ul.exec-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.exec-list span {
	font-weight: 700;
	color: #000;
}

.exec-list.btn-link li {
	border-bottom: 0px !important;
}

.btn-link li {
	margin: 2px 0;
}

.btn-link li a,
.btn-link li a:visited,
a.btn-link,
a.btn-link:visited {
	text-decoration: none !important;
	background-color: #363b43 !important;
	border: none !important;
	padding: 10px 30px !important;
	width: 100% !important;
	display: block;
	text-align: center;
	font-size: 13px !important;
	color: white !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn-link li a:hover,
a.btn-link:hover {
	box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
	background-color: #666e78 !important;
	border: none !important;
}

.btn-link li a:active,
a.btn-link:active {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
	background-color: #363b43 !important;
}


/*LOGOUT POPUP*/

.FirestormDialogBox .FirestormText {
	font-size: 12px !important;
	color: #363b43;
	font-family: inherit;
}

.FirestormDialogBox {
	border-left: black thin solid;
	border: none !important;
	background-color: #fff;
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: box-shadow .25s;
	border-radius: 2px;
	display: block;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1) !important;
}

.FirestormDialogBoxHeader {
	font-weight: 400 !important;
	background-image: none !important;
	background-color: #d74555;
	padding: 10px;
	color: #fff;
	font-size: 21px !important;
}

.FirestormDialogBox input {
	text-decoration: none !important;
	background-color: #363b43 !important;
	border: none !important;
	padding: 10px 30px !important;
	width: 40% !important;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff !important;
	cursor: pointer !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.FirestormDialogBox input:hover {
	box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
	background-color: #666e78 !important;
	border: none !important;
}

.FirestormDialogBox input:active {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
	background-color: #363b43 !important;
}


/*TOOLs= common styles for many pages grouped together*/

.FirestormPage_TabularGenealogy_aspx .FirestormPageBackground,
.FirestormPage_PartyTask_PartySummary_aspx .FirestormPageBackground {
	position: absolute;
	top: 220px;
}

.FirestormPage_TabularGenealogy_aspx #Table1,
.FirestormPage_PartyTask_PartySummary_aspx #Table1 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}


/*end*/

@media (max-width:30em) {
	h1.welcome {
		display: none;
	}
	.fit {
		margin-right: 0px;
		margin-left: 0px;
	}
	.FirestormPageBackground {
		padding: 0;
	}
	.rmRootToggle {
		position: absolute !important;
		top: 15px !important;
		right: 15px !important;
	}
	.FirestormPage_LandingPage_Dashboard_aspx .MainBackofficeLogo {
		width: 100%;
	}
	.communication img {
		width: 100%;
	}
	input.PTPSActionButton {
		width: 100% !important;
	}
}

@media (min-width:30em) and (max-width:50em) {
	h1.welcome {
		display: none;
	}
	.fit {
		margin-right: 0px;
		margin-left: 0px;
	}
	.FirestormPageBackground {
		padding: 0;
	}
	.rmRootToggle {
		position: absolute !important;
		top: 15px !important;
		right: 15px !important;
	}
	.communication img {
		width: 100%;
	}
	input.PTPSActionButton {
		width: 100% !important;
	}
}


}
@media (min-width:50em) and (max-width:68.75em) {
	.rmRootToggle {
		position: absolute !important;
		top: 15px !important;
		right: 15px !important;
	}
}

/*
unilevel tree view move tool ENHANCED added 07/27/2016  DG */
body.FirestormPage_UnilevelMoveEnhanced_aspx input,
body.FirestormPage_UnilevelMoveEnhanced_aspx select,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx select,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx select {
  margin-bottom: 0; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultError,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultError,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultError {
  border: none;
  line-height: 30px;
  background-image: none;
  background-color: #ed6878;
  box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12);
  color: white;
  display: block !important;
  font-weight: bold;
  text-align: left;
  padding: 20px;
  margin-bottom: 30px;
  border: none;
  border-left: 10px solid #d74555;
  margin-left: auto;
  margin-right: auto;
  width: 95% !important;
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultDescription,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultDescription,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultDescription {
  font-size: 14px;
  color: inherit;
  font-family: inherit; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultMainTitle,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultMainTitle,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultMainTitle {
  font-weight: 500;
  font-size: 19px;
  color: inherit;
  font-family: inherit; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox {
  border-collapse: inherit !important;
  -webkit-border-horizontal-spacing: 2px;
  -webkit-border-vertical-spacing: 2px;
  border-right: none;
  border-top: none;
  border-left: none;
  border-bottom: none; }
  body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox td,
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox td,
  body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox td {
    height: 30px;
    padding: 5px 10px; }
  body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox input,
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox input,
  body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox input {
    margin: 0;
    vertical-align: middle; }

body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"],
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"],
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"] {
  border-radius: 2px;
  color: #fff;
  height: auto !important;
  font-size: 14px !important;
  font-weight: normal;
  padding: 6px 15px;
  text-align: center;
  background-image: none;
  text-decoration: none !important;
  background-color: #fa994c !important;
  border: none !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26);
  background-color: #434a54 !important; }
  body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"]:hover,
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"]:hover,
  body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"]:hover {
    background-color: #666e78 !important;
    border: none !important; }
  body.FirestormPage_UnilevelMoveEnhanced_aspx input[type="submit"]:active,
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[type="submit"]:active,
  body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[type="submit"]:active {
    background-color: #363b43 !important; }

body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"],
body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"]:hover,
body.FirestormPage_UnilevelMoveEnhanced_aspx input[disabled="disabled"]:active,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"],
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"]:hover,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input[disabled="disabled"]:active,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"],
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"]:hover,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input[disabled="disabled"]:active {
  background-color: #e7e9ed !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  cursor: not-allowed !important;
  color: #aab2bc; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMOddRow,
body.FirestormPage_UnilevelMoveEnhanced_aspx .UMEvenRow,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMOddRow,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMEvenRow,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMOddRow,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMEvenRow {
  font-family: inherit;
  color: #434a54;
  font-size: 14px;
  background-color: transparent; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMBox tbody tr:nth-child(even),
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMBox tbody tr:nth-child(even),
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox tbody tr:nth-child(even) {
  background-color: rgba(170, 178, 188, 0.35); }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader {
  background-color: #434a54;
  color: white;
  font-size: 14px;
  font-weight: 400; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader a:link,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader a:link,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader a:link {
  background-color: transparent;
  font-size: 14px;
  font-weight: 400; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader td a:hover,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader td a:hover,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader td a:hover {
  background-color: transparent;
  text-decoration: none; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMHeader td,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMHeader td,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMHeader td {
  height: 30px;
  padding: 5px 10px; }

body.FirestormPage_UnilevelMoveEnhanced_aspx input#ctl00_MainContent_btnBeginMove,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx input#ctl00_MainContent_btnBeginMove,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx input#ctl00_MainContent_btnBeginMove {
  margin: 30px; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultMainTitle,
body.FirestormPage_UnilevelMoveEnhanced_aspx .DefaultDescription,
body.FirestormPage_UnilevelMoveEnhanced_aspx .UMLargeText,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultMainTitle,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .DefaultDescription,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMLargeText,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultMainTitle, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .DefaultDescription, body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMLargeText {
  display: block;
  padding: 0px 30px; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UMLargeText,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMLargeText,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMLargeText {
  padding: 15px 15px 15px 30px !important;
  background-color: #aab2bc;
  color: white;
  margin-top: 15px; }

body.FirestormPage_UnilevelMoveEnhanced_aspx #Table4 td img,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table4 td img,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table4 td img {
  display: none; }

body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12) !important; }

body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1 .ShoppingCartBody table tr td[width="48"],
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1 .ShoppingCartBody table tr td[width="48"],
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 .ShoppingCartBody table tr td[width="48"] {
  display: none; }

body.FirestormPage_UnilevelMoveEnhanced_aspx #Table1 .ShoppingCartBody table,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx #Table1 .ShoppingCartBody table,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx #Table1 .ShoppingCartBody table {
  max-width: 100%; }

body.FirestormPage_UnilevelMoveEnhanced_aspx .UnilevelTreeviewSearchBox,
body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UnilevelTreeviewSearchBox,
body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UnilevelTreeviewSearchBox {
  margin-top: 15px !important; }

body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox {
  border-right: none;
  border-top: none;
  font-size: inherit;
  border-left: none;
  color: black;
  border-bottom: none;
  font-family: inherit;
  background-color: transparent; }
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox td {
    border-bottom: 1px #ccd1d9 solid;
    padding: 5px;
    vertical-align: middle; }
  body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMConfirmBox .UMConfirmHeader {
    line-height: 30px;
    background-image: none;
    background-color: #3fbb9b;
    font-size: 19px;
    color: white;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 20px; }

body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMFieldData {
  font-weight: 400;
  font-size: inherit;
  color: #3fbb9b;
  font-family: inherit; }

body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMTinyRedText {
  font-size: 12px;
  color: #d74555;
  font-family: inherit;
  text-align: left; }

body.FirestormPage_UnilevelMoveEnhanced_Step2_aspx .UMFieldLabel {
  font-weight: 400;
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  margin-left: 30px; }

body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMMoveComplete {
  color: #3fbb9b;
  font-weight: 500;
  font-size: 22px;
  font-family: inherit;
  text-align: center; }

body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox {
  width: 100%;
  background-color: #3fbb9b;
  margin: 30px 0;
  text-align: center;
  -webkit-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43);
  box-shadow: inset 3px 3px 30px -5px rgba(0, 0, 0, 0.43); }
  body.FirestormPage_UnilevelMoveEnhanced_Complete_aspx .UMBox .UMMoveComplete {
    font-weight: 500;
    font-size: 24px;
    color: white;
    font-family: inherit;
    border: 1px white solid;
    padding: 15px;
    display: inline !important; }

@media (max-width: 30em) {
  .UMBox td {
    height: 20px !important;
    padding: 0px !important;
    font-size: 11px !important;
    word-break: break-all !important; } }

@media (max-width: 50em) {
  .UMBox td {
    height: 20px !important;
    padding: 5px !important;
    font-size: 13px !important;
    word-break: break-all !important; } }


/* NEW AUTO_SHIP TOOL */
.auto-form-bg {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 1%, #ccd1d9 73%);
  background: -webkit-linear-gradient(top, #ffffff 1%, #ccd1d9 73%);
  background: linear-gradient(to bottom, #ffffff 1%, #ccd1d9 73%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ffffff', endColorstr='#ccd1d9',GradientType=0 );
  /*background-image: url('') !important;
width: 100%;
background-size: cover;*/ }

.auto-form .autoship-note {
  color: #e75845;
  font-size: 12px;
  padding: 4px; }

.auto-form .alert-msg {
  position: relative;
  width: 100%;
  background-color: #ed6878;
  box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12);
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  margin-bottom: 15px;
  border-left: 10px solid #d74555;
  color: #fff;
  text-align: left;
  font-family: inherit; 
  font-size: 13px;
}

  .auto-form .alert-msg a {
    color: white; }
  .auto-form .alert-msg span {
    font-weight: 700; 
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
  }

  .auto-form .alert-msg p span {
    font-size: 13px;
  }
  .auto-form .alert-msg li {
    margin-left: 15px; }
  .auto-form .alert-msg i {
    float: right;
    cursor: pointer; }

.auto-form .alert-msg.green {
  background-color: #98c569;
  border-left: 10px solid #719a47; 
}

.auto-form .alert-msg.orange {
  background-color: #e96958;
  border-left: 10px solid #b94637; }

.auto-form .alert-msg.blue {
  background-color: #57b8dc;
  border-left: 10px solid #368dad; }

.auto-form input.auto-ship-btn {
  width: auto;
  font-size: 22px;
  padding: 0 55px;
  background-color: #aab2bc;
  color: white;
  height: 55px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  background-image: none;
  text-decoration: none !important;
  border: none !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); }

.auto-form input.auto-ship-btn.width-100 {
    width: 100%;
    padding: 5px;
}

.auto-form .auto-ship-btn:hover {
  background-color: #666e78 !important;
  border: none !important; }

.auto-form .auto-ship-btn:active {
  background-color: #363b43 !important; }

.auto-form input.auto-ship-btn[disabled="disabled"]{
cursor: not-allowed !important;
background-color: #aab2bc !important;
}
.auto-form input.auto-ship-btn[disabled="disabled"]:hover, .auto-form input.auto-ship-btn[disabled="disabled"]:active{
background-color: #aab2bc !important; 
}
.auto-form input {
  width: 100%;
  height: 35px;
  margin-bottom: 4px;
  border: 1px solid #ddd;
  font-size: 18px;
cursor: pointer;
}

.auto-form .field-label {
  display: block;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 10px; }

.auto-form .auto-rule {
  margin: 10px 0;
  border: 0;
  border-bottom: 1px dotted #aab2bc; }

.auto-form select {
  background-color: #f5f7fa !important;
  height: 35px;
  outline: none;
  border: 1px solid #b8babe;
  font-size: 18px !important; }

.auto-form .country-select, .auto-form .state-select {
  width: 200px; }

.auto-form .form-part {
  background-color: #f5f7fa;
  padding: 15px !important; }

.auto-form .auto-rev {
  color: #ffffff !important; }

.auto-form .auto-instruction {
  margin-bottom: 20px; }

.auto-form h2.fat {
  font-weight: 400 !important; }

.auto-form .auto-ship-page-logo {
  float: left;
  margin-left: 20px; }

.auto-form .auto-title {
  border: #434a54 solid 1px;
  padding: 5px;
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.2); }

.auto-form .auto-title h1 {
  margin-bottom: 0 !important;
  text-transform: uppercase; }

.auto-form .auto-prod-img {
  width: 70px; }

.auto-form .qty-input {
  width: 50px; }

.auto-form .auto-catagory-break {
  text-align: left;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  font-weight: 600;
  background-color: #666e78 !important;
  color: white !important; }

.auto-form .tg {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #ccd1d9;
  width: 100%;
  text-align: left;
  margin-bottom: 30px; }

.auto-form .tg td {
  padding: 0px;
  padding-left: 0px;
  padding-right: 5px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccd1d9;
  color: #434a54;
  background-color: #ffffff;
  border-top-width: 1px;
  border-bottom-width: 1px;
  width: 20%; }

.auto-form .tg th {
  text-align: left;
  font-weight: 600;
  padding: 0px 0px;
  padding-left: 0px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
  border-color: #ccd1d9;
  color: #434a54;
  background-color: #e7e9ed;
  border-top-width: 1px;
  border-bottom-width: 1px;
  height: 30px;
  line-height: 30px; }

.auto-form .tg .tg-yw4l {
  vertical-align: middle; }

.auto-form .tg .tg-b7b8 {
  background-color: #f5f7fa;
  vertical-align: middle; }

.auto-form td.auto-total-header, .auto-form td.auto-total-header2 {
  background-color: #434a54;
  vertical-align: middle;
  color: #ffffff;
  text-align: right;
  padding-right: 5px;
  font-weight: 600; }

.auto-form td.auto-total-header2 {
  background-color: #666e78;
  font-size: 12px; }

.auto-form td.auto-total, .auto-form td.auto-total2 {
  font-weight: 600;
  background-color: #898f97;
  vertical-align: middle;
  color: white;
  line-height: 30px;
  padding-left: 5px; }

.auto-form td.auto-total2 {
  background-color: #b8babe;
  font-size: 12px; }

.auto-form .no-border {
  border: none !important;
  background-color: transparent !important; }

.auto-form .no-border.white {
  background-color: white !important; }

@media screen and (max-width: 767px) {
  .auto-form .tg {
    font-size: 11px; } }

.auto-form .requirement-instructions {
  margin-top: 10px; }

.auto-form .auto-top {
  padding: 10px; }

.auto-form .auto-top p {
  font-size: 14px; }

.auto-form .space-30 {
  padding: 15px; }

.auto-form .section-bg, .auto-form .catalog-bg, .auto-form .product-bg, .auto-form .shipping-bg, .auto-form .start-bg, .auto-form .payment-bg, .auto-form .select-bg, .auto-form .shipper-bg {
  background-size: cover;
  background-position: center;
  background: -moz-linear-gradient(left, #ccd1d9 0%, #aab2bc 44%, #898f97 100%);
  background: -webkit-linear-gradient(left, #ccd1d9 0%, #aab2bc 44%, #898f97 100%);
  background: linear-gradient(to right, #ccd1d9 0%, #aab2bc 44%, #898f97 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd1d9', endColorstr='#898f97',GradientType=1 );
  text-shadow: 2px 2px rgba(255, 255, 255, 0.62); }

.auto-form .shipper-bg {
  /* background-image:url('') !important;*/ }
}
.auto-form .catalog-bg {
  /* background-image:url('') !important;*/ }

.auto-form .select-bg {
  /* background-image:url('') !important;*/ }

.auto-form .product-bg {
  /* background-image:url('') !important;*/ }

.auto-form .shipping-bg {
  /* background-image:url('') !important;*/ }

.auto-form .start-bg {
  /* background-image:url('') !important;*/ }

.auto-form .payment-bg {
  /* background-image:url('') !important;*/ }

@media (min-width: 50em) and (max-width: 99em) {
  .auto-form .trin-2,
  .auto-form .trin-7 {
    width: 100% !important; } }

@media (max-width: 400px) {
  .auto-form input.auto-ship-btn {
    width: 100%; }
  .auto-form .auto-title {
    width: 100%;
    text-align: center; }
  .auto-form .auto-ship-page-logo {
    float: none;
    width: 100%;
    margin: 0; }
  .auto-form .auto-ship-page-logo img {
    display: block;
    margin: auto;
    width: 230px; } }


/*Recurring Order EDIT TOOL used in iframe and page */
.ROPEditHeader {
  margin: 5px;
  padding: 10px;
  border-radius: 0px;
  background-color: #434a54;}

.ROPEditHeaderTitle {
  font-family: inherit;
  font-size: 28px;
  color: #ffffff; }

.ROPStepDescription {
  margin: 5px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(67, 74, 84, 0.05);
  font-family: inherit;
  font-size: 14px; }

.ROPEditQuestion {
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  color: #4e8bda; }

.ROPProductListingTable td [align="right"] {
  text-align: right; }

.ROPProductListingTable td [align="center"] {
  text-align: center; }

.ROPProductListingTable table {
  border-collapse: collapse;
  border-spacing: 0; }

.ROPEditProductsHeader {
  padding: 5px;
  background-color: #434a54;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  font-family: inherit;
  text-align: left; }

.ROPEditProductsHeaderLeft {
  border-top-left-radius: 0px; }

.ROPEditProductsHeaderRight {
  border-top-right-radius: 0px; }

.ROPEditProductsCategoryRow {
  font-family: inherit;
  font-size: 14px;
  color: #ffffff;
  background-color: #666e78; }

.ROPEditProductsSelectedProduct {
  font-family: inherit;
  font-size: 12px;
  color: #000000;
  background-color: #4fcead; }

.ROPEditProductsEvenRow {
  background-color: rgba(102, 110, 120, 0.05);
  font-family: inherit;
  font-size: 12px;
  color: #000000; }

.ROPEditProductsOddRow {
  background-color: rgba(245, 247, 250, 0.05);
  font-family: inherit;
  font-size: 12px;
  color: #000000; }

.ROPButtonBar {
  margin: 5px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(67, 74, 84, 0.05);}

.ROPButtonBar input:hover {
  background-color: #666e78 !important;
  border: none !important; }

.ROPButtonBar input:active {
  background-color: #363b43 !important; }

.ROPButtonBar input {
  width: auto;
  font-size: 22px;
  padding: 0 55px;
  background-color: #434a54;
  color: white;
  height: 55px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  background-image: none;
  text-decoration: none !important;
  border: none !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); }


/* MAKE KIT Selection Required PAGE*/
#DynamicProductSelectionBody .NEButton {
  width: auto;
  font-size: 22px;
  padding: 0 25px;
  background-color: #434a54;
  color: white;
  height: 55px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  background-image: none;
  text-decoration: none !important;
  border: none !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26); }

#DynamicProductSelectionBody .NEButton:hover {
  background-color: #666e78 !important;
  border: none !important; }

#DynamicProductSelectionBody .NEButton:active {
  background-color: #363b43 !important; }

#DynamicProductSelectionBody .SCNDPDynamicExplanation {
  font-size: 14px;
  color: #434a54;
  background-color: transparent;
  border: 0px solid #434a54;
  padding: 10px;
  line-height: 22px; }

#DynamicProductSelectionBody .SCNDPSelectionsTable {
  font-size: 14px;
  border-bottom-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPHeaderCell {
    border-bottom-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPLeftCell {
    border-left-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPRightCell {
    border-right-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .SCNDPBottomCell {
    border-bottom-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableHeader {
    background-color: #434a54;
    color: white;
    font-size: 12px;
    font-weight: 500;
    border-bottom-style: none;
    padding-bottom: 5px; }
    #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableHeader .SCNDPHeaderCell {
      border-bottom-style: none; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupSeperator {
    background-color: #666e78;
    color: white; }
    #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupSeperator td {
      padding-left: 15px; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle {
    position: relative;
    width: 100%;
    background-color: #ed6878;
    box-shadow: 0px 1.5px 4px rgba(0, 0, 0, 0.24), 0px 1.5px 6px rgba(0, 0, 0, 0.12);
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    margin-bottom: 15px;
    border-left: 10px solid #d74555;
    color: #fff;
    text-align: left;
    font-size: 13px;
    font-family: inherit;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-style: none !important; }
    #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle span {
      font-weight: 700; }
    #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductTableTitle td {
      padding: 15px; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductGroupInstructions {
    font-family: inherit;
    font-size: 14px;
    color: #666e78;
    text-align: center;
    background-color: rgba(54, 59, 67, 0.15); }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductOddRow, #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductEvenRow {
    font-size: 12px;
    color: #434a54; }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductOddRow {
    background-color: rgba(204, 209, 217, 0.3); }
  #DynamicProductSelectionBody .SCNDPSelectionsTable .DynamicProductEvenRow {
    background-color: rgba(204, 209, 217, 0.2); }

@media (max-width: 30em) {
  body.FirestormPage_ShoppingCartDynamicProduct_aspx .NEButton {
    font-size: 14px; }
  body.FirestormPage_ShoppingCartDynamicProduct_aspx .SCNDPSelectionsTable {
    width: 100%; } }
/*Menu fix Aug102016*/
.RadMenu ul.rmRootGroup {
    padding-left: 22px;
}
a.rmLink{
width: auto !important;
}
.rmSlide{
width: auto !important;
}
.RadMenu{
    white-space: normal !important;
}
.rmGroup,
.rmMultiColumn {
white-space: nowrap;
}