#stocks #table  {
	background: #183353;
}

#stocks  .stocks__header {
	margin-top: 4.1rem;
	margin-bottom: 3.9rem;

	text-align: center;
}

#stocks  .stocks__title {
	margin: 0;
	margin-bottom: 1.8rem;

	font-size: 4rem;
	line-height: 5rem;
	font-weight: 300;
	color: #fff;
}

#stocks  .stocks__subtitle {
	margin: 0;

	font-size: 1.8rem;
	line-height: 3rem;
	color: #fff;
	opacity: 0.7;
}

#stocks  .stocks__table {
	margin: 0 auto;
	margin-bottom: 2.2rem;

	border-collapse: collapse;
	border-spacing: 0;
}

#stocks  .stocks__caption-mobile {
    display: none;
}

#stocks  .stocks__item_text-mobile {
	display: block;
}

#stocks  .stocks__col_item {
    width: 28rem;
}

#stocks  .stocks__empty_desktop {
	padding-right: 26rem;
	line-height: 0;
}


#stocks  .stocks__empty_space {
	padding-right: 2rem;
	line-height: 0;
}

#stocks  .stocks__empty_item {
	padding-right: 28rem;
	line-height: 0;
}

#stocks  .stocks__col_space {
    width: 2rem;
}

#stocks  .stocks__col_desktop {
    width: 26rem; 
}

#stocks  .stocks__desktop {
	position: relative;

	padding: 1rem 0;
	
	vertical-align: top;
	text-align: right;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #fff;
	opacity: 0.7;
}

#stocks .stocks__item_subtitle {
	opacity: 0.7;
}

#stocks  .stocks__cell {
	position: relative;

	padding: 1rem 3rem;

	vertical-align: top;
	text-align: left;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #fff;
	background: #15385f;
}

#stocks  tbody tr:last-child .stocks__cell {
	padding-bottom: 2.5rem;

	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#stocks  .stocks__cell_title {
	padding-top: 2.4rem;
	padding-bottom: 0.4rem;

	border-top-right-radius: 5px;
	border-top-left-radius: 5px;

	font-size: 2.2rem;
	line-height: 4rem;
	color: #fff;
}

#stocks  tbody tr:not(:last-child) .stocks__cell::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 1px;

	background: linear-gradient(to right, #385677 , rgba(56, 86, 119, 0) 85%)
}

#stocks  tbody tr:not(:last-child) .stocks__desktop::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 1px; 
	background: linear-gradient(to left, #385677 , rgba(56, 86, 119, 0) 85%)
}

#stocks  .stocks__icon {
	position: relative;

    width: 23px;
    height: 22px;
}

#stocks  .icon-check {
	background: url(/uploads/pages/general/images/account-icons.png);
	background-repeat: no-repeat;
    background-size: auto 100%;
}

#stocks  .icon-cross {
	background: url(/uploads/pages/general/images/account-icons.png) -24px 0;
	background-repeat: no-repeat;
    background-size: auto 100%;
}

@media all and (max-width: 1200px) {
	#stocks  .stocks__col_desktop {
		width: 16rem;
	}

	#stocks  .stocks__empty_desktop {
		padding-right: 16rem;
	}

	#stocks  .stocks__desktop {
		font-size: 1.2rem;
	}

	#stocks  .stocks__cell {
		font-size: 1.2rem;
	}

	#stocks  .stocks__empty_item {
		padding-right: 24rem;
	}
	
	#stocks  .stocks__col_item {
		width: 24rem;
	}

	#stocks  .stocks__col_space {
		width: 1rem;
	}

	#stocks  .stocks__empty_space {
		width: 1rem;
	}

	#stocks  .stocks__cell_title {
		font-size: 1.8rem
	}
}

@media all and (max-width: 1000px) {
	#stocks  .stocks__table_holder {
	width: 100%;

	overflow-x: scroll;
	}
}

@media all and (max-width: 880px) {
	#stocks  .stocks__desktop {
		display: none;
	}

	#stocks  .stocks__empty_desktop {
		display: none;
	}

	#stocks  .stocks__caption-mobile {
		display: inline-block;
    	position: relative;
    	top: 3px;

   		font-size: 1rem;
   		line-height: 1rem;
    	color: #fff;
    	opacity: 0.7;
	}

	#stocks  .stocks__item_text-mobile {
    	display: block;
    	position: relative;
    	bottom: -6px;
    }

    #stocks  .stocks__icon {
    	bottom: -7px;

    	margin-bottom: 7px;

    	width: 19px;
    	height: 18px;
    }

    #stocks  .icon-cross {
    	background: url(/uploads/pages/general/images/account-icons.png) -19px 0 no-repeat;
    	background-size: auto 100%
    }

}