.sidebar-pusher a { display: inline-block!important; padding: 15px 18px; color: #5F5F5F; border: none; position: relative; line-height: 20px; float: left; font-size: 18px; border-right: 1px #eee solid; }
.sidebar-pusher a:hover { color: #5F5F5F; position: relative; }
.sidebar-pusher a .badge { position: absolute; top: 8px; right: 5px; }

.mobile-top-line { right: 0; }
.mobile-top-line a { font-size: 16px; border-left: 1px #eee solid; border-right: none; }

.mobile-menu { opacity: 0; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.9); padding: 50px 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.mobile-menu ul { margin: 0; padding: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.mobile-menu ul li { list-style: none; border-bottom: 1px #333 solid; }
.mobile-menu ul li:last-child { border-bottom: none; }
.mobile-menu ul li a { color: #ccc; text-decoration: none; width: 100%; display: inline-block; padding: 10px 0; font-size: 16px; line-height: 30px; }
.mobile-menu ul li a i { margin-right: 10px; width: 20px; }
.mobile-menu ul li a:hover { color: #fff; }
.mobile-menu .ico_close { position: absolute; top: 10px; right: 10px; color: #ccc; padding: 5px; }
.mobile-menu.open { z-index: 9000; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.mobile-menu.open ul { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.mobile-cart-info { margin-left: 5px!important; margin-top: 1px!important; }

.quantity-table-buttons { background-color: #fff; padding: 5px; }
.quantity-table-buttons div { width: 12.5%; padding: 1px; float: left; }
.quantity-table-buttons a { width: 100%; display: inline-block; text-align: center; text-decoration: none; line-height: 32px; color: #222; background: #eee; border: 1px #ddd solid; }

.modal .quantity-table-buttons { padding: 0; margin-bottom: 10px; margin-top: 10px; }

.mobile-items-cart-close { position: relative; }

.dataTables_wrapper .dataTables_paginate .paginate_button { margin-left: 0; margin-right: 2px; }

.navbar { height: 50px; min-height: 0; }
.navbar .logo-box { height: 50px; }
.navbar .logo-box .logo-text { line-height: 50px; }
.page-horizontal-bar.page-header-fixed .horizontal-bar { padding-top: 50px; }
.page-horizontal-bar.page-header-fixed .horizontal-bar .accordion-menu > li > a { padding: 10px 15px!important; }
.page-horizontal-bar.page-header-fixed .horizontal-bar .accordion-menu > li > a p { line-height: 18px!important; }
.page-horizontal-bar.page-header-fixed .horizontal-bar .accordion-menu > li > a span.menu-icon { margin-bottom: 0!important; line-height: 21px }
.topmenu-outer { height: 50px; }
.top-menu .navbar-nav > li > a { padding: 15px 10px!important; }
.top-menu .navbar-nav > li:last-child > a { padding-top: 13px!important; }
.page-horizontal-bar .page-inner { min-height: calc(100vh - 109px); }

#main-wrapper { margin: 5px!important; }
.panel { margin-bottom: 5px!important; }
.panel-compact .panel-body { padding: 5px!important; }
.product-list .table > tbody > tr > td { padding: 2px 5px!important; }
.product-list .table > tbody > tr > td.td-image { width: 47px!important; min-width: 47px!important; }
.product-list .table > tbody > tr > td.in-line-cart { width: 110px!important; min-width: 110px!important; padding: 5px!important; }
.product-list .table > tbody > tr > td.td-price { width: 95px!important; min-width: 95px!important; }
.product-list { margin-bottom: 0!important; }
.product-list .panel-body { height: calc(100vh - 209px); }
.product-list .table-container { margin-bottom: 5px!important; height: calc(100% - 38px); }
.dataTables_wrapper .dataTables_paginate .paginate_button { min-width: 20px; padding: 5px 7px; }
.form-group.form-group-compact { margin-bottom: 5px!important; }
.cart-list .table > tbody > tr > td { padding: 2px 5px!important; }
.cart-list .table > tbody > tr > td.td-image { width: 47px!important; min-width: 47px!important; }
.cart-list .table > tbody > tr > td.in-line-cart { width: 110px!important; min-width: 110px!important; padding: 5px!important; }
.cart-list .collapse > div { padding: 5px!important; }

.cols-separator { height: calc(100vh - 121px); }

@media (max-width: 1280px) {
	.table > tbody > tr > td { padding-left: 5px!important; padding-right: 5px!important; }
}

@media (max-width: 991px) {
	.top-menu .navbar-nav > li > a > .user-name { display: block; }
}

@media (max-width: 767px) {
	.page-horizontal-bar .page-inner { padding-top: 50px; min-height: 100vh; }
	#main-wrapper { margin: 4px 0 0 0!important; }
	.panel-body { padding: 5px!important; }
	.form-group.m-b-no { margin-bottom: 0!important; }
	.product-list .panel-body { height: calc(100vh - 143px); }
	.product-list .table-container { margin-bottom: 0!important; height: calc(100% - 44px); }
	.product-list .table-container .table > tbody > tr > td { padding: 5px 6px!important; }
	.product-list .table-container .table .td-price { width: 120px!important; min-width: 120px!important; }
	.product-list .table-container td .btn { height: 18px; line-height: 16px!important; padding: 0 1px!important; margin-top: -3px; }
	.product-list .table-container td .quantity-table-buttons { position: absolute; top: 18px; right: 0; width: calc(100vw - 34px); z-index: 10; border: 1px solid #f25656; }
	.modal h2 { font-size: 20px; }
	.modal-body { padding-left: 10px!important; padding-right: 10px!important; padding-bottom: 10px!important; }
	.modal-footer { padding-left: 10px!important; padding-right: 10px!important; }
	.modal-body .text-lg { font-size: 20px; line-height: 40px; }
	.alert { padding: 10px; margin-top: 10px; }
	.toast-top-right { top: 0!important; left: 0; right: 0; }
	.toast-top-right .toast { width: 100%!important; }
	.row { margin-right: -2px; margin-left: -2px; }
	.col-xxs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { padding-right: 2px; padding-left: 2px; }
	.p-l-sm { padding-left: 0; }
}

@media (max-width: 419px) {
	.hidden-xxs { display: none !important; }
	.mobile-menu ul li a { font-size: 14px; line-height: 20px; padding: 8px 0; }
	.product-list .table-container .badge { display: none; }
	.product-list .table-container .badge.mobile-cart-info { display: block; font-size: 10px!important; height: 15px; }
	.items-count-form-bigger  { width: 120px!important; min-width: 120px!important; }
	.items-count-form-bigger .btn { height: 30px!important; width: 30px!important; font-size: 11px; }
	.items-count-form-bigger input { height: 30px!important; font-size: 12px; }
	.modal-body .text-lg { font-size: 16px; line-height: 30px; }
	.quantity-table-buttons div { width: 25%; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: block !important;
	}
}
@media (min-width: 1200px) and (max-width: 1679px) {
	.hidden-lg {
		display: none !important;
	}
}
@media (min-width: 1680px) {
	.hidden-xl {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.horizontal-bar .accordion-menu > li > a > p {
		display: block!important;
	}
	.horizontal-bar .accordion-menu > li.hidden-md > a > p {
		display: none!important;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.product-list .panel-body { height: calc(80vh - 209px); }
	.cols-separator { height: auto; padding-left: 0; border-left: none; margin-top: 5px; }
}

body.with-footer .product-list .panel-body {
	height: calc(100vh - 209px - 50px);
}

body.with-footer .cols-separator {
	height: calc(100vh - 109px - 62px);
}

body.with-footer .page-inner {
	padding-bottom: 50px;
}

.page-footer {
	padding: 10px 15px 12px 15px;
}

@media (max-width: 360px) {
	.page-footer p {
		font-size: 11px;
	}
}