/* MODIFIED CSS for EssanteOrganics */
/* DG Added telerik menu fix for backoffice JUNE 13 2017 */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);

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

#ctl00_MainContent_lnkTermsAndConditions, A:link {
	text-decoration:underline !important;}


.TGReportHeader A:link {
	color:white !important;
}

.TGReportHeader A:hover {
	color:white !important;
}

.TGReportHeader A:visited {
	color:white !important;
}

.TGReportHeader A:active {
	color:white !important;
}


.ShoppingCartHeader
{
    height: 35px;
	font-weight: bold;
	/*background-image: url(  '/MemberToolsDotNet/art/Defaults/Header_Metro_Blue.png' );*/
	background-color: #25A0DA;
	/*background-repeat: repeat-x;*/
	font-family: Verdana;
}
.ShoppingCartFooter
{
    height: 17px;
	font-weight: bold;
	/*background-image: url( '/MemberToolsDotNet/art/Defaults/Header_Metro_Blue.png' );*/
	background-color: #25A0DA;
	/*background-repeat: repeat-x;*/
	font-family: Calibri, Verdana;
}

/*=============================*/
/*      LOGIN & ENROLLMENT FORM STYLES      */
/*=============================*/	
.FirestormTextBox
{
	font-size: 9pt;
	font-family: Calibri, Verdana;
}

.FirestormLabel
{
	font-size: 10pt;
	color: white;
	font-family: Calibri, Verdana;
	font-variant: small-caps;
}

.FirestormMsg
{
	font-size: 10pt;
	color: white;
	font-family: Calibri, Verdana;
	text-align: center;
	font-variant: small-caps;
}

.FirestormCenterTable
{
	border-right: black 3px solid;
	padding-right: 0px;
	border-top: black 3px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0%;
	border-left: black 3px solid;
	width: 500px;
	padding-top: 0px;
	border-bottom: black 3px solid;
	height: 300px;
	background-color: #cc0000;
}

.FirestormLoginForm
{
	background-color:  White;
}


.FirestormPage_EnrollDistributor_aspx select#ctl00_MainContent_cboCC_ExpirationYear{
width: 110px !important;
}
.FirestormPage_EnrollDistributor_aspx select {
padding: 3px 22px 3px 5px;
}


.FirestormPage_EnrollDistributor_aspx #ctl00_ResponsiveMenuContainer {
	display:none;
}
 
/*=============================*/
/*    END LOGIN FORM STYLES    */
/*=============================*/




/***************************/
/* EssanteSpecificCode */
/***************************/


/* For the Sharing Page - collapses the categories */
.collapselistheader2 h1:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.collapselistheader2 h1.active:after {
    content: "\2212";
}

.collapselistheader2 h1 {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
    background-color: #e6e6e6;
}

.sharemediabody2 {
    display: none;
}

/* FCSS for Visible Links on Devices for the sharing modules so they are invisible on desktop computers */

.visible-android {
  display:none;
}
.visible-ios {
  display:none;
}
.on-device .visible-android, .on-device .visible-ios {
  display:inherit;
}
.device-ios .visible-android {
  display:none !important;
}
.device-ios .hidden-ios {
  display:none !important;
}
.device-android .hidden-android {
  display:none !important;
}
.device-android .visible-ios {
  display:none !important;
}


#ctl00_MainContent_imgProductSelection {
    /* max-width: 716px; */
    width: 100%;
}

.airfare_image {
	margin-bottom:15px;
}

#JoinOptionsWrapper {
	 width: 100%;
    overflow: hidden;
	margin-bottom:0px;
	}
#JoinOptionsLeft {
	float:left;
	}
	
#JoinOptionsRight {
	float:right;
	}	
#JoinOptionsMiddle {
    float: none;
    width: 100%;
    text-align: center;
    border: 2px solid #d7d7d7;
    border-top: 7px solid #b9b9b9;
    margin: 10px 0px;
	}

.JoinOptionsAsterisk {
float: none;
    float: none;
    width: 100%;
    text-align: left;
    display: inline-block;
    padding-bottom: 15px;
    font-weight: normal;
    font-size: 1.3em;
    border-bottom: 1px solid #bababa;
    margin-bottom: 25px;
}

.JoinOptionsFullWidth {
    /* max-width: 800px; */
    overflow: hidden;
}

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


.JoinOptionsWidth {
    max-width: 376px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 3px;
	}
	
.JoinOptionsWidthWebsite {
    max-width: 700px;
    overflow: hidden;
	}	
	
.JoinOptionsHeader {
	font-size: 1.5em;
    color: #fff;
    background-color: #8AB292;
    font-weight: bold;
    padding: 3px 0;
    margin-bottom: 7px;
    margin-top: 6px;
    padding-left: 9px;
    width: 100%;
    line-height: 1em;
	clear:both;
	padding: 13px;
    text-align: left;
}

.JoinOptionsFooter {
	font-size: 1.7em;
    color: #8AB292;
    background-color: #fff;
    font-weight: bold;
    margin-bottom: -2px;
    margin-top: 0px;
    padding-left: 9px;
    width: 100%;
    line-height: 1em;
    clear: both;
    padding: 0px;
    text-align: center;
}

#ctl00_MainContent_tblRankSelection .NESectionBox {
    padding-top:0px !important;
}
	
.JoinOptionsHeaderSmall {
	font-weight:normal;
	font-size:.9em;
	}

.JoinOptionsGreenBanner {
    background-color:#8AB292;
    width:100%;
    padding:5px 10px;
    text-align:left;
    line-height: 1em !important;
    margin:0px;
}

.JoinPackPricing {
    background-color: #8AB292;
    color: white;
    padding: 11px 10px 17px 10px;
    font-size: 2.9em;
    margin-bottom: 3px;
    clear: both;
    font-weight: 600;
}

.JoinPackPricing sup {
    font-size:60%;
}

.JoinPackPricingHoliday {
	background-color: #de131e;
    color: white;
    padding: 3px 10px;
    font-size: 1.5em;
    margin-bottom: 3px;
	clear:both;
}
	
.packtitle {
    font-size: 1.1em;
    color: #8AB292;
    margin-bottom: 20px;
    margin-top: 5px;
	width:345px;
	}
.packquote	{
    font-size: 1.1em;
    color: red;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 5px;
	}
	
.SpecialProductTableTitle {
	  font-size: 11pt !important;
	}
	
.SpecialProductEvenRow, .SpecialProductOddRow  {
	font-size:8pt
	}
	
#ctl00_MainContent_btnAddSpecialSelections, .NEButton {
    font-size: 11pt;
    height: 32px;
    font-weight: bold;
    width: 200px !important;
    border-radius: 0px;
	}
	
	.FirestormStandardDropDown
{
	border: 1px solid black;
	font-size: 10pt;
	color: black;
	font-family: Calibri, Verdana;
	background-color: white;
    height: 20px;
}

.videotutorial {
	margin-top: 29px;
    margin-bottom: 19px;
}

.videotutorial2 {
	margin-top: 13px;
    margin-bottom: 0px;
}

.videotutorial3 {
	margin-top: 10px;
    margin-bottom: 19px;
}

.videotutorialHome {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 21px;
    margin-top: 22px;
}
.FirestormPage_HoldingTankPlacementTool_aspx #Table1 {
    padding-left: 25px;
}


/*RG=RedsGreenHolidayPackCode*/

.RGPackWrapper {
    width:100%;
      overflow:hidden;
    background-repeat: no-repeat;
}

.RGPackImage img {
    max-width: 800px;
    width: 100%;
    border: 1px solid #c1c1c1;
}


/*RG=RedsGreenHolidayPackCode - HomePage*/

.HolidayBanner {
    width:100%;
    background-image: url(https://www.essante.com/ts/images/RGHomePageBackdrop.jpg);
    background-color: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-bottom:25px;
}

.HolidayCopy {
    float: left;
    max-width: 514px;
    width: 30%;
    margin-left: 17%;
    overflow: hidden;
    margin-top: 10px;
}

.HolidayCopy img {
    max-width: 516px;
    width: 100%;
}

.HolidayButtonBP {
    margin-top:15px;
    background-color:yellow;
}

.HolidayButtonWC {
    margin-top:15px;
}

.HolidayButtonBP:hover {
      opacity: 0.8;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

.HolidayButtonWC:hover {
      opacity: 0.8;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

.HolidayProduct {
 padding-left: 63px;
    max-width: 658px;
    width: 46%;
}


@media (max-width: 1000px) {
    .HolidayBanner {
    text-align: center;
    width: 94%;
    background-image: unset;
    background-color: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    margin-bottom: 25px;
    margin: 0 auto;
}
    
    .HolidayCopy {
    float: none;
    max-width: 514px;
        width: 100%;
    margin-left:0%;
    overflow: hidden;
    margin-top: 10px;
}
	.HolidayProduct {
    padding-left: 0px;
    max-width: 658px;
    width: 100%;
}
}


.RGHolidayBO {
    
}

.RGHolidayBO img {
    width:100%;
}



/*.RadMenu_Metro .rmRootGroup {
    border-color: #8493a6 !important;
    color: #fff !important;
    background-color: #8493a6 !important;
	font-size:15px;
}
*/

.ShoppingCartHeader, .ShoppingCartFooter {
    background-color: #8AB292;
}

/***************************/
/* Back Office Organic Certifications Pages. */
/***************************/

#OrganicCertifications {
	    width: 100%;
    text-align: center;
}


#OrganicCertifications img {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
}

#OrganicCertifications a {
    display: block;
    width: 200px;
    color: white;
    background-color: black;
    text-decoration: none !important;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 25px;
}

.OrganicCertificationsHeader {
	text-align: left;
    Padding: 25px 50px;
}

.X-Out-Margin {
	margin: 25px 50px 0px 0px;
}



/***************************/
/* Back Office 2024 INFO Header Etc. */
/***************************/

#BO_Home_Header {
	margin-left: 33px;
    margin-right: 33px;
	padding-top:20px;
	padding-bottom:20px;
	max-width:100%;
}

.BO_Home_Frame {
    display: inline-block;
    max-width: 48.8%;
    vertical-align: top;
}

.BO_Home_Frame img {
	max-width: 895px;
    width: 100%;
}


.BO_Left {
	margin-right: 1%;
}

.BO_Right {
	margin-left: 1%;
}

#ctl00_MainContent_headercontentrow .sm-chart {
    min-height: auto;
}

@media screen and (max-width:1150px) {
	
	#BO_Home_Header {
	margin-left: 10px;
    margin-right: 10px;
	padding-top:10px;
	padding-bottom:10px;
	max-width:100%;
}
	
	.BO_Home_Frame {
    display: inline-block;
    max-width: 100%;
}
	
	.BO_Left {
	margin-right: 0%;
	margin-bottom:10px
}

.BO_Right {
	margin-left: 0%;
}
	
	
}

/* CHANGE OF STATE BUTTON - COPIED - AND COPY THE URL */

 .copy-btn {
    padding: 2px 8px;
    font-size: 1em;
    border: none;
    border-radius: 0px;
    background-color: #000;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0px 0;
    width: auto;
    margin: 0px 2px;
    }

    .copy-btn:hover {
      background-color: grey;
    }

    .copy-btn:visited {
      background-color: black;
    }

/***************************/
/* Back Office Header Etc. */
/***************************/


/*#ctl00_imgBannerLeft {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://www.essanteorganics.com/ts/images/CompanyLogo_Essante.png) no-repeat;
  width: 0px;
  height: 64px;
  padding-left: 255px;
  background-color:#8AB292
  }*/
  
#ctl00_BannerTable {
	 /*background-image:url(https://www.essanteorganics.com/ts/images/FocusBackground_Metro.png) !important;*/
    background-color: #8AB292;
    padding-left: 7px;
    border-bottom: 3px solid #E09D67;
	}
	
/*#ctl00_imgBannerRight {
	display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 background: url(https://www.essanteorganics.com/ts/images/CompanyLogo_Metro.png) no-repeat;
  width: 174px;
  height: 64px;
  padding-right: 900px;
  background-position: 100% 0px; 
	}*/
	
.ROMReviewHeader {
    background-color: #8AB292;
}


.ROPButtonCell {
    background-color:#000;
	    border-radius: 0px;
	    height: 30px !important;
	text-transform:uppercase;
	width:110px;
}

.ROPDisabledButton {
    background-image: none !important;
    background-color: #7a7a7a !important;
    color: #ffffff !important;
    border-radius: 0px;
	text-transform:uppercase;
}

#ctl00_MainContent_btnClear, #ctl00_MainContent_btnSave, #ctl00_MainContent_btnLoadShipperCombo {
	background-color: black;
    color: white;
    text-transform: uppercase;
}

#ctl00_MainContent_lblReinvestCommissions, #ctl00_MainContent_lblReinvestCommissionsData, #ctl00_MainContent_lblEditReinvestCommissionsButton, #ctl00_MainContent_ButtonEditReinvestCommissionsCell {
	display:none;
	}

#ctl00_MainContent_btnLoadShipperCombo {
	font-size: 1.1em !important;
}	
	
.ROPOrderStatus {
    color: #8AB292;
    font-weight: bold;
	font-size:20pt;
}

#ctl00_MainContent_lblDescription {
	font-size: 13pt !important;
    font-weight: 400;
    line-height: 24px;	}
/*WELCOME PAGE MATERIALS*/


.RadDropDownList_Vista {
    color: #333;
    font-size: 16px !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    width: 600px !important;
}
	
#welcomepageGrid {
overflow: hidden;
margin: 0;
width: 100%;
}
	
#welcomepageRotator {
	padding-bottom: 37px;
	text-align: center;
	}
	
#welcomepageRotator img {
width: 100%;
max-width: 1000px;
}

.welcomepageBRight {
width: 100%;
padding-left: 5px;
padding-top: 5px;
text-align: center;

}

.welcomepageBRight img {
width: 100%;
max-width: 376px;

}

.welcomepageBLeft {
width: 100%;
text-align: center;
}

.welcomepageBLeft img { 
width: 100%;
max-width: 275px;
/* this image was very small so I had to not allow it over 227px so then I had to center it with block and margin*/
margin: 0 auto;
   display: block;
       margin-bottom: 25px;
   
}


#ctl00_MainContent_btnSearch {
    background-color: #000;
    color: white;
}

/* Let's make all buttons uppercase!!! these are overriden may be removed
#ctl00_MainContent_btnSearch, #ctl00_MainContent_btnGoTo, #ctl00_MainContent_lblActivateButton, #ctl00_MainContent_lblDeactivateButton, #ctl00_MainContent_lblViewHistoryButton {
	   text-transform: uppercase;
}

.FirestormStandardButton .ROPDisabledButton {
    background-color: #000;
    color: white;
    text-transform: uppercase;
}*/
	
#btnReturnToTop {
    background: #44ac5c;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
	}
	
.HTPSelectionButton {
	background-color: #8AB292;
	color:white
	}
	
.HTPConfirmPlacementButton {
    width: 28em !important;
	background: #44ac5c;
    color: white;
    font-weight: bold;
    font-size: 1.1em;

}

/*BACK OFFICE TRAINING MATERIALS*/
#BackOfficeTrainingWrapper {
	background-color: #fff;
    margin-bottom: 20px;
    padding-bottom: 1px;
	padding-top:1px;
	overflow:hidden;
}

#BackOfficeTrainingWrapper H2 {
	font-weight:400 !important;
}

#BackOfficeTrainingBox {
    display: inline-block;
    margin: 5px 25px 13px 13px;
    width: 90%;
    text-align: left;
    vertical-align: top;
}

#ClassifiedLeadsPage {
    display: inline-block;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin: 0 auto;
}

#BackOfficeTrainingBox3 {
    display: inline-block;
    padding: 5px 25px 13px 25px;
    width: 29%;
    text-align: left;
    vertical-align: top;
}
.BackOfficeTrainingLeft {
}

.BackOfficeTrainingRight {
}

#BackOfficePagesHeader {
    margin: 0px 10px 30px 10px;
    border-bottom: 1px solid #939393;
	    text-align: left;
}
#BackOfficePagesHeader2 {
    margin: 0px 10px 30px 10px;
    border-bottom: 1px solid #939393;
	    text-align: left;
}

#BackOfficePagesHeader2 h1 {
	font-size:2em;
	color: #434a54;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 15px;
}

#BackOfficeLogos {
	max-width: 100%;
	margin-bottom: 50px;
	text-align: center;
}

