a {color: #0275d8}

.dashedlink {
	text-decoration: none;
	color: #1A64B5;
	border-bottom: 1px dashed;
	cursor: pointer;
	cursor: hand;
}

.hand {
	cursor: pointer;
	cursor: hand;
}
.red {color: #ff0000;}
.darkred {color: #da0404;}
.orange {color: #ff7f00;}
.black {color: #000000;}   
.grey {color: #dddddd;}
.darkgrey {
	color: #aaaaaa;
}

.btn-secondary {
color: #fff;
background-color: #c0c0c0;
border-color: #c0c0c0;
}

.btn-light {
color: #1A64B5;
background-color: #f8f9fa;
border-color: #f8f9fa;
}

.grey:hover, .darkgrey:hover {
	color: #1A64B5;
}
.green {
	color: #008800;
}

.blue {
	color: #1A64B5;
	border-color: #1A64B5;
}

.pointer {
	cursor: pointer;
	cursor: hand;
}

.dotted {
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: pointer;
	cursor: hand;
}

.qtip {
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 300px !important;
	min-width: 50px !important;
	padding: 4px !important;
	font-size: 12px !important;
	line-height: 12px !important;
	border: 1px solid #ffd265 !important;
	background-color: #ffea92 !important;
	color: #201916 !important;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);
}

.bw {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.bw:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	
}

.covers {padding-right: 50px;}

.wishlist0 {color: #dddddd}
.wishlist1 {color: #008800}
.wishlist2 {color: #ef8503}
.wishlist3, .wishlist-1 {color: #ff0000}

.topright {
	position: fixed;
	width: 410px;
	z-index: 100;
	top: 20px;
	left: auto;
	right: 20px;
	padding: 0 5px 5px 5px;
	text-align: right;
}

.opacity {opacity: 0.2}
.opacity:hover {opacity: 1}

.opacity_small {opacity: 0.4}
.opacity_small:hover {opacity: 1}

.bold {font-weight: bold;}

.topright img {max-width: 400px;}

.ui-widget-content a {color: #428bca !important;}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
	top: 50px !important;
	left: 60px !important;
}

.want {
	opacity: 0.05;
	cursor: pointer;
}

tbody tr:hover {
	background: #eeeeee; /* Цвет фона при наведении */
	color: #000000; /* Цвет текста при наведении */
}

tbody tr:hover .want {
	color: #1A64B5;
	opacity: 1;
}

.cover {
	float: left;
	background-color: #fafafa;
	padding: 15px 10px 30px 15px;
	margin-bottom: 30px;
	margin-left: 20px;
	border-radius: 10px;
	display: inline;
	overflow: hidden;
	font-size: 12px;
	vertical-align: top;
}

.cover1 {
	width: 240px;
	height: 320px;
} 

.cover2 {
	width: 480px;
	height: 320px;
} 

.cover1_5 {
	width: 350px;
	height: 320px;
} 


.small .cover1 {
	width: 140px;
	height: 210px;
} 


.small .cover2 {
	width: 280px;
	height: 210px;

} 

.small .cover1_5 {
	width: 190px;
	height: 210px;
} 

 .cover img, .cover1_5 img, .cover2 img {
	 height: calc(100% - 25px);
	 width: 100%;
	 object-fit: contain;
}

 .cover .line_wantbuttons {
	 display: inline-block;
	 margin-left: 10px;
}

 .line_wantbuttons:hover .want {
   color: #1A64B5;
   opacity: 1;
 }
 
 .list .cover {display: inline-block; width: 100% !important; font-size: 16px; background-color: #ffffff; margin: 0; padding: 0;}
 .list .cover .imageholder {display: none;}
 .list .cover .topinfo {height: auto;}
 .list .cover.cover1_5, .list .cover.cover2, .list .cover.cover2, .list .cover.cover1 {
	 height: auto !important;
	 vertical-align: middle;
	 
} 

.list div.cover:nth-child(odd) {background-color: #fafafa}
 

.list .cover.cover1_5, .list .cover.cover2, .list .cover.cover2, .list .cover.cover1 span {
	 vertical-align: middle;
} 
 
.list .cover:hover {
background: #eeeeee !important; /* Цвет фона при наведении */
/*color: #000000;*/ /* Цвет текста при наведении */
}

.list  .cover:hover .want {
		color: #1A64B5;
		opacity: 1;
}

.cover .line_allprices,
.cover .line_oneprice,
.cover .line_avitoprice,
.cover .line_users,
.cover .line_wantprice,
.cover .line_links,
.cover .line_wantbuttons,
.cover .line_weight {display: none;}
   
   
.cover:hover .line_allprices {
	display: inline-block;
}

.tall {height: 120px !important;}
.wide {width: 400px !important;}


 
 .list .cover .line_number {display: inline-block; width: 40px;}
 .list .cover .line_name {display: inline-block; width: 350px}
 .list .cover .line_boxed {display: inline-block; width: 100px;}
 .list .cover .line_users {display: inline-block; width: 120px;}
 .list .cover .line_desc {display: inline-block; width: 300px; vertical-align: middle;}
 .list .cover .line_wantprice {display: inline-block; width: 50px;}
 .list .cover .line_allprices {display: inline-block; width: 70px; padding-left: 5px;}
 .list .cover .line_oneprice {display: inline-block; width: 60px;}
 .list .cover .line_avitoprice {display: inline-block; width: 70px;}
 .list .cover .line_links {display: inline-block; width: 100px;}
 .list .cover .line_wantbuttons {display: inline-block; width: 150px;}
 .list .cover .line_weight {display: inline-block; width: 55px; color: #888888}
 .list .cover .line_lot_from {display: inline-block; width: 65px; color: #000000}
 
 @media screen and (max-width: 1400px) {
 .list .cover .line_weight {display: inline-block; width: 30px; color: #dddddd}
 .list .cover .line_lot_from {display: inline-block; width: 55px; color: #000000}
  .list .cover .line_allprices {display: inline-block; width: 50px; padding-left: 5px;}

}


/* .cover img, .cover1_5 img, .cover2 img {height: calc(100% - 25px); object-fit: contain;} */


/*.cover img {background-size:cover}; */

.modal {margin: 0; background: #ffffff; font-family: Arial, sans-serif; font-size: 14px; padding: 0; border: 0; display: none;
	padding: 5px;
	left: 50%;
	margin-left: -300px;
	z-index: 1002;
	position: fixed;
	top: 20px;
	width: 90%;
	height: 90%;
	
}

.topinfo {height: 32px; overflow-x: hidden; overflow-y:auto;}

.shelf .topinfo, .shelf .bottominfo {display: none;}
.shelf .cover {background: none; margin-bottom: 0}
.shelf .cover img {box-shadow: 3px 3px 5px gray; transition: all 0.3s; width: auto !important;}
/*.shelf .cover :not(img) {display: none;}*/
.shelf .cover1, .shelf .cover1_5, .shelf .cover2 {width: auto;}

.list .cover {margin: 3px 0;}

.shelf .cover img:hover {
filter: saturate(120%);
-webkit-filter: saturate(120%);
-moz-filter: saturate(120%);
-o-filter: saturate(120%);
-ms-filter: saturate(120%);
}

label {font-weight: normal !important; margin-right: 10px;}
	
#scrolltop {display: none; position: fixed; top: 0; right: 38px; width: 38px; height: 38px; cursor: pointer; z-index: 1001; background-image: url(/i/atlas.png); background-position: -306px -38px; background-repeat: no-repeat; transition: opacity 300ms ease; opacity: 1;}

#scrolltop:hover {opacity: 0.7;}
.mobile #scrolltop {display: none !important;}


.autocomplete-suggestions {
	/* Core styles, do not change */ position: absolute; display: none; z-index: 9999; max-height: 100%; overflow: hidden; overflow-y: auto; box-sizing: border-box; /**/
	padding: 4px 0 6px 0;
	text-align: left;
	background-color: #ffffff;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}

.autocomplete-suggestion {
	position: relative;
	padding: 5px 10px 4px 10px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background-color 300ms ease;
}
.autocomplete-suggestion:hover {
	cursor: pointer;
	background-color: #e8b2d4;
}
.autocomplete-suggestion.selected {
	background-color: #f3a4df;
}
.autocomplete-suggestion a {
	color: #000;
}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: grey; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.select_cover {padding: 5px; display: inline-block;}
.select_cover:hover {background-color: #00aa00;}

@media only screen and (min-width: 820px) {
	/* Десктопы */
	
	.toprightcorner {
	   position:absolute;
	   top:0;
	   right:0;
	   padding: 10px;
	}
	
}

@media only screen and (max-width: 819px) {
	/* Телефоны */

 .toprightcorner, .topleftcorner ,{
	 display: block;
	 margin-bottom: 10px;
  }
		
}

.topleftcorner{
	position:absolute;
	top:0;
	left:0;
	padding: 10px;
	display: inline-block;
}

.menu {
	margin: -20px -20px 20px -20px;
	background-color: #f5f5f5;
	padding: 5px 10px;
	display: block;
}

.found0 {color: #0275d8}
.found1 {color: #00aa00}
.found2 {color: #aa00aa}
.found3 {color: #0298d7}
.found4 {color: #1802d7}
.found5 {color: #15c6c3}



.imageholder {display: inline-block; position: relative;}

.imageholder .text_on_image {
	position: absolute;
	width: 110px;
	left: 10px;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	display: none;
	overflow: hidden;
}

.cursor {
	cursor: pointer;
}

.imageholder:hover .text_on_image.top, .imageholder:hover .text_on_image.bottom {display: block;}

.text_on_image.top
{
	top: 10px;
}

.text_on_image.bottom
{
	bottom: 10px;
}

.lot_line:hover {background-color: #f0f0f0;}

	
.package_under {
	display: none;
}
	
.cover:hover .package_under {
	display: block;
	position: absolute;
}

.list .cover:hover .package_under {
	display: none;
}
		
		
.top0 {color: #dddddd}
.top1 {color: #008800}
.top2 {color: #ef8503}
.top3, .top-1 {color: #ff0000}

.quality {cursor: hand; width: 40px; display: inline-block; opacity: 0.3}

.quality.q4, .quality.q5 {color: #222222;}
.quality.q3 {color: #ff7f00;}
.quality.q1, .quality.q2 {color: #ff0000;}


.quality:hover {opacity: 1}