@charset "UTF-8";

/*** LOGIN PAGE ***/

/*
	<div class="vertical-centered-screen">
	<div class="top-content-section"></div>
	<div class="middle-content-section"></div>
	<div class="bottom-content-section">&copy; Copyright</div>
*/
html, body {
	height:100%;
}

.label {color:#eeeeee}
.fa-eye {width:20px}
.vertical-centered-screen {
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grecaptcha-badge {
	visibility: hidden;
}

.error-form::placeholder {
	color: darkred;
}
.h3-label {
	font-size: 0.9rem !important;
}
sup { top: -0.7rem}


.ltltitle {
	font-size: 0.9rem;
	padding-bottom: 1rem;
}
.price {
	font-size: 0.8rem;
	}
.vkbadge {
	margin-bottom: 0.4rem;
    font-size: 1.5rem;
}
.vkbadge a {
	color: #fefefe;
}


.pagination-previous a, .pagination-next a {
	padding: 0.4rem
}
.pagination-previous a::before, .pagination-previous.disabled::before {
	display: inline-block;
	margin-right: 0;
	content: "";
}
.pagination-next a::after, .pagination-next.disabled::after {
	display: inline-block;
	margin-left: 0;
	content: "";
}
.pagination {
	margin: 0.5rem 0.3rem;
}
.pagination a:hover {
	color:#3b3b3b;
}
.album-selector {
	margin-top: 1.25rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
@media screen and (max-width: 39.9375em) {
	.album-selector {
		margin-top: 0.8rem;
	    margin-right: 1rem;
	    margin-bottom: 0;
	}
	.header { margin-top: 1rem; }

}
h3.header {margin:0.5rem 0.3rem}
h3.header  a {color: #fefefe;}
h3.header  a:hover, .header a:active {color: #fefefe;}
input:focus,
select:focus,
textarea:focus,
button:focus, a:focus {
    outline: none;
}

.goods_badges div {margin-left: 0.3rem; }

	.tabs-title:hover, .balance .accordion-title:hover, .tabs-title:focus, .accordion-title:focus, .is-active {
		//background-color: transparent; /*#8a8a8a*/
	}
	.tabs-title:hover, .tabs-title:focus, .accordion-title:hover, .accordion-title:focus {
		background-color: #e6e6e6;
	}
	.balance .accordion, .tabs {
		margin-left: 0;
		background: #cacaca; /* $medium-gray: #cacaca; */
		list-style-type: none;
	}
	.balance .accordion-title, .tabs-title {
		position: relative;
		display: block;
		padding: 1.25rem 1rem;
		border: none; /* $white */
		border-bottom: 0;
		font-size: 0.9rem;
		line-height: 1;
		color: #252525; /* get-color(g2) */
	}
	.tabs-title > a, .tabs-title >a:focus {
		padding: 0;
		color: #252525
	}
	.balance .accordion-content, .tabs-content {
		padding: 1rem;
		border: none; /* $white */
		border-bottom: 0;
		background-color: #8a8a8a; /* $dark-grey */
		color: #fefefe;
	}
	.tabs-content {
		padding: 0;
	}
	.tabs-title > a:hover {
	background: transparent;
	color: #252525;
	}
	
	.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
		background: transparent;
		color: #252525;
	}




.plus-minus-input {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.plus-minus-input .input-group-field {
  text-align: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 1rem;
}

.plus-minus-input .input-group-field::-webkit-inner-spin-button,
.plus-minus-input .input-group-field ::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

.plus-minus-input .input-group-button .circle {
  border-radius: 50%;
  padding: 0.5rem 0.6rem;
}
.custom-margin {margin-top: 0.5rem; margin-bottom:0.5rem; }
.custom-margin .input-group, .custom-margin .input-group select {margin-bottom: 0;}

.align-self-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-self-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

/* инвентаризация */



.marquee {
	margin: 0 auto;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 12s infinite linear;
    -moz-animation: scroll 12s infinite linear;
    animation: marquee 12s infinite linear;
	-webkit-animation-name: scroll;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	
}

@-webkit-keyframes marquee {
  0% {
	-webkit-transform: translateX(0%);
  }
  100% {
	-webkit-transform: translateX(-100%);
  }
}




	
@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0)
	}
}

@-moz-keyframes scroll {
	0% {
		-moz-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-moz-transform: translate(-100%, 0);
		transform: translate(-100%, 0)
	}
}

@keyframes scroll {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0)
	}
}