#BackOfficeLogos, img {
	vertical-align:top;
	
}

#productlinkstable {
	text-align:left;
	margin:20px
}

.productlinksheader {
	border-bottom: 2px solid grey;
    padding-left: 10px;
    font-size: 1.2em;
}

.categoryrow {
    background-color: #44a35b;
    font-weight: bold;
    border-bottom: 1px solid grey !important;
    color: white;
}

#productlinkstable td {
	padding-left:10px;
	border-bottom:1px solid grey;
}

#productlinkstable td:nth-child(2) {
	border-left: 1px solid grey;
}

#productlinkstable tr {
	background-color: white;
}

.prodlinkinput {
    margin-left: 24px;
    margin-bottom: 0px !important;
}

.linksheaderbox {
    background-color: #8AB292;
    color: white;
    margin: 21px 25px;
    padding: 10px 0px 20px 10px;
}

.categoryrow a:link {
	text-decoration:none;
	color: #fff;
}

.categoryrow a:visited {
	text-decoration:none;
	color: #fff;
}


.linksheaderbox {
margin: 21px 0px;
    padding: 24px 10px 20px 10px;
	overflow:hidden;
}

.linksheaderbox p {
    margin: 13px 0px 13px 0;
    padding: 0px;
    line-height: 20px;
    font-size: 1.2em;
	display:inline;
}

.linksheaderboximage {
    vertical-align: middle;
    margin-right: 7px;
}

.linksheaderboxSplit {
	width:45%;
	float:left;
}

.ShareLinksPage_PopInfo {
	color: white;
    font-size: 1.3em;
    line-height: 1.5em;
	display:inline;
}

.littleicons img {
	width:20px !important;
}

.linksheaderboxSplit a:link {
color:white
}

.linksheaderboxSplit a:visited {
color:white
}

.ShareLinksPage_VideoButton {
	margin-top:10px;
}


.ShareLinksPage_PopBox p {
	font-size: 1.2em;
    line-height: 1.4em;
}
.ShareLinksPage_PopBox ol li {
	    font-size: 1.2em;
    line-height: 1.4em;
}
.ShareLinksPage_PopBox ul li {
	    font-size: 1.0em !important;
    line-height: 1.4em;
}

/* 2025 TuesThursZoom Call page */


.TuesThursZoom_wrapper {
    width: 80%;
    max-width: 1800px;
    margin: 30px auto;
    padding: 17px 30px;
    background-color: white;
}

.TuesThursZoomSubHead {
	
}

.TuesThursZoomSubHead img {
	
}

.TuesThursZoom_body {
	margin: 45px 21px;
    padding: 0px 136px 0px 0px;
}

.TuesThursZoom_body h1, h2, h3, h4 {
    color: #434a54;
    font-weight: 400;
    line-height: normal;
}

.TuesThursZoom_body h1 {
	margin: 25px 0px 0px 0px;
}

.TuesThursZoom_body h2 {
	margin:0px;
	font-weight: 400;

}


 .TuesThursZoom_body p {   
line-height: 1.3em;
    font-size: 1.2em;
	margin: 7px 0px 25px 0px !important;
}

.TuesThursZoom_body ul {
    line-height: 1.3em;
    font-size: 1.2em;
    margin: 7px 0px 20px 0px !important;
}

.TuesThursZoom_body li {
	margin: 0px 0px 4px 0px;
}

.Handy_buttonwrap a {
    text-decoration: none !important;
    background-color: black;
    color: white !important;
    text-align: center;
    padding: 10px 0px 10px 0px;
    display: block;
    font-size: 1.2em;
    margin: 47px auto;
    max-width: 220px;
}

.Handy_buttonwrap a:hover {
	background-color:grey;
}

/* FLEX CODE FOR TWO IMAGES AT TOP */


/* This code forces boxes to have logical margins and padding and borders but I don't want to break layouts with it everywhere */
.border-box {
  box-sizing: border-box;
}

/* FLEX CODE FOR TWO IMAGES AT TOP */
   .two-image-container-flx {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; /* allows wrap if needed */
      margin: 0 auto;
      max-width: 100%;
    }

    .image-wrapper-flx {
      flex: 1 1 50%;
      max-width: 50%;
      padding: 5px;
    }

    .image-wrapper-flx img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }


    @media (max-width: 1050px) {
      .two-image-container-flx {
        flex-direction: column;
        align-items: center;
      }

      .image-wrapper-flx {
        max-width: 750px;
        width: 100%;
      }
		
	.TuesThursZoom_body {
    margin: 45px 21px;
    padding: 0px 0px 0px 0px;
}
    }

    @media (max-width: 600px) {
      .image-wrapper-flx {
        max-width: 90%;
      }
    }


/* A few important things 2022 */
/************************/
.mcs-item {
    top: 0;
    left: 0;
    zoom: 1;
    font-size: 9pt !important;
    line-height: 100%;
    max-width: 100%;
    margin: 9px 5px 0 5px;
}
#ctl00_lnkLogoutLink {
    margin-right:10px;
}

/*JR new GGP page 2025*/
.GGPdoc_pop {
	text-align: center;
    margin-top: 8px;
}

.GGPdoc_pop a {
    background-color: #000;
    color: white !important;
    padding: 12px;
    margin: 25px;
    display: inline-block;
}


.GoGreenHeader {
    display: block;
    width: 500px;
    background-color: #C77743;
    margin: 0 auto 32px;
    padding: 10px 0px;
	color:white;
}

.GoGreenHeader p {
    color: white;
    font-size: 1.4em;
    margin: 0px;
    line-height: 1.5em;
}


.GGPdoc_pop img {
    max-width: 600px;
    display: inline-block !important;
    margin: 0px 13px 13px !important;
    border: 1px solid #b2b2b2;
    padding: 5px;
}


.GGPdescriptor {
    max-width: 600px;
    display: inline-block;
    margin: 20px 20px;
    width: 588px;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
	padding-top: 20px;
}

.GGPdescriptor p {
	font-size: 1.4em;
    margin-bottom: 10px !important;
}

.GoGreenPackLink a {
	color:white;
	text-decoration:underline;
}

.GoGreenPackLink a:visited {
	color:white;
	text-decoration:underline;

}

.GoGreenPackLink a:hover {
	color:grey;
	text-decoration:underline;

}

.replicatedbox p {
	z-index:2;
	position:relative;
}

@media screen and (max-width: 700px) {
	.GGPdoc_pop img {
        max-width: 600px;
		width: 92% !important;
	}
	
	.GoGreenHeader {
    width: auto;
}
	
	.GGPdescriptor {
    width: auto;
}
	
.GGPdoc_pop {
    margin-top: 29px;
}
	
	
	}

/* END JR new GGP page 2025*/



/*JR for BackOffice Links Page 2023 "LP" is LinksPage*/

#detailwrapper_LP {
    max-width: 747px;
    width: 98%;
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 15px 30px 13px;
    overflow: hidden !important;
}

.LP_modulewrap {
    display: inline-block;
    width: 30%;
    overflow: hidden;
    margin: 0px 10px 0px 10px;
    vertical-align:top;
}

.LP_moduleheader {
    text-align:center;
}

.LP_moduleheader h1 {
    margin:0px;
}

.LP_moduleheader h2 {
    margin: 0px 0px 4px 0px;
}

.Onboarding img  {
	    margin: 0px 0px 12px 0px;
}

.Onboarding p  {
	    text-align:left;
	margin-left: 37px;
}

.OnboardingHeader h1  {
	    margin-bottom:0px !important;
}

.OnboardingHeader h2 {
    font-size: 1.3em !important;
    margin: 0px 0px 20px 3px;
}

.Onboarding img:hover {
	opacity: 0.5;
}

.OnBoardingChecklist_wrapper {
	
}

.OnBoardingChecklist_body {
	text-align:center;
}
.OnBoardingChecklist_body img {
	width:90%;
	max-width:866px;
}

.OnBoardingReminder {
	width: 90%;
    max-width: 1080px;
    margin: 0 auto;
    margin-bottom: 75px;
}

.OnBoardingReminder p {
	font-size: 1.3em;
    line-height: 1.3;
}

.one-image-full {
	text-align:center;
}

.one-image-full img {
	width:90%;
	max-width:1080px;
}


.LP_modulewrap a {
text-decoration:none !important;
}

.LP_modulewrap a:hover {
background-color:#eee;
}

.LP_modulebutton {
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
}

.LP_modulebutton:hover {
background-color:#6f6f6f;
}

.audio_pop {
    width: 95%;
    margin: 0 auto;
    text-align: center;
}
.audio_pop_wide {
    width:100%;
    margin:0 auto;  
}

.audio_pop img {
margin-bottom:10px;
}


.audio_pop_text {
    text-align: left;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
}

/* TOOLTIP */
/************************/

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap;
}

/* 👇 This makes it show on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* 👇 This ensures JS-triggered visibility works too */
.tooltip .tooltiptext.show {
  visibility: visible;
  opacity: 1;
}

.tooltip button {
border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.DisclaimerWrapper {
	
}

.DisLogoRuleBoxes {
    display: inline-block;
    width: 43%;
    margin: 0 21px;
	text-align:center;
}


@media (max-width: 750px) {
    .LP_modulewrap {
    display: block;
    width: 95%;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}
}

/* Essante Earnings Page */
.EE_modulewrap {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin: 0px 10px 0px 10px;
    vertical-align:top;
}

.EE_moduleheader {
    text-align: left;
}

.EE_modulebuttonswrapper {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 0px;
	    margin-bottom: 14px;
}

.EE_modulebutton {
    background-color: black;
    color: white;
    padding: 10px 0px 10px 0px;
    margin: 10px 10px 10px 10px;
    width: 191px;
    display: inline-block;
}

.EE_modulebutton:hover {
background-color:#6f6f6f;
}

.EE_modulewrap a {
    text-decoration: none !important;
}

.returnbox {
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 1.5em;
    color: white;
    background-color: black;
    float: right;
}

.clickback a {
	color:white;
	text-decoration:none;
}

.hidden {
	display:none;
}

/* Austin: minified fancy box css */
@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>div{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}
/* END Austin: minified fancy box css */

@media (max-width: 700px) {
	#productlinkstable {
    margin: 0px;
}
	
	.linksheaderboxSplit {
	width:100%;
	float:none;
}

	
}

/*JR for New Sharable Links Grid*/


.SpecialShareMediaHeader {
	display:inline-block;
}


.ShareMediaWrapper {
    max-width: 450px;
	width:100%;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    display: inline-block;
    margin: 10px 5px;
	vertical-align: top;
}

.ShareMediaWrapper img {
    width: 159px;
    float: left;
    margin-right: 14px;
    border-right: 1px solid #e8e8e8;
}

.ShareMediaWebsite {
	font-size: 12px;
    text-transform: uppercase;
    margin-top: 6px;
	
}

.ShareMediaHeader {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    height: auto;
    overflow: visible;
}

.ShareMediaMessage {
    font-size: 12px;
    overflow: hidden;
    max-height: 72px;
    max-width: 341px;
    margin-bottom: 5px;
    line-height: 14px;
}

.enroll_links {
	margin-left:20px;
}

.icons {
}

.icons img {
	height: 22px;
    width: auto;
	margin-right: 5px;
}

.icons li {
	display:inline-block;
	list-style-type: none;
}

.icons ul {
	margin: 0px;
}

.hide-this-item {
	display:none;
}

/* CONNECT-SUBSCRIBE PAGE BACK OFFICE JR*/
/************************/

#connectPage {
	width: 100%;
	background-image: url(https://www.essante.com/Portals/2019/images/patio.jpg);
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    background-position: top left;
    height: 787px;
	padding: 24px;
}

.connectBlock {
    max-width: 451px;
	width:90%;
    background: #F7F7F7;;
    color: black;
	overflow:hidden;
	text-align:center;
	font-size: 1.1em;
    line-height: 1.3em;
	padding-bottom: 25px;
}

.connectBlock>img {
	margin-top:25px
}

.connectBlock ul {
	margin-bottom: 25px;
	list-style-type:none;
	text-align:left;
}


.connectBlock a {
	color:white !important;
	text-decoration:none !important;
}

.connectBlock a:hover {
	text-decoration:underline !important;
}

.connectBlock a:visited {
	color:white !important;
}



.connectJoin {
    text-align: center;
    font-size: 1.9em;
    margin-bottom: 0px !important;
    font-weight: bold;
}

.connectJoin2 {
    text-align: center;
    font-size: 1.4em;
	margin-bottom:20px !important;
}

.connectRowIcons {
    width: 348px;
    margin: 0 auto;
    background: rgba(255,255,255,0.4);
    border: 1px solid black;
    margin-bottom: 25px;
	padding: 3px 0px;
}

.connectRowIcons img {
	    width: 50px;
    margin: 3px 5px;
}


/* Connect Page 2024 update */
.WinStuffButtons {
    border: 1px solid #FE6E6E;
    padding: 6px 0px 6px 0px;
    width: 366px;
    margin: auto;
    background-color: #fff;
}

.WinStuffButtons img {
    width: 48px;
	margin: 5px 3px;
}

.WinStuffButtons img:hover {
    opacity: 0.8;
}

.monoton {
    font-family: "monoton", fantasy !important;
    font-weight: 100;
    font-style: normal;
    color: #FF6161;
}

.HP4_ReviewsTextBlock h1 {
	margin-bottom: 0px !important;
    line-height: 1.0em;
    margin-top: 40px;
    font-size: 2.5em;
}

.HP4_ReviewsTextBlock h2 {
	font-size: 1.8em !important;
    margin-top: 13px;
    margin-bottom: 0px !important;
}

.HP4_ReviewsTextBlock p {
	line-height: 1.6em;
    font-size: 1.2em;
}

/* End Connect Page 2024 update */

@media (max-width: 700px) {
	#connectPage {
        width: 100%;
        background-image: url(https://www.essante.com/Portals/2019/images/patio.jpg);
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-position: top left;
        height: 1000px;
        padding: 10px 0px;
}
	
	.connectBlock {
        max-width: 430px;
        width: 95%;
        margin: 0px auto;
}
	.connectBlock ul {
	list-style-type:none;
	text-align:left;
	padding-left: 15px;
}

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
    padding-bottom: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  border: 2px solid #DDA14B;
  width: 50%;
}

.modal-content h5 {
font-size:1.8em;
}

.modal-content ul {
font-size:1.2em;
}

.modalboxcontent {
	width:100%;
	}


.modalboxcontent img {
	width:auto;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
} 

/* END The Modal (background) */


.pulldown_countries select {
  min-width: 350px;
}

.pulldown_countries select {
  appearance: none;
  width: 100%;
  font-size: 1.15rem;
  padding: 0.675em 6em 0.675em 1em;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}

@media screen and (max-width:1135px) {
.evolutioncontainer {
	max-width: 1100px;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
}
.evolution5day {
    width: 44%;
    float: left;
    margin-left: 34px;
    margin-top: 28px;
    border: 1px solid #418B74;
}
}

@media screen and (max-width:1000px) {
	.evolution5day {
	width: 92%;
    float: none;
    margin-left: 11px;
    margin-top: 28px;
    border: 1px solid #418B74;
	}
	
.modal-content {
  background-color: #fffdef;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 90%;
}

.modalboxcontent {
	width:100%;
	}
}


/*JR for NE or LEADS REGISTRATION PAGE*/

.lrp_envelope {
	max-width: 875px;
    margin: 0 auto;
    border: 1px solid #a6b6cb;
    overflow: hidden;
	margin-bottom: 15px;
}

.lrp_menu {
	max-width: 875px;
    margin: 0 auto;
	overflow:hidden;
	padding-bottom:10px;
}

.lrp_menuitem {
	display:inline-block;
	background-color: #8AB292;
	color:white;
	padding: 2px 8px 2px 8px;
	margin-left:5px;
	float:right;
	border-radius: 4px;
}

.lrp_verticaltext {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
}

lrp_menu a {
	text-color:white;
	text-decoration:none;
}

.lrp_about {
		background-color: #F57928;
}

.lrp_testimonials {
		background-color: #3A87A9;
}


.lrp_examples {
		background-color: #008E00;
}


.lrp_textbox {
	    float: left;
    width: 45%;
    font-size: 15px;
    padding: 15px 15px 0px 15px;
}

.lrp_textbox2 {
	    float: right;
    width: 45%;
    font-size: 15px;
    padding: 15px 15px 0px 15px;
}

.lrp_textbox2 p {
	line-height:19px;
}

