html,body,.ios body,ul,li,p strong,select{font-size:16px;}
strong,p strong{font-weight:bold}
body{font-size:16px;}
/*Style.CSS*/
img{max-width:100%; display:inline-block;}

.header-logo-image, .footer-logo{
    background-size:85px 12px;
    background-repeat: no-repeat;
    background-position:left center;
    height:100%;
    width:147px;
}

#preloader h1{
    background-size:160px 23px;
    background-repeat: no-repeat;
    background-position:center bottom;
    height:100px;
}

/*.preloader-light h1{background-image:url(../images/logo-dark.png)!important;}
.preloader-dark h1{background-image:url(../images/logo-light.png)!important;}
*/
.dark-skin .header-logo-image,
.dark-skin .footer-logo{background-image:url(../images/logo-light.png)!important;}

.light-skin .header-logo-image,
.light-skin .footer-logo{background-image:url(../images/logo-dark.png)!important;}

.max50{max-width:50%!important; margin:auto;}


/* Login Screen*/
.login-screen{
	background-position:center center;
	background-image:url(../images/pictures_vertical/bg10.jpg);
	background-size: cover;
}
#loginText.warning,#loginText.success{padding: 10px; margin-top: 5px;}
#loginText.warning{color: #000; background: #ecb4b4;}
#loginText.success{color: #000; background: #b4ecb4;}



.md .navbar {
    height: 90px;
    background: #fff;
    color: #000;
    font-size: 20px;
	box-shadow: 0 0 25px 2px rgba(0,0,0,0.1);
}
.ios .navbar {
    height: 85px;
    background: #fff;
    color: #000;
    font-size: 20px;
	box-shadow: 0 0 25px 2px rgba(0,0,0,0.1);
}
.header-icon-4{width: 86px!important; font-size: 14px; color: #000;}


/* Validation System */
.input-valid input,.select-box-2.input-valid{border:solid 1px #A0D468!important;}
.input-valid em{color:#A0D468!important;}
.input-invalid input,.select-box-2.input-invalid{border:solid 1px #D8334A!important;}
.input-invalid em{color:#D8334A!important;}

.transparent{background-color:transparent!important;}
#preloader p{color: #FFF;}

.lh16{line-height:16px!important;}

.error-display span{font-size: 10px; margin-top: -12px; padding-left: 5px; color: #D8334A; display:block; line-height:10px;}

.fa-color-red{color: #c0392b;}
.fa-color-green{color: #8cc152;}

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}

input[type=number]{z-index:9;}
input[type=search]{height:30px; padding-left:4px;}

.rememberMe{ font-size:12px; color:#ababab;}
.rememberMe input{ vertical-align: bottom; position: relative; top: -2px;}



/* DATATABLE OVERRIDES*/
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { font-size: 12px; }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0.25em .6em;}
button.dt-button, div.dt-button, a.dt-button{ padding: 0.3em 0.75em; color: #525252;}
.dataTables_length select{height:30px;}
.dataTables_length select option{font-size: 1.8em;}

/* FORMS */
select option{font-size:1.2rem;}

label small{color: #656d78;font-size: 11px;font-weight: normal;}


.input-simple-2.thirds label{display:inline-block; width:32%}


.orangeBar{ background:#4A89DC; margin-top: -12px; padding:1rem 0; }
.grayBar{ background:#9a9188; margin-top: -12px; padding:1rem 0; }
.grayBar .select-box{ background-color: #FFF; }
.orangeBar .cell{ display: inline-block; padding:1rem 0; text-align:center; width:32.7vw;}
.orangeBar .cell a{ color:#fff; }
.orangeBar .cell a:hover{ text-shadow: 0px 0px 12px #000; }
@media only screen and (min-width: 1010px){ .orangeBar .cell{ width:16%;} }
@media only screen and (min-width: 1010px){ .orangeBar .cell{ width:16%;} }




.text-center{text-align:center!important;}



.page-content .content{ max-width: 1200px; margin:auto;}


.store-slide-2 .store-slide-button.noprice{padding:10px 0;}
.store-slide-2 .store-slide-button a i.skip{padding-right:0}
.store-slide-2 .store-slide-button .chips a { padding-left: 35px; height: auto; float:none; }
.inline-chips{display:inline-block;}



.productImage{text-align: center;background: #fff;padding: 2rem;}
.productImage img{ max-height: 500px; }


.thumbnailEnclosure img { width: 100px; }
.thumbnailEnclosure { flex-grow: 1; }
.productSmall { text-align: center; }
.thumbnailEnclosure a { display: inline-block; }
.productSmall img { width: 120px; }
.productSmall a {display: inline-block;} 
.content .content-title { margin-left: 0px; }

/*Special link for alert system - all links in alerts must have the class standard to appear as normal.*/
.notification-fixed a.external{position: relative; top: auto; right: auto; color: #fff; text-decoration: underline;} 

@media only screen and (max-width: 500px){ 
	.store-slide-2{ padding:20px 0!important; }
	.store-slide-2 .store-slide-image{ position:relative; width: auto!important; left:auto; top:auto; text-align: center;}
	.store-slide-2 .store-slide-image img { width: 50%; }
	.store-slide-2 .store-slide-title strong { padding-left: 0px; line-height: inherit; text-align:center; }
	.store-slide-2 .store-slide-button { padding: 0; text-align: center; }

}




/*Login, Register and forgot page background repair*/
.page[data-name="register"],.page[data-name="forgot"],.page[data-name="login"]{background:#000;}

.button-fill{ background:#4A89DC; border-radius: 7px; }
.footerMain{ background:#222; color:#ccc; padding-top:2rem; padding-bottom:1rem; margin-top:3rem;}
.footerMain p{ color:#ccc; }

/* SCROLL TO TOP */
#scrollToTop {cursor: pointer;position: fixed;text-align: center;width: 48px;height: 48px;bottom: 1rem;right: 1rem;color: #4A89DC;line-height: 48px;font-size: 1rem;opacity: 0.75;border-radius: 100%;}
#scrollToTop:hover {opacity: 1;}

p{color:#111; font-size:16px;}



















.ripple,
.fab a,
.link,
.item-link,
.list-button,
.button,
.dialog-button,
.tab-link,
.radio,
.checkbox,
.actions-button,
.speed-dial-buttons a {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.custom-modal-backdrop,
.actions-backdrop,
.dialog-backdrop,
.popover-backdrop,
.popup-backdrop,
.preloader-backdrop,
.sheet-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 13000;
  visibility: hidden;
  opacity: 0;
  transition-duration: 400ms;
}

.custom-modal-backdrop.not-animated,
.actions-backdrop.not-animated,
.dialog-backdrop.not-animated,
.popover-backdrop.not-animated,
.popup-backdrop.not-animated,
.preloader-backdrop.not-animated,
.sheet-backdrop.not-animated {
  transition-duration: 0ms;
}
.custom-modal-backdrop.backdrop-in,
.actions-backdrop.backdrop-in,
.dialog-backdrop.backdrop-in,
.popover-backdrop.backdrop-in,
.popup-backdrop.backdrop-in,
.preloader-backdrop.backdrop-in,
.sheet-backdrop.backdrop-in {
  visibility: visible;
  opacity: 1;
}