/**
 * colors:
 * 	rgb(219, 219, 219): normal-text
 * 	rgb(157, 157, 157): special-text
 * 	rgb( 34,  34,  34): main-background
 * 	rgb( 54,  70,  71): element-background
 */

/* normal-text */
body,
.manufacturer h3,
.welcome h1,
.justArrived h5,
.newsletter,
.panel,
.panel .text,
.productPagination li a,
.productPagination li,
.product-header-info,
.product-left-side,
.relatedProducts h3,
.allProductTabs,
.productTabs li,
.productTabs li.active,
#attributes dt,
#attributes dd,
#backToShop,
#footer #panel ul li a:hover,
#orderHistory,
.article-list-price .vat-percent,
.basket-articles .media:hover .media-body a,
.btn,
.card .card-price .vat-percent,
.checkout-thank-you .block-head,
.open #currencyTrigger a,
.open button i.glyphicon-user,
.order-history-details li a,
.product-additional-info i.low-stock,
.steps li a,
.wrapBtn:hover,
.wrapTitle a:hover,
a,
a:active,
a:focus,
a:hover,
.subcatList span a:hover,
.order .media:hover .media-heading-link,
.iconMenu button,
.iconMenu button i,
nav a,
.media-heading span,
.article-list-price,
.main-nav-list li a,
ol.breadCrumb li a,
ol.breadCrumb,
#basketModal .itemName,
.basket-articles .media .media-body a,
.checkbox input:checked + label,
.dropdown-menu .dropdown-option a:hover,
.dropdown-menu > li > a:hover,
.justArrived h5,
.manufacturer h3,
.media-heading span,
.page-head,
.payment-select .payment-charge,
.product-title,
.promo .banner article h1,
.promo .banner article h2,
.promo .media-heading, .relatedProducts h3,
h3.alsoHeader,
.reviews dt span,
.subcatList span a,
.welcome h1,
.welcome h2,
.welcome h4,
.wrapTitle a,
.productTabs li,
.media-heading-link,
.product-header-info .getDate,
#basketModal .modal-footer a:last-child,
#toBasket,
#toBasket:hover,
.circle,
.displayBasket,
.displayBasket:hover,
.longScrollBtn,
.search button i,
.smallScrollBtn
	{color: rgb(219, 219, 219);}

.iconMenu button.openMenu i.glyphicon-align-justify,
.iconMenu button.openSearch i.glyphicon-search
	{color: rgb(219, 219, 219) !important;}

.btn .caret,
nav i.caret
	{border-top-color: rgb(219, 219, 219);}

.services a:hover .circle
	{background-color: rgb(219, 219, 219);}
	
/* special-text */
.productTabs li.active,
nav ul li a:hover,
nav ul li a.current,
#footer #panel ul li a,
#productArtnum,
.brandTitle
	{color: rgb(157, 157, 157);}

nav .current i.caret,
nav a:hover i.caret
	{border-top-color: rgb(157, 157, 157);}

.services a .circle
	{background-color: rgb(157, 157, 157);}

/* main-background */
body,
.submenu li a.current,
.submenu li a:hover,
.submenu li a.current:hover,
#toBasket,
.add-to-basket button.btn,
.displayBasket
	{background-color: rgb(34, 34, 34);}

.services a:hover .circle,
.services a .circle
	{color: rgb(34, 34, 34);}

.submenu,
.submenu li a,
.submenu li ul.submenu li a,
.smallScrollBtn:after,
#toBasket,
.add-to-basket button.btn,
.displayBasket
	{border:1px solid rgba(34, 34, 34, .33);}
	
#footer .nav-pills li:first-child,
.dropdown-menu.sort-menu .dropdown-option .sort-order a,
.navFooter > li > a,
#basket .media,
#basketModal ul li,
.checkout-thank-you .block-head,
.dropdown-menu.sort-menu .dropdown-option,
.dropdown-menu.sort-menu .dropdown-option .sort-name,
.heading.section-heading,
.order-history-articles li,
.order-history-details li
	{border-color: rgb(34, 34, 34);}

/* background-gradient */
.header.fixed,
.header
	{background-image: linear-gradient(to top, rgb(54, 70, 71) 12%, rgb(34, 34, 34) 50%);}

