/*
Styly pro spoleÄŤnĂ˝ design | Menu | Zahlavi | Zapati
*/
/* 
    Author     : Jan VelÄŤovskĂ˝ <ISSA CZECH s.r.o.>
*/
body {
	font-family: 'Noto Sans', 'Source Sans Pro', sans-serif;
}

A, SPAN {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

A {
	color: #4a90e2;
}

.form-control:focus {
	border-color: rgba(144, 198, 41, 0.7);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(144, 198, 41, 0.7);
	outline: 0 none;
}

H1 {
	color: #4A4A4A;
	margin-bottom: 28px;
}
/*** Begin - Header ***/
.header {
	padding: 22px 0 40px 0;
}

.header UL.header-user-cart-menu {
	list-style: none; 
}

.header UL.header-user-cart-menu LI.list-item-registration, .header UL.header-user-cart-menu LI.list-item-logout,
	.header UL.header-user-cart-menu LI.list-item-login {
	cursor: pointer;
}

.header UL.header-user-cart-menu LI .text-link-size {
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

.header #dropdownMenuHeader LI {
	width: 100%;
}

.header #dropdownMenuHeader LI .like-link {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.header #dropdownMenuHeader LI .text-link {
	padding-top: 9px;
	width: calc(100% - 20px);
	line-height: 11px;
	float: left;
}

.header #dropdownMenuHeader.dropdown-menu>li>a:focus, .header #dropdownMenuHeader.dropdown-menu>li>a:hover
	{
	background: none;
}

.header UL.header-user-cart-menu LI .icon {
	width: 20px;
    font-size: 18px;
    line-height: 16px;
}

.header UL.header-user-cart-menu LI .icon .fa-check-square, .header UL.header-user-cart-menu LI .icon .fa-square-o
	{
	color: #90c629;
	position: relative;
	top: 2px;
}

.header UL.header-user-cart-menu LI .icon .fa-user-plus {
	color: #d0021b;
}

.header UL.header-user-cart-menu LI.list-item-user .text-link {
	text-transform: none;
}

.header UL.header-user-cart-menu LI>A>.text-cart-price {
	color: #000;
	font-size: 13px;
	font-weight: 700;
}

.header UL.header-user-cart-menu LI .text-cart-price-vat {
	font-size: 9px;
	color: #9B9B9B;
	float: right;
	font-weight: 400;
}

.header UL.header-user-cart-menu LI.list-item-login:hover .text-link {
	text-decoration: underline;
}

.header .header-custom-btn:hover, .header UL.header-user-cart-menu LI .text-link:hover
	{
	text-decoration: underline;
}

.header .header-custom-btn {
	border: none;
	background: none;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	font-weight: 700;
}

.header .header-custom-btn .caret {
	border-top: 8px dashed;
	border-top: 8px solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

/*** End - Header ***/

/*** Begin - Global Top Menu ***/
.global-top-menu {
	background-color: #90C629;
}

.global-top-menu .title-search {
	font-size: 30px;
	color: #fff;
	font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	font-weight: 300;
	text-align: center;
	display: block;
}

/*** End - Global Top Menu ***/

/*** Begin - Global Bottom Menu ***/
.global-bottom-menu {
	background-color: #4A4A4A;
	padding: 15px 0;
}

.global-bottom-menu UL.bottom-menu-list {
	list-style: none;
	padding-top: 10px;
	margin-bottom: 30px;
}

.global-bottom-menu UL.bottom-menu-list LI {
	float: left;
}

.global-bottom-menu UL.bottom-menu-list LI A {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 0 19px;
}

.global-bottom-menu UL.bottom-menu-list LI:last-of-type A {
	border-right: none;
}

/*** End - Global Bottom Menu ***/

/*** Begin - Footer ***/
.footer {
	background-color: #000000;
	padding: 40px 0;
}

.footer .hotline {
	font-size: 13px;
	color: #7a7a7a;
	text-transform: uppercase;
	position: relative;
	top: 9px;
	margin: 0 15px;
}

.footer .phone {
	font-size: 22px;
	color: #fff;
	position: relative;
	top: 9px;
}

.footer .copyright:first-of-type {
	margin-top: 20px;
}

.footer .copyright {
	display: block;
	font-size: 12px;
	color: #7a7a7a;
}

.footer .copyright A {
	color: #7a7a7a;
}

.footer .social-icons IMG {
	width: 50px;
}
/*** End - Footer ***/

/*** Begin - Info system panel - Warning ***/
.info-system .panel_warning {
	border: none;
}

.info-system .panel_warning .panel-heading {
	background: #ff0000;
	background: -moz-linear-gradient(top, #ff0000 0%, #555555 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff0000),
		color-stop(100%, #555555));
	background: -webkit-linear-gradient(top, #ff0000 0%, #555555 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #555555 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #555555 100%);
	background: linear-gradient(to bottom, #ff0000 0%, #555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000',
		endColorstr='#555555', GradientType=0);
	font-weight: bold;
	color: #FFF;
	border-radius: 0;
}
/*** End - Info system panel - Warning ***/

/*** Begin - Type of search  ***/
#search-code, #search-brand, #search-history {
	display: none;
}

#search-history {
	background-color: #f4f4f4;
	padding-top: 50px;
	padding-bottom: 50px;
}

#search-brand, #search-history {
	border-bottom: 5px solid #e0e1de;
}

#ui-id-1 {
	z-index: 800;
}