/*img galery item.php */
.product-image-gallery {
	text-align: center;
/*  background-color: #fefefe; */
  	padding: 0;
}

.pdp-product-image {
/*  margin-bottom: 20px; */
margin:0;
width:100%;
border-radius: 0 0 .5rem .5rem;
}

.product-thumbs {
	background-color: #fefefe;
	margin:0;
	border-radius: .5rem .5rem 0 0;
}
.product-thumbs a {
/*  margin-left: 3px;
  margin-right: 3px;*/
  padding: 0 !important;
  margin: 1rem 0.4rem 1rem 0.4rem;
}

.product-thumbs a img {
  display: inline-block;
  max-width: 100%;

  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  border: none;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.media-object img {
		max-width:250px;
	}
	.modal-radius { border-radius: .6rem; }
}
@media screen and (max-width: 39.9375em) {
	.modal-radius { border-radius: 0 !important; }
	.td-center {text-align: center;}
}
.small-size .grid-x:nth-child(even) {
	background-color: #555;
}
.small-size .grid-x:nth-child(odd) {
	background-color: #777;
}
.small-size .grid-x:first-child {
	background: #404040;
	color: #fefefe;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.small-size {
		font-size: 60% !important;
	}
	.small-padding-bottom-1 { padding-bottom: 1rem; }
	.small-margin-vertical-50 {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.small-margin-bottom-50 {
		margin-bottom: .5rem;
	}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.small-size {
		font-size: 60% !important;
	}
}
.bg-warning {
	background-color: #fff3d9 !important;
	color: #3b3b3b !important;
}
.bg-alert {
	background-color: #f7e4e1 !important;
	color: #3b3b3b !important;
}
.bg-secondary {
	background-color: #eaeaea !important;
	color: #3b3b3b;
}
.bg-primary {
	background-color: #d7ecfa !important;
	color: #3b3b3b;
}
.bg-success {
	background-color: #e1faea !important;
	color: #3b3b3b;
}
@media screen and (max-width: 39.9375em) {
	.button.small-only-expanded {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
@media print, screen and (min-width: 40em) {
	.button.medium-expanded {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 63.9375em) {
	.button.medium-down-expanded {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}
[type='text'], 
[type='password'], 
[type='date'], 
[type='datetime'], 
[type='datetime-local'], 
[type='month'], 
[type='week'], 
[type='email'], 
[type='number'], 
[type='search'], 
[type='tel'], 
[type='time'], 
[type='url'], 
[type='color'], textarea {
	-webkit-appearance: textarea !important;
}

.barcode {
	width: 100%;
	background-color: #fff;
	padding: 1rem;
	border-radius: 0.6rem;
	margin: 1rem 0;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
	background-color: #777777;
}

.tooltip {
	background-color: #222222;
	/* border: 1px solid red; */
}
.tooltip.bottom::before {
	border-color: transparent transparent #222222;
}
.tooltip.top::before {
	border-color: #222222 transparent transparent;
}
.tooltip.left::before {
	border-color: transparent transparent transparent #222222;
}
.tooltip.right::before {
	border-color: transparent #222222 transparent transparent;
}

/* Large and up */
@media screen and (min-width: 64em) {
	.eyes {
		color: transparent;
   		text-shadow: 0 0 5px rgba(255,255,255,.3);
		transition: .55s text-shadow, .55 color;
	}
	.eyes:hover {
		color: inherit;
		text-shadow: none;
		transition: .55s text-shadow, .55 color;
	}

}
.button.action {
position: absolute;
float: right;
top: 0;
right: 0;
/* background: #1779ba; */
color: white;
font-size: 0.5rem;
/* padding: 0.75rem 1rem; */
/* z-index: 1; */
border-radius:0 0 0 .5rem !important;
}
.comment { 
	overflow-wrap: break-word;
}
.align-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center; }