// ACCOUNT SETTING PAGE USE ONLY

.ac-page-area{
	width: 1000px;
    margin: 0 auto 40px;
	font-family: Arial, Helvetica, sans-serif;
		h4{
			&.ui-state-default{
				background-color: $main-blue;
				font-size: 16px;
			}
			&.ui-accordion-header{
				margin-bottom: 0;
				padding: 3px;
				font-size: 16px;
				margin-top: 20px;
			}
			span{
				&.accordian-arrow{
					border-right: 1px solid $white;
					padding: 4px 8px 4px;
					margin-right: 10px;					
				}
				.fa-angle-right{
					padding: 0 2.5px;
				}
			}
		}
		.ui-widget-content{
			background-color: $white;			
			box-shadow: 0px 6px 10px #292929;
			padding: 15px;
			font-size: 14px;
		}
		.ui-widget{
			font-family: Arial, Helvetica, sans-serif;
		}
		.overview-area{
			.grey-heading{
				font-size: 30px;
				color: #666666;
				display: inline-block;
				text-transform: uppercase;
					&.mb10{
						margin-bottom: 10px;
					}
					.fa{
						font-size: 25px;
					}
					.schedule-icon{
						background-image: url("../img/summary-sprite.svg");
						background-position: -37px 0px;
						width: 26px;
						height: 29px;
						display: inline-block;
					}
					.user-icon{
						background-image: url("../img/summary-sprite.svg");
						background-position: -80px 0px;
						width: 25px;
						height: 25px;
						display: inline-block;
					}
			}
			.right-icon{
				float: right;
				background-color: #666666;
				width: 30px;
				height: 38px;
				color: $white;
				text-align: center;
				font-size: 20px;
				line-height: 38px;
				cursor: pointer;
					&:hover{
						background-color: $main-blue;
					}
			}
			.edit-my-ac-area{
				.go-back{
					float: right;
					margin-top: 6px;
						a{
							background-color: $main-blue;
							color: $white;
							padding: 5px 10px;
							display: block;
								&:hover{
									background-color: #1b78b9;
								}
						}
				}
				.blue-header{
					background-color: $main-blue;
					padding: 0 10px;
						.grey-heading{
							color: $white;
							font-size: 21px;
								.fa{
									font-size: 20px;
								}
						}
				}
				.form-area{
					padding: 0 5px;
						.field-set{
							margin: 16px 0;
							width: 49%;
								&.whalf{
									float: left;
									width: 49%;
								}
								&.whalf-right{
									float: right;
									width: 49%;
								}
								.ch-left{
									float: left;
									width: 40%;
									font-size: 12px;
									font-weight: 700;
									line-height: 24px;
										span{
											color: #ff0000;
										}
								}
								.ch-right{
									float: right;
									width: 60%;
										input[type="text"], input[type="password"]{
											height: 24px;
											width: 100%;
											color: #666;
											font-size: 12px;
											padding: 0 5px;
											border: 1px solid #1c81c7;
										}
								}
								button{
									background-color: #1c81c7;
									font-size: 15px;
									color: #ffffff;
									border: 0;
									text-transform: uppercase;
									padding: 0 35px;
									height: 24px;
									cursor: pointer;
									width: 100%;
										&:hover{
											background-color: #1b78b9;
										}
								}
						}
				}
			}
			.my-ac-area{
					.user-email{
						float: left;
						width: 340px;
							.header{
								background-color: #00a885;
								font-size: 14px;
								color: $white;
								text-transform: uppercase;
								padding: 0 5px;
							}
							.body-area{
								background-color: #e9fffa;
								height: 80px;
								line-height: 80px;
								color: $black;
								font-size: 14px;
								font-weight: 400;
								padding: 0 5px;
							}
					}
					.middle-area{
						float: left;
						width: 340px;
						margin-left: 20px;
							.over-top{
								background-color: $main-blue;
								color: #fff;
								padding: 28px 13px 13px;
								font-size: 14px;
								text-transform: uppercase;
								line-height: 22px;
								height: 98px;
									span{
										font-size:43px;
										letter-spacing: -2px;
										font-weight: 700;
									}
									@media only screen and (max-width: 1023px){
										text-align: center;
									}
							}
							.over-bottom{
								background-color: #8ebf49;
								color: $black;
								padding: 28px 13px 13px;
								font-size: 14px;
								text-transform: uppercase;
								height: 98px;
									span{
										font-size: 38px;
										letter-spacing: -2px;
										font-weight: 700;
									}
									.source{
										line-height: 20px;
									}
							}
					}
					.right-area{
						width: 250px;
						float: right;
							.header{								
								font-size: 14px;
								color: $white;
								text-transform: uppercase;
								padding: 0 5px;
									&.blue{
										background-color: $main-blue;
									}
									&.orange{
										background-color: #d34000;
									}
							}
							.body-area{
								height: 80px;
								line-height: 18px;
								color: $black;
								font-size: 14px;
								padding: 20px 5px;
									span{
										font-size: 14px;
										font-weight: 700;
										text-transform: uppercase;
									}
									&.blue{
										background-color: #afd3eb;
									}
									&.orange{
										background-color: #e07a4d;
										color: $white;
									}
							}
					}
					@media only screen and (max-width: 1023px){
						float: none;
						margin-right: 0;
						width: 100%;
						margin-bottom: 20px;
					}
			}
			.logo-pre-area{
				margin: 30px 0;
					.blue-header{
						background-color: $main-blue;
						padding: 0 10px;
							.grey-heading{
								color: $white;
									.fa{
										font-size: 28px;
									}
							}
					}
					.gray-area{
						background-color: #eeeeee;
						padding: 15px 10px;
						height: 222px;
					}
					.logo-area{
						width: 100%;
							.upload-area{
								float: left;
								width: 175px;
									.logo-img{
										img{
											width: 100%;
											height: 147px;
										}
									}
									.select-btn{
										margin-top: 10px;
											label {
												background-color: #c9c9c9;
												font-size: 13px;
												color: #000;
												text-align: center;
												height: 35px;
												line-height: 35px;
												width: 100%;
												display: block;
												cursor: pointer;
												text-transform: uppercase;
													&:hover{
														background-color: $main-blue;
														color: #fff;
													}
											}
											input{
												display: none;
											}
									}
							}
							.upload-text{
								float: right;
								width: 80%;
									h3{
										font-size: 18px;
										color: #000;
										text-transform: uppercase;
										font-weight: normal;
										margin-bottom: 10px;
									}
									p{
										color: #616161;
										font-size: 13px;
										line-height: 17px;
									}
									.show-logo{
										font-size: 13px;
										color: $black;
										margin-top: 58px;
											input[type="checkbox"]{
												position: relative;
												top: 2px;
											}
									}
									button{
										background-color: #1c81c7;
										font-size: 15px;
										color: #ffffff;
										border: 0;
										text-transform: uppercase;
										padding: 6px 35px;
										height: 35px;
										margin-top: 15px;
										cursor: pointer;
											&:hover{
												background-color: #1b78b9;
											}
									}
							}
					}					
			}
			.ch-pass{
				width: 100%;
				margin: 30px 0 0 0;
					.blue-header{
						background-color: $main-blue;
						padding: 0 10px;
							.grey-heading{
								color: $white;
							}
					}
					.gray-area{
						background-color: #eeeeee;
						padding: 15px 10px;
							.form-area{
								padding: 0;
									.left-side{
										width: 49%;
										float: left;
									}
									.right-side{
										width: 49%;
										float: right;
									}
									.ch-left{
										float: left;
										width: 40%;
										font-size: 12px;
										font-weight: 700;
										line-height: 24px;
									}
									.ch-right{
										float: left;
										width: 60%;
										margin-bottom: 16px;
											input[type="text"], input[type="password"]{
												height: 24px;
												width: 100%;
												color: #666;
												font-size: 12px;
												padding: 0 5px;
												border: 1px solid #1c81c7;
											}
									}
									button{
										background-color: #1c81c7;
										font-size: 15px;
										color: #ffffff;
										border: 0;
										text-transform: uppercase;
										padding: 0 35px;
										height: 24px;
										cursor: pointer;
										width: 100%;
											&:hover{
												background-color: #1b78b9;
											}
									}
							}
					}						
			}
			.ac-ch-area{
				.pre-area{
					width: 100%;
						.blue-header{
							background-color: $main-blue;
							padding: 0 10px;
								.grey-heading{
									color: $white;
								}
						}
						.gray-area{
							background-color: #eeeeee;
							padding: 15px 10px;
								.head-bar{
									color: $black;
									padding: 2px 0;
									font-size: 14px;
									text-transform: uppercase;
									border-bottom: 1px solid $black;
								}
								.selection-area{
									margin: 10px 0 30px;
										.only-text{
											font-size: 12px;
											font-weight: 700;
											float: left;
											width: 500px;
											line-height: 24px;
										}
										.select-box{
											float: left;
											width: 180px;
												select{
													height: 24px;
													width: 100%;
													color: #666;
													font-size: 12px;
													text-transform: uppercase;
												}
										}
										button{
											background-color: #1c81c7;
											font-size: 15px;
											color: #ffffff;
											border: 0;
											text-transform: uppercase;
											padding: 0 35px;
											height: 24px;
											cursor: pointer;
											float: left;
											width: 180px;
											margin-left: 20px;
												&:hover{
													background-color: #1b78b9;
												}
										}
								}
						}						
				}
				.manage-ac{
					width: 100%;
					margin-top: 30px;
						.blue-header{
							background-color: $main-blue;
							padding: 0 10px;
								.grey-heading{
									color: $white;
								}
						}
						.gray-area{
							background-color: #eeeeee;
							padding: 15px 10px;
								.header{
									font-size: 14px;
									color: $black;
									text-transform: uppercase;
									padding: 2px 0;
									border-bottom: 1px solid $black;
								}
								.bottom-area{
									margin: 30px 0;
										.ac-type{
											font-size: 12px;
											font-weight: 700;
											float: left;
											width: 150px;
											line-height: 24px;
										}
										.only-text{
											font-size: 12px;
											font-weight: 700;
											float: left;
											width: 330px;
											line-height: 24px;
										}
										.select-box{
											float: left;
											width: 180px;
												select{
													height: 24px;
													width: 100%;
													color: #666;
													font-size: 12px;
													text-transform: uppercase;
												}
										}
										button{
											font-size: 15px;
											color: #ffffff;
											border: 0;
											text-transform: uppercase;
											padding: 0 35px;
											height: 24px;
											cursor: pointer;
											width: 180px;
											float: left;
											margin-left: 20px;
												&.blue{
													background-color: #1c81c7;
														&:hover{
															background-color: #1b78b9;
														}
												}
												&.orange{
													background-color: #e24d0c;
														&:hover{
															background-color: #f2520c;
														}
												}										
										}
								}
						}
				}
			}
			.ac-pm{
				margin: 30px 0;
					.blue-header{
						background-color: $main-blue;
						padding: 0 10px;
						margin-bottom: 10px;
							.grey-heading{
								color: $white;
									.fa{
										font-size: 28px;
										color: $white;
									}
							}
					}
					.trans-area{
						width: 295px;
						float: left;
							&.ml20{
								margin-left: 20px;
							}
							&.right-side{
								float: right;
							}
							.header{								
								font-size: 14px;
								color: $white;
								text-transform: uppercase;
								padding: 0 5px;
									&.blue{
										background-color: $main-blue;
									}
									&.orange{
										background-color: #d34000;
									}
							}
							.body-area{
								height: 80px;
								line-height: 18px;
								color: $black;
								font-size: 14px;
								padding: 20px 5px;
									span{
										font-size: 25px;
										font-weight: 700;
										text-transform: uppercase;
									}
									&.blue{
										background-color: #afd3eb;
										font-weight: normal;
									}
									&.orange{
										background-color: #e07a4d;
										color: $white;
									}
							}
					}
					.left-area{
						float: left;
						width: 340px;
							.over-bottom{
								background-color: #8ebf49;
								color: $black;
								padding: 28px 13px 13px;
								font-size: 14px;
								text-transform: uppercase;
								height: 98px;
									span{
										font-size: 25px;
										letter-spacing: -2px;
										font-weight: 700;
									}
									.source{
										line-height: 20px;
									}
							}
					}
			}
			.ac-expired{
				margin: 30px 0;
					.orange-header{
						background-color: #d34000;
						padding: 0 10px;
							.grey-heading{
								color: $white;
									.fa{
										font-size: 28px;
										color: $white;
									}
							}
					}
					p{
						padding: 20px 10px;
						font-size: 12px;
							a{
								color: $main-blue;
								font-style: italic;
									&:hover{
										text-decoration: underline;
									}
							}
					}
					a{
						display: inline-block;
							&.ml15{
								margin-left: 15px;
							}
					}
					button{
						background-color: #1c81c7;
						font-size: 15px;
						color: #ffffff;
						border: 0;
						text-transform: uppercase;
						padding: 0 35px;
						height: 24px;
						margin-top: 15px;
						cursor: pointer;							
							&:hover{
								background-color: #1b78b9;
							}
					}
			}
			.payment-area{
				margin: 30px 0;
					.blue-header{
						background-color: $main-blue;
						padding: 0 10px;
							.grey-heading{
								color: $white;
									.fa{
										font-size: 28px;
										color: $white;
									}
							}
					}
					.text-only{
						padding: 20px 10px;
						text-transform: uppercase;
						font-size: 12px;
						font-weight: bold;
					}
					button{
						background-color: #1c81c7;
						font-size: 15px;
						color: #ffffff;
						border: 0;
						text-transform: uppercase;
						padding: 0 35px;
						height: 24px;
						margin-top: 15px;
						cursor: pointer;
							&:hover{
								background-color: #1b78b9;
							}
					}
			}
			.paypal-box{
				.saved-cards{
					dl{
						line-height: 25px;
							dt{
								width: 15%;
								float: left;
								font-weight: bold;
							}
							dd{
								width: 85%;
								float: right;
							}
					}
				}
				.cards-button{
					button{
						background-color: #1c81c7;
						font-size: 15px;
						color: #ffffff;
						border: 0;
						text-transform: uppercase;
						padding: 0 35px;
						height: 24px;
						margin-top: 15px;
						cursor: pointer;
							&:hover{
								background-color: #1b78b9;
							}
					}
				}
			}
		}
		.three-type-report{
			.email-menu{
				float: left;
				font-size: 20px;
				background: #666;
				color: #fff;
				width: 26px;
				text-align: center;
				height: 36px;
				margin: 0 20px 0 0;
				padding: 5px 0;
				position: relative;
					&:hover{
						background-color: $main-blue;
						cursor: pointer;
							.e-dropdown{
								display: block;
							}
					}
					.e-dropdown{
						position: absolute;
						top: 100%;
						left: 0;
						z-index: 21;
						width: auto;
						padding: 0 0 10px;
						font-size: 12px;
						font-weight: normal;
						color: #ffffff;
						background-color: rgba(102, 102, 102, 0.95);
						display: none;
							ul{
								margin: 5px 0 0 0;
								padding: 0;
								line-height: 20px;
									li{
										list-style: none;
										white-space: nowrap;
										float: none;
										text-align: left;
											a{
												color: #ffffff;
												display: block;
												padding-left: 14px;
												padding-right: 14px;
												font-size: 12px;
												font-weight: normal;
												text-transform: none;
												margin-right: 0;
													&:hover{
														background-color: #1f80c3;
													}
											}
									}
							}
					}
			}
			.grey-heading{		
				font-size: 30px;
				color: #666666;
				display: inline-block;
				text-transform: uppercase;
				float: left;
					&.mb10{
						margin-bottom: 10px;
					}
					span{
						&.report-icon{
							background-image: url("../img/summary-sprite.svg");
							background-position: -269px 0px;
							width: 33px;
							height: 33px;
							float: left;
						}
					}							
			}
			.sub-menu-type{
				float: right;
				margin: 4px 0;
				position: relative;
				background: #666666;
				color: $white;
				padding: 7px 0;
				height: 30px;
				width: 21px;
				font-size: 14px;
				text-align: center;
					a{
						color: $white;
					}
					&:hover, &.active{
						background-color: $main-blue;
					}
					&:hover{
						.esub-dropdown{
							display: block;
						}
					}
					.esub-dropdown{
						position: absolute;
						top: 100%;
						right: 0;
						z-index: 21;
						width: auto;
						padding: 0 0 10px;
						font-size: 12px;
						font-weight: normal;
						color: $white;
						background-color: rgba(102, 102, 102, 0.95);
						display: none;
							ul{
								margin: 5px 0 0 0;
								padding: 0;
								line-height: 20px;
									li{
										list-style: none;
										white-space: nowrap;
										float: none;
										text-align: left;
											a{
												color: $white;
												display: block;
												padding-left: 14px;
												padding-right: 14px;
												font-size: 12px;
												font-weight: normal;
												text-transform: none;
												margin-right: 0;
													&:hover{
														background-color: #1f80c3;
													}
											}
									}
							}
					}
			}
			.email-alert-report{
				margin: 0px;
				position: relative;
					.no-report{
						background-color: #d53f00;
						color: #FFFFFF;
						text-align: center;
						font-size: 13px;
						text-transform: uppercase;
						padding: 12px;
						margin: -7px;
					}
					.war-succ-area{
						position: absolute;
						width: 313px;					
						padding: 10px;
						font-size: 16px;
						height: 165px;
						color: #000;
						top: -1px;
						left: -1px;
							&.warning{
								background-color: #f2cd13;
								z-index: 1;
							}
							&.success{
								background-color: #8ebf49;
								color: #fff;
								z-index: 2;
							}
							.cross{
								float: right;
								i{
									background: #fff;
									border-radius: 50%;
									color: #000;
									padding: 4px 6px;
									height: 24px;
									width: 24px;
									color: #ababab;
									font-size: 15px;
										&:hover{
											color: #000;
										}
								}
							}
							p{
								line-height: 22px;
									span{
										font-weight: bold;
										text-transform: uppercase;
									}
							}
							.btn{
								font-size: 14px;
								color: #FFFFFF;
								border: none;
								width: 100%;
								text-transform: uppercase;
								height: 42px;
								cursor: pointer;
								position: relative;
								margin-top: 10px;
									&.delete-btn{
										background: #d34000;
										transition: 0.3s ease 0s;
										-moz-transition: 0.3s ease 0s;
										-webkit-transition: 0.3s ease 0s;
										&:hover{
										  background: #bb3a02;
										}
									}
								}
							@media only screen and (max-width: 1023px){
								width: 337px;
							}
					}
					.panel-expand{
						margin: 0px 5px 0 5px;
						float: left;
							a{
								font-size: 11px;
								text-decoration: underline;
								text-transform: uppercase;
								color: #666;
									&:hover{
										color: $main-blue;
									}
							}
					}
					.hints-area{
						float: right;
						margin: 0px 0px 0 5px;
						font-size: 11px;
						font-style: italic;
							span{
								float: left;
									&.margin{
										margin: 2px 15px 0 2px;
									}
									&.m-zero{
										margin: 2px 0 0 2px;
									}
							}
							.icons{
								background-image: url("../img/summary-sprite.svg");
								height: 20px;
								width: 20px;
									&.xls{
										background-position: -112px -140px;
									}
									&.ppt{
										background-position: -86px -140px;
									}
									&.doc{
										background-position: -58px -140px;
									}
									&.user{
										background-position: -1px -140px;
									}
									&.system{
										background-position: -29px -140px;
									}
							}
					}
					.email-alert-list{
						margin: 0 0 15px 0;
							table{
								width: 100%;
									thead{
										tr{
											th{
												background-color: $main-blue;
												height: 23px;
												font-size: 12px;
												font-weight:normal;
												color: $white;
												text-align: left;
												text-transform: uppercase;
													&:first-child{
														padding-left: 7px;
													}
													&:nth-of-type(2), &:nth-of-type(3){
														padding-left: 5px;
														padding-right: 5px;
													}
													&:last-child{
														text-align: right;
														padding-right: 7px;
															&.header{
																cursor: auto;
																	&.headerSortUp{
																		background-image: none;
																	}
																	&.headerSortDown{
																		background-image: none;
																	}
															}
													}
													&.header{
														cursor: pointer;
															&.headerSortUp{										
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-desc-b.png);
																background-position: left 0;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
															&.headerSortDown{
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-asc-b.png);
																background-position: left 0px;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
													}
											}
										}
									}
									tbody{
										tr{
											&:nth-of-type(odd){
												background-color: #f4f4f4;
											}
											&:nth-of-type(even){
												background-color: #ddd;
											}
											&:hover{
												background-color: #b2e0ff;
											}
											td{
												height: 35px;
												color: $black;
												font-size: 12px;
												color: $black;
													&:first-child{
														padding-left: 7px;
														max-width: 415px;
														overflow: hidden;
														text-overflow: ellipsis;
														white-space: nowrap;
													}
													&:nth-of-type(2), &:nth-of-type(3){
														padding-left: 5px;
														padding-right: 5px;
														max-width: 150px;
														overflow: hidden;
														text-overflow: ellipsis;
														white-space: nowrap;
													}
													&:last-child{
														text-align: right;
															a{
																width: 29px;
																text-align: center;
																font-size: 10px;
																background-color: #666666;
																text-transform: uppercase;
																height: 34px;
																padding: 10px 0;
																color: $white;
																float: right;
																	&:nth-of-type(2){
																		margin-right: 1px;
																	}
																	&:hover, &.active{
																		background-color: $main-blue;
																	}
															}
													}
													&.success{
														position: relative;
															.list-war-succ{
																width: 100%;
																font-size: 16px;
																color: $black;
																bottom: 0px;
																padding: 7px;
																position: absolute;
																top: 0px;
																left: 0px;
																height: 35px;
																	span{
																		font-weight: bold;
																		text-transform: uppercase;
																	}
																	.warning-text{
																		float: left;
																		line-height: 22px;
																		margin-right: 40px;
																			@media only screen and (max-width: 1023px){
																				font-size: 11px;
																			}
																	}
																	.btn{
																		font-size: 14px;
																		color: #FFFFFF;
																		border: none;
																		width: 200px;
																		text-transform: uppercase;
																		height: 33px;
																		cursor: pointer;
																		float: left;
																		position: relative;
																			&.delete-btn{
																				background: #d34000;
																				transition:0.3s ease 0s;
																				-moz-transition: 0.3s ease 0s;
																				-webkit-transition: 0.3s ease 0s;
																				&:hover{
																				  background: #bb3a02;
																				}
																			}
																			@media only screen and (max-width: 1023px){
																				font-size: 12px;
																				width: 120px;
																			}
																	}
																	.cross{
																		position: absolute;
																		top: -4px;
																		right: 4px;
																		z-index: 20;
																		background-color: initial;
																			i {
																				background: #fff;
																				border-radius: 50%;
																				color: #000;
																				padding: 4px 6px;
																				height: 24px;
																				width: 24px;
																				color: #ababab;
																				font-size: 15px;
																					&:hover{
																						color: #000;
																					}
																			}
																	}
																	&.warning{
																		background-color: #f2cd13;
																		z-index: 1;
																	}
																	&.success{
																		background-color: #8ebf49;
																		color: #fff;
																		z-index: 2;
																	}
																	@media only screen and (max-width: 1023px){
																		width: 690px;
																	}
															}
													}
													&.no-result{
														background-color: #d53f00 !important;
														color: #FFFFFF;
														text-align: center;
														font-size: 12px;
														text-transform: uppercase;
													}
											}
											
										}
									}
							}	
						@media only screen and (max-width: 1023px){
							width: 690px;
						}
											
					}
			}
			.est-target-report{
				margin: 0px;
				position: relative;
					.panel-expand{
						margin: 0px 5px 0 5px;
						float: left;
							a{
								font-size: 11px;
								text-decoration: underline;
								text-transform: uppercase;
								color: #666;
									&:hover{
										color: $main-blue;
									}
							}
					}
					.est-target-list{
						margin: 0 0 15px 0;
							table{
								width: 100%;
									thead{
										tr{
											th{
												background-color: $main-blue;
												height: 23px;
												font-size: 12px;
												font-weight:normal;
												color: $white;
												text-align: left;
												text-transform: uppercase;
													&:first-child{
														padding-left: 7px;
													}						
													&:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4){
														padding-left: 5px;
														padding-right: 5px;
													}
													&:last-child{
														text-align: right;
														padding-right: 7px;
															&.header{
																cursor: auto;
																	&.headerSortUp{
																		background-image: none;
																	}
																	&.headerSortDown{
																		background-image: none;
																	}
															}
													}
													&.header{
														cursor: pointer;
															&.headerSortUp{										
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-desc-b.png);
																background-position: left 0;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
															&.headerSortDown{
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-asc-b.png);
																background-position: left 0px;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
													}
											}
										}
									}
									tbody{
										tr{
											&:nth-of-type(odd){
												background-color: #f4f4f4;													
											}
											&:nth-of-type(even){
												background-color: #ddd;
											}
											&:hover{
												background-color: #b2e0ff;
											}
											td{
												height: 35px;
												color: $black;
												font-size: 12px;
													&:first-child{
														padding-left: 7px;
														max-width: 315px;
														overflow: hidden;
														text-overflow: ellipsis;
														white-space: nowrap;
													}
													&:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4){
														padding-left: 5px;
														padding-right: 5px;
														max-width: 150px;
														overflow: hidden;
														text-overflow: ellipsis;
														white-space: nowrap;
													}
													&:last-child{
														text-align: right;
															a{
																width: 29px;
																text-align: center;
																font-size: 10px;
																background-color: #666666;
																text-transform: uppercase;
																height: 34px;
																padding: 10px 0;
																color: $white;
																float: right;
																	&.fa{
																		font-size: 18px;
																		padding-left: 6px;
																	}
																	&:nth-of-type(2){
																		margin-right: 1px;
																		margin-left: 1px;
																	}
																	&:hover, &.active{
																		background-color: $main-blue;
																	}
															}
													}
													&.success{
														position: relative;
															.list-war-succ{
																width: 100%;
																font-size: 16px;
																color: $black;
																bottom: 0px;
																padding: 7px;
																position: absolute;
																top: 0px;
																left: 0px;
																height: 35px;
																	span{
																		font-weight: bold;
																		text-transform: uppercase;
																	}
																	.warning-text{
																		float: left;
																		line-height: 22px;
																		margin-right: 40px;
																			@media only screen and (max-width: 1023px){
																				font-size: 11px;
																			}
																	}
																	.btn{
																		font-size: 14px;
																		color: #FFFFFF;
																		border: none;
																		width: 200px;
																		text-transform: uppercase;
																		height: 33px;
																		cursor: pointer;
																		float: left;
																		position: relative;
																			&.delete-btn{
																				background: #d34000;
																				transition:0.3s ease 0s;
																				-moz-transition: 0.3s ease 0s;
																				-webkit-transition: 0.3s ease 0s;
																				&:hover{
																				  background: #bb3a02;
																				}
																			}
																			@media only screen and (max-width: 1023px){
																				font-size: 12px;
																				width: 120px;
																			}
																	}
																	.cross{
																		position: absolute;
																		top: -4px;
																		right: 4px;
																		z-index: 20;
																		background-color: initial;
																			i {
																				background: #fff;
																				border-radius: 50%;
																				color: #000;
																				padding: 4px 6px;
																				height: 24px;
																				width: 24px;
																				color: #ababab;
																				font-size: 15px;
																					&:hover{
																						color: #000;
																					}
																			}
																	}
																	&.warning{
																		background-color: #f2cd13;
																		z-index: 1;
																	}
																	&.success{
																		background-color: #8ebf49;
																		color: #fff;
																		z-index: 2;
																	}
																	@media only screen and (max-width: 1023px){
																		width: 690px;
																	}
															}
													}
													&.no-result{
														background-color: #d53f00 !important;
														color: #FFFFFF;
														text-align: center;
														font-size: 12px;
														text-transform: uppercase;
													}
											}
											
										}
									}
							}				
					}
			}
			.sc-report{
				margin: 0px;
				position: relative;
					.panel-expand{
						margin: 0px 5px 0 5px;
						float: left;
							a{
								font-size: 11px;
								text-decoration: underline;
								text-transform: uppercase;
								color: #666;
									&:hover{
										color: $main-blue;
									}
							}
					}
					.hints-area{
						float: right;
						margin: 0px 0px 0 5px;
						font-size: 11px;
						font-style: italic;
							span{
								float: left;
									&.margin{
										margin: 2px 15px 0 2px;
									}
									&.m-zero{
										margin: 2px 0 0 2px;
									}
							}
							.icons{
								background-image: url("../img/summary-sprite.svg");
								height: 20px;
								width: 20px;
									&.xls{
										background-position: -112px -140px;
									}
									&.ppt{
										background-position: -86px -140px;
									}
									&.doc{
										background-position: -58px -140px;
									}
									&.user{
										background-position: -1px -140px;
									}
									&.system{
										background-position: -29px -140px;
									}
							}
					}
					.list{
						margin: 0 0 15px 0;
							table{
								width: 100%;
									thead{
										tr{
											th{
												background-color: $main-blue;
												height: 23px;
												font-size: 12px;
												font-weight:normal;
												color: $white;
												text-align: left;
												text-transform: uppercase;
													&:first-child{
														padding-left: 7px;
													}												
													&:nth-of-type(2), &:nth-of-type(3), &:nth-of-type(4), &:nth-of-type(5){
														text-align: center;
													}
													&:last-child{
														text-align: right;
														padding-right: 7px;
													}
													&.header{
														cursor: pointer;
															&.headerSortUp{										
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-desc-b.png);
																background-position: left 0;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
															&.headerSortDown{
																padding-left: 14px;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-asc-b.png);
																background-position: left 0px;
																	@-moz-document url-prefix() {
																		background-position: left center;
																	}
															}
													}
											}
										}
									}
									tbody{
										tr{
											&:nth-of-type(odd){
												background-color: #f4f4f4;
													td{
														&:nth-of-type(5){
															thead{
																th{
																	background-color: #f4f4f4;
																}
															}
															tbody{
																td{
																	background-color: #f4f4f4;
																}
															}
														}
													}
													&:hover{
														td{
															&:nth-of-type(5){
																thead{
																	th{
																		background-color: #b2e0ff;
																	}
																}
																tbody{
																	td{
																		background-color: #b2e0ff;
																	}
																}
															}
														}
													}
											}
											&:nth-of-type(even){
												background-color: #ddd;
													td{
														&:nth-of-type(5){
															thead{
																th{
																	background-color: #ddd;
																}
															}
															tbody{
																td{
																	background-color: #ddd;
																}
															}
														}
													}
													&:hover{
														td{
															&:nth-of-type(5){
																thead{
																	th{
																		background-color: #b2e0ff;
																	}
																}
																tbody{
																	td{
																		background-color: #b2e0ff;
																	}
																}
															}
														}
													}
											}
											&:hover{
												background-color: #b2e0ff;
											}
											td{
												height: 48px;
												color: $black;
													&:first-child{
														font-size: 20px;
														text-transform: uppercase;
														padding-left: 7px;
														max-width: 350px;
														overflow: hidden;
														text-overflow: ellipsis;
														white-space: nowrap;
													}
													span{
														width: 29px;
														height: 29px;
														background-image: url("../img/summary-sprite.svg");
														display: block;
														margin: 0 auto;
															&.doc{
																background-position: -152px -100px;
															}
															&.ppt{
																background-position: -192px -100px;
															}
															&.xls{
																background-position: -227px -100px;
															}
															&.user{
																background-position: -1px -100px;
															}
															&.system{
																background-position: -39px -100px;
															}
															&.alert{
																background-position: -76px -100px;
																	&.active{
																		background-position: -115px -100px;
																	}
															}
													}
													&:nth-of-type(5){
														table{
															thead{
																tr{
																	th{
																		font-size: 15px;
																		font-weight: bold;
																		color: $black;
																		text-align: center;
																		text-transform: none;
																		height: auto;
																			&:first-child, &:last-child{
																				padding: 0;
																			}
																	}
																}
															}
															tbody{
																tr{
																	td{
																		font-size: 11px;
																		text-align: center;
																		text-decoration: none;
																		height: auto;
																			&:first-child{
																				text-transform: none;
																			}
																	}
																}
															}
														}
													}
													&:last-child{
														text-align: right;
															a{
																width: 29px;
																text-align: center;
																font-size: 11px;
																background-color: #666666;
																text-transform: uppercase;
																height: 47px;
																padding: 16px 0;
																color: $white;
																float: right;
																	&.fa{
																		font-size: 18px;
																		padding-left: 6px;
																	}
																	&:nth-of-type(2){
																		margin-right: 1px;
																		margin-left: 1px;
																	}
																	&:hover, &.active{
																		background-color: $main-blue;
																	}
															}
													}
													&.success{
														position: relative;
															.list-war-succ{
																width: 100%;
																font-size: 16px;
																color: $black;
																bottom: 0px;
																padding: 7px;
																position: absolute;
																top: 0px;
																left: 0px;
																height: 47px;
																	span{
																		font-weight: bold;
																		text-transform: uppercase;
																		background-image: none;
																		display: inline;
																	}
																	.warning-text{
																		float: left;
																		line-height: 35px;
																		margin-right: 40px;
																			@media only screen and (max-width: 1023px){
																				font-size: 11px;
																			}
																	}
																	.btn{
																		font-size: 14px;
																		color: #FFFFFF;
																		border: none;
																		width: 200px;
																		text-transform: uppercase;
																		height: 33px;
																		cursor: pointer;
																		float: left;
																		position: relative;
																			&.delete-btn{
																				background: #d34000;
																				transition:0.3s ease 0s;
																				-moz-transition: 0.3s ease 0s;
																				-webkit-transition: 0.3s ease 0s;
																				&:hover{
																				  background: #bb3a02;
																				}
																			}
																			@media only screen and (max-width: 1023px){
																				font-size: 12px;
																				width: 120px;
																			}
																	}
																	.cross{
																		position: absolute;
																		top: -4px;
																		right: 4px;
																		z-index: 20;
																		background-color: initial;
																			i {
																				background: #fff;
																				border-radius: 50%;
																				color: #000;
																				padding: 4px 6px;
																				height: 24px;
																				width: 24px;
																				color: #ababab;
																				font-size: 15px;
																					&:hover{
																						color: #000;
																					}
																			}
																	}
																	&.warning{
																		background-color: #f2cd13;
																		z-index: 1;
																	}
																	&.success{
																		background-color: #8ebf49;
																		color: #fff;
																		z-index: 2;
																	}
																	@media only screen and (max-width: 1023px){
																		width: 690px;
																	}
															}
													}
													&.no-result{
														background-color: #d53f00 !important;
														color: #FFFFFF;
														text-align: center;
														font-size: 13px;
														text-transform: uppercase;
														padding: 12px;
														margin: -7px;
													}
											}
											
										}
									}
							}			
					}
			}
		}
		@media only screen and (max-width: 1023px){
			width: 720px;
		}
}

.ac-del{
	width: 500px;
		.white-bar{
			p{
				margin-bottom: 20px;
			}
		}
}