.next-data-history SPAN {
	background: url(../../img/public/more_dot.jpg);
	background-repeat: no-repeat;
	padding-right: 47px;
	background-position: 100% 89%;
	color: #9c9c9c;
	font-size: 17px;
	padding-top: 20px;
	position: relative;
	top: 27px;
	cursor: pointer;
}

.history-list TR TD {
	padding-top: 13px !important;
	padding-bottom: 13px !important;
	vertical-align: middle;
}

.history-list TR TD A {
	color: #565656;
}

.history-list TR TD:nth-child(2) A {
	color: #686868
}

.top-search-options {
	
}

.history-list TR TD A .history-detail {
	background-color: #81c23a;
	border-radius: 0;
	height: 32px;
	color: white;
	font-size: 14px;
	padding: 6px 10px;
}

.history-list TR TD A:hover .history-detail {
	text-decoration: none;
}

.top-search-options .item-menu {
	background-image: url(../../img/public/menu_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-color: #dedede; /*#f4f4f4;*/
	cursor: pointer;
	border-right: 2px solid #fff;
	padding: 8px 15px;
	color: #000; /*#555555;*/ /*#757575*/
	text-transform: uppercase;
	font-size: 15px;
}

.top-search-options .item-menu.activ {
	background-image: url(../../img/public/menu_arrow_active.jpg);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-color: #81c23a;
	color: #fff;
	font-weight: bold;
}

.top-search-options #top-menu-activ {
	cursor: default;
}

.search-options-bg {
	background-color: #81c23a;
	padding-top: 6px;
	padding-bottom: 16px;
}

/* Search by code - Begin*/
.search-options-bg #search-code .search-code-row {
	padding: 40px 0 30px 0;
}

.search-options-bg #search-code .option-code-label {
	color: #E2F8CA;
	font-size: 18px;
	font-weight: 400;
	margin-top: 12px;
	text-align: right;
	width: 100%;
}

.search-options-bg #search-code INPUT#search-product_autocomplete {
	padding-right: 60px;
	height: 52px;
	font-size: 24px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.search-code-row .input-group-addon {
	visibility: hidden;
}

.search-options-bg #search-code #search-btn {
	background-color: #000;
	background-image: url(../../img/public/search_icon.jpg);
	background-position-y: 3px;
	width: 58px;
	height: 52px;
	font-size: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 20;
}
/* Search by code - End */

/* Search by brand - Begin */
#search-brand {
	margin-top: 60px;
}

#search-brand LABEL.label-option-make {
	color: #417505;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
	padding-left: 11px;
	padding-bottom: 11px;
}

#search-brand SELECT {
	border-radius: 0;
	border: none;
	box-shadow: none;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
	background: url(../../img/public/select_arrow.jpg) no-repeat 95% #f4f4f4;
}

#search-brand .selects-options {
	margin-bottom: 52px;
}

/* Search by brand - End */

/* Loading modal - Info - Begin */
#modalLoading {
	opacity: 1;
	position: fixed;
	display: none;
	top: 20%;
	left: calc(50% - 150px);
	width: 300px;
	margin: 0 auto;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	padding: 20px 40px;
	z-index: 99999;
	border-radius: 0;
}

#modalLoading H1 {
	font-size: 26px;
	margin-bottom: 20px;
}

#modalLoading .as-progress {
	background-color: #90C629
}

/* Loading modal - Info - End */

/*** End - Type of search  ***/

/*** Begin - Result table   ***/
#findResults {
	
}

#findResults TABLE {
	width: calc(100% - 30px);
	margin-left: 15px;
}

#findResults TABLE TR {
	border-bottom: 1px solid #ecebeb;
}

#findResults TABLE TR TD {
	padding-top: 13px;
	padding-bottom: 13px;
	vertical-align: middle;
}

#findResults TABLE TR TD.title-code A {
	color: #4a4a4a;
}

#findResults TABLE TR TD.img-miniature IMG {
	max-width: 50px;
	max-height: 30px;
}

#findResults TABLE TR TD A .article-detail {
	background-color: #81c23a;
	border-radius: 0;
	height: 32px;
	color: white;
	font-size: 14px;
	padding: 6px 10px;
}

#findResults TABLE TR TD A {
	color: #565656;
}

/*** End - Result table  ***/

/*** Begin - Error page | Info page  ***/
.content_error_page, .info-page {
	padding-top: 60px;
	padding-bottom: 60px;
}