/* element-background */
/* .button, [type="button"], [type="reset"], [type="submit"], button, */
.dropdown,
.cookie-note,
.displayBasket,
.longScrollBtn,
.newsletter .newsletter-box,
.pagination-page.active,
.pagination-page.active:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .disabled > a,
.pagination > .disabled > span,
.smallScrollBtn:after,
.submenu,
.wrapping .submitForm button:last-child,
.navbar-nav > .open > a,
.navbar-nav > .open > a:focus,
.navbar-nav > .open > a:hover,
.navbar-nav > .active > a,
.navbar-nav > .active > a:focus,
.navbar-nav > .active > a:hover,
.iconMenu .accountMenu.dropdown ul li:hover .circle,
.iconMenu .open button:hover .circle,
.iconMenu button:hover .circle,
.basketMsg .displayBasket,
button,
.newsletter .newsletter-box .btn.search-btn,
.manufacturer h3,
.welcome h1,
.justArrived h5,
.newsletter,
.panel,
.panel .text,
.productPagination li a,
.productPagination li,
.product-header-info,
.product-left-side,
.relatedProducts h3,
.allProductTabs,
.productTabs li,
.productTabs li.active,
#attributes dt,
#attributes dd,
.productTabs li:hover,
.submenu,
.main-nav-list li a,
.subcatList span a,
.dropdown-menu.sort-menu .dropdown-option span,
.dropdown-menu .dropdown-option a,
[type=button],
[type=reset],
[type=submit],
button,
#attributes dd, #attributes dt, #basketModal .modal-footer a:first-child, .card, .dropdown-menu .divider, .dropdown-menu .dropdown-option a.selected, .dropdown-menu .dropdown-option a:focus, .dropdown-menu .dropdown-option a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-submenu:focus > a, .dropdown-submenu:hover > a, .img-thumbnail, .justArrived h5, .label-info[href]:focus, .label-info[href]:hover, .label-success[href]:focus, .label-success[href]:hover, .main-nav-list li a, .manufacturer h3, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav.open > a, .nav.open > a:focus, .nav.open > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .newsletter, .order-history-articles, .order-history-details, .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span, .pager li > a, .pager li > a:focus, .pager li > a:hover, .pager li > span, .pagination-container, .panel, .panel-footer, .panel-heading, .panel-primary .panel-heading, .popover-title, .productPagination, .progress, .progress-bar, .progress-striped .progress-bar, .promo, .promo .banner article h1, .promo .banner article h2, .relatedProducts h3, h3.alsoHeader, .steps, .tabBtn, .tabBtn:hover, .table .table, .thumbn, .welcome h1, .welcome h2, .welcome h4, .wrappingCard li, .wrappingData .wrapList, .list-group-item.active, .list-group-item:focus, .list-group-item:hover, .new, .sale, .productTabs li, .productTabs li:hover, .subcatList span a, .addWish .button, .widgetBox .button, .registerDesc .btn, .wrapping .submitForm button:first-child, .basket-functions .basket-update, .couponBox button, #userChangeAddress, .btn.previous, .btn.small, .btn.update, .filter-box-opened .filter-header, .filter-box-closed .btn, .basketMsg .button, #optionRegistration .btn, #optionNoRegistration .btn, #amountToBasket:disabled, .services .circle
	{background-color: rgb(54, 70, 71);}

.steps li:first-child:before 
{
	border-color:  rgb(34, 34, 34);
}
.steps li:before,
.steps li:after {
	border-color: rgb(34, 34, 34) rgb(34, 34, 34) rgb(34, 34, 34) transparent;
}
.media-list.article-list .list > *,
.subcatList li > *
	{background-color: rgb(54, 70, 71);}
	
.dropdown-menu
	{background-color:rgb(54, 70, 71);}
	
.main-nav-list li a.back span,
.search button,
.newsletter .newsletter-box .btn.search-btn,
.dropdown-toggle
	{border-color: rgb(54, 70, 71);}

.dropdown-menu .divider,
.dropdown-menu .dropdown-option a.selected,
.dropdown-menu .dropdown-option a:focus,
.dropdown-menu .dropdown-option a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-submenu:focus > a,
.dropdown-submenu:hover > a
	{background-color: rgb(34, 34, 34);}

.dropdown-menu
	{border-color: rgb(34, 34, 34);}

/* menu-small-viewport */
@media screen and (max-width: 768px) {
	nav,
	nav .submenu li a:hover,
	nav .submenu li .current
		{background-color: rgb(54, 70, 71);}
	
	nav li .glyphicon-chevron-right,
	.submenu li,
	nav li:hover .glyphicon-chevron-right
		{background-color: rgb(34, 34, 34);}
	
	nav li
		{border-color: rgb(34, 34, 34);}
	
	nav li:hover .glyphicon-chevron-right:before
		{content: "\e114";}
	
	.media-list.article-list .list > *,
	.subcatList li > *
		{/*reset*/background-color: inherit; margin: inherit;}
}

/*modal*/
.modal-content
	{background-color: rgb( 54, 70, 71);}
.modal-dialog .btn, #basketModal .modal-footer a:first-child, #basketModal .modal-footer a:last-child
	{background-color: rgba(34, 34, 34, .33);color: rgb(157, 157, 157);}
#basketModal .modal-footer a
	{border-color:rgb(54, 70, 71);}
.modal-header,
.modal-footer,
.modal-content
	{border-color: rgb(34, 34, 34);}
/* misc */
#morePicsContainer .mobile.carousel-control
	{/*don't show controls, problems with bandcamp-player'*/display: none!important;}


.relatedProducts h3
	{margin-top: 1em;}

#attributes dt,
#attributes dd
	{display: inline;}

.allProductTabs,
.productTabs li,
.productTabs li.active
	{border: none;}

.productTabs li:hover
	{opacity: .8; border: none;}

.bx-wrapper .bx-viewport
	{background-color: transparent;}

.media-list.article-list .list > *,
.subcatList li > *
	{margin: 1em;/*distance to have blocks*/}

.subcatList li
	{border:none;}

.row .row
	{margin-left: -10px;}

.datepicker-container input
	{background-color: white;}

input[type="color"], input[type="date"], input[type="datetime-local"],
input[type="datetime"], input[type="email"], input[type="month"], 
input[type="number"], input[type="password"], 
/*input[type="search"],*/ 
input[type="tel"], input[type="text"], input[type="time"], 
input[type="url"], input[type="week"], select, textarea,
.select2 > .selection > span > span
/*.select2-container > **/
    {background: #364647!important;color:gray!important;}
    
.select2-container > *
    {background: #222!important;color:gray!important;}
input[type="color"]:focus, input[type="date"]:focus,
input[type="datetime-local"]:focus, input[type="datetime"]:focus,
input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus,
input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus,
input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus,
select:focus, textarea:focus {
	border-color: silver;
	color: #fff;
}