/** EXCLUSION LIST BEGIN **/
body.yith-plugins_page_yith_wcwtl_panel,
body.toplevel_page_yith_wcwtl_panel{

	.yith-exclusion-list__popup_wrapper{
		display: none;
	}

	#yith-wcwtl-add-exclusion{
		margin-left: 15px;
	}

	.yith-wcwtl-exclusion-list-tab{

		.displaying-num{
			display: none!important;
		}

		.yith-wcwtl-add-exclusions{
			margin: 0 5px 0 20px;
			opacity: 0;
		}

		.actions{
			li{
				margin:0 3px;
				width:30px;
				height:30px;
				background-color:#fff;
				border-radius:50%;
				text-align:center;
				line-height: 25px;
				box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2);

				&:hover{
					cursor:pointer;
					box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
				}

				&.action_trash{

				}
			}
		}

		table{

			&.exclusions{
				border: 2px solid #f1f1f1;

				tbody{

					th{

						&.check-column{
							padding: 0 0 0 3px;
						}
					}

					> :nth-child(odd){
						background-color: #f1f1f1;
					}
				}

				tr{

					&:hover{
						background-color:#e7f0f6;
						transition: all 0.3s linear;
					}

					td{
						&.action{
							text-align:center;

							span{
								visibility:hidden;
							}
						}
					}

					td,th{
						vertical-align: middle;
						height:50px;
						border: 0;
					}

					th{

						.check-column{
							vertical-align: middle;
							padding: 0 0 0 3px;
						}

						&#name{
							width: 50%;
						}

					}

					td{

						.action{
							position: relative;
						}

						.yith-wcwtl-excl-name-wrapper{
							display:flex;
							align-items:center;
							gap: 12px;

							img{
								width: 50px;
								height: auto;
							}
						}
					}

					&:hover{
						td{
							&.action{

								span{
									visibility:visible;
								}
							}
						}
					}

				}
			}



		}
	}

	.yith-wcwtl-exclusion-list-popup{

		font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		font-size: 12px;
		border-radius: 15px;
		box-shadow: none;
		padding-bottom: 25px;


		.ui-dialog-titlebar{
			border: 0;
			background: #fff;

			.ui-dialog-title{
				color:#007694;
				font-size: 16px;
				font-weight:500;
				margin-left:5px;
			}

			.ui-icon{
				display: none;
			}

			.ui-dialog-titlebar-close{
				margin-top:10px;
				color:#bbb;
				top: -10px;
			}
		}

		.ui-dialog-content{

			display: none;

			.yith-exclusion-list__form_row{

				padding: 15px 10px 0;

				.yith-wcwtl-field{

					display: flex;
					align-items: start;
					margin-bottom:30px;


					label{
						width: 100px;
						padding-right:20px;
						font-size: 13px;
						text-align:left;
						min-width:110px;
					}

					.description{
						display: block;
						font-size: 11px;
						margin-top: 5px;
					}
				}
			}
		}

		.ui-dialog-buttonpane{

			border:0;
			text-align:center;
			padding: 0 16px;

			.yith-save-form{
				box-shadow: none;
				background: #007694;
				color: #fff;
				border: 0;

				width: 100%;
				margin:0 auto;
				height:35px;
				font-size: 13px;

				&.disabled{
					background: #ccc!important;
					color: #000!important;
					text-shadow: none!important;
				}
			}

			.ui-dialog-buttonset{
				width: 100%;
				margin:0 auto;
				float:none!important;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: flex-end;

				button{
					padding: 17px 20px;
					line-height: 0;
					height: auto;
					border-radius: 4px;
					font-size: 13px;
					font-weight: 600;
					cursor: pointer;
					display: inline-block;
					white-space: nowrap;
					font-family: inherit;

					&.yith-close{

						order: 1;
						border: 1px solid #007694;
						background-color: #fff;
						color: #007694;
						transition: all ease-in-out 0.3s;

						&:hover{
							background: var(--yith-outline-bg-hover);
							border-color: var(--yith-outline-border-hover);
							color: var(--yith-outline-text);
						}

					}

					&.yith-confirm{
						background-color: #007695;
						color: var(--yith-delete-text);
						border: 1px solid #007695;
						margin-right: 15px;
						order: 2;

						&:hover{
							background-color: #007695;
							color: var(--yith-delete-text);
							border-color: #007695;
						}
					}
				}
			}
		}


		#yith-exclusion-list__delete_row{
			clear: both;

			p{
				padding: 0 10px;
				margin: 0;
			}
		}
	}

	.yith-wcwtl-exclusion-list-popup-confirmation{

		.ui-dialog-titlebar{

			.ui-dialog-title{
				font-size: 20px;
			}

		}


		.ui-dialog-buttonpane{
			padding: 0 0 0 9px!important;
		}
	}

}

/** EXCLUSION LIST END **/