/* Remove the non-functioning "clear button" from text fields in pre-Chrome Edge-browsers... */
input[type="text"]::-ms-clear {
	display: none;
}

html, body {
	height: 100%;
}

.panel-dark-danger {
	border-color: #d9534f;
}
.panel-dark-danger > .panel-heading {
	background-color: #d9534f;
	border-color: #d9534f;
	color: #fff;
}
.panel-dark-danger > .panel-heading .text-info {
	color: #fff;
}

.table>tbody>tr.danger-dark>td {
	background: #d9534f;
	color: #fff;
	border-color: #d9534f;
}

.smaller-card .card-content .card-block {
	height: 90px;
    overflow: hidden;
}

.resource-navbar .navbar-nav>li>a {
	padding: 8px 15px;
}
.navbar.resource-navbar {
	margin-bottom: 5px;
	min-height: 36px;
}

.product-number {
	color: #aaa;
	display: block;
	padding-bottom: 3px;
}
.product-number strong {
	color: #555;
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: top;
}
.alert-sm {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
}

[v-cloak] {display: none}

.wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -350px;
    position: relative;
}
.sticky-wrap{
    display:flex;
    flex-direction:column;
}
.sticky-wrap-inner {
	display: flex;
	min-height:100vh;
	flex-direction: column;
    flex: 1 0 auto;
  	-ms-flex: 1 0 auto;
}
.footer {
	position: relative;
    /*margin: 0 auto;*/

    margin-top:auto;
}
/*.footer{
    min-height: 300px;
}*/

.panel-success-dark .panel-heading {
	background: #5cb85c;
	color: #fff;
}
.panel-success-dark {
	border-color: #77D077;
}
.online-payment-check-icon {
	font-size: 36px;
	display:block;
}
.panel-info-dark .panel-heading {
	background: #13ADB1;
	color: #fff;
}
/* navbar */
.fa-life-saver {
	display: none;
}
.navbar-form input.form-control {
	background: none;
	border-color: #666;
	color: #eee;
}

