// Tabs sorting use only

.tab-sort-popup{
	width: 1100px;
		.tab-sort-area{
			max-height: 650px;
			overflow-y: scroll;
			ul{
				list-style-type: decimal;
				list-style-position: inside;
					li{
						background-color: #f2f2f2;
						float: left;
						list-style: numaric inside;
						margin: 0 3px 6px;
						width: 32.5%;
						padding:0 40px 0 5px;			
						color: $black;
						border: 1px solid #e0dada;
						position: relative;
							span{
								&.drager{
									background-color: #aaa;
									padding: 11px 5px 11px;
									color: #fff;
									position: absolute;
									right: 19px;
									top: -1px;
										&:hover{
											background-color: #949393;
											cursor: move;
										}
								}
								&.delete-indi{
									background-color: #aaa;
									padding: 11px 5px 11px;
									color: #fff;
									position: absolute;
									right: -1px;
									top: -1px;
										&:hover{
											background-color: #949393;
											cursor: pointer;
										}
								}
							}
							a{
								color: $black;
								padding: 0;
								height: 35px;
								line-height: 35px;
								display: inline-block;
								text-transform: uppercase;
							}
							&:hover{
								background-color: #42a3e6;
								cursor: pointer;
								color: $white;
								border: 1px solid #42a3e6;
									a{
										color: $white;
									}
							}
							&.active{
								background-color: #8ebf49;
								border: 1px solid #8ebf49;
								color: $white;
									a{
										color: $white;
									}
							}
							&.ui-sortable-helper{
								background-color: #42a3e6;
								color: $white;
								height: 37px;
								border: 1px solid #42a3e6;
								width: 32.5% !important;
									span{
										&.drager, &.delete-indi{
											padding: 10px 5px 10px;
										}
									}
							}
							&.ui-sortable-placeholder{
								background-color: #42a3e6;
								color: $white;
								height: 37px;
								border: 1px dashed #42a3e6;
							}
					}
			}
		}
}