// Dashboard Manager Popup Use Only

.dashboard-manager-popup{
	width:615px;
		.dash-manage-icon-area{
			width:100%;
				ul{
					li{
						cursor: pointer;
						float: left;
						text-align: center;
						width: 119px;
						padding-right: 5px;
						list-style:none;
							.icon-set{
								height: 85px;
								width: 119px;
								background-image:url("../img/dasboard-manager-sprite-images.png");
								margin:0;
									&.add_remove_indi{
										background-position:-119px 0;
											&:hover{
												background-position:-119px -85px;
											}
									}
									&.reorder_tab{
										background-position:-357px 0;
											&:hover{
												background-position:-357px -85px;
											}
									}
									&.add_remove_tab_plus{
										background-position:0 0;
											&:hover{
												background-position:0 -85px;
											}
									}
									&.add_remove_tab_minus{
										background-position:-238px 0;
											&:hover{
												background-position:-238px -85px;
											}
									}
									&.reorder_indi{
										background-position:-476px 0;
											&:hover{
												background-position:-476px -85px;
											}
									}
							}							
							p{
								line-height:17px;	
							}
					}
				}
		}
}

/* Add Or Remove Indicator start */
.dash-add-remove-indi{
	margin:12px;
	padding:12px;
	font-size:12px;
	background-color:#f4f4f4;
		.dash-add-remove-indi-top{
			padding:12px;
			padding:12px;
			background-color:$main-blue;
			color:#fff;
				.search-text{
					float:left;
					margin-right:20px;
					margin-top:8px;
				}
				input[type="text"]{
					float: left;
					margin-left: 15px;
					font-size: 11px;
					color: #666666;
					padding: 6px 9px;
					width: 215px;
					font-style: italic;
					margin-right:20px;
				}
				.more-option{
					float:left;
					margin-top:8px;
					text-transform: uppercase;
						a{
							color: #FFF;
							cursor:pointer;
						}
				}
		}
		.dash-add-remove-indi-bottom{
			background-color:#60a7d8;
			padding:12px 24px;
			color:#FFF;
				&#div-filter-checkbox2 {
					border-bottom:1px solid #1c81c7;
				}
				.search-text{
					float:left;
					margin-right:20px;
					margin-top:8px;
				}
				input[type="text"]{
					float: left;
					margin-left: 15px;
					font-size: 11px;
					color: #666666;
					padding: 6px 9px;
					width: 215px;
					font-style: italic;
					margin-right:20px;
				}
				.more-option{
					float:left;
					margin-top:8px;
					text-transform: uppercase;
						a{
							color: #fff;
						}
				}
		}
		.dash-add-remove-indi-bottom-inside{
			background-color:#dfdede;
			padding:12px 50px;
				.radio-set{
					float:left;
					margin-right:20px;
				}
		}
		.btn{
			font-size: 14px;
			color: #FFFFFF;
			border: none;
			width: 215px;
			text-transform: uppercase;
			height: 42px;
			cursor: pointer;
			position:relative;
			margin:20px;
				&.blue-btn{
					background: $main-blue;
					transition:0.3s ease 0s;
					-moz-transition:0.3s ease 0s;
					-webkit-transition:0.3s ease 0s;
						&:hover{
						  background: #1b78b9;
						}
				  }
		}
}
/* Add Or Remove Indicator End */

/* Reorder Tabs start */
.reorder-dashboard-tabs{
	width:500px;
		.reorder-area{
			width:100%;
			margin-bottom:20px;
				.reorder-area-left{
					width:80%;
					float:left;
				}
				.reorder-area-right{
					width:20%;
					float:right;
						.right-arrows{
							margin-top: 16px;
								.top-double-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position:-81px -105px;
									cursor: pointer;
									margin: 1px auto;
										&:hover{
											background-position: -81px -156px;
										}
								}
								.top-single-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position:0px -105px;
									cursor: pointer;
									margin: 1px auto;
										&:hover{
											background-position: 0px -156px;
										}
								}
								.bottom-single-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position:-41px -105px;
									cursor: pointer;
									margin: 1px auto;
										&:hover{
											background-position: -41px -156px;
										}
								}
								.bottom-double-arrow{
									background-image: url("../img/sprite.svg");
									width: 35px;
									height: 50px;
									background-position:-122px -105px;
									cursor: pointer;
									margin: 1px auto;
										&:hover{
											background-position: -122px -156px;
										}
								}
						}
				}
		}
}
/* Reorder Tabs End */

/* Reorder Indicators start */
.reorder-dashboard-indicators{
	width:790px;
		.reorder-area{
			width:100%;
			margin-bottom:20px;
				.available-section{
					float: left;
					width: 43%;
				}
				.center-arrows{
					float: left;
					width: 7%;
					margin-top: 75px;
						.right-side-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position: -84px -1px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: -84px -52px;
								}
						}
						.left-side-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position: -41px -1px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: -41px -52px;
								}
						}
				}
				.include-section{
					float: left;
					width: 44%;
				}
				.right-arrows{
					width:5%;
					float:right;
					margin-top: 16px;
						.top-double-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position:-81px -105px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: -81px -156px;
								}
						}
						.top-single-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position:0px -105px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: 0px -156px;
								}
						}
						.bottom-single-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position:-41px -105px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: -41px -156px;
								}
						}
						.bottom-double-arrow{
							background-image: url("../img/sprite.svg");
							width: 35px;
							height: 50px;
							background-position:-122px -105px;
							cursor: pointer;
							margin: 1px auto;
								&:hover{
									background-position: -122px -156px;
								}
						}
				}
				.select-all-set {
					margin: 10px 0;
						input[type="checkbox"] {
							float: left;
						}
						.select-all-text {
							float: left;
							font-size: 11px;
							color: #000;
							margin: 0 5px;
						}
				}
		}
}
/* Reorder Indicators End */