.top-menu-search-mobile{
    width: 100% !important;
}
.navbar-form input.form-control:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);
}
.navbar-form button {
	background: #F8591A;
	border-color: #F8591A;
	color: #fff;
	font-weight: bold;
}
.navbar-brand>img {
	max-height: 95%;
}
.navbar {
	margin-bottom: 0;
}
.navbar-collapse .container-fluid {
	padding: 2rem 2.5rem;
	border-bottom: 1px solid #55595c;
}
.navbar-collapse h4 {
	color: #818a91;
}
.navbar-collapse .text-muted {
	color: #818a91;
}
.navbar-webink {
	background: #333;/*#F8591A;*/
	padding-top: 20px;
	padding-bottom: 15px;
}
.navbar-webink.affix-top {
	margin-top: 0px;
}
.navbar-webink.affix {
	margin-top: 0;
}
.front-page .navbar-webink .container {
	box-shadow: 0px 5px 6px -4px #000;
}
.navbar-webink .navbar-brand{
	color: #F8591A;/*#581900;*/
	font-size: 36px;
	font-weight: 300;
	padding-top: 3px;
	padding-bottom: 3px;
}
.navbar-webink li>a {
	color: #fff;
	text-shadow: none;
}
.navbar-webink li>a:hover, .navbar-webink li>a:focus, .navbar-webink .open>a, .navbar-webink .open>a:hover, .navbar-webink .open>a:focus {
	background: #2e2e2e;
	color: #ddd;
}
.navbar-webink li>ul>li>a {
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar-xs {
	float: left;
}
.navbar-xs li {
	float: left;
}
.navbar-toggle {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 10px;
	background: #F8591A;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #FF9971;
	box-shadow: 0px 0px 8px #A93000;
}
.navbar-webink.affix {
	padding-bottom: 5px;
	padding-top: 5px;
}
.navbar-collapse {
	background: #333;/*#F8591A;*/
}
.nav .cart-link {
	background: #F8591A;
	font-weight: bold;
}
.nav .cart-link:hover, .nav .cart-link:focus {
	background: #DA4E16;
}
.nav .cart-link .badge {
	background: #fff;
	color: #333;
}
.navbar-webink .container {
	position: relative;
}
.navbar-webink .language_selection {
	position: absolute;
	top: 100%;
	right: 5px;
}
.navbar-webink .language_selection ul {
	list-style: none;
}
.navbar-webink .language_selection ul>li {
	float: left;
	margin-top: 5px;
}
.navbar-webink .language_selection ul>li.active>a {
	border-bottom: 2px solid #5CB85C;
	cursor: default;
}
.navbar-webink .language_selection ul>li>a {
	float: left;
	padding: 5px 10px;
}
.navbar-webink .language_selection ul>li>a:hover {
}

/* --------------- */
/* language-menu */
.dropdown-language-menu{
	min-width: 0px;
}

.navbar-nav .open .dropdown-language-menu-mobile > li > a{
	padding: 5px 15px;
}

.dropdown-lang-title > img{
	margin-right: 15px;
}

.nav-item-lang-mobile{
	float:left;
}

/* ---------------- */
/* top-section */
.top-section {
	background: #333;/*#F8591A;*/
	margin-bottom: 0px;
	min-height: 85px;
}
.top-section {
	display: none;
	background: #333;/*#F8591A;*/
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.front-page .top-section {
	display: block;
}
.welcome-greeting h1 {
	font-weight: 300;
	font-size: 48px;
	text-align: center;
	margin-bottom: 5px;
	color: #F8591A;/*#581900;*/
	margin-top: 0px;
}
.welcome-greeting p {
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.top-section .navbar-webink {
	padding-top: 0;
	padding-bottom: 0;
}
.top-section .navbar-webink .container {
	border-top: 1px solid #FF956A;
	border-bottom: 1px solid #FF956A;
	box-shadow: 0px 8px 3px -6px #D03E05;
}
.top-section .navbar-webink .navbar-brand{
	color: #F8591A;/*#581900;*/
	font-size: 18px;
	font-weight: 300;
	padding-top: 15px;
	padding-bottom: 15px;
}
.top-section .navbar-webink .navbar-brand{
	color: #fff;
}
.top-section .navbar-webink li>a {
	color: #fff;
	text-shadow: none;
}
.top-section .navbar-webink li>a:hover {
	background: none;
	color: #333;
}

/* ---------------- */
/* welcome-greeting */
.front-page .company-welcome{
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
}

.company-welcome{
	margin:0;
	background: #f8591a;
	color: #fff;

}
body.admin .company-welcome {
	display: none;
}

.welcome-container h5 {

}

/* ------ */
/* global */
body {
	padding-top: 85px;
}
.content {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #F3F2ED;
}
.section-heading {
	margin-top: 5px;
	color: #333;
	font-weight: 300;
	font-size: 14px;
}

.content .section-heading {
	font-size: 24px;
}
.panel-group .panel, .panel, .panel-heading {
	border-radius: 0;
}
.panel-heading h1 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.table-noborder>tbody>tr>td {
	border: 0;
}

.page-header {
    padding-bottom: 9px;
    margin: 0px 0 0px;
    margin-bottom: 10px;
    border-bottom: 0;
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
}
.page-header h1.section-heading {
	color: #F8591A;
	font-size: 24px;
	margin: 5px 0px;
}
.page-header h1 small {
	display: block;
	margin-top: 5px;
}
.page-header h1 small a {
	color: #aaa;
}
.page-header p.section-description {
	color: #777;
	margin-bottom: 0;
}
.btn {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.login-modal-tabs {
	margin-bottom: 15px;
}

/* --------- */
/* Left menu */
.left-menu {
	background: #fff;
	border: 1px solid #ddd;
	padding: 0px;
}
.left-menu .category-menu-title {
	border-bottom: 1px solid #F8591A;
    background: #fff;
    color: #F8591A;
    font-weight: normal;
    font-size: 14px;
    padding: 8px 8px;
}
.left-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.left-menu .nav .nav-link {
	border: 0;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	padding: 8px 8px;
}
.left-menu .nav li ul {
	background: #fff;
	border-bottom: 1px solid #eee;
}
.left-menu .nav li ul li .nav-link {
	border: 0;
	color: #333;
	font-size: 11px;
	padding: 8px 5px 8px 10px;
	display: block;
}
.left-menu .nav li.selected>a, .left-menu .nav li ul li.selected>a {
	font-weight: bold;
	background: #eee;
	border-bottom: 1px solid #e8e8e8;
}
.left-menu .nav li ul li.selected>a {
	background: #f5f5f5;
}
.left-menu .nav li ul li a.nav-link {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
}
.left-menu .nav li ul li ul {
	background: #f5f5f5;
}


/* --------------- */
/* card extending */
.card {
	float: left;
	padding: .75rem;
	margin-bottom: 2rem;
	border: 0.1rem solid #eee;
}

.card > img {.page-header h1 small a
	margin-bottom: .75rem;
}

.card-text {
	font-size: 85%;
}

.smaller-card {
	background: #fff;
	width: 100%;
}
.smaller-card h4 {
	font-size: 100%;
	margin-top: 10px;
}
.smaller-card .card-price {
	font-size: 150%;
}
.smaller-card .card-footer {
	background: none;
}

.smaller-card .card-block p {
	font-size: 11px;
	height: 20px;
}
.smaller-card .card-block p a {
	text-decoration: none;
	color: #333;
}
.card-img-top {
	width: 100%;
}

.product-card {
	background: #fff;
}
.product-card .form-group label {
	display: block;
}
.product-card h1 {
	color: #F8591A;
	font-size: 24px;
	margin-left: 0px;
	margin-top: 5px;
	marging-bottom: 5px;
	margin-right: 0px;
}
.product-card .page-header {
	border: 0;
	border-bottom: 1px solid #eee;
	margin-right: 10px;
}
.product-card .page-header p {
	color: #777;
}


/* ------ */
/* footer */
body, .footer {
	background: #F3F2ED;
}
.footer {
	background: #E6E5E0;
	border-top: 1px solid #D6D3C8;
	color: #999;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer p {
	margin-bottom: .25rem;
}
.footer ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.footer ul>li>a {
	color: #888;
	display: block;
	padding: 3px 0;
}
.footer-logo {
	color: #bbb;
	font-size: 32px;
	width: 100%;
	text-align: right;
	float: left;
	text-decoration: none;
}
.footer-logo:hover {
	text-decoration: none;
	color: #aaa;
}
.footer .footer-links a {
	font-size: 16px;
	text-decoration: none;
	color: #888;
	display: block;
	padding: 15px 0;
}
.footer .footer-links a:hover, .footer .footer-links a:hover .fa {
	color: #333;
}
.footer .footer-links a .fa {
	font-size: 32px;
	margin-right: 15px;
	color: #aaa;
}

/* ---------------- */
/* product page */
.table-option-groups {
	border-top: 0px;
}
.table-option-groups>thead>tr>th, .table-option-groups>tbody>tr>th, .table-option-groups>tbody>tr>td {
	border: 0;
}

.table-option-groups>thead>tr>th, .product-card .form-group label {
	font-size: 11px;
	text-align: center;
}
.table-option-groups>tbody>tr>td {
	padding: 2px 5px;
}
.price_box table td.price {
	text-align: right;
}
.price_box table td.large {
	color: #23933d;
	font-size: 20px;
	font-weight: bold;
}
.price_box table td.bold {
	font-weight: bold;
}
.price_box table>tbody>tr>td {
	border: 0px none;
}
.option_summary {
	border: 1px solid #ddd;
	padding: 5px;
}
.option_summary_list {
	margin-top: 10px;
}
.option_summary_list td {
	font-size: 10px;
	padding: 2px 2px 2px 5px;
}
.option_summary_list td.group {
	font-weight: bold;
	padding-left: 0px;
}
.option_summary_list dd {
	float: left;
}
.price-box {
	background: #333;
	color: #fff;
	padding: 15px;
}
.price-box .main-price {
	font-size: 24px;
	font-weight: bold;
	color: #1ECA46;
}
.price-box .main-price-kesko {
	font-size: 18px;
	font-weight: normal;
	color: darkgray;
}
.price-box .vat-share, .price-box .vat-free-price {
	font-size: 11px;
}
.options-box {
	padding: 15px;
}
.product-details-photos {
	margin-top: 5px;
}
.product-details-photos a {
	float: left;
	margin-right: 5px;
}
.main-price-label {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}
.carousel-control .fa-arrow-left, .carousel-control .fa-arrow-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.price-wrapper.affix {
	position: relative;
}
.price-wrapper.affix-bottom {
	position: relative;
	top: 0 !important;
}
.media-heading {
	font-size: 14px;
}
.file-upload-modal h2 {
	font-size: 14px;
	margin-top: 5px;
}
.file-upload-modal .form-group label {
	text-align: left;
}

.bootstrap-select .dropdown-toggle .filter-option {
    padding-left: 15px;
}
.option-group-row {
    padding-left: 15px;
}
.option-group-row label {
    font-weight: bold;
    font-size: 16px;
    text-align: left !important;
}
select.form-control {
    border-radius: 0;
}
.option-groups-wrapper {
    margin-top: 15px;
}
.btn.btn-selected {
    border-color: #0089ff;
    color: #0089ff;
}

.dropup .dropdown-menu {
	z-index: 1031; /* above navbar */
}


/* --------------- */
/* CUSTOM CENTERED MODAL */

.custom-centered-modal {
  text-align: center;
  padding: 0!important;
}

.custom-centered-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.custom-centerd-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


/* --------------- */
/* Personalization */
.button-group-box p {
	margin-bottom: 0px;
}
.button-group-box .btn {
	text-align: left;
	font-size: 0.8em;
}
.imgUpload input {
    cursor: pointer;
    direction: ltr;
    font-size: 26px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
}
#calendarTabs .editor-top-area {
	background: #fff;
	border: 0;
}
#calendarTabs .tabs-wrapper {
	height: 42px;
}
#calendarTabs {
	margin-top: 0px;
}
.guide_preview {
	position: relative;
	overflow: hidden;
	display: none;
	height: 33px;
	cursor: pointer;
	overflow: hidden;
	background: #FFF7AE;
	border: 1px solid #D7B95A;
	margin-bottom: 2px;
	padding-top:  5px;
	padding-left: 3px;

}
.guide_preview:hover {
	color: #888;

}

.guide_preview span {
	font-size: 11px;
	height: 22px;
	margin: 0 !important;

}

.guide_items {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #aaa;
	opacity: 1;
	top: -100px;
	z-index: 1030;
	background: #fff7ae
}


.guide_items a.next,.guide_items a.prev {
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 85px;
}

.guide_items a.next.disabled,.guide_items a.prev.disabled {
	display: none;
}

.guide_items a.next {
	right: 0px;
}

.guide_items a.prev {
	right: 40px;
}

.guide_item {
	height: 120px;
	width: 754px;   		/* ITEM W */
}

.guide_item p {
	margin-left: 15px;
	margin-top: 5px;
}
.guide_item h3 {
	font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
}
.guide_item p {
	overflow-y: auto;
	padding-bottom: 10px;
	margin: 0 15px;
	max-height: 70px;
}

.guide_items .close_guide {
	background: none;
	border: none;
	position: absolute;
	top: 5px;
	right: 5px;
}

.guide_items a {
	color: #867A12 !important;
	cursor: pointer;
}


.scrollable {
	position: relative;
	overflow: hidden;
	width: 754px;   		/* ITEM W */
	height: 120px;
}
.scrollable .items {
	width: 20000em;
	position: absolute;
}
.items div.guide_item {
	float: left;
}

/* --------- */
/*   Cart    */
.cart-options-list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 11px;
}
.cart-weight-info {
	color: #999;
	font-size: 11px;
}
.cart-table {
	font-size: 12px;
}
.table-additional-products {
	font-size: 12px;
}
.additional_products_form_cell {
	width: 30%;
}
.cart-panel-body {
	position: relative;
}
.cart-loading-gif {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}

