@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    src: local('Montserrat'), url('/fonts/Montserrat/static/Montserrat-Regular.ttf') format('woff');
}

@font-face {
    font-family: 'Kabel Book BT';
    font-style: normal;
    font-weight: normal;
    src: local('Kabel Book BT'), url('/fonts/kabel book bt_0.woff') format('woff');
}

/*
@font-face {
    font-family: 'ABE';
    font-style: normal;
    font-weight: normal;
    src: local('ABE'), url('/fonts/ABEAKRG.ttf') format('woff');
}*/

@font-face {
    font-family: 'February';
    font-style: normal;
    font-weight: normal;
    src: local('February'), url('/fonts/February.ttf') format('woff');
}

@font-face {
    font-family: 'Hanged Letters';
    font-style: normal;
    font-weight: normal;
    src: local('Hanged Letters'), url('/fonts/Hanged Letters.ttf') format('woff');
}


@font-face {
    font-family: 'Cute Notes';
    font-style: normal;
    font-weight: normal;
    src: local('Cute Notes'), url('/fonts/Cute Notes.ttf') format('woff');
}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.color-pal {
    color: #FF6B00 !important;
}

.color-pal-blue {
    color: #001E3D !important;
}

.bg-color-pal {
    background-color: #FF6B00 !important;
}

.bg-color-pal-blue {
    background-color: #001E3D !important; /*#32394C */
}

.border-pal {
    border-color: #FF6B00 !important; /*#32394C */
}

.border-pal-blue {
    border-color: #001E3D !important; /*#32394C */
}

.Arial {
    font-family: Arial !important;
}

.border-color-pal {
    border-top-color: #FF6B00 !important;
    border-right-color: #FF6B00 !important;
    border-bottom-color: #FF6B00 !important;
    border-left-color: #FF6B00 !important;
}

