-webkit-user-select: none;
body {display: flex;min-height: 100vh;flex-direction: column;}
main {flex: 1 0 auto;}
.pagination li.active {background-color: #c01010 !important;}
#login .container{width: 30%; margin-top: 10%;}
#login .login-form-text{padding: 0;margin: 0;text-transform: uppercase;letter-spacing: 2px;font-size: 0.8rem;}
#login .margin {margin: 0 !important;}
.border-round {border-radius: 150px!important;}
#login .card-panel{border-radius: 10px;}
.gradient-45deg-grey-deep-darken {
background: -webkit-linear-gradient(45deg,#757575,#212121)!important;
background: linear-gradient(45deg,#757575,#212121)!important;
}
.red.darken-4{background-color: #f90f00 !important;}
.red-text {color: #f90f00 !important;}
.grey.darken-4{background-color: #dedede !important; color:#000;}
.datepicker-date-display {background-color: #f90f00;}
.datepicker-table td.is-selected {background-color: #f90f00;color: #FFF !important;}
.datepicker-table td.is-today {color: #000;}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {color: #f90f00;}
.modal-footer span{float: left;}
.modal-footer span:nth-child(2n){margin-top: -5px;}
.hyphenation {
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.text-shopping-cart{text-transform: uppercase;}
.progress {background-color: #f90f006e;}
.progress .indeterminate {background-color: #f90f00;}
.action-position{position: relative}
.action-position .display{position: absolute;left: 0;right: 0; top: 20%;}
#total_reg{color: #000;font-style: italic;font-size: 15px;}
#nav-cart{position: relative;}
#nav-cart-count{position: absolute;top: 4px;left: 30px;font-weight: bold;color: #f90f00;width: 22px;text-align: center;padding: 2px;background: #ffffff;border-radius: 50%;height: 22px;display: block;line-height: 1.4;font-size: 13px;}
.fade-in {opacity: 1;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 2s;}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 1px solid #f90f00;-webkit-box-shadow: 0 1px 0 0 #f90f00;box-shadow: 0 1px 0 0 #f90f00;}
.input-field .prefix.active{color: #f90f00;}
.font-500{font-weight: 500;}
#nav-cart{display: none;}
.swal2-icon.swal2-info {border-color: #f90f0073!important;color: #f90f00!important;}
.year-text{display: none !important;}

.loading:after {
	 content: '';
	 display: block;
	 color: #F90F00;
	 font-size: 80px;
	 text-indent: -9999em;
	 overflow: hidden;
	 width: 1em;
	 height: 1em;
	 border-radius: 50%;
	 margin: auto;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-left: -0.5em;
	 margin-top: -0.5em;
	 transform: translateZ(0);
	 animation: loading 1.7s infinite ease;

}
@keyframes loading {
 0% {
	 transform: rotate(0deg);
	 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
 }
 5%,
 95% {
	 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
 }
 10%,
 59% {
	 box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
 }
 20% {
	 box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
 }
 38% {
	 box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
 }
 100% {
	 transform: rotate(360deg);
	 box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
 }
}

.lds-ripple {display: inline-block;position: relative;width: 100%;height: 100%;left: 25%;}
.lds-ripple div {position: absolute;border: 4px solid #F90F00;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}}
/* --- onload 2 ---- */
.lds-facebook {display: inline-block;position: relative;width: 80px;height: 80px;left: 35%;}
.lds-facebook div {display: inline-block;position: absolute;left: 8px;width: 16px;background: #C70909;animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.lds-facebook div:nth-child(1) {left: 8px;animation-delay: -0.24s;}
.lds-facebook div:nth-child(2) {left: 32px;animation-delay: -0.12s;}
.lds-facebook div:nth-child(3) {left: 56px;animation-delay: 0;}
@keyframes lds-facebook {0% {top: 8px;height: 64px;}50%, 100% {top: 24px;height: 32px;}
}
}


div.pagination {
 padding: 6px;
 margin: 7px; font-family:Verdana; font-size:12pt; text-decoration:none
}

div.pagination a {
 margin: 2px;
 border: 1px solid #000000;

 text-decoration: none; /* no underline */
 color: #000000;font-family:Verdana; font-size:12pt; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px
}
div.pagination a:hover, div.pagination a:active {
 margin: 7px;
	 border: 1px solid #800000;

	 background-color: #800000;
	 color: #FFFFFF;font-family:Verdana; font-size:12pt; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px; text-decoration:none
}
div.pagination span.current {
 margin: 2px;
	 border: 1px solid #000000;

	 font-weight: bold;
	 background-color: #c70909;
	 color: #FFFFFF;font-family:Verdana;
	 font-size:12pt; padding-left:10px;
	 padding-right:10px;
			 padding-top:6px;
		 padding-bottom:6px
 }
div.pagination span.disabled {
	 margin: 2px;
	 border: 1px solid #999999;

	 color: #999999;font-family:Verdana; font-size:12pt; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px
 }
/* Small only */
 @media screen and (max-width: 39.9375em) {
 .container{width: 100%;}
 #login .container{width: 90%; margin-top: 25%;}
.expand-btn{width: 75%!important;}
.modal.bottom-sheet{max-height: 50%;}
}
 @media screen and (min-width: 64em) {
#nav-mobile .reset-left{margin-right: 5px !important;}
}
 /* Large and up */
 @media screen and (min-width: 64em) {
#nav-mobile .reset-left{margin-right: 5px !important;}
.container {width: 85%;}
}