.cart_item_actions_holder .fa {
	font-size: 18px;
}
.cart_item_actions_holder .btn {
	margin-right: 5px;
	float: left;
}

.cart-mobile-panel .row_description,
.cart-table .row_description {
	display: block;
	font-size: 11px;
	color: #777;
}
.cart_product_actions select {
	max-width: 200px;
}

.cart-comment-panel-header{
    cursor:pointer;
}
.cart-comment-panel-header:hover{
    background: #f0f0f0;
}

/* ----------------- */
/* Billing, delivery */



.price-box .quantity_notice_holder {
	margin-top: 10px;
}

.price-box .stored-quantity {
	color: #777;
	font-size: 14px;
}


.has-corner-label {
	position: relative;
}
.corner-label {
	width: 20px;
	height: 20px;
	background: none;
	position: absolute;
}
.corner-label-top-left {
	top: 0;
	left: 0;
	border-left: 10px solid #aaa;
	border-top: 10px solid #aaa;
	border-right: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
}

.corner-label-top-right {
	top: 0;
	right: 0;
	border-right: 10px solid #aaa;
	border-top: 10px solid #aaa;
	border-left: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
}

.corner-label-primary {
	border-color: #337ab7;
}
.corner-label-info {
	border-color: #5bc0de;
}


/* The switch - the box around the slider */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .toggle-slider {
  background-color: #19c736;
}

