// Edit Dashboard Area 

.edit-dashboard-area{
	margin: 0 40px 0;	  
	position: relative;
	    .edit-dashboard-area-inside {
			padding: 12px;
			font-size: 12px;
			background-color: #ffffff;
			box-shadow: 0px -5px 10px #292929;
			float: left;
			width: 49%;
			border-bottom: 1px solid #aaaaaa;
				&.full-width{
					float: none;
					width: 100%;
						h3{
							font-size: 14px;
							color: #666666;
							text-transform: uppercase;
							font-weight: normal;
						}
				}
				.view{
					float: left;
				}
				.actions{
					float: left;
					margin-left: 30px;
				}
				h1{
					font-size: 31px;
					text-transform: uppercase;
					color: #666666;
					font-weight: normal;
					display: inline-block;
				}
				.info-icon{
					background-image: url("../img/sprite.svg");
					background-position: right -203px;
					display: inline-block;
					width: 22px;
					height: 22px;
					cursor: pointer;
					margin-left: 5px;
				}
				.edit-dash-text-left{
					float: left;
				}
				.edit-dash-buttons{
					float: right;
					margin: -12px -12px 0 0;
						.btn-icn{
							font-size: 20px;
							background-color: #aaaaaa;
							color: #fff;
							line-height: 50px;
							text-align: center;
							padding: 0px 7px;
							width: 35px;
							margin-left: 1px;
							float: right;
							cursor: pointer;
								&:hover, &.active{
									background-color: #2080c3;
								}
						}
				}
				.btn{
					font-size: 15px;
					color: #FFFFFF;
					border: none;
					width: 230px;
					text-transform: uppercase;
					height: 42px;
					cursor: pointer;
					position: relative;
					margin-top: 5px;
					background: #1c81c7;
					transition: 0.3s ease 0s;
					-moz-transition: 0.3s ease 0s;
					-webkit-transition: 0.3s ease 0s;
						&:hover{
						
							background-color: #60a7d8;
						}
						&.active{
							background-color: #f39302;
						}
						&.disable{
							background: #aaaaaa;
							color: #cccccc;
							font-style: italic;
							transition: 0.3s ease 0s;
							-moz-transition: 0.3s ease 0s;
							-webkit-transition: 0.3s ease 0s;
								&:hover{
									cursor: no-drop;
								}
						}
						@media only screen and (max-width:1815px){
							width: 185px;
						}
						@media only screen and (max-width:1335px){
							width: 152px;
							font-size: 12px;
						}
						@media only screen and (max-width:1135px){
							width: 200px;
							font-size: 14px;
						}
						@media only screen and (max-width:935px){
							width: 200px;
						}
				}
				@media only screen and (max-width:1135px){
					width: 100%;
					float: none;
					margin-bottom: 30px;
				}
		}
		@media only screen and (max-width:990px){
			 margin: 0 10px 40px;
		}
			
}

/* Dashboard Editor Area */

