.cable-box {
	display:block;
	color:#333232;
	position:relative;
	background-color:#F3F2F2;
	border:1px solid #DBD9D9;
	min-height:90px;
	padding-left:10px;
}
.icon-arrow {
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:80px;
	text-align:center;
	background-color:#E5E5E5;
	color:#A0A0A0;
	border-left:1px solid #ccc;
}
.cable-box:hover {
	color:#0071C5;
	border:1px solid #0071C5;
	background-color:#fff;
}
.cable-box:hover .icon-arrow {
	color:#0071C5;
}
.cable-box.disable {
	color:#AAB3B3;
	cursor:auto;
}
.dropdown-toggle.cable-box:after {
	content: none;
}
.cable-box.disable:hover {
	border:1px solid #DBD9D9;
    background-color:#F3F2F2;
}
.cable-box.disable:hover .icon-arrow {
	color:#A0A0A0;
}
.cable-box > .fa {
	padding-top:10px;
}
.cable-box input[type="radio"] {
	margin:-3px 5px 0 0;
}
.cable-list {
   /*  width:284px; */
    max-height:300px;
	overflow:auto;
    background-color:#fff;
	padding:0;
	/* to override BS 4 - but at a cost -- it will not change position base on top/bottom available spaces */
	transform: none !important;
	top: 90px !important;
	width: 100%; /* so it fills the column */
}
.cable-list li {
	margin:0;
}
.cable-title {
	margin-top:5px;
	font-size:12px;
}
.first-end-item, .second-end-item {
	display:block;
	min-height:90px;
	position:relative;
	border-bottom:1px solid #DBD9D9;
	background-color:#fff;
}
.first-end-item:hover, .second-end-item:hover {
	display:block;
	min-height:90px;
	position:relative;
	border-bottom:1px solid #DBD9D9;
	background-color:#F3F2F2;
}
.first-end-header-text {
	font-size:11px;
	position:absolute;
    width:82px;
	top:10px;
	left:10px;
	font-weight:bold;
	white-space:nowrap
}
.first-end-header-product{
	position:absolute;
	top:0;
	right:25px;
}
.first-end-item-text {
	font-size:11px;
	position:absolute;
	top:10px;
	left:10px;
	width:100px;
	white-space:nowrap
}
.first-end-item-product {
	position:absolute;
	top:0;
	right:10px;
}
.second-end-header-text {
	font-size:11px;
	position:absolute;
	top:10px;
	right:30px;
	font-weight:bold;
	width:100px;
	text-align:right;
    white-space:normal
}
.second-end-header-product {
	position:absolute;
	top:0;
	left:10px;
}
.second-end-item-text {
	font-size:11px;
	position:absolute;
	top:10px;
	right:15px;
	width:100px;
	text-align:right;
	white-space:normal
}
.second-end-item-product {
	position:absolute;
	top:0;
	left:10px;
}