.bi {
	  display: inline-block;
	 
	  color: white;
	}

	/*
	 * Sidebar
	 */

	@media (min-width: 768px) {
	  .sidebar .offcanvas-lg {
		position: -webkit-sticky;
		position: sticky;
		top: 48px;
	  }
	  .navbar-search {
		display: block;
	  }
	}

	.sidebar .nav-link {
	  font-size: .875rem;
	  font-weight: 500;
	}

	.sidebar .nav-link.active {
	  color: #2470dc;
	}

	.sidebar-heading {
	  font-size: .75rem;
	}

	/*
	 * Navbar
	 */

	.navbar-brand {
	  padding-top: .75rem;
	  padding-bottom: .75rem;
	  background-color: rgba(0, 0, 0, .25);
	  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
	}

	.navbar .form-control {
	  padding: .75rem 1rem;
	}

/*
 *	index
 */
 
	.bd-placeholder-img {
		font-size: 1.125rem;
		text-anchor: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: #FFF;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
	  
/*
 *	Sidebars
 */
	@media (min-width: 768px) {
		.sidebar {
			position:fixed;
			height:100%;
		}
	}
	.dropdown-toggle { outline: 0; }

	.btn-toggle {
	  padding: .25rem .5rem;
	  font-weight: 600;
	  color: var(--bs-emphasis-color);
	  background-color: transparent;
	}
	.btn-toggle:hover,
	.btn-toggle:focus {
	  color: rgba(var(--bs-emphasis-color-rgb), .5);
	  background-color: var(--bs-tertiary-bg);
	}

	.btn-toggle::before {
	  width: 1.25em;
	  line-height: 0;
	  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	  transition: transform .35s ease;
	  transform-origin: .5em 50%;
	}

	[data-bs-theme="dark"] .btn-toggle::before {
	  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
	}

	.btn-toggle[aria-expanded="true"] {
	  color: rgba(var(--bs-emphasis-color-rgb), .85);
	}
	.btn-toggle[aria-expanded="true"]::before {
	  transform: rotate(90deg);
	}

	.btn-toggle-nav a {
	  padding: .1875rem .5rem;
	  margin-top: .125rem;
	  margin-left: 1.25rem;
	}
	.btn-toggle-nav a:hover,
	.btn-toggle-nav a:focus {
	  background-color: var(--bs-tertiary-bg);
	}

	.scrollarea {
	  overflow-y: auto;
	}

/*
 *	Content
 */
 
td.opis {text-align:justify;width:70%} 
 
.td-img {vertical-align:middle;text-align:center;padding:2px 10px}
.td-img img {max-width:120px;max-height:90px}

td.addButton {
	text-align:center;
	vertical-align:middle;

}

td.addButton input {
	width:70px;
	margin:5px 15px;
	display:inline-block;
}
td.addButton button {
	width:100px!important;
}
td.delButton,td.infoButton {
	width:40px!important;
	text-align:center;
}
td.price {
	text-align:right;
	vertical-align:middle;
	padding:0px 15px;
}
input.qty  {
	width:60px;
}
.small {font-size:14px}
.text-right {text-align:right}
.text-center {text-align:center}

.list td{vertical-align:middle}
.subtotal td,.total td {font-weight:bold;text-align:right} 
.total td {font-size:14px}

body {font-size:13px;font-family:Roboto,Calibri,Arial;}
.btn-sm, .page-link {font-size:13px;}
ul.pagination {float:left;}
#products_filter label {font-size:14px;font-weight:bold;padding:4px 0px}
#products_info {border:1px solid black;padding:0.85em;font-style:italic;background-color:#f2f2f2;font-weight:bold;}

td.divider {
	font-weight:500;
	font-style:italic;
	font-size:16px;
	padding:6px 10px;
	background-color:#E4E4E4;
}


tr.block {display:block}
.hidden {
	display:none;
}

.visible {
	display:block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.buttons div {
	display:table;
	border-collapse:separate;border-spacing:10px;
}
.btn-nopic {
	margin:10px;
	display: table-cell;
    width: 100%;
    height: 100px;
    border: 1px solid #DDD;
    vertical-align: middle;
	background-color:#0d6efd;
	color:#FFF;
}

.btn-nopic-sm {
	margin:2px;
	display: table-cell;
    width: 100%;
    height: 100px;
    border: 1px solid #DDD;
    vertical-align: middle;
	background-color:#0d6efd;
	color:#FFF;
	font-weight:400;
	font-size:1.2rem;
}

.smart .btn-nopic {
	background-color:#ff7300;
}

.smart .btn-nopic:hover {
	background-color:#FFF;
}


.listall {
	background-color:#198754;
}

.listall-red {
	background-color:#dc3545;
}

.btn-nopic-sm:hover, .btn-nopic:hover, .vizualizacie img:hover {
	border: 1px solid #AAA;
	box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.5);
}




.vizualizacie img {
	border:1px solid #DDD;
	border-radius:5px;
	padding:20px;
}

.popis p {
	text-align:justify;
	font-size:1rem;
}

.smartHeader {
	font-size:1rem;
	width:100%;
	background-color:#191c1f;
	padding-top:1rem;
	padding-bottom:1rem;
	font-weight:400;
	color:#FFF;
}

ol.smartOl li {
	padding: 0.25rem 0.5rem;
    font-weight: 600;
	font-size:1rem;
}

ol.smartOl li a {
	text-decoration:none;
	color:#000;
}
ol.smartOl li a:hover {
	opacity:0.5;
	 -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

ul.list-unstyled li a.active {
	color:#0d6efd;
}
ol.smartOl li a.active {
	text-decoration:none;
	color:#ff7300;
}

/*
 *	Modals
 */
.modal label {font-size:1rem;font-weight:500;}
.modal .bi {color:#111;}

.lb-details {text-align:justify!important;}
.lb-caption {font-weight:400!important;}

.form-check-label {font-size:0.7rem!important;text-align:justify}



.valid {
	font-size:14px;
	font-weight:500;
	font-style:italic;
}

@media (min-width: 768px) {
	.sidebar.homepage {
		display:none;
	}
}

h1 {font-size:1.85rem!important;}
h2 {font-size:1.75rem!important;}