.lrp_textbox3 {
	    float: left;
    width: 45%;
    font-size: 15px;
    padding: 15px 15px 0px 15px;
}

.lrp_image {
	float: right;
    width: 400px;
	margin-top: 7px;
    margin-right: 7px;
	background-image:url(https://www.essante.com/ts/images/LeadsAbout.jpg);
		min-height:223px;
	background-repeat:no-repeat;
	background-position:bottom left;
}

.lrp_image2 {
    float: left;
    width: 400px;
    margin-top: 7px;
    margin-left: 7px;
    margin-bottom: 7px;
    background-image: url(https://www.essante.com/ts/images/LeadsTestimonials.png);
    min-height: 223px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.lrp_image3 {
	float: right;
    width: 440px;
    margin-top: 10px;
    margin-right: 7px;
}

.lrp_image3 img {
	max-width: 133px;
    margin-right: 10px;
}

.lrp_textbox ol {
	margin-top: 5px;
}

.lrp_textbox h3 {
	margin-top: 0px;
    margin-bottom: 0px !important;
	} 

.lrp_textbox3 ol {
	margin-top: 5px;
}

.lrp_textbox3 h3 {
	margin-top: 0px;
    margin-bottom: 0px !important;
	} 
#btnClick {
	position: relative;
    bottom: 10px;
    float: right;
	background-color: #8AB292;
    color: white;
}

@media (max-width: 813px) 
{
.lrp_envelope {
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #a6b6cb;
    overflow: hidden;
    margin-right: 25px;
	margin-bottom: 15px;
}

.lrp_verticaltext {
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
}

.lrp_textbox {
    float: none;
    width: 93%;
    font-size: 15px;
    padding: 15px 15px 15px 15px;
}
	
.lrp_textbox2 {	
	    float: none;
    width: 87%;
    font-size: 15px;
    padding: 15px 15px 0px 15px;
	overflow: hidden;
	}
	
.lrp_image {
    float: none;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 15px 0 15px;
}
	
.lrp_image2 {
    float: none;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 15px 0 15px;
}
	
.lrp_menu {
	max-width: 875px;
    margin: 0 auto;
	overflow:hidden;
	padding-bottom:10px;
	width:86%;
}

.lrp_menuitem {
	display:inline-block;
	background-color: #8AB292;
	color:white;
    padding: 2px 8px 2px 8px;
	margin-left:3px;
	float:right;
}

}

@media (max-width: 900px) {
	
.lrp_textbox3 {
    float: none;
    width: 93%;
    font-size: 15px;
    padding: 15px 15px 0px 15px;
}

.lrp_image3 {
	float: none;
    width: 96%;
    margin-top: 10px;
	padding-bottom: 7px;
    margin-right: 7px;
    max-width: 486px;
	margin: 0 auto;

}

.lrp_image3 img {
    float: none;
    max-width: 32%;
    margin-top: 0px;
    margin-right: 0px;
	
}

}

/*JR for NE or NEW ENROLLMENT form adjustment*/

.NESectionBox table table tr:nth-child(1){
height:0px
}

.NESectionBox table table tr:nth-child(15){
}

.NESectionBox table table tr:nth-child(3) td:nth-child(2){
}


.DLSearchCriteriaHeader {
	background-color:#f7dba9 !important;
	color: #6d6962;
	border: 1px solid #6e6e6e;
}

#referrerWorkingBox2 {
    display:none;
}

#referrerWorkingBox {
    width: 100% !important;
    min-width:350px;
}

#ctl00_MainContent_rowWhoReferred1  tr td:nth-child(2) {
    
}
#RRrightboxTopCap {
    color: white;
    background-color: #7D0000;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

.selected-dealer {
    margin-bottom: 26px;
}

#referrerWorkingBoxLink, #roundRobinSubmit {
    max-width:220px;
}

/* This code of Austin's targets an adjacent sibling of the ID very excellent idea, note the + */
/************************/

#ctl00_MainContent_rowWhoReferred1 + tr > td:nth-child(2) {
    display: none;
}

/* Back Office Easy Order Modifications - Mouse-over image*/
/************************/

#tblProductList img {
  transition: .5s;
}

#tblProductList img:hover {
  width: 295px;
height: 295px;
}

/* Back Office Easy Order Modifications - and remove dollar signs*/
/************************/

#ctl00_MainContent_tblOrderDetail .ROPOddRow td:nth-child(6):before {
    content: '$';
    position:absolute;
    color:white;
    background-color:white;
}

#ctl00_MainContent_tblOrderDetail .ROPEvenRow td:nth-child(6):before {
    content: '$';
    position:absolute;
    color:white;
    background-color:white;
}



.ROPEditProductsOddRow td:nth-child(4):before {
    content: '$';
    position:absolute;
    color:#e3f1e7;
    background-color:#e3f1e7;
}

.ROPEditProductsEvenRow td:nth-child(4):before {
    content: '$';
    position:absolute;
    color:white;
    background-color:white;
}

li span.toggle {
    padding-left: 0.1em;
}

.toggle:before {
    content: "\E313";
    font: normal normal normal 18px/1 Material Icons;
    vertical-align: middle;
    display:none;
}

.core-menu li a.core-menu li a a {
    display: inline-block;
    padding: 0.5em 1em;
}

#ctl00_MainContent_StatusMessageCloseButton {
    display:none;
}

@media (max-width: 800px) {
    h1.welcome {
        display: block !important;
    }
	
    #google_translate_element {
        left: inherit !important;
        top: 93px !important;
        right: 70px !important;
        z-index: 9999 !important;
    }
	h1.welcome {
    font-size: 20px !important;
    margin-left: 30px;
    float: right;
    margin-top: 30px;
    animation-delay: 2s;
    margin-right: 20px !important;
}
	
	h1.welcome span {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 300;
    margin-left: -35px;
    margin: 20px !important;
    vertical-align: middle;
}
	
	#BackOfficeLogos>img {
    vertical-align: top;
    width: 175px;
}
	.sidenav .closebtn, .open-options-menu {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 45px;
    cursor: pointer;
    display: none;
    color: #8e8e8e;
}
	
	    h1.welcome {
        display: block !important;
		font-size: 14px !important;
		line-height: 14px !important;


    }
	
		
}


/* Rank Description Chart*/
/************************/

.rankPageBoxes {
       border: 1px solid black;
    padding: 10px 10px 0px 10px;
}

.rankPageBoxes p {
    line-height: 1.4em;
    font-size: 1.2em;
}

#Table4 > tbody > tr:nth-child(2) >td:nth-child(1) {
	   vertical-align: top;
        width: 60px !important;
}

.rankPageBlue {
    background-color:#DBEDE1;
}

.rankPageLtGrey {
    background-color:#D9D9D9;
}

.rankPageSilver {
    background-color:#979596;
    color:white;
}

.rankPagePaleQuickGold {
    background-color:#FEE083;
    color:#000;
}

.rankPageGold {
    background-color:#EEAB20;
    color:#000;
}

.rankPageCharcoalBlack {
    background-color:#3F3D3D;
    color:white;
}

.rankPageBlack {
    background-color:#201D1D;
    color:white;
}




	

/* NEW PARTY PLAN MODIFICATIONS BACK OFFICE JR*/
/************************/



/* THIS IS AMAZING AND IT WORKS*/
/************************/

img[src*="10px_vertical_spacer.gif"] {
    height:24px !important;
}

.MPOButton, .POEButton {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    background-color: #8AB292;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 4px 4px;
    margin: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnOverrideAddress {
    border:1px solid white;
}

.PTCAG_Button {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 9pt;
    background-color: #8AB292;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 2px 4px;
    margin: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}


#ctl00_MainContent_btnAddPartyGuest {
    padding: 2px 4px !important;
}


.PTHOButton, .POEActionButton {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 9pt;
    background-color: #8AB292;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 1px 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

.POEPaymentMethodSelectTable {
    font-size: 8pt;
    color: dimgray;
    font-family: Calibri, Verdana;
    background-color: #f1f1f1;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    border-right: #003399 1px solid;
    border-top: #003399 1px solid;
    border-left: #003399 1px solid;
    border-bottom: #003399 1px solid;
}

.POESearchResultsHeaderCell {
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #666666;
}

#ctl00_MainContent_btnAddPartyGuest {
   margin-bottom:15px; 
}

.PTCAG_LeftColumn {
    background-image: none;
}

.POEAddItemBox {
    background-color: #f1f1f1;
}

#ctl00_MainContent_btnNext, #ctl00_MainContent_btnReturn, #ctl00_MainContent_btnRefresh, #ctl00_MainContent_btnAddNew, #ctl00_MainContent_btnDelete, ctl00_MainContent_btnOrderHistory, #ctl00_MainContent_btnOrderHistory {
    color: white;
    background-position: top;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 9pt;
    background-color: #000 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 6px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnConfirmCloseParty, #ctl00_MainContent_btnCancelCloseParty {
    color: white;
    background-position: top;
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 9pt;
    background-color: #000 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 10px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnCloseParty, #ctl00$MainContent$btnAward_19 {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    background-color: #8AB292 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 4px 12px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_tblRewards input {
     color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    background-color: #8AB292 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 1px 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnCancel, #ctl00_MainContent_btnBeginCheckout {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
    font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    width: auto !important;
    background-color: #8AB292 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 4px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnRemove, #ctl00_MainContent_btnAssign, #ctl00_MainContent_btnCreateNew {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    background-color: #8AB292 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 6px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

#ctl00_MainContent_btnRemove {
    color: white;
    background-position: top;
    border-right: #8AB292 1px solid;
    border-top: #8AB292 1px solid;
    border-left: #44A35F 1px solid;
    border-bottom: #44A362 1px solid;
    color: white;
   font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 10pt;
    background-color: #8AB292 !important;
    cursor: hand;
    background-image: none;
    background-repeat: no-repeat;
    padding: 4px 12px !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-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;
}

.PTPSButton, .HP_Button {
    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: #8AB292 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26);
}

.HORewardTableOddRow {
    background-color: #f1f1f1;
}

.AGTinytext {
    font-size: 7pt;
    color: red;
    font-family: Calibri, Verdana;
    text-align: center;
    background-color: #f1f1f1;
}

.MPOGuestListHeader, .MPOPendingHeader, .MPOPaymentsHeader {
    font-size: 8pt;
    font-weight: normal;
    color: #505050;
}

.SUPHeader {
    background-color: #44A36A;
    color: white;
}

.SUPOddROw {
    background-color: #f1f1f1;
}

.HPHTitle {
    background-color: #8AB292;
}

.PHMHeader {
    background-color: #8AB292;
}

.PHMGuestEvenRow {
    font-size: 14px;
    color: black;
    font-family: inherit;
    background-color: #f1f1f1;
}

.PAMainHeader {
    font-size: 10pt;
    background-image: none;
    color: white;
    background-color: #8AB292;
}

.PAPersSponsoredBox {
    background-color: #f1f1f1;
}

.PAEvenRow {
    font-size: 8pt;
    color: black;
    font-family: Calibri, Verdana;
    background-color: #f1f1f1;
}

.PTHOPaymentMethodSelectTable, .PTHOPaymentMethodSelectTable {
    background-color: #f1f1f1;
}

.PTHOAwardTableOddRow {
    background-color: #f1f1f1;
}

.PTPSClosePartyBoxInner {
    border: 2px solid #8AB292;
    background: #ffffff;
}

.PTPSClosePartyHeader {
    font-size: 11pt;
    color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #8AB292;
    background-color: #8AB292;
}

.PTPSClosePartyDescription {
    font-size: 9pt;
}

.PHMOrderHistoryHeader {
    background-color: #8AB292;
}

.rewards-msg.blue {
    background-color: #8AB292;
    border-left: 10px solid #398a4e;
}

#ctl00_MainContent_btnReturn>.PTCAG_Button {
        padding: 5px 8px !important;
}

.PTPSOrdersHeader, .PTPSBookingsHeader {
    font-family: Calibri, Verdana;
    font-size: 7pt;
    font-weight: NORMAL;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    padding-bottom: 5px;
   color: #505050;
}

.PTCAG_OddRow {
    font-size: 8pt;
    color: black;
    font-family: Calibri, Verdana;
    background-color: #F1F1F1;
}


.PTSUP_SectionHeader {
    margin-top: 0px !important;
}

.PTSUP_SectionRow, .PTSUP_SectionFooterMiddleCol, .PTSUP_SectionFooterLeftCol, .PTSUP_SectionFooterRightCol {
    background-color: #ececec;
}

.PHMMainHeader {
    background-color: #43a35c;
}

.PHMMainTitle {
       color: #43a35c;
}

#ctl00_MainContent_btnSetUpParty, #ctl00_MainContent_btnAddHostess, #btnSaveEvite, #ctl00_MainContent_btnCompleteSetup {
    background-color: #8AB292 !important;
}

#ctl00_MainContent_btnSaveChanges {
        background-color: #8AB292 !important;
    width:115px !important
}

#ctl00_MainContent_lblMainTitle {
  }

.MPOBoxTitle {
    font-size: 14pt;
    color: #43a35c;
    font-weight: bold;
}

.PTCAG_TableHeader {

    color: #43a35c;

}

.HPHeaderLeft {
    background-color: #8AB292;
}

.HPPartyInfoSubTable, .HPPartyInfoLeftCell, .HPPartyInfoHeader, .HPPartyInfoFooter {
    background-color: #43a35c;
    border-left: 10px solid #43a35c;
}

.HPHeaderMiddle {
    background-image: url(https://www.essante.com/Portals/2020/images/BackOffice_PartyHeader.jpg) !important;
    background-repeat: no-repeat;
    height: 75px;
    background-size: cover;
}

.HPHeaderRight {
    background-color: #43a35c;
    display: none;
}

.PMOpenPartiesHeader {
    background-color: #43a35c;
    background-image: none !important;
}

.PMColumnHeaders {
    background-image: none;
    background-color: #ccc !important;
}

.PTPSStep1, .MPOStep1, .PTHOStep1, .POEStep1, .CMTStep1 {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step1FlatGreen_small.png) !important;
}
.PTPSStep2, .MPOStep2, .PTHOStep2, .POEStep2, .CMTStep2  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step2FlatGreen_small.png) !important;
}
.PTPSStep3, .MPOStep3, .PTHOStep3, .POEStep3, .CMTStep3  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step3FlatGreen_small.png) !important;
}
.PTPSStep4, .MPOStep4, .PTHOStep4, .POEStep4  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step4FlatGreen_small.png) !important;
}
.PTPSStep5, .MPOStep5, .PTHOStep5, .POEStep5  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step5FlatGreen_small.png) !important;
}
.PTPSStep6, .MPOStep6, .PTHOStep6, .POEStep6  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step6FlatGreen_small.png) !important;
}
.PTPSStep7, .MPOStep7, .PTHOStep7, .POEStep7  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step7FlatGreen_small.png) !important;
}

.PTPSStep8, .MPOStep8, .PTHOStep8, .POEStep8  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step8FlatGreen_small.png) !important;
}

.PTPSStep9, .MPOStep9, .PTHOStep9, .POEStep9  {
    background-image: url(https://essanteorganics.com/MemberToolsDotNet/art/StepNumber/Green/Step9FlatGreen_small.png) !important;
}

.POEBoxTitleCell {
    background-color: #8AB292;
}

.PTHOAwardHeader, .PTHOAwardHeader, .PTHOCartContentsHeader  {
    background-color: #8AB292;
}


.POEFieldData {
    font-family: Calibri, Verdana;
    font-size: 10pt;
    color: #7D7D7A;
    font-weight: bold;
}

.MPOHostAwardHeader {
    background-color: #43a35c;
}

.CPBoxHeader {
    background-color: #43a35c;
    background-image:none;
}

.CPHeaderText {
    color: white;
}

.CPGuestOrderColumnHeader {
    background-color: #cecece;
}

.PAPersSponsoredBox {
    background-color: #e7e7e7;
}

.CPGuestOrderHeader {
    color: white;
    background-color: #43a35c;
}


body.FirestormPage_ContactManagerTool_aspx .FirestormStandardButton {
    width: auto !important;
}

#ctl00_MainContent_btnClose, #ctl00_MainContent_btnEdit {
    background-color: #8AB292;
    font-size: 10pt;

}

.SUPBox {
    border-right: #ccc thin solid;
    border-top: #ccc thin solid;
    border-left: #ccc thin solid;
    border-bottom: #ccc thin solid;
    background-color: #fff;
}

