:root {

	--primary: rgba(96,15,151,1);
	--primary-light: rgba(96,15,151,.5);
	--primary-shade: rgba(96,15,151,.1);
	--primary-alt: rgba(255,255,255,1);
	--secondary: rgba(6,188,64,1);
	--secondary-light: rgba(6,188,64,.5);
	--secondary-shade: rgba(6,188,64,.1);
	--secondary-alt: rgba(255,255,255,1);
	--tertiary: rgba(248,182,25,1);
	--tertiary-light: rgba(248,182,25,.5);
	--tertiary-shade: rgba(248,182,25,.1);
	--tertiary-alt: rgba(0,0,0,1);
	--black: rgba(0,0,0,1);
	--black-light: rgba(0,0,0,.5);
	--black-shade: rgba(0,0,0,.2);
	--white: rgba(255,255,255,1);
	--white-light: rgba(255,255,255,.5);
	--white-shade: rgba(255,255,255,.1);
	--purple: rgba(96,15,151,1);
	--green: rgba(6,188,64,1);
	--green-light: rgba(6,188,64,.5);
	--green-shade: rgba(6,188,64,.1);
	--yellow: rgba(248,182,25,1);
	--yellow-light: rgba(248,182,25,.5);
	--yellow-shade: rgba(248,182,25,.1);
	--violet: rgba(30,9,68,1);
	--mainbackgrounds: rgba(234,230,242,1);
	--gray: rgba(200,200,200,1);
	--red: rgba(248, 0, 0, 1);
	--red-light: rgba(248, 0, 0, .5);
	--red-xlight : rgba(248, 0, 0, .35);
	--red-shade: rgba(248, 0, 0, .1);
	--blue: rgba(64,26,241, 1);
	--blue-light: rgba(64,26,2411, .5);
	--blue-shade: rgba(64,26,241, .1);
	--help: inheret;
	/*--btn-success:rgba(6,188,64,1);*/
	/*--btn-success-alt:rgba(255,255,255,1);*/
	/*--btn-warning:rgba(255,165,0,1);*/
	/*--btn-warning-alt:rgba(255,255,255,1);*/
	/*--btn-danger:rgba(255,0,0,1);*/
	/*--btn-danger-alt:rgba(255,255,255,1);*/
	/*--btn-secondary:rgba(140,140,140,1);*/
	/*--btn-secondary-alt:rgba(255,255,255,1);*/
	/*--btn-info:rgba(109,106,176,1);*/
	/*--btn-info-alt:rgba(255,255,255,1);*/

}
body { background-color: var(--blue-shade) !important;}
h1{ margin-bottom: 20px;}
a{cursor:pointer; color: var(--black) !important; text-decoration:none !important;}

.setting-edit, .detailitem-edit{display:none;}
.btn{ color: rgba(255,255,255,1) !important; text-transform: uppercase !important;}
#LoadingScreen{ position: absolute; top: 0px; left: 0px; width: 100%; height: 200vh; color: var(--white); background-color: var(--black-light); text-align: center; padding-top: 50vh; z-index:600;}
#LoadingScreen #spinner{ position:fixed; top: 500px;}
.ui-sortable li{cursor:pointer;}
div.container a.navbar-brand > img { display: inline; margin-right: 4px; margin-top: -2px;}
.card{ border: 1px solid var(--primary) !important;}
.card-header{ background-color: var(--primary) !important;  border-bottom: 2px solid  var(--primary) !important; padding-left: 20px !important; font-weight: bold; color: var(--primary-alt)  !important;}
.card-body{ background-color:rgba(255,255,255,1); padding-left: 20px !important;}

.row{ margin-left: 0px; margin-right: 0px;}
/* BODY */
.navbar{ border-radius: 0px !important;}
.navbar-nav{ width: 100%;}
.main-navigation{ border-radius:0px; background-color: var(--primary) !important; margin-bottom:0px; font-weight: bold; font-sze: 1.1em;}
.main-navigation li{margin-right: 20px;}
#nav-secondary{ border-radius:0px; background-color: var(--secondary) !important; margin-bottom:0px;}

#nav-secondary .subnav-title{ font-size: 1.2em; margin-left: 0px; margin-right: 20px; font-weight: bold; background-color: var(--tertiary); color: var(--tertiary-alt); margin-left: -20px; padding-top: 5px; padding-left: 20px; padding-right: 20px;}

