.vertical-tab{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.vertical-tab__left{
	user-select: none;
	border-right: 1px solid #d9dde0;
}

/* .vertical-tab__text{} */

.vertical-tab__item{
    padding: 8px;
    margin-bottom:8px;
    border-radius: 4px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.19);
	transition:all .4s;
}

.side-list__active-state-text{
	font-weight:600;
	float:right;

}

.vertical-tab__item:hover{
	background-color:#ef7d00;
	color:#fff;
}

.vertical-tab__item[not-activated="true"]:hover{
	background-color: #969696;
	color:#fff;
}

.vertical-tab__item .subscription-checkbox-button{
	width:17px;
	height:17px;
	top:25%;
	left:3%;
}

.vertical-tab__tab--active{
	color:rgb(255, 255, 255);
	background-color: #ef7d00;
}

/*change the color*/
.vertical-tab__tab--inactive{
	color:rgb(255, 255, 255);
	background-color:#5a5a5a;;
}


.vertical-tab__tab--active .subscription-checkbox-button{
	border: solid 1.5px #FFF;

}

.vertical-tab__tab--active .checkbox-icon{
	color:  #FFF;
}
/* used to make sure that vertica ltabs don't break cols*/
@media (max-width: 992px) {
	.vertical-tab{
		display:block;
	}

	.vertical-tab__left{
		border-right: none;
	}
}