.SUPFieldData {
    color: #8AB292;
}

.AGOddROw {
    background-color: white;
}

.AGTableHeader {
    background-color: white;
    color: black;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}

.AGEvenRow {
    font-size: 8pt;
    color: black;
    font-family: Calibri, Verdana;
    background-color: #f1f1f1;
}

.AGTopHeader {
    background-color: #8AB292;
}

#ctl00_MainContent_btnChangeDateRange {
    background-color: #8AB292;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: 1px solid white;
    margin-top: 3px;
}

#ctl00_MainContent_btnChangeDateRange:hover {
    background-color: #54CA6B;
}

.PADateBox {
    background-color: #ffffff;
}

.PASubHeader {
    background-color: #8AB292;
    color: white;
}

.PayoneerStatus {
    background-color: #8AB292 !important;
}

.TGError {
    border-right: yellow thin solid;
    border-top: yellow thin solid;
    font-weight: bold;
    font-size: 10pt;
    border-left: yellow thin solid;
    color: black;
    border-bottom: yellow thin solid;
    font-family: Calibri, Verdana;
    background-color: #fff;
    text-align: center;
    padding: 15px;
}

/*PARTY TABLE REBUILD - OUCH*/

.sixfigs_wrapper {

}
.sixfigs_wrapper img {
    max-width:300px;
        width: 100%;
    filter: drop-shadow(1px 3px 4px #cfcfcf);
}

.sixfigs_subwrapper {
    margin-bottom:25px
}

.sixfigs_item {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 10px;
   }
.sixfigs_item p {

    }

.jjvids p {
    text-align: left;
    font-size: 12px;
}

/*PARTY TABLE REBUILD - OUCH*/




/*PARTY TABLE REBUILD - OUCH*/

.PTPSSectionHeaderImage {
    background-color: #e7e7e7;
    width: 100%;
}

/*MENU RESPONSIVENESS CODE BY DINO*/

.RadMenu {
white-space: normal !important;
}

.PMGuestOrderHeader {
    background-color: #367b48;
}

.SUPHeaderMain, .SUPLocationHeader, .SUPEmailPersonalizationHeader {
    background-color: #43a35c;
    color: white;
    height: 46px;
    padding: 0px;
    margin: 0px;
    line-height: 9px;
    font-size: 15px;
}

.SPCOddRow {
    background-color: #d8d8d8;
}

.HOHostName {
    background-color: #43a35c;
    color: white;
    padding: 2px;
}

.HOAwardHeader {
    background-color: #37884c;
}

.NCOBoxHeader {
    background-image: none;
    background-repeat: no-repeat;
    background-color: #43a35c;
}

.ShoppingCartShippingMethodHeader {
    background-color: #37884c;
}



/***************************/
/* Profile Section */
/***************************/

.RadTabStrip_Web20 .rtsLevel .rtsLink {
    background-image: url('https://www.essante.com/ts/images/backgroundProfile.png') !important;
    background-position: 0 0;
}

.RadTabStrip_Web20 .rtsLevel .rtsOut {
    background-image: url('https://www.essante.com/ts/images/backgroundProfile.png') !important;
    background-position: 100% 0;
}

/***************************/
/* Stats */
/***************************/

.header {
    height: 35px !important;
    font-size: 16pt !important;
	 background-color: #8AB292 !important;
}

/*#Table3 > tbody > tr > td:first-of-type {
	display:none;
	}
	
	*/
	
#Table3 > tbody > tr > td> img:first-of-type {
	display:none;
	}
	



/**************************/
/* New Enrollment Process */
/**************************/
.NECouponRow
{display:none;
}
.NESpecialsProductListImage
{
    height: 50px;
    width: 50px;
}
.NEPurchaseNotRequired
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #336600;
	font-weight: normal;
}
.NEConfigrationError
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #FF0000;
	text-align: right;
}
.NEButton
{
	border: 1px solid #106FBA;
    background-position: 50% top;
    color: #fff;
	    font-family: Calibri, Verdana;
	    font-weight: normal;
	    font-size: 9pt;
	    background-color: #106FBA;
	    cursor: hand;
	background-image: url('/MemberToolsDotNet/art/ButtonFace_Steel.jpg');
	    background-repeat: repeat-x;
    height: 20px;
}
.NEHeaderLeft
{
	background-image: url( 'images/HeaderLeftGrey20x20.gif' );
	background-repeat: no-repeat;
	background-position: right;
	width: 20px;
	height: 20px;
	display:none;

}
.NEHeaderMiddle
{
	background-image: url( 'images/HeaderMiddleGrey20x50.gif' );
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	display:none;
}
.NEHeaderRight
{
	background-image: url(  'images/HeaderRightGrey20x20.gif' );
	background-repeat: no-repeat;
	background-position: left;
	width: 20px;
	height: 20px;
	display:none;

}
.NEFooterLeft
{
	background-image: url( 'images/FooterLeftBlackLine20x20.gif' );
	background-repeat: no-repeat;
	background-position: top;
	width: 20px;
	height: 20px;
	background-color:#fff !important;
}
.NEFooterMiddle
{
	background-image: url( 'images/FooterMiddleBlackLine20x20.gif' );
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	background-color:#fff  !important;

}
.NEFooterRight
{
	background-image: url( 'images/FooterRightBlackLine20x20.gif' );
	background-repeat: no-repeat;
	background-position: top;
	width: 20px;
	height: 20px;
	background-color:#fff  !important;

}
.NESectionBox
{
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-color: #c3c3c3;
	border-left-color: #c3c3c3;
}
.NEBoxHeaderText
{
	font-family: Calibri, Verdana !important;
	font-size: 17pt;
	font-weight: bold;
	color: #fff !important;
	font-style: normal;
	vertical-align: middle;
	padding-left:17px;
	line-height: 39px;
}

@media (max-width: 813px) 
{

.NEBoxHeaderText {
    font-family: Calibri, Verdana !important;
    font-size: 17pt;
    font-weight: bold;
    color: #fff !important;
    font-style: normal;
    vertical-align: middle;
    padding: 5px 15px 8px 16px;
    line-height: 24px;
    display: inline-block;
    margin: 0px;
}
    
.NESectionTitle, .NESectionTitleSpecial {
    position: absolute;
    top: 15px;
    left: -4px;
    padding: 5px;
    background-color: #8AB292;
    color: white;
    line-height: 22px;
    font-size: 16px;
    padding: 5px 5px 5px 16px;
    box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
}    
    
}




.NESectionTitle
{
    font-family: Calibri, Verdana;
    font-size: 13pt;
    font-weight: bold;
    color: #106FBA;
    padding-left: 8px;
}
.NESectionTitleSpecial
{
    font-family: Calibri, Verdana;
    font-size: 13pt;
    font-weight: bold;
    color: #106FBA;
    padding-left: 8px;	
}
.NEFieldLabel
{
	font-family: Calibri, Verdana;
	font-size: 10pt;
	color: #000000;
}
.NEGettingStartedImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithPencil.jpg' );
	background-repeat: no-repeat;
	background-position: center;
}
.NERankSelectionImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithCartIcon.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;
}
.NEAutoshipSelectionImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithBox.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;	
}
.NEReplicatingWebsiteImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/Website.jpg' );
	background-repeat: no-repeat;
	background-position:+ center;
	height: 200px;	
}
.NEEnrollmentFinalImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithRedCheck.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 125px;		
}
.NEEnrollmentCompleteImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/WelcomeToTheTeam.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 125px;		
}
.NECustomerEnrollmentCompleteImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithShoppingBag.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;		
}
.NEAdditionalProductSelectionImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWith2PuzzlePieces.jpg' );
	background-repeat: no-repeat;
	background-position: center;	    
}
.NESpecialProductSelectionImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/OrangeMan.jpg' );
	background-repeat: no-repeat;
	background-position: center;	    
}
.NEPositionPlacementImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/TeamPlacementGears.jpg' );
	background-repeat: no-repeat;
	background-position: center;     
}
.NEPlacementLabel
{
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #000000;
}
.NEProductDescription
{
	font-family: Calibri, Verdana;
	font-size: 13pt;
	color: #333333;
	margin: 5px;
	width: 764px !important;
}

@media (max-width: 813px) 
{
.NEProductDescription
{
	font-family: Calibri, Verdana;
	font-size: 13pt;
	color: #999999;
	margin: 5px;
	width: 100% !important;
}
}


.NEProductDescription, p {
	line-height:1.2em;
	}


.NEIdentificationLabel
{
	font-family: Calibri, Verdana;
    font-size: 10pt;
    text-decoration: none;
    font-weight: bold;
    color: #44A35B;
	padding-bottom: 10px;
}
.NEHelpText
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #663300;
}
.NEPrice
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #336600;
	font-weight: bold;
}
.NEAutoshipGroupName
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
.NEAutoshipGroupDescription
{
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #666666;
}
.NEAutoshipDetailTable
{
	padding: 3px;
}
.NEAutoshipRequired
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #CC3300;
	text-decoration: none;
}
.NEAutoshipGroupOptionDescription
{
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #993399;
}
.NEAutoshipGroupOptionImage
{
}
.NEDescriptionText
{
	font-family: Calibri, Verdana;
	font-size: 11pt;
	color: #666666;
	text-align: left;
}
.NEGetStartedDescription
{
    padding: 1px 0px;
    border: none;
    font-family: Calibri, Verdana;
    font-size: 7pt;
    color: #333333;
    background-color: white;
    width: 90%;
    text-align: right;
    height: auto;
    border-bottom: solid 1px grey;
    margin-bottom: 13px !important;
}

.NEGetStartedDescription td {
	padding:0px
}


.NEGetStartedDescription, p {
	margin-bottom:3px;
	margin-top:0px;
	}
	
#ctl00_MainContent_lblGetStartedDescription img {
	width: 25px;
    position: absolute;
    right: 13px;
    top: 19px;
}

	
.NERankSelectionDescription
{
	padding: 0px;
	border: none;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #fff;
	width: 100%;
	text-align: left;
	height: auto;	
}
.NEAutoshipOptionsDescription
{
	padding: 10px;
	border: 1px solid #C5C5C5;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #F7F7F7;
	width: 90%;
	text-align: left;	
	height: auto;
}
.NEReplicatingWebsiteDescription
{
	padding: 10px;
	border: 1px solid #C5C5C5;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #F7F7F7;
	width: 90%;
	text-align: left;
	height: auto;	
}
.NEEnterPaymentDescription
{
	padding: 10px;
	border: 1px solid #C5C5C5;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #F7F7F7;
	width: 90%;
	text-align: left;
	height: auto;	
}
.NECompleteOrderDescription
{
	padding: 10px;
	border: 1px solid #C5C5C5;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #F7F7F7;
	width: 90%;
	text-align: left;
	height: auto;			
}
.NEEnrollmentCompleteDescription
{
	padding: 10px;
	border: 1px solid #C5C5C5;
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #333333;
	background-color: #F7F7F7;
	width: 90%;
	text-align: left;
	height: auto;		
}
.NEStandardBox
{
	background-color: #FFFFFF;
	width: 840px !important;
}
.NEHeaderTextRow
{

	background-color:#8AB292;
}
.NEContainerBox
{
	background-color: #FFFFFF;
}
.NEContainerBoxHeader
{
}
.NEFieldData
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #006600;
	font-weight: bold;
}
.NEOrderTotalsLabel
{
	font-family: Calibri, Verdana;
	font-size: 9pt;
    color: #44A35B;
	width: 200px;
}
.NEOrderTotalsData
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #006600;
	text-align: right;
}
.NEOrderTotalsGrandTotalLabel
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	font-weight: bold;	
	color: #990033;
}
.NEOrderTotalsGrandTotalData
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #990033;
	font-weight: bold;
	border-top-style: double;
	border-top-color: #000000;
	text-align: right;
}
.NECouponResult
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #FF0000;
	text-align: right;
}
.NETermsAndConditionsDescripton
{
	font-family: Calibri, Verdana;
	font-size: 10pt;
}
.NEPositionBox
{
}
.NEPositionLabel
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #808080;
}
.NEPositionData
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #660033;
}
.NEErrorBox
{
	border: 1px solid #CC3300;	
	background-color: #FFF4F4;
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #CC3300;
}
.NEErrorBoxText
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #CC3300;
}
.NESummaryFieldLabel
{
	font-family: Calibri, Verdana;
	font-size: 7pt;
	color: #808080;
}
.NESummaryFieldLabelData
{
	font-family: Calibri, Verdana;
	font-size: 8pt;
	color: #990033;
}
.NECustomerTypeSelectionImage
{
	background-image: url( '/MemberToolsDotNet/art/Enrollment/ManWithShoppingBag.jpg' );
	background-repeat: no-repeat;
	background-position: center;
	height: 200px;	
}
.NEDynamicSelectionError
{
    border: 1px solid #FF0000;
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
}
.NEDynamicStatusMessage
{
    border: 1px solid #008000;
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #008000;
    text-align: center;
    font-weight: bold;
}
/* Product Specials During Enrollment */
.NESpecialSelectionError
{
    border: 1px solid #FF0000;
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
}
.NESpecialStatusMessage
{
    border: 1px solid #008000;
    font-family: Calibri, Verdana;
    font-size: 8pt;
    color: #008000;
    text-align: center;
    font-weight: bold;
}
.BinaryAutoplacePlacementRow
{
}
.BinaryRightPlacementRow
{
}
.BinaryLeftPlacementRow
{
}
.BinaryPlacementRow
{
}
.UnilevelPlacementRow
{
}
.SponsorPlacementRow
{
}
.EnrollerPlacementRow
{
}
.EnrollmentSummaryPlacementInfo
{
}
.NEDistributorLookupLink
{
    padding: 5px;
    font-family: Calibri, Verdana;
    font-size: 8pt;
    background-color: #FFFFCC;
}
.NEGCSuccess
{
    border: 1px solid #339933;
    font-weight: bold;
    font-size: 9pt;
    color: #339933;
    font-family: Calibri, Verdana;
    background-color: #FFFFFF;
    text-align: center;
}
.NEGCError
{
    border: 1px solid #FF0000;
    font-weight: bold;
    font-size: 9pt;
    color: #FF0000;
    font-family: Calibri, Verdana;
    background-color: #FFFFFF;
    text-align: center;
}
.NEPaymentTypeBox
{
}
.NEGiftCertificateBox
{
    width:100%;
	display:none;
}

#ctl00_MainContent_lblApplyCoupons {
	display:none;
	}
	
#ctl00_MainContent_lblDiscount{
	display:none;
	}
#ctl00_MainContent_lblDiscountData {
		display:none;
	}
	
#ctl00_MainContent_lblGiftCertsApplied {
			display:none;
	}
	
#ctl00_MainContent_lblGiftCertsAppliedData {
			display:none;
	}
	
	#ctl00_MainContent_lblRankSelectionTitle {
	display:none;
	}
	
	.JoinSaveTopBoxDivL {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    line-height: 28px;
    text-align: left;
    vertical-align: top;
    font-size: 1.3em;
}

	.JoinSaveTopBoxDivR {
	display:inline-block;
	width: 50%;
    margin-left: 15px;
    line-height: 28px;
    text-align: right;
    border-left: 1px solid #CCCCCC;
}

@media (max-width: 50em) {
	.JoinSaveTopBoxDivL {
    display: inline-block;
    width: 90%;
    margin-left: 15px;
    line-height: 28px;
    text-align: left;
    vertical-align: top;
    height: auto;
}

	.JoinSaveTopBoxDivR {
	display:inline-block;
	width: 90%;
    margin-left: 15px;
    line-height: 28px;
    text-align: left;
    border-left: 1px solid #CCCCCC;
}}
	
	
.JoinButtonStyle1 {
	padding:3px;
	background-color:#3371c3;
	width:110px;
	display:inline-block;
	border-radius: 3px;
	color:white;
	margin-left:3px;
	text-align:center;
	height: 22px;
    padding: 0px;
	line-height:22px;
	}
	
.JoinButtonStyle2 {
	padding:3px;
	background-color:#3371c3;
	width:45px;
	display:inline-block;
	border-radius: 3px;
	color:white;
	margin-left:3px;
	text-align:center;
	height: 22px;
    padding: 0px;
	line-height:22px;
	}
	
	
.JoinSaveTopBoxButtonText {
	color:#8AB292;
	font-style:italic;
	font-weight:bold;
}

