html { position: relative; min-height: 100%; }
body { overflow-x: hidden; background: url(img/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.verticalLine { border-left: thick solid #337ab7; border-left-width: 10px; }
.label-as-badge { border-radius: 1em; font-size: 12px; }
.add_cart { min-width: 30%; }

/*div[data-notify="container"] {  width: auto;  }*/


.free{position: fixed; bottom: 20px; right: 30px; z-index: 99; width: 300px; }

.row .no-float { display: table-cell; float: none; }

.products{ display: block; color: white !important; padding: 1em; background: #007bff; margin: 5px; touch-action: manipulation; cursor: pointer; border-radius: 5px; }
.products:hover{ background: #0061c8; }
.nav-link { border-radius: 5px;display: block;color: white !important;padding: 1.5em;background: #dc3545;margin: 5px;touch-action: manipulation;cursor: pointer;border-radius: 5px; }
.nav-link.active { background: #921111 !important; border: none; }


.custom-navbar{ background: #343a40; padding: 5px 10px 5px 10px; z-index: 100; position:fixed; width: 100%; }

#wrapper.toggled #sidebar-wrapper { width: 0px;}

#page-content-wrapper { position: relative;}
#sidebar-wrapper { z-index: 100; position: fixed;  width: 250px; height: 100%;  overflow-y: auto; background: #343a40; 
                   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow:  1px 0 20px 0px rgb(0, 0, 0)}

.sidebar-nav { position: absolute; top: 0; width: 250px; margin: 50px 0px 0px 0px; padding: 0; list-style: none; }
.sidebar-nav li { text-indent: 10px; line-height: 40px; }
.sidebar-nav li a { display: block; text-decoration: none; color: #868e96 ;}
.sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.08); }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.menu-date{margin-left: 10px; color: white; font-size: 16px;}
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }
.submenu { text-indent: 53px; }


.bar1, .bar2, .bar3 { width: 18px; height: 3px; background-color: #fff; margin: 3px 0; transition: 0.4s; }

.change .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 3px) ; transform: rotate(-45deg) translate(-5px, 3px);}
.change .bar2 {opacity: 0;}
.change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -4px) ; transform: rotate(45deg) translate(-5px, -4px);}

.js div#preloader {  position: fixed; left: 0; top: 0; z-index: 1040; width: 100%; height: 100%; overflow: visible; background: #343a40!important; }

.preload-icon{ position: fixed; left: 0; top: 0; z-index: 1040; width: 100%; height: 100%; overflow: visible; background: #343a40!important; color:white; margin-top: 300px; }


.scroll-to-top { position: fixed; right: 15px; bottom: 3px; display: none; width: 50px; height: 50px; text-align: center; color: white; background: rgba(52, 58, 64, 0.5); line-height: 45px; }
.scroll-to-top:focus, .scroll-to-top:hover { color: white; }
.scroll-to-top:hover { background: #343a40; }
.scroll-to-top i { font-weight: 800; }

.smaller { font-size: 0.7rem; }

.o-hidden { overflow: hidden !important; }

.z-0 { z-index: 0; }
.z-1 {z-index: 1; }

.content-wrapper { overflow-x: hidden; background: white; }
@media (min-width: 992px) { .content-wrapper { margin-left: 250px; } }

.card-body-icon { position: absolute; z-index: 0; top: 0; right: 0; font-size: 4rem; }

@media (min-width: 576px) { .card-columns {column-count: 1; }  }
@media (min-width: 768px) { .card-columns { column-count: 2; }  }
@media (min-width: 1200px) { .card-columns {column-count: 2; } }

.card-login { max-width: 20rem;}
.card-register { max-width: 40rem; }