.properties-list {
	background: #FCFAFA;
	padding: 20px;
	/*height: 100%;*/
	/*max-height: 100%;*/
	position: relative;
	width: 100%;
	overflow: hidden;
}
@media(max-width: 1399px){
    .properties-list {
        width: 50%;
    }
}
@media(max-width: 1399px){
    .properties-list:first-of-type:last-of-type {
        width: 100%;
    }
}
@media(max-width: 991px){
    .properties-list {
        /*max-height: 500px;*/
        margin-bottom: 20px;
        width: 100%;
    }
}
.properties-list ul,
.properties-list .properties-listItems{
	list-style: none;
	padding: 0;
	height: 500px;
	max-height: 500px;
	overflow-y: scroll;
}
.category__products .properties-list ul {
	list-style: none;
	padding: 0;
	height: calc(100% - 100px);
	max-height: calc(100% - 100px);
	overflow-y: scroll;
}
.properties-list ul li {
	margin: 5px 0;
	padding: 8px 20px;
	background: #f6f6f7;
	border-radius: var(--pillborderradius);
	display: flex;
	align-items: center;
}
@media (max-width: 1229px){
    .properties-list ul li {
        padding-right: 50px;
    }
}

.properties-list table thead{
    position: sticky;
    top: 0;
    background: #fcfafa;
    z-index: 2;
}
@media (max-width: 1229px){
    .properties-list table{
        border-collapse: separate;
        border-spacing: 0 10px;
    }
}
.properties-list table td{
    height: 40px;
    
}
.properties-list table td:first-child{
    padding-left: 20px;
}
.properties-list table td:last-child{
    padding-right: 50px;
}
.properties-list table th:first-child{
    padding-left: 20px;
}
.properties-list h2 {
	margin: 0 20px 10px 0;
	display: inline-block;
}
.properties-list .search {
	margin: 10px 0 20px;
	width: 100%;
}

.properties-list ul li .property-name {
	color: var(--bodycolor);
	flex-grow: 1;
}
@media(max-width: 576px) {
	.properties-list ul li .property-name {
		font-size: 14px;
		word-break: break-word;
	}
}
.properties-list ul li .button {
	margin: 0 0 0 10px;
}
@media(max-width: 576px) {
	.properties-list ul li .button {
		font-size: 12px;
		padding: 5px;
		margin-left: 5px;
	}
}
.properties-list ul li img {
	margin: 0 10px 0 0;
}
.properties-list ul li.property-remove:hover {
	border-left: 10px solid var(--danger);
	transition: border-left 0.1s ease;
}
.properties-list ul li.property-add:hover {
	border-left: 10px solid var(--success);
	transition: border-left 0.1s ease;
}
.properties-list ul li.property-remove, .properties-list ul li.property-add {
	border-left: 0px solid transparent;
	transition: border-left 0.1s ease;
}
.property-add::after,
.property-remove::after,
.prescribing-option::after{
	content: '+';
	display: block;
	height: 40px;
	width: 40px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	background: #34C759;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 300;
	transition: 0.1s;
	transform: scaleX(0%);
    transform-origin: right;
}
@media (max-width: 1229px){
    .property-add::after,
    .property-remove::after,
    .prescribing-option::after{
        transform: scaleX(100%);
    }
}

.property-remove::after,
.prescribing-option::after{
    content: '-';
    background: #F46F64;
    line-height: 35px;
}
.property-add:hover::after,
.property-remove:hover::after,
.prescribing-option:hover::after{
	transform: scaleX(100%);
	transition: 0.1s;
}
.property-add,
.property-remove,
.prescribing-option{
	position: relative;
	padding-right: 50px;
	cursor: pointer;
	transition: 0.1s;
}
.removal-tab,
.add-tab{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	left: calc(100% - 40px);
	z-index:10000;
	cursor: pointer;
}
.property-add:hover,
.property-remove:hover{
	background: #eae9e7;
	transition: 0.1s;
}
.properties-list ul li .handle {
      position: absolute;
      left: 15px;
      color: #a6a6a6;
}
.properties-list ul li .handle.disabled {
      opacity: 0.4;
      pointer-events: none;
}
.sortableProducts .property-add,
.sortableProducts .property-remove{
    cursor: auto;
}
.sortableProducts .property-remove{
    padding-left: 45px;
}
.sortableProducts .handle,
.sortableCategories .category__header{
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.sortableProducts .sortable-chosen .handle,
.sortableCategories .sortable-chosen .category__header {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}