input.required{ border: 1px solid rgba(255,0,0,1); background-color: rgba(255,0,0,.1);}

	.disable-sort-item{background-color:rgba(0,0,0,.25) !important;}
	nav .container{padding-bottom: 0px !important;}
	.navbar-inverse{ position:fixed !important; background-image: none !important;}
	.mainbody{ padding: 30px; !important; min-height: calc(100vh - 25px)}
	a{ color:#000;}
	a:hover{}
/* NAV */

	#nav-secondary{}

	.header-balance{background-color: var(--btn-danger) !important;}
	.header-balance-content{}

	.header-new-messages a{
						    top: 0px;
						    right: 175px;
						    padding: 5px 10px;
						    background-color: rgba(255,255,255,.3);
						    border-radius: 0 0 3px 3px; }
	.header-new-messages a:hover { 
						    background-color: rgba(0,0,0,.75);
						    color: #fff; }
	.header-new-messages a, .header-new-messages a:hover{text-decoration:none;}
/* CONTENT LAYOUT */
.btn-lg{ font-size: 1.4em !important; padding: 15px 30px  !important;}
.btn-sm{ font-size: .9em  !important; padding: 5px 10px !important;}
.btn-xs{ font-size: .8em !important; padding: 5px 10px !important;}
	/* SIMPLE CONTENT LAYOUT*/
		.currency{}
		.currency:before{ content:"$";}
		.currency.negative{ color: #ff6d6b;}
		.currency.negative:before{ content:"$(";}
		.currency.negative:after{ content:")";}
	    input.currency{}
		.input-group-addon{background-color: #fff;}


	/* DATA TABLE LAYOUT */
		.displaytable{ width: 100%;}
		.displaytable.report{ font-size: .8em;}
		.displaytable thead, .displaytable .headerrow{border-bottom: 1px solid #000; font-weight: bold;}
		.displaytable thead th{padding: 2px;}
		.displaytable thead tr{}
		.displaytable tbody tr{}
		.displaytable tbody tr:nth-child(even){ background-color: #fff;}
		.displaytable tbody tr:nth-child(odd){ background-color: #fafafa;}
		.displaytable tbody td{ padding: 2px;}
		.displaytable tfoot tr{ border-top: 2px solid #000; font-weight: bold;}
		.displaytable tfoot td{}

	/* FORM LAYOUT */

.table-condensed{font-size: .9em;}


		.addform,.updateform{position:relative;float:left;width:100%;}
		.addform input,
		.addform select,
		.addform textarea,
		.addform button,
		.updateform input,
		.updateform select,
		.updateform textarea,
		.updateform button{margin-top:5px; }
	
	
		input[type=date]{max-width: 200px;}

	/* LOGIN */
	#loginform-wrapper{margin: 200px auto; max-width: 400px; border-radius: 3px; }
	#loginform{}
	#loginform .row{ margin-bottom: 10px;}
	#loginform .login-button{ text-align: center;}
	#loginform .login-button .button{width: 98% !important;}
	#loginform .login-forgotpassword{ text-align:center}


.btn-info, .bg-info{  background-color: var(--tertiary-light) !important; }


/* DEMO MODE */
		#demo{
			width: 100%; 
			top: 0px;
			padding: 3px 5%;
			position:relative;
			float: left;
			background-color: #cc0000;
			color: #fff;
			text-align: center;
			font-size: .8em;
			text-transform: uppercase; 
			margin-bottom: 0px;
		}

.dt-buttons{ max-width: 45%;}
.dt-search{  max-width: 45%;}
/* FOOTER */
		footer{position:relative; width: 100%;clear:both; margin-top: 50px; padding-top: 20px;}
		#debug{
			position:relative; width: 100%;
			clear:both;
			padding: 20px; 
			border-radius: 10px; border: 1px dashed #aaaaaa; background-color: #cccccc;
		}

.news-published-date{ background-color: var(--tertiary); color: var(--tertiary-alt); font-weight: bold;}

/* ELEMENTS */
		select option:first-child{ color: #ccc !important; }
	.img-popup{ position:relative; float:left; width: 100%; }
	.highlight-bar{
			position:relative; 
			float: left; 
			width: 100%; 
			text-align: center; 
			margin: 0px 0px 10px 0px;
		padding: 10px;
			background-color: rgba(0, 166, 74, .75);
		color: rgba(255,255,255,1);
		font-size: 1.5em; 
		font-weight: bold;
		text-transform: uppercase;
		
	}
		
		.deletesection{
			background-color: #ff6d6b !important;
			color: #fff;
			border: 1px solid #fff;
			padding: 0px 5px;
			position:relative;
			top: -10px;
			right: -2px;
			margin-bottom: -10px;
		}

		/*.clickable:hover{cursor:pointer !important; background-color: rgba(0,255,0,.2) !important;}*/
		.clickable:hover td{cursor:pointer !important; background-color: var(--tertiary-light) !important;}
		.clickable:hover {cursor:pointer !important; background-color: var(--tertiary-light) !important;}

.nav-tabs .nav-link{ border: 1px solid var(--tertiary); color:  var(--primary);}
.nav-tabs .nav-link.active{border: 1px solid  var(--tertiary); color: var(--primary);  background-color: var(--secondary-light);}
.nav-tabs .nav-link:hover{ border: 1px solid  var(--tertiary); color: var(--primary); background-color: var(--tertiary-light);}
.nav-tabs{ border-bottom: 1px solid var(--tertiary);}

		/* ACCORDIAN STYLING */
		/*	.accordian{ position:relative; float: left; width: 100%;}*/
		/*	.accordian h3{ position:relative; float: left; border-width: 1px; border-style: solid; padding: 10px 2.5%; width: 100%; border-radius: 2px; cursor: pointer;}*/
		/*	.accordian h3.ui-state-active{ border-radius: 2px 2px 0px 0px; margin-bottom: 0px; }*/
		/*	.accordian h3:after{ content: '(Click To Open)'; float: right; position:relative; font-size: .6em;}*/
		/*	.accordian h3.ui-state-active:after{content:'';}*/
		/*	.accordian  .ui-accordion-content{ position:relative; float: left; border-width: 1px; border-style: solid; padding: 10px 2.5%; width: 100%; border-radius: 0px 0px 2px 2px; height: auto !important; }*/
		/*	*/
		/*	.accordian.small-accordion{}*/
		/*	.accordian.small-accordion h3{ font-size: .9em;}*/
		/*	.accordian.small-accordion div{ font-size: .9em;}*/
		
			/* button dropdown groups*/
			.btn-group{position:relative; width: auto;}
					ul.dropdown{     background-color: #fff;
						    border: 1px solid #ccc;
						    border-radius: 0 0 2px 2px;
						    list-style-type: none;
						    min-width: 150px;
						    padding: 0;
						    position: absolute;
						    top: 20px;
						    z-index: 1000;}
			ul.dropdown li{position: relative; width: 100%; padding: 5px;}
			ul.dropdown li a{color: #000; text-decoration:none;}
			ul.dropdown li:hover{background-color: #eee;}
			
			.inactive{color: #ccc; font-style: italic;}
			/* Loading */
			.loading-bar{ background-image: url(img/progressbar.gif); height: 22px; width: 200px; position:relative; margin: 20px auto;}
 			.loading{position:relative; float: left; width: 100%; text-align:center;}
			.view{}
			.edit{}
			.nodata{}

					/* BUTTON */

						/*			*/
						/*button, .button {        */
						/*    display: inline-block;*/
						/*    white-space: nowrap;*/
						/*    background-color: #ccc;*/
						/*    background-image: linear-gradient(top, #eee, #ccc);*/
						/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');*/
						/*    border: 0px;*/
						/*    padding: 0 1.5em;*/
						/*    font: bold 1em/1.65em Arial, Helvetica;*/
						/*    text-decoration: none;*/
						/*    border-radius: .1em;*/

						/*}*/
						/*button:hover, .button:hover { background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); }*/
						/*button:active, .button:active {*/
						/*    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;*/
						/*    position: relative;*/
						/*    top: 1px;*/
						/*}*/
						
						/*button:focus, .button:focus {*/
						/*    outline: 0;*/
						/*    background: #fafafa;*/
						/*}*/
						#toast-container > .toast-error { background-color: #BD362F; }
						#toast-container > .toast-info { background-color: rgba(0,0,255,1) ;}

						#toast-container > .toast-success { background-color: rgba(0,255,0,1) ;}
						#toast-container > .toast-warning { background-color: rgba(0,0,255,1) !important;}


						/*.button:before {*/
						/*    float: left;        */
						/*    width: 1em;*/
						/*    text-align: center;*/
						/*    font-size: 0.9em;*/
						/*    margin: 0 1em 0 -1em;*/
						/*    padding: 0 .2em;*/
						/*    border-radius: .15em 0 0 .15em;*/
						/*    pointer-events: none;        */
						/*}*/
						
						/*			.add:before {*/
						/*			    content: "\271A";*/
						/*			}*/
						/*			*/
						/*			.edit:before {*/
						/*			    content: "\270E";        */
						/*			}*/
						/*			*/
						/*			.delete:before, .remove:before {*/
						/*			  !*  content: "\2718";*!        */
						/*			}*/
						/*			*/
						/*			.save:before, .update:before {*/
						/*			    content: "\2714";        */
						/*			}*/
						/*			*/
						/*			.email:before {*/
						/*			    content: "\2709";        */
						/*			}*/
						/*			*/
						/*			.like:before {*/
						/*			    content: "\2764";        */
						/*			}*/
						/*			*/
						/*			.next:before {*/
						/*			    content: "\279C";*/
						/*			}*/
						/*			*/
						/*			.star:before {*/
						/*			    content: "\2605";*/
						/*			}*/
						/*			*/
						/*			.spark:before {*/
						/*			    content: "\2737";*/
						/*			}*/
						/*			*/
						/*			.play:before {*/
						/*			    content: "\25B6";*/
						/*			}*/
						/*			.view:before {*/
						/*			    !*content: "\1F441";*!*/
						/*				content: "\1F5C1";*/
						/*			}*/
						/*			*/
						/*			*/
						/*		.smallbutton{*/
						/*			!*color: transparent !important;*!*/
						/*			!*overflow: hidden;*!*/
						/*			!*width: 0px !important*!*/
						/*		}*/
						/*		.smallbutton:before{*/
						/*			!*color:#fff !important;*!*/
						/*			!*margin: 0 1em 0 -0.65em !important;*!*/
						/*		}*/

/* FILTER */
								
.filterbar{
	position:relative;
	float: left;
	width: 100%;
	border: 1px solid #000;
	background-color: rgb(100,100,100,.15);
	padding: 20px;
	margin-bottom: 20px;
	
}
.exportcell-loading{
		position:relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px;
}
																
.exportcell{
	position:relative;
	float: left;
	width: 100%;
	height: 11in;
	border: 1px solid #ccc;
	overflow: scroll;
	margin: 0px auto;
	
}

.dataTables_wrapper .dataTables_filter { text-align: left !important;}
/* HIGHLIGHTS */
		.error-inline{font-weight: bold; text-align: center; width: 100%; position:relative; color: #cc0000;}
		.highlight{ position:relative; float: left; padding: 10px .5%; min-height: 300px;}
		.highlight h4{}
		.highlight table{ font-size: .8em;}						
								
/* ROW */
					
		.half{ width: 48%; margin-right: 1%; position:relative; float: left;} .half:last-of-type{  margin-right: 0% !important;}
		.third{width: 32%; margin-right: 1%;}
		.quarter{width: 24%; margin-right: 1%;}
label{ font-weight:bold;}
													

					/*.row label{position:relative; float: left; width: 18%; min-width:150px; margin-right: 2%; vertical-align: top;}*/
					/*.row label + span{ position:relative; float: left; max-width: 78%;}*/
					/*.row .setting{ position:relative; float: left; width: 48%; margin-right: 2%; vertical-align: top;}*/
					/*.row .setting-edit{ position:relative; float: left; width: 48%; margin-right: 2%; vertical-align: top; display:none;}*/
					/*.row .description{ position:relative; float: left; width: 18%; margin-right: 2%; vertical-align: top; font-size: .9em; color: #111111;}*/
					
		#confirm-buttons{position:relative; float: left; width: 100%; margin-top: 20px;}
			#confirm-buttons button{}
		#confirm-yes{position:relative; float: left; width: 45%; margin-right: 5%; border-radius: 5px; border: 0px;}
		#confirm-no{position:relative; float: left; width: 45%; border-radius: 5px; border: 0px; background-color: #e87d7d}
		
		
		.section { position:relative; float: left; width: 100%;}
			.section .subsection{ position:relative; float: left; width: 100%;}
				.section .subsection .row{ position:relative; float: left; width: 100%;}
					 
					  

		.highlight-section{width: 90%; padding: 20px 5%; border-radius: 5px; margin: 10px 0px; border:1px dashed #eee;}
		small{font-size: .8em; font-style: italic;}

/* VALIDATION */
					
		input.parsley-success,
		select.parsley-success,
		textarea.parsley-success {
		  color: #468847;
		  background-color: #DFF0D8;
		  border: 1px solid #D6E9C6;
		}
		
		input.parsley-error,
		select.parsley-error,
		textarea.parsley-error {
		  color: #B94A48;
		  background-color: #F2DEDE;
		  border: 1px solid #EED3D7;
		}
		
		.parsley-errors-list {
		  margin: 2px 0 3px;
		  padding: 0;
		  list-style-type: none;
		  font-size: 0.9em;
		  line-height: 0.9em;
		  opacity: 0;
		
		  transition: all .3s ease-in;
		  -o-transition: all .3s ease-in;
		  -moz-transition: all .3s ease-in;
		  -webkit-transition: all .3s ease-in;
		}
		
		.parsley-errors-list.filled {
		  opacity: 1;
		}


		/* SEARCH FORM(S) */
		
		.searchbar {
				    /*height: 29px;*/
				    /*background-color: #e1e1e1;*/
				    /*-moz-border-radius: 3px;*/
				    /*-webkit-border-radius: 3px;*/
				    /*border-radius: 3px;*/
					/*position:relative;*/

					/*border: 1px solid #000;*/
    }
		
		.search{
			/*float: left;*/
				    /*margin: 5px 0 0 8px;*/
				    /*font: 8pt Verdana;*/
				    /*color: #333;*/
				    /*height: 20px;*/
				    /*line-height: 18px;*/
				    /*padding: 0;*/
				    /*background: transparent;*/
				    /*border: 0;*/
				    /*max-width: 125px*/
					}
					
		.search-button{  
					   background-image: url("img/search-icon.png");
					    background-position: center top;
					    background-repeat: no-repeat;
					    border: 0 none;
					    position: absolute;
					    right: 4px;
					    top: 23%;
					    width: 20px;
					    background-color: #e1e1e1 !important;
						padding: 0px !important
					}
	.search-button:hover, .search-button:active{   background-color: #e1e1e1 !important;}
	#memberSearchResults{}
					
			.memberSearch{ padding: 10px; border-radius: 3px; border: 1px solid #ffc66c; background-color: #efefef;}											
											
				
	.displaytable.stattable{}
		.displaytable.stattable td{padding: 10px !important;}
		.displaytable.stattable th{padding: 10px  !important;}
					.displaytable.stattable .underline {border-bottom: 1px solid #000;}
	 				
					
					
	/* INVOICES AND ACCOUNTING */
	.balance{ font-weight: bold; font-size: 1.6em; margin-top: 20px;}
	.invoice{}
		.invoice-totals{
									position:relative; 
									float: right; 
									border: 1px solid #000; 
									padding: 5px; 
									border-radius: 2px; 
									width: 30%;
									min-width: 200px;
									margin-top: 25px;
								}
								
			/*.invoice .invoice-totals .invoice-subtotal{}								*/
			/*.invoice .invoice-totals .invoice-salestax{}					*/
			/*.invoice .invoice-totals .invoice-total{}	*/
		.invoice #invoice-items{ margin-bottom: 20px; border-bottom: double 4px #000;} 
			.invoice .invoice-items .row{}
				.invoice .invoice-items .row.headerrow{border-bottom: 1px solid #000; font-weight: bold;  }
				/*.invoice .invoice-items .row .invoice-item-typeid{  }*/
				/*.invoice .invoice-items .row .invoice-item-itemid{ }*/
				/*.invoice .invoice-items .row .invoice-item-description{ }*/
				/*.invoice .invoice-items .row .invoice-item-qty{}*/
				/*.invoice .invoice-items .row .invoice-item-debitcredit{}*/
				/*.invoice .invoice-items .row .invoice-item-invoiceitemamount{ }*/
				/*.invoice .invoice-items .row .invoice-item-total{ }*/

				/*#inputInvoiceForm input,#inputInvoiceForm select, #inputInvoiceForm textarea{}*/
    			/*				#inputInvoiceForm .button.delete{}*/
											
.invoice-footer{position:relative; float: left; width: 100%; bottom: 0px;}


					
	/* PAYMENT FORM */					
					.paymentBillingAddress{ position:relative; float: left;}
					.paymentBillingAddress h5{font-weight: bold; border-bottom: 1px solid #333;}
					.paymentCreditCard{ position:relative; float: left;}
					.paymentCreditCard h5{ font-weight: bold;  border-bottom: 1px solid #333;}
					
.canvasjs-chart-credit{display:none !important;}	

 /* Message */

					#MessageMemberCount{Position: relative; width: 100%; padding: 20px 0; float: left; font-weight: bold;}
					#GroupCount{}
					
	/* NEWS */

	.news-highlight-image{position:relative; float:left; width: 31%; margin-right: 2%;}
		.news-highlight-image img{max-width: 100%; height: auto; text-align: left;}
	.news-highlight-content{position:relative; float:left; width: 48%; margin-right: 2%;min-height: 300px;}
		.news-highlight-image + .news-highlight-content{width: 33%; }
		.news-highlight-title{font-weight: bold; font-size: 1.5em; margin-bottom: 5px;}
		.news-highlight-title a{}
		.news-highlight-published-date{font-size: .9em; font-style:italic; margin-bottom: 5px; }
		.news-highlight-body{}
		.news-highlight-body img{ display:none;}
		.news-highlight-readmore{   							}
					.news-highlight-content .news-highlight-readmore:before{ content:'+'; color: #0000cc; padding-right: 3px; }
					
	.news-list{position:relative; float:left;width: 48%; min-height: 300px; border-left: 1px solid #ffc66c; padding-left: 1%;}
		.news-highlight-image + .news-highlight-content + .news-list{width: 31%;}
			.news-list .news-item{position:relative; float: left; width: 100%; margin-bottom: 5px;}
			.news-list .news-item .news-title{position:relative; float: left; width: 100%;font-size: .95em; font-weight: bold;}
			.news-list .news-item .news-title a{}
			/*.news-list .news-item .news-published-date{position:relative; float: left; width: 100%;font-size: .8em; font-style:italic;}*/
			.news-list .news-readmore{   bottom: 0;
						    float: right;
						    font-size: 0.8em;
						    position: absolute;
						    right: 0;
						    text-transform: uppercase;}
					.news-list .news-readmore:before{ content:'+'; color: #0000cc; padding-right: 3px;}
			.news-item-view{}	
				.news-item-view .news-title{position:relative; float: left; width: 100%;font-size: 1.5em; font-weight: bold; margin-bottom: 15px;}
				.news-item-view .news-title a{}
				.news-item-view .news-published-date{position:relative; float: left; width: 100%;font-size: 1em; font-style:italic; margin-bottom: 15px;}									
				.news-item-view .news-content{}
					.news-item-view .news-image {position:relative; float:right; margin: 0px 0px 20px 20px; width: 20%;}
    							.news-item-view .news-image  img{ position:relative; float:right; max-width: 100%;}
					.news-item-view .news-content{}

    /* STORE */
	
    							
				/* CART */
    			#cart-details{position:relative; float: left; width: 100%} 
				.cart-cell{ position:relative; float: left; width: 100%;min-height: 150px; font-size:1.0em !important;}
				.cart-cell .loading{position:relative; float: left; width: 100%; text-align:center;}
				.cart-cell .cart-row{position:relative; float: left; width: 100%; margin-top: 5px;}
					.cart-cell .cart-row .cart-product-name{position:relative; float: left; width: 100%; font-size: 1.1em !important; font-weight: bold;}
					.cart-cell .cart-row .cart-product-qty{position:relative; float: left; width: 40%; font-weight: bold; font-size: 1.25em;}
    							
    											.cart-cell .cart-row .cart-product-amount{position:relative; float: left; width: 35%;}
					.cart-cell .cart-row .cart-product-remove{position:relative; float: right; width: 25%; text-align:right; }
    							.cart-cell .cart-row  .fa-plus,
    							.cart-cell .cart-row .fa-minus{ margin: 0px 5px; font-weight: bold; cursor: pointer;}
    							
    							
					.sales-message{ position:relative; float: left; width: 100%; }			
					.cart-subtotal{    border-top: 2px solid #000;
										    float: left;
										    font-weight: bold;
										    padding-bottom: 2px;

										    position: relative;
										    width: 100%;}
					.cart-subtotal label{  float: left; position:relative;}
					.cart-subtotal .currency{ float: right; position:relative;}	

    							
    				.cart-salestax{
										    float: left;
										    font-weight: bold;
										    padding-bottom: 2px;
										    position: relative;
										    width: 100%;}
					.cart-salestax label{  float: left; position:relative;}
					.cart-salestax .currency{ float: right; position:relative;}
    				.cart-minimum{ float: right; position:relative; font-style: italic; margin: 5px 0;}				
    				.cart-total{ 
										    float: left;
    										font-size:1.3em !important;
										    font-weight: bold;
										    padding-bottom: 2px;
										    position: relative;
										    width: 100%;}
					.cart-total label{  float: left; position:relative;}
					.cart-total .currency{ float: right; position:relative;}	
    				
					.payment-amount{ }
    					.payment-amount label{font-size: 1.25em;}
					#Payment{position:relative; float: left; width: 100%;}
					.cart-totals{ padding: 20px; float: right; position:relative; margin:30px; font-size: 1em !important; width: 275px;}
							.cart-total-cell .cart-subtotal{    border-top: 0px;}
    						.cart-total-cell .cart-total{    border-top: 1px solid #303030;}
    						.payment-cell{  position:relative; float: left; width: 100%; }
    					.producttable { border-bottom: 2px solid #000; margin-bottom: 20px;}
    					.paymentBillingAddress{clear: both;}
					.button.checkout{width: 100%; padding-top: 10px; padding-bottom: 5px; font-size: 1.2em; text-align: center;}				
    			        .button.checkout i{float:left; }
		.thumbnail-small{ position:relative; float: left;  margin-right: 5%; height: 75px; }    							
    							
    	.store-cell-cart{position:relative; float: left;  margin-right: 5%; width: 25%;}
    	.store-cell-content{position:relative; float: left; width: 70%;}						
    				/* PRODUCT LIST */	
    				.column_products.list{ position:relative; width: 100%; float:right; margin-top: 2.5%;}
    						
   							.column_products.list .product{position:relative; float: left; overflow: hidden; width: 100%; margin: 10px 0%; border: 1px solid #ccc; background-color: #fefefe; height: 100px;}
							.column_products.list .product-group{position:relative; float: left; width: 2.5%; font-size: .7em; font-weight: bold; height: 100%;}
    				
    				
    				.column_products.list .product-group span{/* Safari */
																	-webkit-transform: rotate(-90deg);
																	
																	/* Firefox */
																	-moz-transform: rotate(-90deg);
																	
																	/* IE */
																	-ms-transform: rotate(-90deg);
																	
																	/* Opera */
																	-o-transform: rotate(-90deg);
																	
																	/* Internet Explorer */
																	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
																   float: left;
																    position: relative;
																    transform: rotate(-90deg);
																    top: 0%;
																				font-size: 20px;
																    width: 100%;}
			    				
    				
    				
   							.column_products.list .product-image{ position:relative; float: left; width: 15%; margin-right: 5%; overflow:hidden; }
							.column_products.list .product-image img{max-width: 100%; margin-top: -25%;}
    						.column_products.list .product-details{ position:relative; float: left; width: 72%; margin: 5px 0; height: 75px;}
							.column_products.list .product-title{position:relative; float: left;  width: 85%; font-size: 1.05em; font-weight: bold; margin-bottom: 5px; }
							.column_products.list .product-price{position:relative; float: left;  width: 85%;  }
							.column_products.list .product-qty{position:relative; float: left;  width: 50%;  }
							.column_products.list .product-description{ display:none;}
							.column_products.list .product-code{position:relative; float: left;  width: 40%;  }
    						
							.column_products.list .product-outofstock{position:absolute; float: right;  width: 15%; right: 0; top: 0; }
    						.column_products.list .product-addtocart{    float: right;
																		    margin-top: 10px;
																		    position: absolute;
																		    right: 5px;
																		    top: 10%;
																		    width: 15%; }	
    							
    						.column_products.list .product-qty-add{}
							.column_products.list .product-button-add{}		
							.product.ui-sortable-handle:hover:after{    color: rgba(0, 0, 0, 0.25);
																	    content: "\f055";
																	    font-family: FontAwesome;
																	    font-size: 1.75em;
																	    position: absolute;
																	    right: 0.5%;
																	    top: 20%;
																		cursor: pointer;}
    				/* PRODUCT GRID */

					.product-image img{ height: 100%; width: 100%; }
    				
    				
					.column_products.grid{ position:relative; width: 100%; float:right; margin-top: 2.5%;}
							.column_products.grid a{color: #fff !important; text-decoration:none;}
							.column_products.grid a:hover{color: #eee  !important; text-decoration:none;}
    						.column_products.grid .product{position:relative; float: left; overflow:hidden; max-width: 259px; height: 225px; width: 30%; margin: 10px 1.5%; border: 1px solid #ccc; background-color: #fefefe;}
							.column_products.grid .product-group{ display:none;}
    						.column_products.grid .product-image{position:relative; float: left; text-align: center;}
							.column_products.grid .product-image img{ height: 100%; width: 100%; }
    						.column_products.grid .product-details{    background-color: rgb(0, 0, 0, 0.5);
																	    color: #fff;
																	    height: 100%;
																	    position: absolute;
																	    top: 0;
																	    width: 100%;
																		opacity: 0;
																		text-align: center;
																		padding: 20px;}
    							.column_products.grid .product-details:hover{opacity: 1;}
								.column_products.grid .product-details.showdetails{opacity: 1;}
								.column_products.grid .product-title{position:relative; float: left;  width: 100%; font-size: 1.05em; font-weight: bold; margin-bottom:15px;}
								.column_products.grid .product-code{position:relative; float: left;  width: 50%; }
								.column_products.grid .product-qty{position:relative; float: left;  width: 50%; }
								
    							.column_products.grid .product-description{ display:none;}
    							.column_products.grid .product-quickadd{position:absolute; bottom: 5px; text-align: center; width: 100%; }
    							.column_products.grid .product-qty-add{position:relative; float: left; width: 50px; color: #000; margin-right: 5px; margin-left: 10%;}
								.column_products.grid .product-button-add{position:relative; float: left;}	
    							
    						.column_product .product-image{position:relative; float: left; text-align: center; width: 40%; margin-right: 5%;}
							
    						.column_product .product-details{position:relative; float: left; text-align: left; width: 55%;}
							.column_product .product-title{position:relative; float: left;  width: 100%; font-size: 1.5em; font-weight: bold; margin-bottom:15px;}
							.column_product .product-price{position:relative; float: left;  width: 100%; margin-bottom:15px;}
							.column_product .product-description{position:relative; float: left;  width: 100%; margin-bottom:15px;}
							.column_product .product-qty{position:relative; float: left;  width: 100%;}
							.column_product .product-code{position:relative; float: left;  width: 100%; margin-bottom:15px;}
							.column_product .product-outofstock{position:relative; float: left; width: 100%;}
    						.column_product .product-addtocart{position:absolute; float: left; bottom: 20px;  width: 100%;}	

    				 /* PRODUCT LIST QUICK*/	
    				.column_products.quickview{ position:relative; width: 100%; float:right; margin-top: 2.5%;}
   							.column_products.quickview .product{position:relative; float: left; width: 100%; margin: 5px 0% 0; border-bottom: 1px solid #ddd; background-color: #fefefe;}
    						.column_products.quickview .product-image{ position:relative; float: left; width: 5%; margin-right: 2.5%; overflow:hidden; }
							.column_products.quickview .product-image img{height: 100%; max-width: 100%;}
    						.column_products.quickview .product-details{ position:relative; float: left; width: 92.5%; margin: 5px 0;}
							.column_products.quickview .product-title{position:relative; float: left;  width: 60%; font-size: 1.05em; font-weight: bold; margin-bottom: 5px; }
							.column_products.quickview .product-price{position:relative; float: left;  width: 10%;  }
							.column_products.quickview .product-qty{position:relative; float: left;  width: 10%;  }
							.column_products.quickview .product-description{ display:none;}
							.column_products.quickview .product-code{position:relative; float: left;  width: 10%;  }
							
							.column_products.quickview .product-outofstock{position:relative; float: left;  width: 10%; right: 0; top: 0; }
    						.column_products.quickview .product-addtocart{    float: left;
																		   position:relative;
																		    right: 5px;
																		    top: 10%;
																		    width: 10%; }	
    								.column_products.quickview .product-addtocart select{max-width: 50px;}
    						.column_products.quickview .product-qty-add{}
							.column_products.quickview .product-button-add{}		
    				
    					
    					.order-form .product{
											border-bottom:1px solid #cfcfcf !important; 
											border-top: 0px !important; 
											border-left: 0px !important; 
											border-right: 0px !important;
											padding: 0px !important; 
											font-size: .8em !important; 
											height: 40px !important;
											margin: 0px 0px 5px 0px !important;
											}
    					.order-form .product-image{display:none;}
						.order-form .product-image img{display:none; }
    					.order-form .product-details{position:relative; float: left; text-align: left; width: 100% !important; margin: 0px !important; height: auto !important;}
						.order-form .product-title{position:relative; float: left;  width: 55% !important; font-size: 1.0em !important; font-weight: bold; margin-bottom:15px;}
						.order-form .product-price{position:relative; float: left;  width: 15% !important; margin-bottom:15px; text-align: right;}
						.order-form .product-description{display:none;}
						.order-form .product-qty{display:none !important;}
						.order-form .product-code{}
						.order-form .product-outofstock{position:relative; float: left; width: 100%;}
    					.order-form .product-addtocart{position:absolute; float: left;  width: 30% !important; margin-top: 0px !important; top: 0 !important; }	
    					.order-form .product-quickadd{ position:relative; float: right; bottom: 0px !important; width: 100% !important;}
							.order-form .product-quickadd .product-qty-add{ width: 45% !important; margin-left: 5%;}

											
									
		.level-0{}
		.level-1{ margin-left: 5%;}
		.level-2{ margin-left: 10%;}
											
		.category-row{}
		.category-row input[type=checkbox]{ width: 20px;}
    		.clearfilter{position:relative; font-size: .8em; float:right; color: #c3c3c3; text-transform: uppercase;}
			.clearfilter::before{width: 20px; content: "\2718"; 
									font-family: FontAwesome;}


											


						.product-outofstock{color: #cc0000; font-weight: bold; margin: 10px 0px;}

				.member-store{}
						.member-store .product-addtocart{ position:relative; float: left; width: 100%; margin: 10px 0px;}
						.member-store .product-quickadd{}											
						.member-store .product-qty-add{width: 50px;}

/* Messages */
											
.newmail{ background-color:#f6ece0; font-weight:bold; }
.newmail td{ background-color:#f6ece0 !important; font-weight:bold; }

											
											
/* REPORTS */

.filterlist{position:relative; float: left; max-width: 50%;}
.initialpastevent{ border-top: 4px solid var(--btn-danger);}
.pastevent{ background-color: var(--red-light);}
/* EVENTS */

											
.memberList{ }

.calendar-list{}
.calendar-list .row{ margin-bottom: 10px;}
.calendar-list-date{position:relative; float: left; width: 15%; font-weight: bold; font-size: 1.1em;}
.calendar-list-title{position:relative; float: left; width: 80%; margin-left: 5%; font-weight: bold; font-size: 1.1em;}
.calendar-list-time{position:relative; float: left; margin-left: 20%; width: 80%;}
.calendar-list-description{position:relative; float: left; margin-left: 20%; width: 80%; }									
	.calendar-list	.calendar-list-description.detailSelected{border: 1px solid #eee; background-color: #efefef; padding: 10px; border-radius: 3px;}								
/* REPORT */
.report-sub-header{ border-bottom:2px solid #000; font-weight: bold;}
.report-sub-header th{padding-top: 20px;}
.report-sub-header-label{border-bottom: 1px solid #000;}
    
    							
    							#popup{    display: inline-block;
										    max-width: 44em;
										    opacity: 1;
										    outline: medium none;
										    position: relative;
										    text-align: left;
										    vertical-align: middle;
										    visibility: visible;}
											
											
/* FLOAT DESIGNER */
.chassisassignmentcell .panel-header{
	background-color: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	padding: 2px 5px;
	font-weight:bold;
}
.chassisassignmentcell .panel-body{
	background-color: rgba(0,0,0,.2);
	 padding: 2px;
}

.float-space {
	position: relative;
	float: left;
	width: calc(100%);
	border: 1px solid rgba(0,0,0,1);
	height: 30px;
	background-color: rgba(255,255,255,1);

	margin-bottom: 2px;
}
.chassisassignmentcellmember{position: relative; float:left; width: 100%; height: 30px; margin-bottom: 0px;}

.chassisassignmentcellcount {
	position: relative;
	float: right;
	text-align: center;
	padding-top: 5px;
	height: 30px;
	margin-bottom: -30px;
	font-weight: bold !important;
	color: rgba(0,0,0,.5) !important;
	background-color: rgba(0,0,0,.25) !important;
	border-left: 1px solid rgba(0,0,0,1);
	font-size: 12px;
	width: 30px;
	opacity: 0.5;
}
.rider {
	max-width: 300px;
	list-style-type: none;
	border: 1px solid rgba(0,0,0,1);
	padding: 2px 10px;
	margin-left: 0px;
	margin-bottom: 1px;
	cursor: pointer;
}

.rider-assigned {
	margin: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	height: 100% !important;
	padding-left: 5px;
	padding-top: 5px;
	width: 100%;
	border: 0px !important;
	background-color: rgba(255,255,255,0);
}

.chassisassignmentcellmember{}
#floatDesignCell{}
#floatDesignCell .DesignCell{ border-radius: 3px; background-color: #efefef; border: 1px solid #eeeeee; margin:0px 0.5%; position:relative; float: left; min-height: 600px;}
#floatDesignOptionsCell{}
		.NewCell{ border: 2px dashed #cc0000 !important; width: 150px; height: 150px; list-style-type: none; padding: 5px;}									
		.membercell{position:relative; float: left; width: 98%; margin: 10px 1%; border-radius: 3px; border: 1px solid #000; background-color: #efefef; min-height: 50px;}				

#floatLayoutCell{} 
#floatLayoutCell .DisplayCell{ border-radius: 3px; border: 1px dashed #eeeeee; margin:0px 0.5%; position:relative; float: left; min-height: 600px;}											
		#floatLayoutCell .layoutDisplayCell{ border:1px solid #ccc; padding: 2px; margin-bottom: 5px;}
		#floatLayoutCell .layoutDisplayCell .layoutDisplayCellTitle{ text-align: center; position:relative;  width: 100%; min-height: 20px; padding: 2px 5%; background-color: #cecece; font-weight: bold;}
		#floatLayoutCell .layoutDisplayCell .layoutDisplayCellRider{position:relative;  width: 100%; font-size: .8em; height: 30px; padding: 5px 5%; background-color: #eee; margin-top: 2px;}
											
/* FLOAT MEMBER ASSIGNMENT*/											

				.membercell-title{position:relative; float:left; width: 100%; padding: 2px; text-align: center; background-color: rgb(252,252,252);}							
				.membercell-list {  padding-left: 0px;}
						ul.sortable{ list-style-type: none;}
						ul.sortable li{ z-index: 1000; margin-bottom: 2px; border: 1px solid #00a64a; width: 100%; padding: 2px 2px 2px 10px; max-height: 20px; font-size: 10px; background-color: #BEEBA1; position:relative; float:left;}
						#membersfloatLayoutCell {}
						.ui-sortable-handle{cursor: pointer;}
					.DisplayCell ul.sortable li{ padding: 5px 2px 5px 10px; max-height: 24px;}
					.member-space{background-color: #cfcfcf !important; text-align: center; font-weight: bold; border: 1px dashed #000;}
						.spaces .member-space i{display:none;}

						
						/* LAYOUT STYLING */
							.celllayoutlevel_1{ -webkit-box-shadow: -4px 10px 10px 0px rgba(0,0,0,0.75);
												-moz-box-shadow: -4px 10px 10px 0px rgba(0,0,0,0.75);
												box-shadow: -4px 10px 10px 0px rgba(0,0,0,0.75);}/*TOP*/
							.celllayoutlevel_2{ -webkit-box-shadow: -4px 5px 5px 0px rgba(0,0,0,0.5);
												-moz-box-shadow: -4px 5px 5px 0px rgba(0,0,0,0.5);
												box-shadow: -4px 5px 5px 0px rgba(0,0,0,0.5);}/*MIDDLE*/
							.celllayoutlevel_3{ -webkit-box-shadow: -4px 1px 1px 0px rgba(0,0,0,0.5);
												-moz-box-shadow: -4px 1px 1px 0px rgba(0,0,0,0.5);
												box-shadow: -4px 1px 1px 0px rgba(0,0,0,0.5);}/*BOTTOM*/
						 	.celllayoutlevel_4{-webkit-box-shadow: inset -5px 5px 25px 5px rgba(0,0,0,0.75);
-moz-box-shadow: inset -5px 5px 25px 5px rgba(0,0,0,0.75);
box-shadow: inset -5px 5px 25px 5px rgba(0,0,0,0.75);}/*WELL*/
						
											/* print */
						
						
.print-only{display:none;}
.no-print{ }						
	.mce-btn button {
    padding: 2px !important;
    font-size: 10px !important;
		background-color: rgba(200,200,200.75) !important;										
}
li.float{ background-color: rgba(0,255,0,.25);}
li.paradegroup{  background-color: rgba(200,0,0,.1);}

.ui-sortable-handle .icon{ position:relative; width: 30px; float:left; margin-right: 20px;}
.ui-sortable-handle .position-button{}

.draglist a{padding: 6px 5px; width: 100%; position:relative; float: left; margin-bottom: 1px;}

#reporttable caption button{background-color: rgba(0,0,0,1) !important; background-image: none !important;  margin-right: 10px !important; float:right !important;}


.page{ border: 1px solid rgba(0,0,0,.2); width: 8.5in; height: 11in; overflow:hidden !important; margin: 0px auto; padding: .5in}