.readmore_link_input .block-editor-url-input input[type=text]{
	width: 230px;
}
.affiliate-url-input{
	margin: 10px;
	form{
		display: flex;
	}
	.components-toggle-control{
		margin-top: 10px;
	}
	
	.affiliate-rel-btn-label{
		line-height: 2.2;
	}
}
.wp-block-affiliate-booster-ab-comparison-table  { 
	margin: 0 auto;
	padding: 10px 0;
	max-width: 100%;
	.affiliate-col-img{
		.affiliate-field-button-list{
			display: block;
			margin-left: 0px;
		}
		svg{
			vertical-align: middle;
			margin-right: 4px;
		}
		.affiliate-placeholder-image:hover{
			cursor: pointer;
		}
	}
	.fd_remove-bullet-items{
		width: 6%;
	}

	.affiliate-col-ct2,
	.affiliate-col-ct1 {
		ul {
			list-style: disc;
			margin-left: 15px;
			padding-top: 15px;
			text-align: left;
			padding: 0;
			margin: 15px !important;
		}

		word-break: break-word;
	}

	span.affiliate-txtbox-title {
		word-break: break-word;
	}

	.affiliate-col-ct1 ul li{
		word-break: break-word;
	}

	table { 
        width: 100%;	
		border-collapse: collapse; 
		margin: 0 auto;
		
		tr:nth-of-type(odd) {
			background: #f9f5e9; 
		}
		tr:nth-of-type(even) {
			background: #ffffff; 
		}
		td {
			.components-button{
				padding: 6px;
			}
		img {
			  max-width: 120px !important;				
			  margin: 0 auto;	
			}			
		}
		th { 
			background: #3498db; 
			color: white; 
			font-weight: bold; 
		}
		td, th { 
			padding: 15px; 
			border: 1px solid #ccc; 
			text-align: left; 
			font-size: inherit;
		}
		.affiliate-col-ct1 ul{
			list-style: disc;
			margin-left: 0;
		}
		.affiliate-col-ct2{
			ul {
				list-style: disc;
				margin-left: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
		}
	}
	.tbl-style-2{
		.affiliate-col-ct1{
			ul {
				list-style: disc;
				margin-left: 0;
				margin-top: 0px;
			}
		}
	}
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		table { 
			width: 100%; 
		}

		
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
	
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
			

		}

		td:before { 
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			content: attr(data-column);
			color: #000;
			font-weight: bold;
		}

	}
	
	.btn-style-1 {
		position: relative;  
		padding: 5px 20px;
		text-decoration: none;
		transition: all ease .5s;
		background: #efa21c;
		color: #000;
		border-radius: 3px;
		border: 1px solid #ffa200;
		opacity: 0.9;
	}

	.btn-style-1:hover {
		opacity: 1;
	}

	.btn-style-1:active {
		  box-shadow: inset 0 25px 1px rgba(255, 255, 255, .2);
		  top: 4px;
	}

	.btn-style-2 {
		color: #fff;
		position: relative;  
		padding: 8px 20px;
		text-decoration: none;
		transition: all ease .5s;
		background: #007600;
		border: 1px solid #008900;
		border-radius: 10px;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
		transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
		transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
		transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
	}
	.btn-style-2:hover {
		background: #006200;
		-webkit-transform: translate(0, 0.25em);
		transform: translate(0, 0.25em);
		&::before {
			box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
			-webkit-transform: translate3d(0, 0.5em, -1em);
			transform: translate3d(0, 0.5em, -1em);
		}
	}
	.btn-style-2:active {
		background: #006200;
		-webkit-transform: translate(0em, 0.75em);
		transform: translate(0em, 0.75em);
		&::before {
			box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
			-webkit-transform: translate3d(0, 0, -1em);
			transform: translate3d(0, 0, -1em);
		}
	}	
}
.components-panel_main_title {
	padding: 8px 0;
	background: #eee;
	text-align: center;
}
.components_panel_title {
	padding: 5px 0;
	text-align: center;  
	font-size: inherit;
	color: #000;
}
.components_panel_btn {
    margin-top: 10px !important;
	background: #f1f1f1;
    border-color: #005d8c;
    color: #005d8c;
	text-decoration: none;
	border: 1px solid #0075af;
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
	font-size: inherit;
    margin: 0;
	cursor: pointer;
    -webkit-appearance: none;
	transition: box-shadow .1s linear;
	overflow: hidden;
    border-radius: 3px;
}
.components_panel_btn:focus, .components_panel_btn:hover	{
outline: 1px dashed #555d66; }

.insertfromurl{
font-size: 12px;
text-align: center;
width: 100%;
display: block;
}

.affiliate-compr-btn{
	width:auto !important;
}