.info-page .info-search {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

.info-page .info-search .not-found-code {
	font-size: 22px;
	margin-left: 10px;
	font-style: italic;
}

/*** End - Error page | Info page  ***/

/*** Begin - Login modal  ***/
#modalLogin .modal-md {
	max-width: 400px;
}

#modalLogin .modal-header {
	padding: 10px 15px;
	background-color: #81c23a;
}

#modalLogin .modal-header .modal-title {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}

#modalLogin .modal-content {
	border-radius: 0;
	background-color: #f4f4f4;
}

#modalLogin .modal-content INPUT.modal-log-inp {
	font-size: 16px;
	color: #a0a0a0;
	margin-bottom: 28px;
	border-color: #a0a0a0;
	height: 50px;
}

#modalLogin .modal-content #login-btn {
	color: #fff;
	background-color: #000;
	font-size: 20px;
	text-align: center;
	width: 100%;
	max-width: 185px;
	padding-top: 13px;
	padding-bottom: 13px;
}

#modalLogin .modal-content P.lost-login {
	color: #a2a2a2;
	font-size: 10px;
	margin-top: 12px;
}
/*** End - Login modal  ***/

/*** Begin - Static page  ***/
.static-page {
	padding-top: 48px;
	padding-bottom: 48px;
}

.static-page H2 A {
	text-decoration: none;
	color: #333;
}

.list-static-page-block {
	border-bottom: 1px solid #8e8e8e;
}

.list-static-page-block .to-detail-btn A {
	background-color: #81c23a;
	border-radius: 0;
	height: 32px;
	color: white;
	font-size: 14px;
	padding: 2px 10px;
}

.static-page .back-to-list-btn {
	margin-top: 30px;
}

.static-page .back-to-list-btn A {
	background-color: #81c23a;
	border-radius: 0;
	height: 32px;
	color: white;
	font-size: 14px;
	padding: 6px 10px;
}

/*** End - Static page  ***/

/*** Begin - Session message  ***/
#sessionMessage {
	
}

#sessionMessage .modal-content {
	border-radius: 0;
}

#sessionMessage .modal-content .modal-header {
	background-color: #81c23a;
	padding: 10px 15px;
}

#sessionMessage .modal-content .modal-header H3 {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#sessionMessage .modal-content {
	margin-bottom: 15px;
	font-size: 18px;
	text-align: center;
}
/*** End - Session message  ***/
.margin-top-20 {
	margin-top: 20px;
}

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

.checkbox-multilist {
	display: block;
}

.font-weight {
	font-weight: bold;
}

.d-inline-block {
	display: inline-block;
}

.w-100 {
	width: 100%;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.m-0 {
	margin: 0 !important;
}

.mr-1 {
	margin-right: 0.5rem;
}

.f-13 {
	font-size: 13px;
}

.f-11 {
	font-size: 11px;
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: .25rem !important;
}

.m-2 {
	margin: .5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mt-1 {
	margin-top: .25rem !important;
}

.mr-1 {
	margin-right: .25rem !important;
}

.mb-1 {
	margin-bottom: .25rem !important;
}

.ml-1 {
	margin-left: .25rem !important;
}

.mx-1 {
	margin-left: .25rem !important;
	margin-right: .25rem !important;
}

.my-1 {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important;
}

.mt-2 {
	margin-top: .5rem !important;
}

.mr-2 {
	margin-right: .5rem !important;
}

.mb-2 {
	margin-bottom: .5rem !important;
}

.ml-2 {
	margin-left: .5rem !important;
}

.mx-2 {
	margin-right: .5rem !important;
	margin-left: .5rem !important;
}

.my-2 {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.my-3 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.ml-5 {
	margin-left: 3rem !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-auto {
	margin-bottom: auto !important;
	margin-top: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: .25rem !important;
}

.p-2 {
	padding: .5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pt-1 {
	padding-top: .25rem !important;
}

.pr-1 {
	padding-right: .25rem !important;
}

.pb-1 {
	padding-bottom: .25rem !important;
}

.pl-1 {
	padding-left: .25rem !important;
}

.px-1 {
	padding-left: .25rem !important;
	padding-right: .25rem !important;
}

.py-1 {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important;
}

.pt-2 {
	padding-top: .5rem !important;
}

.pr-2 {
	padding-right: .5rem !important;
}

.pb-2 {
	padding-bottom: .5rem !important;
}

.pl-2 {
	padding-left: .5rem !important;
}

.px-2 {
	padding-right: .5rem !important;
	padding-left: .5rem !important;
}

.py-2 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pr-4 {
	padding-right: 1.5rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4 {
	padding-left: 1.5rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
/* =========== Cookie Popup - START =========== */
.cc_banner-wrapper  .cc_message {
	color: #ffffff;
	text-align: center;
}

.cc_banner-wrapper  .cc_message .cc_more_info {
	font-size: 17px;
}

/* =========== Cookie Popup - END ===========*/