.JoinSaveIframeWrapper iframe {
	width:100%;
	height:100%
}

.JoinSaveIframeWrapper {
        display: inline-block;
        width: 48%;
        overflow: hidden;
        margin: 5px;
    	height: 192px;
}

@media (max-width: 50em) {
	.JoinSaveIframeWrapper {
    display: block;
    width: 95%;
    overflow: hidden;
    margin: 5px;
    height: 284px;

}
}

@media (max-width: 500px) {
	.JoinSaveIframeWrapper {
		display: block;
        width: 64%;
        overflow: hidden;
        margin: 5px;
		height: 195px;

}
}

/******************************/
/* BinaryVolumeHistory.aspx */
/******************************/


body.FirestormPage_RecurringOrderPortal_aspx a[disabled="disabled"] {
    cursor: not-allowed !important;
    color: #c3c3c3 !important;
}



#ctl00_MainContent_cboDealershipID{
	display:none;
	}
	
#ctl00_MainContent_btnFind {
    font-size: 19px !important;
    background-color: #000;
    color: white;
    font-weight: bold;
    border: none;
}

.CRFindButton {
    background-position: top;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    color: #000000;
    border-bottom: black 1px solid;
    font-family: Calibri, Verdana;
    font-weight: normal;
    font-size: 9pt;
    background-color: #FFFFFF;
    cursor: hand;
    background-image: none;
    background-repeat: repeat-x;
}

body.FirestormPage_ContactManagerTool_aspx .CMTTableFooter {
    background-color: #8AB292 !important;
}

#ctl00_MainContent_optSecondary, #ctl00_MainContent_optTertiairy, #ctl00_MainContent_optQuanternary {
	display:none
	}
label[for=ctl00_MainContent_optSecondary] {
	display:none}
	
label[for=ctl00_MainContent_optTertiairy] {
	display:none}	
	
label[for=ctl00_MainContent_optQuanternary] {
	display:none}	
	
	
.RadDataPager .rdpWrap, .RadDataPager .rdpWrapRight, .RadDataPager .rdpWrapNone {
    letter-spacing: 1;
}
	
/******************************/
/* Austin's Code */
/******************************/

	
tr:hover > .brotherImgDisplay {
    display: block;
}

.brotherImgDisplay {
    display: none;
    position: absolute;
}


/* JOIN AND CUSTOMER FORM ELEMENTS AUSTIN */
/**********/
#RRleftboxTop {
	max-width:210px;
	padding:18px;
	background-color:#bd4736;
	color:#fff;
	font-weight:700
}
#RRleftboxBottom {
	max-width:210px;
	padding:18px;
	background-color:#e8e8e8;
	border-bottom:2px solid #891100;
	color: #AF2317; 
	font-weight: bold;
}
.RRleftboxBottomInner {
	margin-bottom: 25px;	
}

#RRrightboxTop {
	background-color:#bd4736;
	padding:6px 12px;
	color:#fff;
	font-weight:700;
	font-size:13px
	
}


#RRrightboxBottom {
	padding:12px;
	margin-bottom:8px;
	background-color:#e8e8e8;
	font-size:14px;
	overflow:hidden;
}





/* MULTIPLE IMAGE DOWNLOADS PAGE FOR DEEP DIVES ETC and BACK OFFICE */ 

#imgdwnld_main {
	width:100%;
	text-align:center;
}

.imgdwnld_pixbox {
	max-width 400px;
	float: left;
	margin-left:25px;
}
.imgdwnld_pixbox2 {
    margin-left: 25px;
    text-align: center;
    padding-bottom: 25px;
}

#detailwrapper {
    max-width: 1000px;
    width: 98%;
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 15px 30px 13px;
    overflow: hidden !important;
	}

.download_images_wrapper   {
    max-width: 299px;
    border: 1px #b3b3b3 solid;
    margin: 10px 10px 10px 0px;
    padding: 10px;
    display: inline-block;
    }

.download_button {
    overflow: hidden;
    text-align: center;
    padding: 17px 0px;
}

.download_button a {
    text-align: center;
    border: 1px solid #d1d1d1;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 12px;
    padding: 6px 24px;
    background-color: #e5e5e5;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 1.1em;
    }

.download_caption {
    width: 96%;
    margin: 0 auto;
    font-size: 12px;
}



/******************************/
/* POP UP for Search Tool - Sign Up */
/******************************/

.DLInputBox {
    padding: 5px;
    border: 1px solid #000000;
    background-color: #f5f7fa !important;
    font-family: Calibri, Verdana;
    font-size: 10pt;
}

#DistributorLocator1_lblZipCode {
	display:none;
}
#DistributorLocator1_txtZipCode {
	display:none;
}

#DistributorLocator1_lblNumMiles {
	display:none;
}

#DistributorLocator1_txtMiles {
	display:none;
}

/******************************/
/* Back Office Log in Page */
/******************************/

.login-Body {
	background-image: url('https://essanteorganics.com/ts/images/office_login_background.jpg') !important;
	
	}
	
#lblWelcome H1 {
	    font-size: 44px !important;
    text-shadow: -4px 2px 2px rgba(82, 82, 82, 1);
	font-weight: bold !important;
	color: #44ac53 !important;
	}
	
#lblWelcome H2 {
	font-size:24px;
	}
	
.login-TitleTD {
	    height: 30px;
		background-image: url('https://essanteorganics.com/ts/images/GreenUpperLoginBox.png');
		}
		
	.login-FormTD {
		background-image: url('https://essanteorganics.com/ts/images/GreenLowerLoginBox.png');
		}
		
	.login-LabelTD {
    font-size: 18px;
    line-height: 15px;
	}
	
.login-TextBox {
       border: 3px solid #40A459;
}

.CenteredLoginBox {
    top: 35%;
}

.login-DropDown {
    font-family: Calibri, Verdana;
    border: 3px solid #40A459;
}

#LoginLinkDiv a:link {
    font-weight: bold;
    font-size: 13pt;
    color: #ffffff;
    font-family: Calibri, Verdana;
	text-decoration:none;
}

#LoginLinkDiv a:hover {
    font-weight: bold;
    font-size: 13pt;
    color: #ffffff;
    font-family: Calibri, Verdana;
	text-decoration:underline;
}

#LoginLinkDiv a:visited {
    font-weight: bold;
    font-size: 13pt;
    color: #ffffff;
    font-family: Calibri, Verdana;
	text-decoration:none;
}

.LoginMustHaveCookies {
    font-size: 10pt !important;
    color: white;
    font-family: Calibri, Verdana;
    line-height: 24px;
}

/******************************/
/* Position Sticky Back Office Header and Table - GREEN TREE */
/******************************/

body.FirestormPage_TabularGenealogy_aspx .TGHeader {
    background-color: #3D3935 !important;
    color: white;
    font-size: 14px;
    top: 37px;
    position: sticky;
    position: -webkit-sticky; /* Safari */ 
    background: white;
}

#ctl00_ResponsiveMenuContainerCell, #ctl00_RadHorizMenuCell {
    position: -webkit-sticky; /* Safari */ 
    position: sticky;
    top: 0;
    z-index: 3;
}


 	
/******************************/
/* End Back Office Login Page stuff */
/******************************/




/***************************/
/* ANY NEW March 15th and on */
/***************************/

.mainbody {
	background-color:white !important;}
	


/***************************/
/* Back Office Edits */
/***************************/

.HTPPowerLegButton {
    width: 16em !important;
    background: #000;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
}

.HTPDoPlacementButton {
    width: 25em !important;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #000;
    color: white;
}

input[disabled="disabled"], input[disabled="disabled"]:hover, input[disabled="disabled"]:active {
    background-color: #e7e7e7 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    cursor: not-allowed !important;
    border: none;
	color: #898f97;
}

.PULoadImageTable {
    border-style: solid;
    border-width: 3px;
    font-size: 10pt;
    border-left-color: #c7c7c7;
    border-bottom-color: #c7c7c7;
    color: #c7c7c7;
    border-top-color: #c7c7c7;
    font-family: Calibri, Verdana;
    background-color: #ffffff;
    border-right-color: #c7c7c7;
    width: 100%;
    height: 100%;
    margin: -3px;
}

.PIPersonalInfoTable {
    font-size: 10pt;
    color: black;
    font-family: Calibri, Verdana;
    background-color: #ffffff;
    width: 782px;
    height: 398px;
    margin: -3px;
    border: 3px solid #c7c7c7;
}

.PULoadImageHeader {
    background-color: #8AB292 !important;
}

.PIHeader {
    background-color: #8AB292 !important;
}

.PIFieldName {
    color: black;
}

.PUDescription {
    font-size: 9pt !important;
}

.PITinyText {
    font-size: 8pt;
    color: black;
}

.OrderHistoryLeftColumn {
    background-image: none !important;
}

.ROPLeftColumn {
    background-image: none !important;
}

.ROPRecurringOrderSelection, .ROPCommandBar, .ROSection1, .ROSection2, .ROSection3 {
    margin: 5px;
    padding: 10px;
    border-radius: 0px;
    background-color: #fff;
    width: 97%;
    border-bottom: 1px solid#c7c7c7;
}

.ROPDisabledButton a {
    font-family: calibri, verdana;
    font-size: 11pt;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: bold;
}

.ROPButtonCell a {
    font-family: calibri, verdana;
    font-size: 11pt;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: bold;
}

.ROMMainTable {
    font-size: 10pt;
    border-left-color: black;
    border-bottom-color: black;
    border-top-style: double;
    border-top-color: black;
    font-family: Calibri, Verdana;
    border-right-style: double;
    border-left-style: double;
    background-color: white;
    border-right-color: black;
    border-bottom-style: double;
    border-bottom: 2px solid #c7c7c7;
    padding-bottom: 13px;
}

.ROMLeftColumn {
    background-image: none;
}

.ROMHeaders {
    background-color: #8493A6;
}

.ROMSubHeader {
    background-color: #106fba;
}

.ROMWizardData {
    color: #106FBA;
}

.ROMIconLegend {
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #106fba;
    text-align: center;
}

.ROMDescription {
    font-size: 10pt;
    color: #333;
    font-family: Calibri, Verdana;
    text-align: left;
}

.EnrollmentReportEvenRow {
    background-color: #F1F1F1;
}

.ROMWizardDescription {
    color: #333;
}

.DPDescription {
    font-size: 11pt;
    color: #333;
    font-family: Calibri, Verdana;
}

.ROMWizardQuestion {
    font-weight: bold;
    font-size: 11pt;
    color: #106FBA;
    font-family: Calibri, Verdana;
}

.BTV4MainTable {
    font-size: 10pt;
    border-left-color: #909090;
    border-bottom-color: #909090;
    color: black;
    border-top-style: double;
    border-top-color: #909090;
    font-family: Calibri, Verdana;
    border-right-style: double;
    border-left-style: double;
    background-color: #f1f1f1;
    border-right-color: #909090;
    border-bottom-style: double;
}

.TGTopToolbar {
    font-size: 14px;
    font-family: Calibri, Verdana;
    color: white;
    background-color: #889EB9;
}

.TGHeader a {
    font-size: 14px !important;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #8493A6;
}

.TGHeader {
    font-size: 14px;
    padding: 5px;
    width: 99%;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #8493A6;
}

.TGBottomToolbar {
    font-size: 14px;
    font-family: Calibri, Verdana;
    color: white;
    background-color: #889EB9;
}

.CMTTableHeader {
    padding: 3px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #8AB292 !important;
}

.DPBox {
    border-right: #8493A6 solid 2px;
    border-top: #8493A6 solid 2px;
    border-left: #8493A6 solid 2px;
    border-bottom: #8493A6 solid 2px;
    background-color: #fff;
}

.DPBoxHeader {
    font-weight: bold;
    font-size: 12pt;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #8493A6;
    text-align: center;
}

#ctl00_MainContent_RadMultiPage1 {
	background-color:white;
	padding-bottom: 25px;
	}
	
.DPDealerName {
    font-weight: bold;
    font-size: 11pt;
    color: #333;
    font-family: Calibri, Verdana;
}
	
.ROPBigDataLeft {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 125px;
    height: 30px;
    background-color: #106fba;
    font-family: Calibri, Verdana;
    font-size: 13pt;
    color: white;
    vertical-align: middle;
    padding-left: 5px;
    line-height: 30px;
    padding-left: 13px;
}

.ROPBigDataGrandTotalLeft {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 125px;
    height: 30px;
    background-color: #FF9900;
    font-family: Calibri, Verdana;
    font-size: 13pt;
    color: white;
    vertical-align: middle;
    padding-left: 5px;
    line-height: 30px;
    padding-left: 13px;
}


.MATable {
    border-style: solid;
    border-width: 2px;
    font-size: 10pt;
    border-left-color: #C7C7C7;
    border-bottom-color: #C7C7C7;
    color: #C7C7C7;
    border-top-color: #C7C7C7;
    font-family: Calibri, Verdana;
    background-color: #fff;
    border-right-color: #C7C7C7;
    width: 100%;
    height: 100%;
}

.MAField {
    font-weight: bold;
    font-size: 10pt;
    color: black;
    font-family: Calibri, Verdana;
}

.MAHeader {
    font-weight: bold;
    font-size: 10pt;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #8AB292;
    text-align: center;
}

.MATinyText {
    font-size: 8pt;
    color: green;
    font-family: Calibri, Verdana;
}

.CITable {
    border-style: solid;
    border-width: 2px;
    font-size: 10pt;
    border-left-color: #C7C7C7;
    border-bottom-color: #C7C7C7;
    color: black;
    border-top-color: #C7C7C7;
    font-family: Calibri, Verdana;
    background-color: #FFFFFF;
    border-right-color: #C7C7C7;
    width: 100%;
    height: 100%;
}

.CIHeader {
    background-color: #8AB292;
}

.RWTable {
    border-style: solid;
    border-width: 2px;
    font-size: 10pt;
    border-left-color: #C7C7C7;
    border-bottom-color: #C7C7C7;
    color: black;
    border-top-color: #C7C7C7;
    font-family: Calibri, Verdana;
    background-color: #FFFFFF;
    border-right-color: #C7C7C7;
    width: 100%;
    height: 100%;
}

.RWTinyText {
    font-size: 9pt;
    color: black;
    font-family: Calibri, Verdana;
}

.RWWarning {
    font-size: 9pt;
    color: red;
    font-family: Calibri, Verdana;
}

.RWHeader {
    background-color: #8AB292;
}

.EMCTable {
    padding: 5px;
    border-style: solid;
    border-width: 2px;
    font-size: 10pt;
    border-left-color: #C7C7C7;
    border-bottom-color: #C7C7C7;
    color: black;
    border-top-color: #C7C7C7;
    font-family: Calibri, Verdana;
    background-color: #fff;
    border-right-color: #C7C7C7;
    width: 100%;
    height: 100%;
}

.EMCHeader {
    background-color: #8AB292;
}

.FirestormStandardButton {
    background-color: #000;
	    text-transform: uppercase;
}

.DPBoxHeader {
    background-color: #8AB292;
}

.DPSectionTitle {
    color: #363b43;
}

.EMCField {
    color: #000;
}

.CIField {
    color: #000;
}

.OrderHistoryReportHeaderDealer {
    font: 9pt Calibri, Verdana, helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
}

.BTV4Description {
    font-size: 9pt;
    color: #333;
    font-family: Calibri, Verdana;
    text-align: left;
}

.BVHDescription {
    font-size: 9pt;
    color: #333;
    font-family: Calibri, Verdana;
}

.EHHeader {
    padding: 3px;
    font-family: Calibri, Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #8AB292;
    font-weight: bold;
}

.EHFooter {
    padding: 3px;
    font-family: Calibri, Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #8AB292;
    font-weight: bold;
}

.EHSummaryOddRow {
    background-color: #DBDBDB;
}

.EHSummaryEvenRow {
    background-color: #f1f1f1;
}

.ERFilterBar {
    background-color: #f1f1f1;
}

body.FirestormPage_TabularGenealogy_aspx .TGMainTable tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

.EHDetailHeader {
    padding: 3px;
    font-family: Calibri, Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #8AB292;
    font-weight: bold;
}

.EHDetailFooter {
    padding: 3px;
    font-family: Calibri, Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #8AB292;
    font-weight: bold;
}

.ROPSectionHeaderLabel {
    font-family: Calibri, Verdana;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
	margin-right:61px;
}

.ROPDataLabel {
    font-family: Calibri, Verdana;
    font-size: 14pt !important;
}