.dashboard-editor{
	padding: 12px;
	font-size: 12px;
		.heads{
			h1{
				font-size: 31px;
				text-transform: uppercase;
				color: #666666;
				font-weight: normal;
				display: inline-block;
			 }
			 .info-icon{
				background-image: url("../img/sprite.svg");
				background-position: right -203px;
				display: inline-block;
				width: 22px;
				height: 22px;
				cursor: pointer;
				margin-left: 5px;
			 }
		}
		.hint-text{
			font-style: italic;
			margin: 15px 0 0 0;
		}
		.editor-outer{
			margin: 30px 0;
				.add-indis-area{
					float: left;
					background-color: #efefef;
					padding: 10px;
					width: 43%;
					min-height: 930px;
						&.full-now{
							width: 100%;
							float: none;
						}
						h3{
							font-size: 18px;
							text-transform: uppercase;
							color: #000;
							font-weight: normal;
								span{
								}
						}
						.search-form-area{
							margin: 20px 0;
								.search-text{
									font-size: 14px;
									float: left;
									margin-bottom: 5px;
								}
								.search-load{
									float: left;
									margin: -2px 10px;
								}
								.for-search{
									position: relative;
									width: 100%;
										input[type="text"]{
											color: #666666;
											font-size: 11px;
											font-style: italic;
											padding: 7px 9px;
											margin: 0;
											width: 100%;
										}
										.search-icon{
											background-color: #2881c1;
											background-image: url("../img/sprite.svg");
											background-position: -137px -65px;
											cursor: pointer;
											height: 27px;
											position: absolute;
											right: 0px;
											top: 1px;
											width: 20px;
												@media only screen and (max-width: 4000px){
													height: 27px;
												}
												@media only screen and (max-width: 3000px){
													height: 28px;
												}
												@media only screen and (max-width: 2700px){
													height: 27px;
												}
												@media only screen and (max-width: 2500px){
													height: 27px;
												}
												@media only screen and (max-width: 1920px){
													height: 27px;
												}
												@media only screen and (max-width:1838px){
													height: 27px;
												}
												@media only screen and (max-width:1600px){
													height: 28px;
													top: 0;
												}
												@media only screen and (max-width:1280px){
													top: 0;
													right: 0;
												}
										}
										@-moz-document url-prefix() {
											.search-icon{
												height: 30px;
													@media only screen and (max-width: 3000px){
														height: 28px;
													}
													@media only screen and (max-width: 2500px){
														height: 28px;
													}
													@media only screen and (max-width: 1920px){
														height: 27px;
													}
													@media only screen and (max-width:1838px){
														height: 28px;
													}
													@media only screen and (max-width:1600px){
														height: 28px;
														top: 1px;
													}
													@media only screen and (max-width:1500px){
														height: 28px;
														top: 1px;
													}
													@media only screen and (max-width:1280px){
														height: 29px;
														top: 0;
													}
											}
										}
								}
						}
						.search-in{
							margin-top: 5px;
							span{
								margin: 0 6px;
								float: left;
									&.m0{
										margin: 0;
									}
									input[type="radio"]{
										float: left;
										margin-right: 2px;
									}
							}
						}
						.add-indis-results{
							margin-left: 0px;
								.filter-in{						
									position: relative;
									width: 100%;
										.only-filter{											
											.ui-state-default{
												background: #2c7db5;
													.accordian-arrow{
														padding: 6px 6px 7px 3px;
													}
													&:hover{
														background: $main-blue;
													}
											}
											.ui-state-active{
												.accordian-arrow{
													padding: 7px 6px 7px 0px;
												}
											}
											.ui-state-active{
												background: $main-blue;
											}
											.ui-accordion-content{
												padding: 0px;
											}
											.accordian-arrow {
												border-right: 1px solid #FFF;
												margin-right: 10px;
											}
											.browsei{
												&.ui-state-default{
												    background: rgba(211, 64, 0, 0.8);
														&:hover{
															background-color: #d34000;
														}
												}
												&.ui-state-active{
													background-color: #d34000;
												}
											}
											.browse-area{
												.ui-state-default{
												    background: rgba(211, 64, 0, 0.8);
														&:hover{
															background-color: #d34000;
														}
												}
												.ui-accordion-header-active{
													background-color: #d34000;
												}
											}
										}
									.filter-panel{
										background: rgba(102, 102, 102, 1);
										padding: 10px !important;
										width: 100%;
											.filter-heading{
												color: #fff;
												text-transform: uppercase;
												font-size: 16px;
											}
											.filtering-area{
												margin: 0;
													.ui-accordion-header{
														background: #198dde;
															&:hover{
																background-color: $main-blue;
															}
															.filter-checkbox{
																float: right;
																position: relative;
																top: 1px;
																display: none;
															}
													}
													.ui-state-default{
														.accordian-arrow{
															padding: 6px 7px 6px 0;
																.fa-angle-right{
																	margin-left: 2px;
																}
														}														
													}
													.ui-accordion-header-active{
														background: $main-blue;
													}
													.ui-accordion-content {
														background-color: #fff;
														position: relative;
														overflow: initial !important;
															.force-select{
																input[type="checkbox"]{
																	    position: absolute;
																		top: -20px;
																		float: right;
																		z-index: 9999 !important;
																		right: 0px;
																		background-color: #000;
																		padding: 4px;
																		width: 29px;
																}
															}
															table{
																width: 100%;
																	tbody{
																		max-height: 300px;
																		overflow-y: scroll;
																		float: left;
																		width: 100%;
																		tr{
																			&:nth-of-type(even){
																				background-color: #e0e0e0;
																			}
																			&:hover{
																				background-color:#B2E0FF;
																			}
																			td{
																				padding: 3px;
																				width: 100%;
																				&.heads{
																					text-transform: uppercase;
																					font-weight: bold;
																						span{
																							font-style: italic;
																							font-weight: normal;
																						}
																				}
																				&:nth-of-type(1){
																					width: 17px;
																				}
																				input[type="checkbox"]{
																					float: left;
																				}
																			}
																		}
																	}
															}
															&.listing-area{																
																ul{
																	max-height: 300px;
																	overflow-y: scroll !important;
																		li{
																			padding: 7px;
																			list-style: none;
																				input[type="checkbox"]{
																					float: left;
																					margin-right: 2px;
																				}
																				&.head{
																					font-weight: bold;
																					text-transform: uppercase;
																				}
																				span{
																					font-weight: normal;
																					font-style: italic;
																					margin-right: 2px;
																				}
																				a{
																					color: #2c7db5;
																					font-size: 13px;
																				}
																				.naming{
																					float: left;
																						a{
																							&.fa{
																								margin-right: 3px;
																								float: left;
																								font-size: 14px;
																								margin-top: -1px;
																								cursor: pointer;
																							}
																						}
																				}
																				.selected-text{
																					float: right;
																					font-style: italic;
																					font-weight: normal;
																					text-transform: none;
																				}
																				ul{
																					&.inside{
																						margin: 5px 0 0 0;
																						li{
																							padding: 7px 7px 7px 15px;
																							font-weight: normal;
																							text-transform: none;
																							list-style: none;
																								input[type="checkbox"]{
																									float: left;
																									margin-right: 2px;
																								}
																								&.head{
																									font-weight: bold;
																									text-transform: uppercase;
																								}
																						}
																					}
																				}
																		}
																}
															}
													}
													.accordian-arrow {
														border-right: 1px solid #666;
														padding: 7px 6px 7px 0;
														margin-right: 10px;
													}
											}
									}
									button{
										border: 0;
										cursor: pointer;
										&.side-filter-btn{
											background-image: url("../img/filter-result-btn.png");
											width: 57px;
											height: 157px;
											display: block;
											float: left;
											margin-top: 27px;
											position: absolute;
											left: 0px;
										}
									}
								}
								.filter-out{
									width: 100%;
										h3{
											float: left;
											margin-top: 20px;
										}
										.add-btn-set{
											float: right;
										}
									&.no-action{
										margin-left: 50px;
									}
									.results-table-area{
										width: 100%;
										margin: 10px 0 5px;
											table{
												width: 100%;
													tr{
														width: 100%;
														float: left;
													}
													thead{
														background-color: #318ccb;
														text-transform: uppercase;
														width: 100%;
														color: $white;
															input[type="checkbox"]{
																float: left;
																margin-top: 1px;
															}
															tr{
																th{
																	padding:5px;
																		&:nth-of-type(1){
																			width: 16px;
																		}
																		&:nth-of-type(2){
																			width: 20px;
																		}
																		&:nth-of-type(3){
																			width: 25px;
																		}
																		&:nth-of-type(4){
																			width: 22px;
																		}
																		&:nth-of-type(5){
																			text-align: left;
																			width: 63%;
																			cursor: pointer;
																				@media only screen and (max-width:1560px){
																					width: 60%;
																					max-width: 60%;
																				}
																				@media only screen and (max-width: 1366px){
																					width: 260px;
																				}
																				@media only screen and (max-width: 1280px){
																					width: 850px;
																				}
																		}
																		&:last-child{
																			text-align: right;
																			padding-right: 14px;
																			width: 25.4%;
																				@media only screen and (max-width: 1366px){
																					width: 160px;
																				}
																				&:hover{
																					cursor: pointer;
																				}
																				&.headerSortDown{
																					cursor: pointer;
																					padding-right: 14px;
																					padding-left: 0;
																					background-repeat: no-repeat;
																					background-image: url(../img/icon-sort-desc-b.png);
																					background-position: right 5px;
																				}
																				&.headerSortUp{
																					cursor: pointer;
																					padding-right: 14px;
																					padding-left: 0;
																					background-repeat: no-repeat;
																					background-image: url(../img/icon-sort-asc-b.png);
																					background-position: right 5px;
																				}
																		}
																		&.headerSortDown{
																			cursor: pointer;
																			padding-left: 14px;
																			background-repeat: no-repeat;
																			background-image: url(../img/icon-sort-desc-b.png);
																			background-position: left 5px;
																		}
																		&.headerSortUp{
																			cursor: pointer;
																			padding-left: 14px;
																			background-repeat: no-repeat;
																			background-image: url(../img/icon-sort-asc-b.png);
																			background-position: left 5px;
																		}
																}
															}
															@media only screen and (max-width:1280px){
																position: relative;
															}
													}
													tbody{
														max-height: 595px;
														overflow-y: scroll;
														float: left;
														width: 100%;
														min-height: 125px;
															tr{
																&:nth-of-type(even){
																	background: rgba(223, 223, 223, 0.6);
																}
																&:hover{
																	background: #B2E0FF;
																	cursor: pointer;
																}
																	td{
																		padding: 5px;
																			&.no-record {
																				background-color: #d53f00 !important;
																				color: #FFFFFF;
																				text-align: center !important;
																				font-size: 13px;
																				text-transform: uppercase;
																				padding: 10px 0 !important;
																				width: 860px !important;
																					@media only screen and (max-width:990px){
																						width: 620px !important;
																					}
																			}
																			&:nth-of-type(1){
																				width: 15px;
																				padding: 0;
																					span {
																						background-color: #aaaaaa;
																						color: #fff;
																						padding: 8px 3px;
																						font-size: 8px;
																						border-right: 1px solid #ccc;
																						display: inline-block;
																						cursor: pointer;
																						border-bottom: 1px solid #ccc;
																							&:hover{
																								background-color: #949393;
																							}
																					}
																			}
																			&:nth-of-type(2){
																				width: 20px;
																			}
																			&:nth-of-type(3){
																				background: #62a8d5;
																					@media only screen and (max-width:1280px){
																						width: 25px;
																					}
																			}
																			&:nth-of-type(4){
																				background: rgba(227, 227, 227, 0.6);
																				width: 21px;
																					img{
																						width: 10px;
																					}
																			}
																			&:nth-of-type(5){
																				width: 63%;
																				max-width: 63%;
																				position: relative;
																					p{
																						position: absolute;																
																						white-space: nowrap;
																						text-overflow: ellipsis;
																						overflow: hidden;
																						max-width: 100%;
																						top: 0;
																						line-height: 26px;
																					}
																					&.w135{
																						width: 135px;
																						max-width: 135px;
																					}
																					@media only screen and (max-width:1560px){
																						width: 60%;
																						max-width: 60%;
																					}
																					@media only screen and (max-width: 1366px){
																						width: 260px;
																						max-width: 260px;
																					}
																					@media only screen and (max-width:1280px){
																						width: 73.2%;
																					}
																					@media only screen and (max-width:1200px){
																						width: 72%;
																					}
																			}
																			&:nth-of-type(6){
																				width: 25.3%;
																				max-width: 25.3%;
																				position: relative;
																					p{
																						position: absolute;																
																						white-space: nowrap;
																						text-overflow: ellipsis;
																						overflow: hidden;
																						max-width: 100%;
																						top: 0;
																						right: 0;
																						line-height: 26px;
																					}
																					&.w230{
																						width: 230px;
																						max-width: 230px;
																					}
																					@media only screen and (max-width: 1366px){
																						width: 160px;
																						max-width: 160px;
																					}
																					@media only screen and (max-width:1280px){
																						width: 19%;
																					}
																			}
																			span{
																				&.info-white {
																					background-image: url("../img/sprite.svg");
																					background-repeat: no-repeat;
																					background-position: -139px -23px;
																					height: 16px;
																					width: 16px;
																					display: block;
																						@-moz-document url-prefix() {
																							background-position: -140px -22px;
																						}
																				}
																			}
																			&.icon-seasonal{ 
																				img {
																					width: 11px;
																					display: block;
																				}
																			}
																			&:last-child{
																				text-align: right;
																			}
																	}
															}
															input[type="checkbox"]{
																float: left;
															}
													}
													tfoot{
														width: 100%;
														background-color: $main-blue;
														text-align: center;
															button{
																border: 0;
																cursor: pointer;
																width: 860px;
																background-color: $main-blue;
																padding: 3px 0px;
																font-size: 12px;
																text-transform: uppercase;
																color: #FFF;
																	@media (max-width: 1366px){
																		width: 467px;
																	}
																	.load_more_elastic{
																		
																	}
															}
													}
											}
											/*.results-table-area-scroll{
												min-height: 90px;
												max-height: 600px;
												overflow-y: auto;
												tbody{
													width: 100%;
													tr{
														&:nth-of-type(even){
															background: rgba(223, 223, 223, 0.6);
														}
														&:hover{
															background: #B2E0FF;
															cursor: pointer;
														}
														td{
															padding: 5px;
																&.no-record {
																	background-color: #d53f00 !important;
																	color: #FFFFFF;
																	text-align: center !important;
																	font-size: 13px;
																	text-transform: uppercase;
																	padding: 10px 0 !important;
																	width: 480px !important;
																}
																&:nth-of-type(1){
																	width: 20px;
																}
																&:nth-of-type(2){
																	background:#62a8d5;
																	width:25px;
																}
																&:nth-of-type(3){
																	background: rgba(227, 227, 227, 0.6);
																	width: 22px;
																}
																&:nth-of-type(4){
																	position: relative;
																		p{
																			width: 100%;
																			position: absolute;
																			white-space: nowrap;
																			text-overflow: ellipsis;
																			overflow: hidden;
																			top: 6px;
																		}
																}
																&:nth-of-type(5){
																	position: relative;
																		p{
																			width: 100%;
																			position: absolute;
																			white-space: nowrap;
																			text-overflow: ellipsis;
																			overflow: hidden;
																			top: 6px;
																			right: 0;
																		}
																}
															span{
																&.info-white {
																	background-image: url("../img/sprite.svg");
																	background-repeat: no-repeat;
																	background-position: -139px -23px;
																	height: 16px;
																	width: 16px;
																	display: block;
																}
															}
															&.icon-seasonal{ 
																img {
																	width: 11px;
																	display: block;
																}
															}
															&:last-child{
																text-align: right;
															}
														}
													}
													input[type="checkbox"]{
														float: left;
													}
												}
											}*/
									}
										
										@media only screen and (max-width:1280px){
											width: 100%;
										}
										@media only screen and (max-width:1024px){
											width: 91%;
										}
										@media only screen and (max-width:840px){
											width: 88%;
										}
								}
								@media only screen and (max-width:1400px){
									position: relative;
								}
						}
						@media only screen and (max-width:1280px){
							width: 97%;
						}
				}
				.added-indis{
					width: 55%;
					float: right;
					margin-top: 10px;
						&.full-now{
							width: 100%;
							float: none;
							margin-top: 25px;
								h3{
									float: left;
								}
								.indi-menu{
									margin: 0 0 20px 0;
								}
						}
						h3 {
							font-size: 18px;
							text-transform: uppercase;
							color: #000;
							font-weight: normal;
						}
						.indi-menu{
							float: right;
							margin: 20px 0 10px 0;
								ul{
									margin: 0;
									padding: 0;
										li{
											float: left;
											list-style: none;
											border-right: 1px solid #000;
											padding: 0 5px 0 5px;
												&:last-child{
													border-right: 0;
													padding: 0 0 0 5px;
												}
												a{
													font-size: 12px;
													color: #000;
													text-transform: uppercase;
													font-style: italic;
														i{
															
														}
														&:hover{
															color: $main-blue;
														}
														&.active{
															text-decoration: underline;
															color: $main-blue;
															font-weight: bold;
														}
												}
										}
								}
						}
						.added-indis-table{
							position: relative;
							table{
								width: 100%;
									tr{
										width: 100%;
										float: left;
									}
									thead{
										background-color: #318ccb;
										text-transform: uppercase;
										color: $white;
										width: 100%;
											input[type="checkbox"]{
												float: left;
												margin-top: 1px;
											}
										tr{
											width: 100%;
											th{
												padding: 5px;
													&:nth-of-type(1){
														width: 26px;
													}
													&:nth-of-type(2){
														width: 23px;
													}
													&:nth-of-type(3){
														width: 20px;
													}
													&:nth-of-type(4){
														width: 24px;
													}
													&:nth-of-type(5){
														width: 65%;
														text-align: left;
															&:hover{
																cursor: pointer;
															}
															@media only screen and (max-width:1838px){
																width: 64.5%;
																max-width: 64.5%;
															}
															@media only screen and (max-width:1560px){
																width: 62.3%;
																max-width: 62.3%;
															}
															@media only screen and (max-width:1520px){
																width: 61.3%;
																max-width: 61.3%;
															}
															@media only screen and (max-width:1366px){
																width: 420px;
															}
															@media only screen and (max-width:1360px){
																width: 316px;
															}
															@media only screen and (max-width: 1280px){
																width: 850px
															}
															@media only screen and (max-width:1200px){
																width: 700px;
															}
													}
													&:last-child{
														text-align: right;
														padding-right: 14px;
														width: 25.5%;
															@media only screen and (max-width:1366px){
																width: 160px;
															}
															&:hover{
																cursor: pointer;
															}
															&.headerSortDown{
																cursor: pointer;
																padding-right: 14px;
																padding-left: 0;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-desc-b.png);
																background-position: right 5px;
															}
															&.headerSortUp{
																cursor: pointer;
																padding-right: 14px;
																padding-left: 0;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-asc-b.png);
																background-position: right 5px;
															}
													}
													&.headerSortDown{
														cursor: pointer;
														padding-left: 14px;
														background-repeat: no-repeat;
														background-image: url(../img/icon-sort-desc-b.png);
														background-position: left 5px;
													}
													&.headerSortUp{
														cursor: pointer;
														padding-left: 14px;
														background-repeat: no-repeat;
														background-image: url(../img/icon-sort-asc-b.png);
														background-position: left 5px;
													}
											}
										}
										@media only screen and (max-width:1280px){
											position: relative;
										}
									}
									tbody{
										float: left;
										width: 100%;
										max-height: 831px;
										overflow-y: scroll;
										tr{
											&:nth-of-type(even){
												background: rgba(223, 223, 223, 0.6);
											}
											&:nth-of-type(odd){
												background: rgba(241, 241, 241, 0.6);
											}
											&:hover{
												background: #B2E0FF;
												cursor: pointer;
											}
											td{
												padding: 5px;
													&.no-record {
														background-color: #d53f00 !important;
														color: #FFFFFF;
														text-align: center !important;
														font-size: 13px;
														text-transform: uppercase;
														padding: 10px 0 !important;
														width: 972px !important;
															@media only screen and (max-width:990px){
																width: 718px !important;
															}
													}
													&:nth-of-type(1){
														padding: 0;
														min-width: 26px;
															span{
																background-color: #aaaaaa;
																color: #fff;
																padding: 8px 2px;
																font-size: 8px;
																border-right: 1px solid #ccc;
																display: inline-block;
																cursor: pointer;
																border-bottom: 1px solid #ccc;
																width: 12px;
																	&:hover{
																		background-color: #949393;
																	}
															}
													}
													&:nth-of-type(2){
														width: 20px;
															&.fill-color{
																background-color: #aaaaaa;
															}
													}
													&:nth-of-type(3){
														background: rgba(227, 227, 227, 0.6);
														width: 21px;
													}
													&:nth-of-type(4){
														padding: 0;
														width: 24px;
														> span {
															background-image: url("../img/sprite.svg");
															background-repeat: no-repeat;
															text-align: center;
															width: 24px;
															height: 25px;
															display: block;
															margin: 0;
																&.indi-icon-default{
																	background-position: -135px 2px;
																	position: relative;
																	cursor: pointer;			
																}
																&.indi-icon-yoy-per{
																	background-position: -163px 2px;
																}
																&.indi-icon-yoy{
																	background-position: -190px 2px;
																}
																&.indi-icon-mom-per{
																	background-position: -218px 2px;
																}
																&.indi-icon-mom{
																	background-position: -245px 2px;
																}
														  }
													}
													&:nth-of-type(5){
														width: 64.7%;
														max-width: 64.7%;
														position: relative;
															p{
																position: absolute;																
																white-space: nowrap;
																text-overflow: ellipsis;
																overflow: hidden;
																max-width: 100%;
																top: 0;
																line-height: 26px;
															}
														@media only screen and (max-width:1838px){
															width: 64%;
															max-width: 64%;
														}
														@media only screen and (max-width:1731px){
															width: 63.7%;
															max-width: 63.7%;
														}
														@media only screen and (max-width:1696px){
															width: 63.3%;
															max-width: 63.3%;
														}
														@media only screen and (max-width:1655px){
															width: 63%;
															max-width: 63%;
														}
														@media only screen and (max-width:1600px){
															width: 62.7%;
															max-width: 62.7%;
														}
														@media only screen and (max-width:1560px){
															width: 62.3%;
															max-width: 62.3%;
														}
														@media only screen and (max-width:1520px){
															width: 61.5%;
															max-width: 61.5%;
														}
														@media only screen and (max-width:1418px){
															width: 61%;
															max-width: 61%;
														}
														@media only screen and (max-width:1366px){
															width: 410px;
															max-width: 410px;
														}
														@media only screen and (max-width:1360px){
															width: 316px;
															max-width: 316px;
														}
														@media only screen and (max-width:1280px){
															width: 75.2%;
														}
														@media only screen and (max-width:1200px){
															width: 73.8%;
														}
														@media only screen and (max-width:1100px){
															width: 73.2%;
														}
														@media only screen and (max-width:768px){
															width: 470px;
															max-width: 470px;
														}
													}
													&:nth-of-type(6){
														width: 25.5%;
														max-width: 25.5%;
														position: relative;
															p{
																position: absolute;																
																white-space: nowrap;
																text-overflow: ellipsis;
																overflow: hidden;
																max-width: 100%;
																top: 0;
																right: 0;
																line-height: 26px;
															}
															@media only screen and (max-width:1366px){
																width: 160px;
																max-width: 160px;
															}
															@media only screen and (max-width:1280px){
																width: 16.3%;
															}
															@media only screen and (max-width:768px){
																width: 118px;
																max-width: 118px;
															}
													}
												&.icon-seasonal{ 
													img {
														width: 11px;
														display: block;
													}
												}
												&:last-child{
													text-align: right;
												}
											}
										}
										input[type="checkbox"]{
											float: left;
											margin-top: 1px;
										}
									}
							}
						}
					@media only screen and (max-width:1360px){
						width: 590px;
					}
					@media only screen and (max-width:1280px){
						float: none;
						width: 97%;
					}
				}
				.browse-area{
					position: relative;
						.browse-panel{
							padding: 15px 10px;
							background-color:rgba(204, 204, 204, 1);
								.heading{
									font-size: 16px;
									text-transform: uppercase;
									color: #000;
								}
								.browse-sort{
									width: 100%;
									margin: 5px 0;
										span{
											margin: 0 6px;
											float: left;
												&.m0{
													margin:0;
												}
												input[type="radio"]{
													margin-right: 2px;
													float: left;
												}
										}
								}
								.browse-divider{
									height: 1px;
									background: #FFF;
									margin: 15px 0;
								}
								.browsing-area-results{
									.ui-accordion-header{
										background: rgba(211, 64, 0, 0.8);
											&:hover{
												background-color: #d34000;
											}
									}
									.ui-state-active{
										background-color: #d34000 !important;
									}
									.ui-accordion-content {
										background: none;
										padding: 0;
										position: relative;
										&.browse-categories{
											max-height: 300px;
											overflow-y: scroll !important;
											ul{
												li{
													padding: 7px;
													position: relative;
													.list-loader{
														position: absolute;
														right: 10px;
														top: 3px;
														z-index: 30;
													}
													&:nth-of-type(even){
														background : #d6d6d6;
													}
													&:nth-of-type(odd){
														background : #dbdbdb;
													}
													&.head{
														font-weight: bold;
														text-transform: uppercase;
													}
													span{
														font-weight: normal;
														font-style: italic;
														margin: 0 2px;
													}												
													a{
														color: #d1442f;
														font-size: 13px;
															&.fa{
																display: inline-block;
																margin-right: 3px;
																cursor: pointer;
															}
															&.space{
																margin-left: 3px;
															}
													}
													.naming{
														float: left;
													}
													.selected-text{
														float: right;
														font-style: italic;
														font-weight: normal;
														text-transform: none;
													}
													input[type="checkbox"]{
														display: inline-block;
														margin-right: 2px;
														position: relative;
														top: 2px;
													}
													ul{
														&.inside{
															li{
																padding: 7px 7px 7px 15px;
																font-weight: normal;
																text-transform: none;
																list-style: none;
																	input[type="checkbox"]{
																		float: left;
																		margin-right: 2px;
																	}
															}
														}
													}
												}
											}
										}
										&.geo-list{
											max-height: 300px;
											overflow-y: scroll !important;
												ul{
													li{
														padding: 7px;
														position: relative;
														.list-loader{
															position: absolute;
															right: 10px;
															top: 3px;
															z-index: 30;
														}
														&:nth-of-type(even){
															background : #d6d6d6;
														}
														&:nth-of-type(odd){
															background : #dbdbdb;
														}
														&.head{
															font-weight: bold;
															text-transform: uppercase;
														}
														span{
															margin: 0 3px;
																&.browse-geo{
																	margin: 0 0 !important;
																}
														}
														a{
															color: #d1442f;
															font-size: 13px;
																&.fa{
																	display: inline-block;
																	margin-right: 3px;
																	cursor: pointer;
																}
																&.space{
																	margin-left: 3px;
																}
														}
														.naming{
															float: left;
														}
														input[type="checkbox"]{
															display: inline-block;
															margin-right: 2px;
															position: relative;
															top: 2px;
														}
														.selected-text-menu{
															float: right;
															font-style: italic;
															font-weight: normal;
															text-transform: none;
																ul{
																	li{
																		list-style: none;
																		float: left;
																		border-right: 1px solid #000;
																		background: none;
																		padding: 0 5px 0 5px;
																		font-size: 11px;
																			&:last-child{
																				border-right: none;
																			}
																	}
																}
														}
														ul{
															&.inside{
																margin-left: 15px;
																li{
																	padding: 4px 7px;
																	font-weight: normal;
																	text-transform: none;
																	list-style: none;
																		input[type="checkbox"]{
																			float: left;
																			margin-right: 2px;
																		}
																	&.naming{
																		float: none;
																	}
																}
															}
														}
													}
												}
										}
										&.source-list{
											max-height: 300px;
											overflow-y: scroll !important;
												ul{
													li{
														padding: 5px 7px;
														position: relative;
														.list-loader{
															position: absolute;
															right: 10px;
															top: 3px;
															z-index: 30;
														}
														list-style: none;
															input[type="checkbox"]{
																float: left;
																margin-right: 3px;
															}
															&:nth-of-type(even){
																background: #ebebeb;
															}
															&:nth-of-type(odd){
																background: #dbdbdb;
															}
															&:hover{
																background: #B2E0FF;
																cursor: pointer;
															}
															&.active{
																background-color: #f3cf00;
															}
													}
												}
										}
										&.fq-list{
											font-size: 12px;
												ul{
													li{
														padding: 5px 7px;
														list-style: none;
														position: relative;
														.list-loader{
															position: absolute;
															right: 10px;
															top: 3px;
															z-index: 30;
														}
															input[type="checkbox"]{
																float: left;
																margin-right: 3px;
															}
															&:nth-of-type(even){
																background: #ebebeb;
															}
															&:nth-of-type(odd){
																background: #dbdbdb;
															}
															&:hover{
																background: #B2E0FF;
																cursor: pointer;
															}
													}
												}
										}
										&.browse-update{
											background: #dbdbdb;
											padding: 20px !important;
												.head-text{
													font-size: 12px;
													font-weight: bold;
													text-transform: uppercase;
													color: #000;
												}
												.from-to-area{
													float: left;
													width: 185px;
													margin: 10px 10px 10px 0;
														.only-text{
															float: left;
															margin-right: 5px;
															margin-top: 5px;
														}
														.input-type{
															width: 135px;
															float: left;
															position: relative;
																span{
																	position: absolute;
																	background: #d04117;
																	padding: 4px 5px 5px;
																	right: 21px;
																	top: 1px;																
																		a{
																			color: #fff;
																		}
																}
																@-moz-document url-prefix() {
																	span{
																		padding: 6px 5px 5px;
																	}
																}
																input[type="text"]{
																	width: 85%;
																	padding: 6px 9px;
																	font-style: italic;
																	font-size: 11px;
																	border: 1px solid #d04117;
																}
														}
												}
										}
									}
								}
								.selected-menu{
									width: 100%;
									margin-top: 10px;
										ul{
											li{
												float: right;
												list-style: none;
												border-left: 1px solid #000;
												padding: 0 5px 0 5px;												
												font-size: 14px;
												color: #000;
												text-transform: uppercase;
												font-style: italic;
													&:last-child{
														border-left: 0;
													}
											}
										}
								}
						}
						button{
							border: 0;
							cursor: pointer;
								&.browse-btn{
									background-image: url("../img/edit-browse-btn.png");
									width: 57px;
									height: 157px;
									display: block;
									float: left;
									position: absolute;
									right: 0;
									z-index: 19;
								}
								&.btn{
									width: 190px;
										&.gray-btn{
											background: rgba(102, 102, 102, 0.8);
											transition: 0.3s ease 0s;
											-moz-transition: 0.3s ease 0s;
											-webkit-transition: 0.3s ease 0s;
												&:hover{
												  background: rgba(102, 102, 102, 1);
												}
										}
										&.orange-btn{
											background: rgba(211, 64, 0, 0.8);
											transition: 0.3s ease 0s;
											-moz-transition: 0.3s ease 0s;
											-webkit-transition: 0.3s ease 0s;
												&:hover{
												  background: rgba(211, 64, 0, 1);
												}
										}
										.btn-margin{
											margin:0 15px;
										}
								}
						}
					@media only screen and (max-width:1400px){					
							float: none;
							position: absolute;
							right: 0;
							z-index: 21;
							width: 100%;
					}
					@media only screen and (max-width:1280px){
						top: 25px;
					}
				}
			@media only screen and (max-width:1400px){
				position: relative;
			}
		}
	.btn{
		font-size: 15px;
		color: #FFFFFF;
		border: none;
		width: 200px;
		text-transform: uppercase;
		height: 42px;
		cursor: pointer;
		position: relative;
		margin-top: 10px;
			&.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;
					}
					&.small-btn{
						width: 190px;
					}
			}
			&.gray-btn{
				background: #aaaaaa;
				transition: 0.3s ease 0s;
				-moz-transition: 0.3s ease 0s;
				-webkit-transition: 0.3s ease 0s;
					&:hover{
						background: #949393;
					}
					&.small-btn{
						width: 190px;
					}
			}
			&.red-btn{
				background-color: #d34000;
				transition: 0.3s ease 0s;
				-moz-transition: 0.3s ease 0s;
				-webkit-transition: 0.3s ease 0s;
					&:hover{
						background-color: #c5470f;
					}
					&.small-btn{
						width: 190px;
					}
			}
			.btn-loader{
				position: absolute;
				right: 11px;
				top: 11px;
				z-index: 20;
			}
	}
}
.edit-dashboard-area{
	&.top-portion{
		margin-bottom:25px;
			.edit-dashboard-area-inside{
				padding:0 0 12px 12px;
					.edit-dash-text-left{
						padding:12px 0;
					}
					.edit-dash-buttons{
						margin:0;
							.btn-icn{
								width:55px;
								background-repeat:no-repeat;
								background-image: url("../img/sprite.png");
								background-position:6px center;
								height: 60px;
								background-color: #2080c3;
									&:hover {
										background-color: #1a79b8;
									}
									&.manage-indic{
										background-position: -43px center;
									}
									&.cancel-updt{
										background-position: -140px center;
									}
									&.apply-updt{
										background-position: -194px center;
									}
									&.delete-unselect{
										background-position: -90px center;
									}
									&.close-upd{
										background-position: -243px center;
									}
									&.dashboard-upd{
										background-position: -288px center;
									}
							}
					}
			}
	}
}
.bg-red {
	background-color: #d34000;
}