input:focus + .toggle-slider {
  box-shadow: 0 0 3px #119628;
}

input:checked + .toggle-slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.fixed-flash {
	position: fixed; 
	top: 0px; 
	left: 50%; 
	padding: 10px 40px; 
	z-index: 10001; 
	transform: translate(-50%, 0);
	background: #2196F3;
	color: #fff;
}
.fixed-flash-close {
	position: absolute; top: 5px; right: 10px;
}

/* Rounded sliders */
.toggle-slider.round {
  border-radius: 17px;
}

.toggle-slider.round:before {
  border-radius: 50%;
}

.italic-placeholder::-webkit-input-placeholder {
   font-style: italic;
}
.italic-placeholder:-moz-placeholder {
   font-style: italic;  
}
.italic-placeholder::-moz-placeholder {
   font-style: italic;  
}
.italic-placeholder:-ms-input-placeholder {  
   font-style: italic; 
}


@media(min-width: 992px) {
	.collapse {
		display: none;
	}
	.navbar-products.collapse {
		display: none !important;
	}
}

@media(max-width: 767px) {

	/* global */
	body {
		padding-top: 60px;
	}
	.navbar-brand>img {
		max-height: 50px;
	}

	.company-welcome{
		padding-left:8px;
	}
	.content {
		padding-top: 0px;
		padding-bottom: 5px;
		margin-top: 0px;
	}
	.content .section-heading {
		font-size:18px;
		margin-left: 10px;
	}
	.content .section-description {
		margin-left: 0px;
	}
	.page-header {
		padding-left: 8px;
		padding-bottom: 8px;
		padding-top: 8px;
		margin-bottom: 0px;
		background: #333;
		border: 0;
	}
	.page-header h1.section-heading {
		font-size: 16px;
		margin-top: 8px;
	}
	.page-header p.section-description {
		font-size: 11px;
		color: #ccc;
	}
	.top-section {
		min-height: 0px;
		padding-top: 0px;
	}

	.row {
		margin-left: 0px;
		margin-right: 0px;
	}

	/* welcome greeting */
	.welcome-greeting {
		margin-bottom: 0px;
		padding-top: 10px;
	}

	/* navbar */
	.navbar-webink {
		padding-bottom: 5px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.navbar-webink .container {
		box-shadow: none;
	}
	.navbar-webink .container>.navbar-header {
		width: 100%;
	}
	.navbar-webink .form-group {
		margin-bottom: 0;
	}
	.navbar-webink .navbar-xs {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 15px;
	}
	.navbar-webink .navbar-brand {
		padding-top: 6px;
		padding-bottom: 0;
		margin-left: 10px;
		font-size: 24px;
		height: auto;
	}
	.navbar-collapse {
		background: #fff;
	}
	.navbar-collapse {
		background: #333;
		border-bottom: 0px;
		min-height: 30px;
	}
	.navbar-collapse-form {
		margin-bottom: 10px;
	}
	.navbar-toggle {
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.navbar-webink.affix-top {
		margin-top: 0px;
	}
	.navbar-webink.affix {
		margin-top: 0px;
	}
	.navbar-products.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease;
		-webkit-transition-duration: .35s;
		-o-transition-duration: .35s;
		transition-duration: .35s;
		-webkit-transition-property: height, visibility;
		-o-transition-property: height, visibility;
		transition-property: height, visibility;
	}
	.navbar-products.collapse.in {
		display: block !important;
	}

	/* card */
	.smaller-card {
		margin-bottom: 5px;
	}
	.smaller-card .card-img-wrapper {
		width: 30%;
		float: left;
	}
	.smaller-card .card-content {
		float: left;
		width: 70%;
	}
	.smaller-card .card-content .card-block {
		float: left;
		width: 80%;
	}
	.smaller-card .card-content .card-footer {
		float: left;
		width: 20%;
	}
	.smaller-card .card-content .card-footer .btn{
		margin-top: 5px;
		color: #aaa;
	}
	.smaller-card .card-content .card-block .card-title {
		margin-top: 0px;
	}
	.product-card {
		margin-top: 0px;
		border-top: 1px solid #fff;
	}
	.product-card h1 {
		font-size: 18px;
		margin-left: 5px;
	}
	.product-card p.description {
		font-size: 12px;
		line-height: 14px;
		margin-left: 5px;
		color: #ddd;
	}

	.product-card .page-header {
		margin-right: 0px;
	}

	.card-footer {
		border-top: none;
	}



	/* product page */
	.price-wrapper {
		background: #333;
	}
	.price-wrapper.affix {
		position: fixed !important;
		bottom: 0px;
		left: 0px;
		padding: 10px;
		width: 100%;
		z-index: 1001;
	}
	.price-wrapper.affix .main-price {
		font-size: 16px;
		display: block;
	}
	.price-wrapper.affix .main-price-label {
		display: none;
	}
	.price-wrapper.affix .vat-share,
	.price-wrapper.affix .vat-free-price {
		float: left;
		margin-right: 5px;
	}
	.price-wrapper.affix-bottom {
		position: relative !important;
		top: 0px !important;
	}
	.full-width-mobile {
		padding-left: 0;
		padding-right: 0;
	}
	.full-width-mobile .col-md-4 {
		padding-right: 0;
	}
	.full-width-mobile .smaller-card {
		margin-bottom: 0;
		border-bottom: 1px solid #bbb;
	}
	.full-width-mobile .smaller-card .card-title {
		font-weight: normal;
		color: #666;
	}
	.full-width-mobile .smaller-card .card-footer {
		padding-right: 3px;
	}
	.full-width-mobile .smaller-card .card-footer .btn {
		margin-top: 5px;
		color: #aaa;
	}
	.page-header h1 small a {
		color: #ddd;
	}

	/* cart */
	.cart-panel-body .panel .panel-heading {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.cart-panel-body .panel-heading {
		padding-left: 8px;
		background: #eee;
		border-top: 1px solid #ccc;
	}
	.cart-panel-body {
		font-size: 12px;
	}
	.cart-panel-body .panel .panel-heading h4 {
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #F8591A;
	}
	.cart-panel-body, .cart-panel-body .panel-body {
		padding: 8px;
	}
	.cart-panel-body, .cart-panel-body>.panel-body {
		padding: 0px;
	}
	.cart-panel-body .panel-default {
		border: 0;
	}
	.cart-row-prices-mobile {
		color: #999;
		font-size: 10px;
	}
	.cart-row-prices-mobile-total {
		color: #333;
		font-size: 12px;
	}
	.panel-summary-row .col-xs-6 {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.panel-summary-row .form-group {
		margin-bottom: 0px;
	}
	.additional-product-media {
		font-size: 12px;
	}

	.container, .col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2, .col-sm-3, .col-md-3, .col-lg-3, .col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6, .col-sm-7, .col-md-7, .col-lg-7, .col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9, .col-sm-10, .col-md-10, .col-lg-10, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.footer, .footer .text-right, .footer .footer-logo {
		text-align: center;
	}

	.cart-mobile-panel .row-title-wrapper {
		float: left;
		max-width: 160px;
	}

	.orderCheck	{
		float:right;
		padding:1px 5px;
	}

	.orderSelect {
		float:right;
		width:auto;
	}

}

@media(max-width: 991px){
	.navbar-webink li > ul > li > a {
		color:#fff;
	}
}

@media(min-width: 768px){
	/* --------------- */
	/* MODAL FULL WIDTH */

	.modal-full-width{
		margin: 0 auto;
		height: 100%;
		width: auto;


	}
}

.modal-extra-lg{
	width:98%;
}
.sortable-th{
	cursor: pointer;
}
.sortable-th:hover{
	background-color: #ddd;
}

.panel-body-condensed, .table-super-condensed>thead>tr>th, .table-super-condensed>tbody>tr>th, .table-super-condensed>tfoot>tr>th, .table-super-condensed>thead>tr>td, .table-super-condensed>tbody>tr>td, .table-super-condensed>tfoot>tr>td{
	padding: 3px;
}

.table-no-bottom{
	margin-bottom:2px;
}

.panel-heading-condensed{
	padding: 4px 6px;
}







.checkbox-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.checkbox-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.checkbox-switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input.checked-danger:checked + .slider {
  background-color: red;
}
input.unchecked-success + .slider {
  background-color: green;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.checkbox-switch .slider.round {
  border-radius: 34px;
}

.checkbox-switch .slider.round:before {
  border-radius: 50%;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.label-collecting {
	background: #fb8205;
}

.stock-order-textarea {
	max-width: 40em;
	resize: none;
}

.margin-right-10 {
	margin-right: 10px;	
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px;
}

.margin-left-5 {
	margin-left: 5px;
}

.full-width {
	width: 100%;
}

.tight-column{
	width: 5%;
	text-align: center;
}

input[type=button].detail {
	width: 25px;
}

.new-product-dropdown-menu>li>a {
	border: 0;
	text-align: left;
	padding-left: 20px;
}

.dropdown-toggle>span.caret {
	margin-left: 0.7em;
}

.recursive-no-padding, .recursive-no-padding * {
	padding: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.non-decorated {
	border: 0;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
	cursor: initial;
}


.additional-product-no-hover:hover {
	background: inherit;
	border-color: rgb(204, 204, 204);
}

/* Margin and padding utily classes like bootstrap 4 has */

.m-1 {margin: 0.25rem;}
.m-2 {margin: 0.5rem;}
.m-3 {margin: 0.75rem;}
.m-4 {margin: 1rem;}

.mt-1 {margin-top: 0.25rem;}
.mr-1 {margin-right: 0.25rem;}
.mb-1 {margin-bottom: 0.25rem;}
.ml-1 {margin-left: 0.25rem;}

.mt-2 {margin-top: 0.5rem;}
.mr-2 {margin-right: 0.5rem;}
.mb-2 {margin-bottom: 0.5rem;}
.ml-2 {margin-left: 0.5rem;}

.mt-3 {margin-top: 0.75rem;}
.mr-3 {margin-right: 0.75rem;}
.mb-3 {margin-bottom: 0.75rem;}
.ml-3 {margin-left: 0.75rem;}

.mt-4 {margin-top: 1rem;}
.mr-4 {margin-right: 1rem;}
.mb-4 {margin-bottom: 1rem;}
.ml-4 {margin-left: 1rem;}

.p-1 {padding: 0.25rem;}
.p-2 {padding: 0.5rem;}
.p-3 {padding: 0.75rem;}
.p-4 {padding: 1rem;}

.pt-1 {padding-top: 0.25rem;}
.pr-1 {padding-right: 0.25rem;}
.pb-1 {padding-bottom: 0.25rem;}
.pl-1 {padding-left: 0.25rem;}

.pt-2 {padding-top: 0.5rem;}
.pr-2 {padding-right: 0.5rem;}
.pb-2 {padding-bottom: 0.5rem;}
.pl-2 {padding-left: 0.5rem;}

.pt-3 {padding-top: 0.75rem;}
.pr-3 {padding-right: 0.75rem;}
.pb-3 {padding-bottom: 0.75rem;}
.pl-3 {padding-left: 0.75rem;}

.pt-4 {padding-top: 1rem;}
.pr-4 {padding-right: 1rem;}
.pb-4 {padding-bottom: 1rem;}
.pl-4 {padding-left: 1rem;}

.pointer {
	cursor: pointer;
}

.dropdown-menu > .checkbox-menu {
	list-style: none; 
	margin-left: 0; 
	padding-left: 0;
}

.modal-product-quickedit .vdp-datepicker__calendar {
	position:relative !important;
}

.dateinput {
	background-color: #ffffff;
	color: rgb(0, 0, 0);
	padding: 3px 4px;
	margin: 2px 0;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	cursor: pointer;
}

.checkbox-pointer {
	cursor: pointer;
	display:inline-block;
}