/***************************/
/* RECURRING ORDER PORTAL PAGE */
/***************************/



.ROPRecurringOrderSelection, .ROPCommandBar, .ROSection1, .ROSection2, .ROSection3 {
    padding-bottom: 35px;
}

#ctl00_MainContent_ButtonEditShipToCell {
	background-color:white !important;
	padding:0px;
	padding-top: 98px;
	padding-right:75px;

	}
	
#ctl00_MainContent_ButtonEditShipToCell a {
	background-color: #000;
    padding: 10px;
    margin: 0 0px 0 0px;
	}


#ctl00_MainContent_ButtonEditProductsCell {
	background-color:white !important;
	padding-top:71px;
}

#ctl00_MainContent_ButtonEditProductsCell a {
		background-color: #000;
    padding: 10px;
    margin: 0 30px 0 10px;
}

#ctl00_MainContent_ButtonEditPaymentCell {
	background-color:white !important;
	    padding-top: 51px;

}

#ctl00_MainContent_ButtonEditPaymentCell a {
	background-color: #000;
    padding: 10px;
    margin: 0 30px 0 10px;

}



#ctl00_MainContent_ButtonEditBillingAddressCell {
	background-color:white !important;
		    padding-top: 51px;

}
#ctl00_MainContent_ButtonEditBillingAddressCell a {
	background-color: #000;
    padding: 10px;
    margin: 0 30px 0 10px;
}


.EO_bodycopy {
	font-weight:400;
	font-size:.8em;
}

.EO_Subhead {
	font-weight:600;
	text-decoration:underline;
	    font-size: 18px;

}




.FirestormPage_RecurringOrderPortal_aspx h3 {
	font-size: 1.17em !important;
    margin: 0px !important;
    font-weight: bold !important;
}


	
	
/***************************/
/* BACK OFFICE OVERALL STYLE EDIT */
/***************************/
.EHNoCommissionsEarned {
    background-color: #f1f1f1;
}
	
/***************************/
/* EASY ORDER PAGE BACK OFFICE */
/***************************/


.ShipTo {
	text-align:right;
	margin-right:25px;
}

.auto-form input.auto-ship-btn {
	    background-color: #000;
}

.auto-form .select-bg, .auto-form .product-bg, .auto-form .shipping-bg, .auto-form .shipper-bg, .auto-form .start-bg, .auto-form .payment-bg {
font-size: .85em;
    color: #ffffff !important;
    background-color: #8AB292;
    display: block;
    padding: 5px 0px 1px 10px;
    min-width: 400px;
    background: #8AB292;
    width: 500px;
    text-shadow: none;
}

.card .card-content, .card-content {
    padding: inherit;
}

.card-content h1 {
    color: white !important;
    font-weight: 500 !important;
}

.auto-form .product-bg {
    background-color: transparent;
    padding: 0px;
}

.ReviewStepTwoJR {
font-size: 1em;
    color: #ffffff !important;
    background-color: #8AB292;
    display: block;
    padding: 10px 0px 19px 14px;
    min-width: 400px;
    background: #8AB292;
    width: 500px;
    text-shadow: none;	
}

.ReviewEasyOrderJR {
	color: #363b43 !important;
    font-size: .9em;
    font-weight: 400;
    margin-top: 30px;
}

.auto-form .alert-msg p span {
    font-size: 1.3em;
    line-height: 1.3em;
}

.auto-form .shipping-bg {
}

.auto-form .shipper-bg {
}

.auto-form .start-bg {
}

.auto-form .payment-bg {
}

.trin-1 button {
	text-align:center;
}

.auto-form input.auto-ship-btn.width-100 {
    width: 500px;
	min-width:400px;
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 31px;
	    text-transform: uppercase;
}

#ctl00_MainContent_StatusMessageTitle li {
	font-size:.85em;
}

@media (max-width: 733px) {
  .auto-form input.auto-ship-btn {
    width: 100% !important;
	min-width:unset;
	}
	
	.auto-form .select-bg, .auto-form .product-bg, .auto-form .shipping-bg, .auto-form .shipper-bg, .auto-form .start-bg, .auto-form .payment-bg {
    width: 100% !important;
	min-width:unset;

}
	
	.ReviewStepTwoJR {    
	width: 100% !important;
	min-width:unset;
	}
}

 /* The weird media query that made the page pop to 50% above 99em which makes no sense to me so I plugged in the max width */
@media (min-width: 50em) and (max-width: 150em) {
    .auto-form .trin-2, .auto-form .trin-7 {
        width: 100% !important;
    }
}
 /* The form doesn't have to be full width all the time, it gets too wide looking */

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

.style-gradient select-bg {
	border-style: solid;
    border-width: 64px 0px 0px;
    -moz-border-image: url(images/header-veggies.jpg) 64 27 0 repeat !important;
    -webkit-border-image: url(images/header-veggies.jpg) 64 27 0 repeat !important;
    -o-border-image: url(images/header-veggies.jpg) 64 27 0 repeat !important;
    border-image: url(images/header-veggies.jpg) 57% 0 0 repeat !important;
	}

 /* recurring order page */

.ROPRecurringOrderSelection {
    background-color: #fff !important;
}
	
.ROPCommandBar	{
    background-color: #fff;
    margin-top: 25px;
	}
	
.ROSection1	{

	}
	
.ROSection2	{

	}
	
.ROSection3	{

	}


#ctl00_MainContent_lblShipDay {
	display:none
}

#ctl00_MainContent_lblShipDayData {
	display:none
}

.EasyOrderHeader {
	font-size:1.4em; 
	font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif ;
	color: #ffffff;
    background-color: #8AB292;
    display: block;
    padding: 10px;
	min-width:400px;
}

.EasyOrderHeaderBlank {
	font-size:1.4em; 
	font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif ;
	color: white;
}

.ROPEditHeader {
    margin: 5px;
    padding: 10px;
    border-radius: 0px;
    background-color: #8AB292;
    width: 96%;
}

.ROPEditQuestion {
    font-family: Calibri, Verdana;
    font-size: 14pt;
    font-weight: bold;
    color: #ff0000;
}

.ROPEditWindowMainDiv {
    background-color: #fff;
}

.ROPEditProductsHeader {
    background-color: #8AB292;
}

.ROPStepDescription {
    background-color: #f1f1f1;
    border-radius: 0px !important;
}

.ROPButtonBar {
    margin: 5px;
    padding: 10px;
    border-radius: 0px;
    background-color: rgba(61, 57, 53, 0.05);
}

.ROPEditProductsOddRow {
    background-color: #e3f1e7;
}

.ROPEditProductsEvenRow {
    background-color: #fff;
}

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

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

.ROPEditProductsCategoryRow {
    background-color: #106fba;
}

.ROPHistoryHeaderLeftCell {
    border-top-left-radius: 5px;
}

.ROPHistoryHeaderCell {
    background-color: #106fba;
}

.ROPHistoryEvenRow {
    background-color: #fff;
}

.ROPHistoryOddRow {
    background-color: #e3f1e7;
}

#divEditProducts .ROPButtonBar {
    background-color: transparent;
    position: fixed;
    right: 13px;
    top: 56px;
    left: auto;
}


#divEditProducts {
    margin-bottom: 100px;
    border-bottom: 1px solid #e2e2e2;
}

.ROPButtonBar input#btnCancelEditProducts {
    right:0px;
        bottom:0px;
}

.ROPButtonBar input#btnSaveEditProducts {
        right:85px;
        bottom:0px;
}

.ROPAddressContainer {
    text-align: left;
    margin-right: 226px;
}

#ctl00_MainContent_tblBigData {
	margin-top:83px;
}


.ROPButtonBar input#btnCancelEditProducts, .ROPButtonBar input#btnSaveEditProducts {
	position:static;
    height:32px !important; 
	font-size:16px !important;
	font-weight:bold !important;	
}

@media (max-width: 50em) {
.ROPButtonBar input#btnCancelEditProducts, .ROPButtonBar input#btnSaveEditProducts {
	height:32px !important; 
	font-size:16px !important;
	font-weight:bold !important;	
}}


.ROPEditShipperHeaderLeft {
    border-top-left-radius: 5px;
}

.ROPEditShipperHeaderRight {
    border-top-right-radius: 5px;
}

.ROPEditShipperHeader {
    background-color: #106fba;
}

.ROPEditShipperOddRow {
    background-color: #ffffff;
}

.ROPEditShipperEvenRow {
    background-color: #f1f1f1;
}

#btnSaveEditProducts, #btnSaveName, #btnSaveEditShipTo, #btnSaveShipFreq, #btnSaveNextShipDate, #btnSaveEditShipper, #btnSaveEditPayment, #btnSaveEditBillingAddress {
	background-color:#000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000;
	margin-right: 18px;
	font-weight:bold;
}

#btnSaveEditProducts:hover, #btnSaveName:hover, #btnSaveEditShipTo:hover, #btnSaveShipFreq:hover, #btnSaveNextShipDate:hover, #btnSaveEditShipper:hover, #btnSaveEditPayment:hover, #btnSaveEditBillingAddress:hover {
background-color:#5999cc;
}

#btnSaveEditProducts:active, #btnSaveName:active, #btnSaveEditShipTo:active, #btnSaveShipFreq:active, #btnSaveNextShipDate:active, #btnSaveEditShipper:active, #btnSaveEditPayment:active, #btnSaveEditBillingAddress:active {
	position:relative;
	top:1px;
}

#btnCancelEditProducts, #btnCancelName, #btnCancelEditShipTo, #btnCancelShipFreq, #btnCancelNextShipDate, #btnCancelEditShipper, #btnCancelEditPayment, #btnCancelEditBillingAddress {
	background-color:#656565;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:4px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #000;
	margin-right: 18px;
}

#btnCancelEditProducts:hover, #btnCancelName:hover, #btnCancelEditShipTo:hover, #btnCancelShipFreq:hover, #btnCancelNextShipDate:hover, #btnCancelEditShipper:hover, #btnCancelEditPayment:hover, #btnCancelEditBillingAddress:hover {
background-color:#5999cc;
}

#btnCancelEditProducts:active, #btnCancelName:active, #btnCancelEditShipTo:active, #btnCancelShipFreq:active, #btnCancelNextShipDate:active, #btnCancelEditShipper:active, #btnCancelEditPayment:active, #btnCancelEditBillingAddress:active {
	position:relative;
	top:1px;
}

.SCNCOShippingAddressTable {
    font-size: 11pt;
}



.ROPDataLabel h1 {
	background-color: #8AB292;
    padding: 10px;
	min-width: 400px;
}

.RadDropDownList {
    margin: 70px 0 0 44px;
}
	


/***************************/
/* Enrollment Success Notice */
/***************************/

#ctl00_MainContent_lblDealershipID, #ctl00_MainContent_lblDealershipIDData{
		display:none
	}
	
#ctl00_MainContent_lblPlacementInformation{
		display:none
	}
	
#ctl00_MainContent_lblSponsor, #ctl00_MainContent_lblSponsorData
{
		display:none
	}
	
	
#ctl00_MainContent_lblUnilevelPlacement, #ctl00_MainContent_lblUnilevelPlacementData, #ctl00_MainContent_lblBinaryPlacement, #ctl00_MainContent_lblBinaryPlacementData
{
		display:none
	}
	
		/*MORE BACK OFFICE EDITS*/
	
	.CustomerReportFieldLabel {
    font-family: Calibri;
    font-size: 11pt;
    color: white;
}

.CustomerReportSortToolbar {
    width: 600px;
    border: 1px solid #336699;
    background-color: #8AB292;
}
.OrderHistoryDateLabel {
    font-size: 17px;
    color: #363b43;
    font-weight: bold;
}

.OrderHistoryButton {
    background-position: top;
    border-right: none;
    border-top: none;
    border-left: none;
    color: #ffffcc;
    border-bottom: none;
    font-weight: bold;
    font-size: 11pt;
    background-color: #106fba;
	background-image: none;
}

.RadListViewHeader {
    color: #363b43 !important;
}

.OrderHistoryReportTableHeader {
    font-size: 19px;
    color: #363b43;
}

.OrderHistoryReportHeaderCustomer {
    color: #000;
    border-bottom-color: #CCCCCC;
    font-weight: bold;
}

.OrderHistoryNoOrders {
    font: normal 13px Calibri, Verdana, helvetica, sans-serif;
    color: #ff0000;
    background-color: #ffffff;
}

.OrderHistoryReportOddRow {
    font: 11px Calibri, Verdana, helvetica, sans-serif;
    color: #555555;
    background-color: #FFFFFF;
}

.OrderHistoryReportEvenRow {
    font: 11px Calibri, Verdana, helvetica, sans-serif;
    color: #555555;
    background-color: #f1f1f1;
}



.RadListViewHeader {
    font-family: calibri;
    font-size: 11pt;
    font-weight: bold;
    color: #106FBA;
}

.CustomerReportEvenRow {
    background-color: #f1f1f1;
}


.BVHSearchBox {
    background-color: #e2e2e2;
}


.BVHContentOfGrid {
    background-color: #8AB292;
}

.BVHHeader {
    background-color: #8AB292;
}

.BVHOddRow {
    background-color: #f1f1f1;
}

.CRSubHeader {
    background-color: #8AB292;
}

/*buttons*/

#ctl00_MainContent_btnLeft, #ctl00_MainContent_btnTop, #ctl00_MainContent_btnRight {
	margin-bottom: 15px;
    background-color: #000;
    font-size: 14px;
    color: white;
    font-weight: bold;
	}


.ROPButtonBar input {
	height:46px
}


	
	
	/*AUSTINS CODE TO MOVE GREEN TREE BUTTONS DOWN*/	
#ctl00_MainContent_btnLeft, #ctl00_MainContent_btnTop, #ctl00_MainContent_btnRight {
	display: none;
}

#newTreeButtons {
	text-align: center;
}

#newTreeButtons input {
	margin: 15px 5px;
	display: inline-block!important;
	cursor: pointer;
}

	
#ctl00_MainContent_btnDownlineSearch {
	background-color: #8AB292;
    color: white;
    font-weight: bold;
	}
	
/*AUSTINS CODE TO MOVE GREEN TREE BUTTONS DOWN*/	
	
.BTV4MainTable  {
	padding-top: 10px;
    padding-left: 10px;
	}
	
#Table5 {
		float:left;
		}
		
#Table2  {
	width:100%;
	}
	
	
		/*NEW LOGIN PAGE CSS FROM TRINITY*/
	
	
	/********************/
/* REVISION HISTORY */
/* 
    DATE        WHO Comments
    ----------  --- ---------------------------------------------------

	06/06/2016  DG  first deployment
*/
/* END REVISION HISTORY */
/************************/
body,
html {
  background-color: #f5f7fa !important;
  background-position: top center !important;
  background-size: cover !important;
  font-family: inherit !important;
  color: #434a54 !important;
  font-size: 14px;
  padding: 0 !important;
  margin: 0 !important; }

/*CONTROL BACKGROUND VISIBILITY*/
.FirestormPage_FirestormLogoff_aspx #wrapper,
.FirestormPage_FirestormLogoff_aspx .FirestormPageBackground,
.FirestormPage_FirestormLogoff_aspx #Table2 {
  background-color: transparent !important; }

.FirestormPage_LandingPage_Dashboard_aspx #wrapper,
.FirestormPage_LandingPage_Dashboard_aspx .FirestormPageBackground {
  background-color: transparent !important; }

.FirestormPage_TabularGenealogy_aspx #wrapper,
.FirestormPage_TabularGenealogy_aspx .FirestormPageBackground {
  background-color: transparent !important; }

body.FirestormPage_EnrollDistributor_aspx {
  background-position: center !important;
  background-size: cover;
  height: auto !important; }

.FirestormPage_EnrollDistributor_aspx .ShoppingCartBody,
.FirestormPage_EnrollDistributor_aspx #wrapper,
.FirestormPage_EnrollDistributor_aspx .NEContainerBox,
.FirestormPage_EnrollDistributor_aspx .NEStandardBox,
.FirestormPage_EnrollDistributor_aspx .FirestormPageBackground,
.FirestormPage_EnrollDistributor_aspx #Table2 {
  background-color: transparent !important; }

