#shrink-btn{

	display:none;
}

.trim-price{

	margin-top:3px;
	font-weight:bold;
}

#topten-black-out{
	
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:rgb(0 0 0);
		opacity:0.5;
		position:fixed;
		display:none;
		z-index:10;
	}

	#topten-outer-div{
	
		height:500px;
		width:700px;
		border:1px solid black;
		margin:auto;
		z-index:31;
		background:white;
	}
	
	#topten-top-row{
	
		width:100%;
		height:40px;
		display:inline-flex;
		position:sticky;
		top:0;
		background-color:rgba(255, 255, 255, 1.0);
		z-index:101;
		padding:7px 0 7px 0;
		background:black;
		color:white;
		margin-bottom:5px;
	}
	
	#topten-data-row{
	
		width:100%;
		height:calc(100% - 100px);
		display:inline-flex;
/* 		border-bottom:1px solid grey;
 */	}
	
	#topten-left-row{
	
		width:98%;
		padding:0 0 2% 0;
	}
	
::-webkit-scrollbar {
  display: none;
}

	#topten-title-container{
	
		height:100%;
		width:calc(100% - 110px);
		overflow-x:hidden;
	}
	
	
@media screen and (min-width: 600px) and (max-width: 1600px) {


	/* #topten-exit-bar{
	
		width:400px;
		height:40px;
		text-align:center;
		font-size:20px;
		padding-top:1%;
		padding-bottom:0px;
		border-bottom:1px solid grey;
		margin-bottom:10px;
		background:white;
		color:black;
		border-radius:5px;
		margin:auto;
	} */
	
	
	#topten-exit-bar{
	
		width:400px;
		height:5%;
		text-align:center;
		font-size:20px;
		padding-top:1%;
		padding-bottom:0px;
		border-bottom:1px solid grey;
		margin-bottom:10px;
		background:black;
		color:white;
		border-radius:5px;
		margin:auto;
	}
	
	#topten-left-button{
	
		position:relative;
		left:-30px;
		top:250px;
		justify-content: center;
		background:white;
		height:40px;
		width:40px;
 		border-radius:50%;
		border-color:black;
		z-index:20;
	}
	
	#topten-right-button{
	
		position:relative;
		right:-30px;
		float:right;
		bottom:250px;
		justify-content: center;
		background:white;
		height:40px;
		width:40px;
 		border-radius:50%;
 		border-color:black;
		z-index:20;
		
	}
	
	#topten-full-fbox{
	
		width:80%;
		height:90%;
		background:white;
		display:none;
		position:fixed;
		padding-bottom:7%;
		top:0;
		z-index:102;
		padding-top:3%;
		font-family: 'Roboto', sans-serif;
		margin:0;
	}
	
	
	#topten-expanded-fbox{
	
		width:400px;
		height:88%;
		overflow-y:scroll;
		padding-left:2%;
		padding-bottom:2%;
		margin:auto;
		border:1px solid grey;
		padding:10px;
		border-radius:5px;
		font-size:14px;
		line-height:1.7;
	}
	
	#mobile-desktop-check{
	
		display:none;
	}
	
	#topten-data-block{
	
		width:calc(100% - 60px);
		height:100%;
 		overflow:scroll;
 	}

	#topten-left-container{
	
		width:120px;
		height:100%;
		overflow-y:hidden;
		border:1px solid black;
	}
	
	#topten-data-content{
 
 		display:block;
 	}
	
	
	#topten-corner-div{
	
		width:120px;
		height:100%;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
	}
	
	#topten-title-row{
	
		height:100%;
		display:inline-flex;
	}
	
	.topten-title-row-div{
	
		height:100%;
		width:115px;
		display:block;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
		font-size:16px;
	}
		
	.fet-cat{
	
		font-size:15px;
		height:45px;
		width:120px;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
		box-sizing:border-box;
		margin-left:2px;
		padding:3px;
	}
}
	
	
@media screen and (max-width: 600px) {
	
	
	/* #topten-exit-bar{
	
		width:100%;
		height:8%;
		text-align:center;
		font-size:20px;
		margin-top:20px;
		padding-bottom:0px;
		border-bottom:1px solid grey;
		margin-bottom:10px;
		background:white;
		color:red;
		border-radius:5px;
		margin:auto;
		font-weight:bold;
	} */
	
	
	#topten-left-button, #topten-right-button{
	
		display:none;
	}
	
	#topten-exit-bar{
	
		width:90%;
		height:5%;
		text-align:center;
		font-size:20px;
		padding-top:3%;
		padding-bottom:0px;
		border-bottom:1px solid grey;
		margin-bottom:10px;
		background:black;
		color:white;
		border-radius:5px;
		margin:auto;
	}
	
	#topten-full-fbox{
	
		width:100%;
		height:100%;
		background:white;
		display:none;
		position:fixed;
		top:0;
		z-index:102;
  		font-family: 'Roboto', sans-serif;
	}
	
	
	#topten-expanded-fbox{
	
		width:94%;
		height:90%;
		overflow-y:scroll;
		padding-left:6%;
		padding-bottom:2%;
		font-size:14px;
		line-height:1.7;
	}
	
	#mobile-desktop-check{
	
		display:block;
	}
	
	
	#topten-data-block{

		width:calc(100% - 60px);			
		height:100%;
		overflow:scroll;
	}
		
	#topten-outer-div{
		width:98%;
		height:500px;
		background:white;
		z-index:101;
		padding-bottom:10px;
	}
	
	#topten-left-container{

		width:120px;
		height:100%;
		overflow-y:hidden;
		border:1px solid black;
	}
	
	.topten-title-row-div{
	
		height:100%;
		min-width:122px;
		display:block;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
		font-size:16px;
	}
	
	
	#topten-corner-div{

		width:120px;
		height:100%;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
	}
	#topten-title-row{
	
		height:100%;
		display:inline-flex;
	}
	
	#topten-title-container{

		height:100%;
		width:67%;
		overflow-x:hidden;
	}
		
	/* .altcar-div{
	
		width:120px;			
		display:block;
		border-left:1px solid black;
	} */
	
	#topten-data-content{
		
		display:block;
	}
 
	.fet-cat{
	
		font-size:15px;
		height:45px;
		width:120px;
		text-align:center;
		justify-content: center;
		align-items: center;
		display:flex;
		box-sizing:border-box;
		margin-left:2px;
		padding:3px;
	}
}
	
	
.feature-bar{
	
		display:inline-flex;
		height:65px;
		margin-left:5px;
/* 		white-space: nowrap;
 */	}
	
	.feature-cell {
	
		height:100%;
		width:120px;
		box-sizing:border-box;
		margin-left:2px;
		text-align:center;
  		display: flex;
    	justify-content: center;
  		align-items: center;
  		font-size:15px;
  		border-right:1px solid grey;
  		border-bottom:1px solid grey;
		overflow:scroll;
		padding:3px;
	}
	
	.no-fet-cell {
	
		height:100%;
		width:100px;
		box-sizing:border-box;
		margin-left:2px;
		text-align:center;
		display: inline-flex;
  		justify-content: center;
  		align-items: center;
  		font-size:25px;
  		font-weight:bold;
  		color:red;
  		border-right:1px solid grey;
  		border-bottom:1px solid grey;
	}
	
	.trim-cell{
	
		padding:1px;
		height:65px;
		width:100%;
		border-bottom:1px solid black;
		box-sizing:border-box;
		margin-left:2px;
		font-size:12px;
		position:relative;
		text-align:center;
		display: flex;
  		justify-content: center;
  		align-items: center;
  		padding:3px;
	}
	
	.fpresent-part{
	
		background:#2874A6;
		height:65%;
		color:white;
		text-align:center;
		position:relative;
		
 		margin-top:5%;
 	}
	
	.fabsent-part{
	
		background:rgb(200, 200, 200);
		height:65%;
		border:1px solid grey;
		
 		margin-top:5%;
 		
		box-sizing:border-box;
		text-align:center;
		
		/* background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, #fff);
  		background-size: 10px 10px; */
	}
	
	.fet-count{
	
		position:absolute;
		top:20%;
	}
	
	.feature-div{
	
		display:none;
		width:100%;
	}
	
#tf-matrix::-webkit-scrollbar {
  display: none;
}

#expanded-fet-div{

	width:400px;
	height:500px;
	display:none;
	float:right;
}
	
#tf-matrix{

	overflow-x:scroll;
}