.product-price {
    color: #FF6B00 !important;
}


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.navbar-light .navbar-toggler {
    border-color: white;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: 'Montserrat';
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* Botones */

.product-add-cart {
    font-size: 14px !important;
}

.owl-nav, .owl-dots {
    text-align: center;
 }

.owl-theme .owl-nav {
    margin-top: 0px !important;
}

    .owl-theme .owl-nav [class*='owl-'] {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

/* Backgrounds */
.bg-orange-custom {
    background-color: #ff8325;
}

.bg-lightseagreen-custom {
    background-color: #305570;
}

.width-10 {
    width: 10px !important;
}

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

.width-25 {
    width: 25px !important;
}

.width-30 {
    width: 30px !important;
}

.width-40 {
    width: 40px !important;
}

.width-50 {
    width: 50px !important;
}

.width-60 {
    width: 60px !important;
}

.width-70 {
    width: 70px !important;
}

.width-80 {
    width: 80px !important;
}

.width-90 {
    width: 90px !important;
}

.width-100 {
    width: 100px !important;
}

.width-120 {
    width: 120px !important;
}

.width-150 {
    width: 150px !important;
}

.width-175 {
    width: 175px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-350 {
    width: 350px !important;
}

.width-400 {
    width: 400px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

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


.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
    /*background: #7D7363 !important;*/
    /*background: #6b6151 !important;*/
    /*background: #343a40 !important;*/
    background: gray !important;
}

.hc-offcanvas-nav li:not(.custom-content) a {
    border-bottom: 1px solid darkgray !important;
    font-family: Arial !important;
    /*color: black !important;*/
}

.hc-offcanvas-nav a.nav-next {
    border-left: 1px solid darkgray !important;
    font-family: Arial !important;
}

.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a {
    /*background: #6b6151 !important;*/
    background: #343a40 !important;
    border-top: 1px solid darkgray !important;
    border-bottom: 1px solid darkgray !important;
    font-family: Arial !important;
}

.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {
    background: lightgray !important;
    color: black;
    font-family: Arial !important;
}

.br-stage-bg > div .br-face-left, .br-stage-bg > div .br-face-right, .br-stage-bg > div .br-face-top, .br-stage-bg > div .br-face-bottom {
    visibility: hidden !important;
}

/*.ui-state-highlight {
    background-color: darkgray !important;
    border: 1px solid #000 !important;
    color: white !important;
}*/

.ui-state-highlight {
    background-color: #001E3D !important;
    border: 1px solid #000 !important;
    color: white !important;
}

.ui-autocomplete, .ui-menu-item {
    background-color: white !important;
    color: black !important;
    z-index: 9999 !important;
    font-family: 'Montserrat' !important;
    font-size: 1rem !important;
}

.ui-menu-item {
    font-size:12px !important;
}

.cursor-hand {
    cursor: pointer !important;
}

.outline-none {    
    border: 0px none;
}

.ui-spinner-up i {
    top: 4px !important;
    position: relative !important;
}

.ui-spinner-down i {
    top: -10px !important;
    position: relative !important;
}

.ui-spinner-button {
    width: 2.6em !important;
}
.ui-spinner-input {
    margin-left: .2em !important;
    margin-right: 1em !important;
}

.modal {
    background: rgba(0, 0, 0, 0.7) /* Green background with 30% opacity */
}

.modal-header {
    /*background-color: #343a40 !important;*/ /*#FF6B00 !important;*/
    background-color: #001E3D !important;
    padding: 16px 16px;
    color: #fff;
    border-bottom: unset !important; /*2px dashed #337AB7;*/
}

.modal-title {
    /*color: #FF6B00 !important;*/
    /*color: #fff !important;*/
    /*font-weight: bold !important;*/
}

.bg-dark {
    background-color: #32394C !important;
    color:white !important;
}

/*.text-dark {
    color: #fff !important;
}

.text-black {
    color: #32394C !important;
}*/

.bg-header {
    /*background-color: #efefef !important;*/
    background-color: #001E3D !important;
    background-size: cover;
}

.close {
    float: right !important;
    font-size: 1.75rem !important;
    font-weight: unset !important;
    line-height: 1 !important;
    color: #fff !important;
    text-shadow: unset !important;
    opacity: unset !important;
}

.closeModal {
    float: right !important;
    font-size: 1.75rem !important;
    font-weight: unset !important;
    line-height: 1 !important;
    background-color:transparent;
    color: #000 !important;
    text-shadow: unset !important;
    opacity: unset !important;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding:  0px 8px !important;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalLoading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/WebProject/images/loader.gif') 50% 50% no-repeat; /*http://i.stack.imgur.com/FhHRx.gif*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modalLoading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading {
    display: block;
}

#ui-id-9 {
    width: 100px;
}

.ui-menu-item {
    border-bottom: 1px solid gray;
}

.ui-menu-item{
    padding: 5px !important;
}

.dd-selected-description {
    color:white !important;
}

.dd-selected {
    font-size: 8px !important;    
}

@media (min-width: 576px) {
    .dd-selected {
        font-size: 9px !important;        
    }
}

@media (min-width: 768px) {
    .dd-selected {
        font-size: 10px !important;        
    }
}

@media (min-width: 992px) {
    .dd-selected {
        font-size: 12px !important;        
    }
}

.dd-options {
    background-color: lightgray !important;
    border-radius:10px;
}

.dd-option-text {
    color:black !important;
    font-weight:bold !important;
}

.dd-option-description {
    color: black !important;
    font-size: 10px !important;
}

.dd-pointer-down {
    border-top: solid 5px white !important;
}

.dd-pointer.dd-pointer-up {
    border-bottom: solid 5px white !important;
}

.dd-option-image {
    max-width: 32px !important;
}

.dd-selected-image {
    max-width: 28px !important;
}

.dd-selected-text {
    margin-bottom: unset;
}

.store-discount {
    border-radius: 10px;
    /*background: #929292;*/
    margin-left: 10px;
    margin-right: 10px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 67%, rgba(189,189,189,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(67%, rgba(196,196,196,1)), color-stop(100%, rgba(189,189,189,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 67%, rgba(189,189,189,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 67%, rgba(189,189,189,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 67%, rgba(189,189,189,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 67%, rgba(189,189,189,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bdbdbd', GradientType=0 );
}

.store-discount div img {
    width:80%;
}

#divBannerNewProducts div.pt-2.pb-2, #divMostViewed div.pt-2.pb-2, #divWeeklyFeatured div.pt-2.pb-2, .featured-products {
    border-style: Solid;
    border-color: #32394C;
    border-color: rgba(50, 57, 76, 1);
    border-width: 2px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin-bottom: 20px;
}

.dropdown-content {
    z-index: 99999999 !important;
}

.subtotals {
    font-size: 8px !important;
    
}

@media (min-width: 768px) {
    .subtotals {
        font-size: 10px !important;    
    }
}

@media (min-width: 992px) {
    .subtotals {
        font-size: 11px !important;    
    }
}

.hover-orange:hover {
    color: #FF6B00 !important;
}

.hover-orange-background:hover {
}

.hover-blue-background:hover {
    background-color: #001E3D !important;
    color: #fff !important;
}

.hover-white:hover {
    color: #FFF !important;
}

.payment-checkout-modal {
    z-index:1035 !important;
}

.gsc-webResult .gsc-result {
    border-bottom: 1px solid #001E3D !important;
    background-color: #FFF;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    background-color: unset !important;
    font-size: 16px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #FF6B00 !important;
    background-color: unset !important;
    font-size: 16px !important;
}

.gsc-adBlockInvisible, .gsc-adBlock {
    display:none !important;
}

.gs-web-image-box {    
    /*height:60px!important;*/
    width: 250px !important;    
}

#imgLogoStore {
    margin-left:20px !important;
    width: 130px !important;
    max-width: unset !important;
    -webkit-filter: drop-shadow(1px 1px 1px #222);
    filter: drop-shadow(1px 1px 1px #222);
}

.BlueLink {
    color: #007bff !important;
}