.FirestormPage_EnrollDistributor_aspx body {
  background-color: #f8f8f8; }

.mainbody {
  color: #434a54; }

#wrapper,
.FirestormPageBackground {
  background-color: transparent; }

.DefaultDescription,
.DefaultMainTitle,
.FirestormPageHeaderText,
.PTPSSectionLabel {
  color: #434a54;
  font-family: inherit !important;
	font-weight: normal;
    font-size: 14pt;
}

.PTPSFieldLabel {
    font-size: 10pt;
}

.SPCOddRow {
    background-color: #f1f1f1;
    border: 1px solid #8AB292;
}

.SPCTableHeader {
    font-size: 9pt;
    color: black;
    background-color: #ffffff;
    border-left: 1px solid #8AB292;
    border-right: 1px solid #8AB292;
}

.HOHostName {
    background-color: #43a35c;
    color: white;
    border-left: 1px solid #8AB292;
    border-right: 1px solid #8AB292;
}

.SPCColumnHeader {
    font-weight: bold;
    font-size: 8pt;
    color: white;
    font-family: Calibri, Verdana;
    background-color: #8AB292;
    border-left: 1px solid #8AB292;
    border-right: 1px solid #8AB292;
}

#ctl00_MainContent_cboEventDate_input, #ctl00_MainContent_cboOpenDate_input, #ctl00_MainContent_cboCloseDate_input {
    background-color:transparent;
}

.SUPTinyText {
    font-size: 9pt;
    color: #484848;
}

.PMEvenRow {
    background-color: #f1f1f1;
}

select {
  height: 30px;
  border-radius: 0px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: auto;
  padding: 3px 52px 3px 12px;
  /*use the background svg FILL to edit arrow color*/
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gray' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  outline: none !important;
  color: inherit;
  background-color: #fff !important;
  font-size: 12px !important;
  -webkit-appearance: menulist-button;
  border: 1px solid lightgrey;
  margin-bottom: 15px; }

/*TOOL= TAB GEN page only*/
.FirestormPage_TabularGenealogy_aspx .TGHeader {
  background-color: #434a54 !important; }

.FirestormPage_TabularGenealogy_aspx .TGHeader a:link {
  background-color: transparent !important; }

.FirestormPage_TabularGenealogy_aspx .TGHeader td a:hover {
  background-color: transparent !important;
  text-decoration: none; }

/*end*/
/*TOOL= PARTY PORTAL items only*/
.FirestormPage_PartyTask_PartySummary_aspx .TGHeader {
  background-color: #434a54 !important; }

.FirestormPage_PartyTask_PartySummary_aspx .TGHeader a:link {
  background-color: transparent !important; }

.FirestormPage_PartyTask_PartySummary_aspx .TGHeader td a:hover {
  background-color: transparent !important;
  text-decoration: none; }

.PTPSEditPartyLink { 
    font-size:13px
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(9) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(10) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(13) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(14) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(16) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(17) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(18) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(19) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(20) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(21) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(22) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(23) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(24) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(25) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(26) {
    background-color:#e7e7e7;
}


.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(27) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(32) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(33) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(38) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(39) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(43) {
    background-color:#e7e7e7;
}

.FirestormPage_PartyTask_PartySummary_aspx #wrapper #Table4 tbody tr:nth-of-type(44) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(6) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(6) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(7) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(9) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(10) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(12) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(13) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(14) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(15) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(16) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(17) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(18) {
    background-color:#e7e7e7;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(19) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(20) {
    background-color:#fff;
    height:23px;
}
.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(21) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(22) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(24) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(25) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(27) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(28) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(30) {
    background-color:#e7e7e7;
}

.FirestormPage_ManagePartyOrders_aspx #wrapper #Table4 tbody tr:nth-of-type(31) {
    background-color:#e7e7e7;
}



.PTPSTotalsRowLeft, .PTPSTotalsRow, .PTPSTotalsRowRight {
    background-color: #e7e7e7;
}

.PTPSLeftColumn {
  width: 25px;
  background-image: none; }

.PTPSDescriptionBox {
    background-color: #E7E7E7 !important;
    font-size: 13px;
    margin-bottom: 0px;
    border: none;
}


.PTPSTableHeader
{
  border: none !important;
  border-bottom-style: none !important;
}

.PTPSOrdersHeader,
.PTPSBookingsBox,
.PTPSGuestListBox,
.PTPSBookingsHeader {
  border: none !important;
  border-bottom-style: none !important;
background-color:#e7e7e7
}

.PTPSSingleCell {
  background-color: rgba(231, 88, 69, 0.15);
  padding: 12px;
  font-size: 13px;
  text-align: left;
  color: #666e78;
  border-left-style: none;
  border-right-style: none;
  border-right-width: 0px;
  border-left-width: 0px;
  border-right-color: transparent;
  border-left-color: transparent;
  margin-bottom: 5px;
  margin-left: 5px;
  border-left: solid 10px #e75845; }

#ctl00_MainContent_tblOrderDetail {
    margin-top: 23px;
}

.PTPSHelpText {
  color: #333333;
  font-size: 13px; }

.PTPSActionButton {
    margin-bottom: 17px;
    margin-left: 8px;
}

.PTPSActionButton {
  background-image: none;
  text-decoration: none !important;
  background-color: #8AB292 !important;
  border: none !important;
  padding: 10px 30px !important;
  width: 300px !important;
  display: block;
  text-align: center;
  font-size: 13px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -webkit-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; }

.PTPSActionButton:hover {
  box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  background-color: #8bc69a !important;
  border: none !important; }

.PTPSActionButton:active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  background-color: #8AB292 !important; }

/*end*/
/* Disabled items */
input[disabled="disabled"],
input[disabled="disabled"]:hover,
input[disabled="disabled"]:active {
  background-color: #898f97 !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  cursor: not-allowed !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; 
margin-right: 20px !important;
}

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

h1.welcome span a:active {
	color:white;
}

h1.welcome span a:visited {
	color:white;
}

h1.welcome span a:hover {
	color:white;
}

h1.welcome span a {
	color:white;
}

/*tables*/
#table1 {
    background-color: #ffffff !important;
    margin-left: 5px;
}

.holding-tank .secondary th {
    background-color: #d8d8d8 !important;
    color: #353535 !important;
}

.auto-form .alert-msg.green {
    background-color: #8AB292;
    border-left: 10px solid #8AB292;
}

/*Zebra*/
.TGMainTable tbody tr:nth-child(even) {
  background-color: rgba(68, 163, 92, 0.15); }

/*reversing these classes to use better css*/
.TGOddRow,
.TGEvenRow {
  font-family: inherit !important;
  color: #434a54 !important;
  font-size: 14px; }

/*toolbars*/
.TGTopToolbar {
  font-size: inherit;
  font-family: inherit;
  color: #ffffff;
  background-color: #8AB292 !important;
  padding-left: 22px; }

.TGBottomToolbar {
  font-size: inherit;
  font-family: inherit;
  color: #ffffff;
  background-color: #8AB292;
  padding-left: 22px; }

.TGReportHeader {
  font-size: 18px !important;
  padding: 10px 0 10px 0 !important;
  display: block; }

.TGHeader a {
  color: #ffffff !important; }

.TGButton {
  border-radius: 2px;
  color: #ffffff;
  font-weight: normal;
  padding: 6px 15px;
  text-align: center;
  background-image: none;
  text-decoration: none !important;
  background-color: #8bc69a !important;
  border: none !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.26);
text-transform: uppercase;
}

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

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

/*Page Titles*/
.FirestormPageHeaderText {
  display: block;
  font-family: inherit !important;
  font-weight: 300;
  font-size: 28px;
  background-color: transparent;
  font-weight: 300 !important;
  padding: 0px 25px 20px 25px !important; }

/*New dashboard only style*/
.FirestormPage_FirestormLogoff_aspx #wrapper,
.FirestormPage_FirestormLogoff_aspx .FirestormPageBackground {
  background-color: transparent; }

/*details button for white cards link hover colors*/
a.details:link {
  text-decoration: none !important;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out; }

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

/*right side panels of landing page tool top color*/
.communication {
  border-top: 10px solid #8AB292; }

/*.MainBackofficeLogo {
  display: block;
  padding-left: 22px !important; }*/

/*type styles*/
a:link {
  color: #8AB292;
  text-decoration: underline; }

a:visited {
  color: #8AB292; }

a:active {
  color: #8bc69a; }

a:hover {
  color: #8bc69a;
  text-decoration: none; }

/*TYPOGRAPHY*/
p {
  margin-bottom: 15px !important; }

h1,
h2,
h3,
h4 {
  color: #434a54;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 15px; }

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

h1 {
  font-size: 2em; }

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; }

/*MOVED FROM BASE TO FIX ISSUES */
.ShoppingCartFooter {
  background-color: #8AB292 !important; }

.ShoppingCartFooter span.FirestormPageHeaderText {
  color: #ffffff !important; }

.ShoppingCartHeader {
  height: 35px;
  font-weight: bold;
  background-color: transparent;
  font-family: inherit; }

/*TO REMOVE ANNOYING ANIMATION */

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    transform: none !important;
}

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

.auto-form .auto-title {
    border: none;
    padding: 5px;
    margin-top: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    float: left !important;
}
#ctl00_MainContent_lblPageHeader h3 {
font-size: 1em !important;
}

#ctl00_MainContent_lblPageHeader h4 {
font-size: .9em !important;
}

/*OLD master page stylings for header and footer only*/

/*#ctl00_BannerTable {
  background-image: none !important;
  background-color: #8AB292;
  height: 110px;
  border-left: 10px solid #8AB292 !important; }*/

div#ctl00_RadHorizontalMenu {
  border-bottom: 25px solid #bdc0c3 !important;
  background-color: transparent !important; }

/*Styles for master page markup*/
.ShoppingCartHeader {
  height: 35px;
  font-weight: bold;
  background-color: transparent;
  font-family: inherit;
	display:none;
}

.FirestormPage_TabularGenealogy_aspx .ShoppingCartHeader {
		display:contents;
}

.DefaultMainTitle h2 {
	margin-top:15px;
}

.BTV4MainTitle h2 {
	margin-top:15px;
}

.FirestormStandardDropDown {
  border: 1px solid #b8babe;
  font-size: 12px !important;
  color: #434a54 !important;
  font-family: inherit !important;
  background-color: #ffffff;
  height: 27px; }

/* older PANEL STYLES*/
.container {
  width: 96% !important;
  min-width: 500px;
  margin: 10px;
  background-color: #ffffff;
  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;
  float: left;
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
  -webkit-border-top-left-radius: none !important;
  -webkit-border-top-right-radius: none !important;
  -moz-border-radius-topleft: none !important;
  -moz-border-radius-topright: none !important;
  border-bottom-left-radius: none !important;
  border-bottom-right-radius: none !important;
  -webkit-border-bottom-left-radius: none !important;
  -webkit-border-bottom-right-radius: none !important;
  -moz-border-radius-bottomleft: none !important;
  -moz-border-radius-bottomright: none !important;
  width: 96% !important;
  min-width: 20px !important; }

.container .footer {
  display: none; }

.header {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  height: 35px !important;
  background-color: #8AB292 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  padding-top: 8px !important; }

.mainbody {
  background-color: #ffffff !important;
  border-left: none !important;
  border-right: none !important; }

/*Communication Card title text*/
.card .card-content .card-title {
  color: #8AB292 !important; }

/*SPECIAL LIST for Communication content editor content */
ul.exec-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

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

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

ul.exec-list span {
  font-weight: 700;
  color: #8AB292 !important;
  float: right; }

.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: #8AB292 !important;
  border: none !important;
  padding: 10px 30px !important;
  width: 100% !important;
  display: block;
  text-align: center;
  font-size: 13px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -webkit-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;
  -moz-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  background-color: #8bc69a !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: #8AB292 !important; }

/*Charts*/
text {
  fill: #434a54 !important;
  font-weight: normal !important; }

/*ENROLLMENT FORM */
/*TABLES*/
.FirestormPage_EnrollDistributor_aspx #table1 {
  background-color: transparent !important; }

.EnrollerPlacementRow .FirestormStandardTextBox,
.EnrollerPlacementRow .NEPlacementLabel,
.EnrollerPlacementRow .NEPositionLabel,
.EnrollerPlacementRow .NEPositionData,
.SponsorPlacementRow .FirestormStandardTextBox,
.SponsorPlacementRow .NEPlacementLabel,
.SponsorPlacementRow .NEPositionLabel,
.SponsorPlacementRow .NEPositionData,
.UnilevelPlacementRow .FirestormStandardTextBox,
.UnilevelPlacementRow .NEPlacementLabel,
.UnilevelPlacementRow .NEPositionLabel,
.UnilevelPlacementRow .NEPositionData,
.BinaryPlacementRow .FirestormStandardTextBox,
.BinaryPlacementRow .NEPlacementLabel,
.BinaryPlacementRow .NEPositionLabel,
.BinaryPlacementRow .NEPositionData,
.BinaryLeftPlacementRow .FirestormStandardTextBox,
.BinaryLeftPlacementRow .NEPlacementLabel,
.BinaryLeftPlacementRow .NEPositionLabel,
.BinaryLeftPlacementRow .NEPositionData,
.BinaryRightPlacementRow .FirestormStandardTextBox,
.BinaryRightPlacementRow .NEPlacementLabel,
.BinaryRightPlacementRow .NEPositionLabel,
.BinaryRightPlacementRow .NEPositionData,
.BinaryAutoplacePlacementRow .FirestormStandardTextBox, .BinaryAutoplacePlacementRow .NEPlacementLabel, .BinaryAutoplacePlacementRow .NEPositionLabel, .BinaryAutoplacePlacementRow .NEPositionData {
  font-size: 13px; }

.EnrollerPlacementRow .NEPositionData,
.SponsorPlacementRow .NEPositionData,
.UnilevelPlacementRow .NEPositionData,
.BinaryPlacementRow .NEPositionData,
.BinaryLeftPlacementRow .NEPositionData,
.BinaryRightPlacementRow .NEPositionData,
.BinaryAutoplacePlacementRow .NEPositionData {
  color: #4e8bda; }

.DWSMainBody {
  background-color: #f1f1f1 !important; }

.MPOHostAwardEvenRow {
    background-color: #f1f1f1; }

.NEAutoshipGroupOptionDescription {
  font-size: 13px;
  color: #434a54; }

.NEOrderTotalsGrandTotalLabel, .NEOrderTotalsGrandTotalData {
  color: #8dbf58;
  font-size: 13px; }

.NEOrderTotalsLabel {
  font-size: 13px;
  color: #434a54; }

.NEOrderTotalsData {
  font-size: 13px;
  color: #4e8bda; }

.FirestormPage_EnrollDistributor_aspx input[type="submit"],
.FirestormPage_EnrollDistributor_aspx input[type="button"],
.FirestormPage_EnrollDistributor_aspx input[type="submit"]:visited,
.FirestormPage_EnrollDistributor_aspx input[type="button"]:visited {
  text-decoration: none !important;
  background-color: #000 !important;
  border: none !important;
  margin: 0px auto !important;
  width: auto !important;
  display: block;
  text-align: center;
  font-size: 16px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -webkit-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;
  height: 30px;
	padding: 0 16px;
  background-image: linear-gradient(to bottom right, #000, #000); }

.FirestormPage_EnrollDistributor_aspx input[type="submit"]:hover,
.FirestormPage_EnrollDistributor_aspx input[type="button"]:hover {
  box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  -webkit-box-shadow: 0 9px 17px 0 rgba(0, 0, 0, 0.3) !important;
  background-color: #8AB292 !important;
  border: none !important; }

.FirestormPage_EnrollDistributor_aspx input[type="submit"]:active,
.FirestormPage_EnrollDistributor_aspx input[type="button"]:active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  background-color: #8AB292 !important; }

.NESectionBox table table[cellpadding*="2"] tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr span.NEIdentificationLabel {
  position: absolute;
  width: 87%; }

.NESectionBox table table[cellpadding*="2"] tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr {
  height: 45px; }

.NESectionBox table table[cellpadding*="2"] tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr + tr span.NEIdentificationLabel {
  position: initial;
  width: 100%; }

input[value="Complete My Enrollment"] {
  width: 100%; }

input[type="checkbox"] {
  height: auto !important; }

#ctl00_MainContent_tblRankSelection table table tr table tr:nth-child(2) {
	background-color: #000;
}


span#ctl00_MainContent_lblProduct {
    font-size: 20px;
    line-height: 19px;
    color: white;
    padding-top: 20px;
    font-weight: bold;
}

a.NEFieldLabel {
    background-color: #000000;
    color: #fff !important;
    font-size: 14px;
    width: 310px;
    padding: 6px;
    border-radius: 0px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

span.NEFieldLabel label {
  padding-left: 10px;
  font-size: 12px; }

.NEIdentificationLabel {
  color: inherit;
  font-size: 16px !important;
  text-decoration: none;
  border-bottom: 1px dashed #434a54;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 5px; }

.NEHelpText {
  float: right;
  color: #fff;
  font-size: 11px;
  background-color: #3fbb9b;
  padding: 5px;
  z-index: 8999;
  position: relative;
  border-radius: 6px;
	display:none;
}

.NEDistributorLookupLink {
  background-color: transparent; }

.NEDistributorLookupLink a {
margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-decoration: none!important;
    /* border: 1px solid #6e6e6e; */
    padding: 2px 10px;
    font-size: 14px;
    background-color: #000000;
    color: white;
    font-weight: bold;
}

.NEDescriptionText,
.NETermsAndConditionsDescripton,
.NEProductDescription,
.NEAutoshipGroupDescription,
.NEAutoshipGroupName {
  font-size: 12px;
  line-height: 18px; }

.NEAutoshipGroupName {
  font-size: 18px;
  color: #666;
  text-decoration: none; }

/*resetting tables to be responsive*/
@media (max-width: 30em) {
  .FirestormPage_EnrollDistributor_aspx table {
    width: 100% !important; }
  .NECouponRow td input {
    width: 100% !important; }
  .DWSMainBody .FirestormStandardDropDown {
    width: 100% !important; }
  .FirestormStandardDropDown {
    width: 100% !important;
    font-size: 12px !important; }
  .NEReplicatingWebsiteDescription {
    padding: 5px !important; }
  .NEReplicatingWebsiteDescription b {
    font-size: 10px !important; }
  .NEIdentificationLabel {
    font-size: 13px !important; }
  #ctl00_MainContent_txtSSN,
  #ctl00_MainContent_txtEmail,
  #ctl00_MainContent_txtShipZip,
  #ctl00_MainContent_txtShipCity,
  #ctl00_MainContent_txtReferringDealerID,
  #ctl00_MainContent_txtPhone,
  #ctl00_MainContent_txtPassword,
  #ctl00_MainContent_txtConfirmPassword,
  #ctl00_MainContent_txtDealerURL,
  #ctl00_MainContent_btnComplete,
  #ctl00_MainContent_txtBillZip {
    width: 100% !important; }
  .NESectionBox {
    overflow: hidden !important; }
  .NESectionTitle:after,
  .NESectionTitleSpecial:after {
    display: none; }
  .NESectionTitle,
  .NESectionTitleSpecial {
    width: 100%; }
  .NESectionBox {
    padding-top: 65px !important; } }

@media (min-width: 30em) and (max-width: 50em) {
  .FirestormPage_EnrollDistributor_aspx table {
    width: 100% !important; }
  .FirestormPage_EnrollDistributor_aspx table td {
    background-image: none; } }

/*END resetting ENROLLMENT PAGE tables to be responsive*/
input,
select {
  margin-bottom: 15px; }

.FirestormPage_EnrollDistributor_aspx #Table1 td {
  vertical-align: top;
}

.DWSMainBody {
  padding: 20px 3px 0 3px !important;
  margin-top: 5px !important; }

.NEPaymentTypeBox td {
  width: 100% !important; }

#ctl00_MainContent_txtGCSerialNumber {
  margin-bottom: 5px !important;
  width: 100%;
  height: 27px; }

/*old images in right side TD removed*/
.FirestormPage_EnrollDistributor_aspx .NEGettingStartedImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NERankSelectionImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEAutoshipSelectionImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEReplicatingWebsiteImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEEnrollmentFinalImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEEnrollmentCompleteImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NECustomerEnrollmentCompleteImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEAdditionalProductSelectionImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NESpecialProductSelectionImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEPositionPlacementImage {
  background-image: none;
  display: none; }

.FirestormPage_EnrollDistributor_aspx .NEHeaderTextRow select {
  height: 30px;
  border-radius: 0px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  padding: 3px 52px 3px 12px;
  /*use the background svg FILL to edit arrow color*/
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gray' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  outline: none !important;
  color: inherit;
  background-color: #fff !important;
  font-size: 12px !important;
  -webkit-appearance: menulist-button;
  border: 1px solid lightgrey;
  margin-bottom: 15px; }

.FirestormPage_EnrollDistributor_aspx select {
  height: 30px;
  border-radius: 0px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 95% !important;
  padding: 3px 52px 3px 12px;
  /*use the background svg FILL to edit arrow color*/
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='gray' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  outline: none !important;
  color: inherit;
  background-color: #fff !important;
  font-size: 14px !important;
  -webkit-appearance: menulist-button;
  border: 1px solid lightgrey;
  margin-bottom: 15px; }

.NEHeaderLeft,
.NEHeaderMiddle,
.NEHeaderRight {
  background-color: transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 5px !important;
  line-height: 1px !important; }

.NEFooterLeft,
.NEFooterMiddle,
.NEFooterRight {
  background-color: transparent;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 5px !important;
  line-height: 1px !important; }

.NESectionBox table table {
  width: 100% !important; }


#ctl00_MainContent_tblSpecialProductChoices table tr td:nth-child(3) {
    max-width: 200px !important;
    width: 100%;
}


.NESectionBox {
  overflow: visible !important;
  border-right-style: none;
  border-left-style: none;
  border-top: none;
  position: relative;
  padding-bottom: 40px;
  padding-top: 50px;
  background-color: #fff;
  color: #434a54;
  transition: box-shadow 0.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; }

.NESectionBox: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; }

.NESectionTitle,
.NESectionTitleSpecial {
  position: absolute;
  top: 15px;
  left: -10px;
  padding: 5px;
  background-color: #8AB292;
  color: white;
  line-height: 22px;
  font-size: 16px;
  padding: 5px 5px 5px 45px;
  box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important; }

@media (max-width: 813px) 
{
    
.NESectionTitle, .NESectionTitleSpecial {
    position: absolute;
    top: 15px;
    left: -4px;
    padding: 5px;
    background-color: #8AB292;
    color: white;
    line-height: 22px;
    font-size: 16px;
    padding: 5px 5px 5px 16px;
    box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0px 13px 16px rgba(0, 0, 0, 0.2) !important;
}    
    
}


.NESectionTitle:before,
.NESectionTitleSpecial:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 0px;
  top: 100%;
  border-width: 5px 5px;
  border-style: solid;
  border-color: #2d7b40 #2d7b40 transparent transparent; }

.NESectionTitle:after,
.NESectionTitleSpecial:after {
  content: ' ';
  position: absolute;
  width: 20px;
  height: 0;
  right: -40px;
  top: 0px;
  border-width: 16px 10px;
  border-style: solid;
  border-color: #8AB292 transparent #8AB292 #8AB292; }

.DynamicProductTableTitle {
  border-style: none;
  border-width: 1px;
  border-left: 10px solid #32967d;
  font-size: 11pt;
  color: #fff;
  text-align: center;
  background-color: #3fbb9b; }

.DynamicProductTableTitle td {
  padding: 15px; }

.DynamicProductGroupSeperator {
  font-family: inherit;
  font-size: 14px;
  background-color: #4e8bda;
  color: #FFFFFF; }

.DynamicProductGroupSeperator td {
  padding: 6px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #4e8bda !important; }

.DynamicProductGroupInstructions {
  font-family: inherit;
  font-size: 10px;
  color: #609eea;
  text-align: center;
  background-color: #e7e9ed; }

/*end ENROLLMENT PAGE*/


.FirestormStandardTextBox {
  border: 1px solid lightgrey; }

	

.ROPDataContainer #Table1 {
    background-color: #e4e4e4;
}

#optTemporary, #optPermanant {
    transform: scale(1.3);
    margin: 10px;
}
	
	

/*Telerik menu start*/
/*Main menu top level items*/
.RadMenu_Glow {
  font-size: 14px !important; }

.RadMenu_Glow .rmRootGroup {
  border-color: #aaaaaa !important;
  color: #8AB292 !important;
  background-color: white !important;
  background-image: linear-gradient(white, white) !important;
  font-size: 14px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  box-shadow: none !important; }

.RadMenu_Glow a.rmLink {
  color: #8AB292 !important; }

.RadMenu_Glow a.rmLink:hover {
  color: #51b96b !important; }

.RadMenu_Glow .rmRootGroup.rmVertical {
  background-color: #263138 !important;
  background-image: none !important; }

/*border on sides of each top level menu item*/
.RadMenu_Glow .rmRootGroup .rmItem {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) !important; }

.RadMenu_Glow .rmRootGroup .rmRootLink:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: none !important; }

.RadMenu_Glow .rmRootGroup.rmHorizontal .rmRootLink:after {
  width: 100% !important;
  border-top: 4px solid transparent !important; }

.RadMenu_Glow .rmRootGroup.rmVertical .rmRootLink:after {
  height: 100% !important;
  border-left: 4px solid #8AB292 !important; }

.RadMenu_Glow .rmRootGroup .rmSelected > .rmRootLink, .RadMenu_Glow .rmRootGroup .rmExpanded > .rmRootLink {
  border-color: #1a2125 !important;
  color: #8AB292 !important;
  background-color: white !important;
  background-image: linear-gradient(white, white) !important; }

.RadMenu_Glow .rmRootGroup .rmRootLink, .RadMenu_Glow .rmRootGroup .rmRootLink {
  border-color: transparent !important;
  color: #8AB292 !important;
  background-color: white !important;
  background-image: linear-gradient(white, white) !important; }

.RadMenu_Glow .rmRootGroup .rmFocused > .rmLink {
  border-color: rgba(26, 33, 37, 0.5) !important;
  box-shadow: inset 0 0 5px #9a9a9a !important; }

.RadMenu_Glow .rmRootGroup .rmRootLink:hover:after, .RadMenu_Glow .rmRootGroup .rmSelected > .rmRootLink:after,
.RadMenu_Glow .rmRootGroup .rmExpanded > .rmRootLink:after {
  display: block !important; }

.RadMenu_Glow .rmRootGroup .rmDisabled > .rmRootLink:hover:after {
  display: none !important; }

/*extended drop menu bg*/
.RadMenu_Glow .rmGroup, .RadMenu_Glow .rmMultiColumn, .RadMenu_Glow .rmPopup {
  border-color: transparent  !important;
  color: #222 !important;
  background-color: white !important; }

.RadMenu_Glow .rmGroup a, .RadMenu_Glow .rmMultiColumn a, .RadMenu_Glow .rmPopup a {
  border-color: transparent  !important;
  color: #222 !important;
  background-color: white !important; }

.RadMenu_Glow .rmGroup.rmScrollWrap .rmHorizontal, .RadMenu_Glow .rmGroup.rmScrollWrap .rmVertical {
  padding: 0 !important; }

/*drop down menu hover effects*/
.RadMenu_Glow .rmGroup .rmLink:hover, .RadMenu_Glow .rmGroup .rmToggle:hover {
  border-color: #8AB292 !important;
  color: white !important;
  background: none !important;
  background-color: #8AB292 !important; }

.RadMenu_Glow .rmGroup .rmSelected > .rmLink, .RadMenu_Glow .rmGroup .rmExpanded > .rmLink,
.RadMenu_Glow .rmGroup .rmSelected > .rmLink .rmToggle, .RadMenu_Glow .rmGroup .rmExpanded > .rmLink .rmToggle {
  border-color: #8AB292 !important;
  color: #000 !important;
  background-color:#8AB292 !important; }

.RadMenu_Glow .rmGroup .rmFocused > .rmLink, .RadMenu_Glow .rmGroup .rmFocused > .rmLink .rmToggle {
  border-color: #8AB292 !important;
  box-shadow: inset 0 0 5px #8AB292 !important; }

.RadMenu_Glow .rmSeparator {
  border-color: #273237 !important; }

.RadMenu_Glow .rmGroup .rmSeparator {
  border-color: #4a5e69 !important; }

.RadMenu_Glow .rmVertical > .rmSeparator {
  margin: 1px 7px !important; }

.RadMenu_Glow .rmArrow {
  border-color: #040606 !important;
  background-color: #1a2024 !important; }

.RadMenu_Glow .rmArrow:hover {
  background-color: #0f1315 !important; }

.RadMenu_Glow .rmShadows .rmGroup {
  box-shadow: 3px 3px 5px #20282d !important; }

.RadMenu_Glow .rmGroup:before, .RadMenu_Glow .rmMultiColumn:before,
.RadMenu_Glow .rmScrollWrap > .rmHorizontal:before, .RadMenu_Glow .rmScrollWrap > .rmVertical:before {
  display: none !important; }

.RadMenu .rmGroup,
.RadMenu .rmRootGroup,
.RadMenu .rmMultiColumn,
.RadMenu .rmPopup {
  border-width: 0px !important; }

.RadMenu {
  outline: none; }

/*telerik menu stop*/

/*referrer styles [austin]*/
#ctl00_MainContent_rowWhoReferred1 {
	display: none;
}

#ctl00_MainContent_txtReferringDealerID {
	width: auto!important;
    border-radius: initial;
    margin-top: 8px;
}
#roundRobinCheckMark {
    color: green;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0;
}

#roundRobinCheckMark.activate {
    color: #green;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 3s;
}

/*loading overlay [austin]*/
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255,1);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

/* Standard syntax */
@keyframes example {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}



/* AUSTIN: adding link list table CSS */
#productlinkstable tr td:first-of-type {
    font-weight: bold;
    background-color: #f6f6f6;
    border: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

#productlinkstable tr td:last-of-type {
    border-color: #d9d9d9;
}

#productlinkstable tr.nocollapserow td:first-of-type, #productlinkstable tr.collapselistheader td:first-of-type {
    color: #444;
    background-color: #e6e6e6;
}

#productlinkstable .nocollapserow td, #productlinkstable .collapselistheader td {
    background-color: #eee;
    color: #444;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-bottom: 0!important;
}

#productlinkstable .collapselistheader ~ tr:not(.collapselistheader) {
    display: none;
}

#productlinkstable .collapselistheader td {
    cursor: pointer;
}

#productlinkstable .collapselistheader td:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

#productlinkstable .collapselistheader.active td:after {
    content: "\2212";
}

/* Back Office new Mobile Menu [DG APR 3 2018]*/

.main-menu {
    background: #fff;       
}

.dropdown {
    background: #fff;
}

.dropdown2 {
    background: #fff;
}
.core-menu{
	 background: #fff;
}
.core-menu li a {
    color: #000;
	text-decoration: none !important;
	padding: 0.4em;
	text-transform: uppercase;
}

.core-menu li a:hover {
	background: #eee;
}

.main-menu *{
	 color: #8AB292;
}
.burger-1, .burger-2, .burger-3{
	background: #8AB292;
}

@media (max-width: 813px) 
{
#ctl00_ResponsiveMenuContainerCell, #ctl00_RadHorizMenuCell {
    position: -webkit-relative;
    position: relative;
    top: 0;
    z-index: 3;
}
}

/*Holding tank tool */

.HTPBasicText{
	background-color: white;
	font-family: inherit;
	font-size: 16px;
	color: black; 
	text-align: left;
	line-height: 19px;
}
.HTPSListOddRow
{
    background-color: white;
    font-family: inherit;
    font-weight: normal;
    font-size: 16px;
    color: black;
}

.HTPSListEvenRow
{
    background-color: #f1f1f1;
    font-family: inherit;
    font-weight: normal;
    font-size: 16px;
    color: black;
}

.HTPSListSelectedRow
{
    background-color: #126f9b;
    font-family: inherit;
    font-weight: normal;
    font-size: 16px;
    color: white;    
}

.HTPSListEmptyRow
{
    background-color: #e7e7e7;
    font-family: inherit;
    font-weight: normal;
   font-size: 16px;
    color: black;  
    padding: .3em !important;
    white-space: nowrap;  
    text-align: center;
}


/*TICKET # 15331 fix large quick card from update base DG Oct17 2019 */
.thinline .card.reverse .big-num p {
    font-size: 16px !important;
}

/*Dec 29, 2023, 11:15 AM CST Dino Created to fix back office issue */
@media (max-width: 50em) {
tr.ROPEditProductsHeader td:nth-child(4) {
display: block !important;
}
tr.ROPEditProductsOddRow td:nth-child(4) {
display: block !important;
}
tr.ROPEditProductsEvenRow td:nth-child(4) {
display: block !important;
}
}