/*fta admin css*/
.btn, .btn-large{
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer;
}
a{
  text-decoration: none;
}
.btn, .btn-flat, .btn-floating, .btn-large{
  font-size: 1rem;
  outline: 0;
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
a:focus{
  box-shadow: none;
  outline: none;
}
.right {
  float: right!important;
}
.left {
  float: left!important;
}
.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
}
h1{
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1;
}
h5{
  font-size: 1.64rem;
  line-height: 110%;
  margin: .82rem 0 .656rem 0;
}
.z-depth-1{
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
.collapsible{
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: .5rem 0 1rem 0;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
  li{
	margin-bottom: 6px;
	.collapsible-header{
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  cursor: pointer;
	  -webkit-tap-highlight-color: transparent;
	  line-height: 1.5;
	  padding: 1rem;
	  background-color: #fff;
	  border-bottom: 1px solid #ddd;
	}
	.collapsible-body{
	  display: none;
	  border-bottom: 1px solid #ddd;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  padding: 2rem;
	}
  }
}
.collection {
  margin: .5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  .collection-header{
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 20px;
  }
  .collection-item {
	background-color: #fff;
	line-height: 1.5rem;
	padding: 10px 20px;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
  }
}
#esf-carousel-wrap{
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
 ul{
   position: relative;
   margin: 0;
   padding: 0;
   width: 100% !important;
   margin-left: 0 !important;
   list-style: none;
   li{
	 position: relative;
	 display: block;
	 float: left;
	 margin: 0;
	 padding: 0;
	 width: 100%;
	 height: 420px;
	 text-align: center;
   }
 }
}

.esf-notification-holder{
  opacity: 0;
  position: fixed;
  padding: 13px 25px;
  background: #ed6d62;
  color: #fff;
  border-radius: 5px 5px 0 0;
  font-size: 20px;
  letter-spacing: 1px;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 99999;
}
.espf-upgrade {
  float: left;
  margin-bottom: 10px;
  padding: 25px 20px;
  color: #fff;
  background: #ff8c00;
  text-align: center;
  position: relative;

  b {
	text-shadow: 3px 2px #d25d53;
  }

  h2 {
	color: #fff;
	font-size: 34px;
	margin-top: 0;
  }
  p{
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 1.8;
  }
code{
  background: #fff;
  color: #544f4f;
  padding: 5px 10px;
  letter-spacing: 2px;
  border-radius: 2px;
}
  a {
	background: #fff;
	color: #444;
	border-radius: 30px;
	padding: 8px 22px;
	height: auto;
	font-size: 13px;
	letter-spacing: 1px;
	margin-top: 20px;
	border: 2px solid transparent;
	box-shadow: none;
	.dashicons{
	  margin-top: 7px;
	  margin-left: 5px;
	}
	&:hover {
	  color: #fff;
	  background: transparent;
	  box-shadow: none;
	  border: 2px solid;
	}
  }
}

.dashicons.efbl_copy_id {
  font-size: 17px;
  margin-left: 6px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  bottom: 4px;
  border-left: 1px solid;
  padding-left: 2px;
}
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.esf-modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  top: 0;
  -webkit-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 30%);
  box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 30%);
  background-color: #000;
  background-color: rgba(0,0,0,.4);
  animation-duration: .5s !important;
  -webkit-animation-duration: .5s !important;
  .modal-content {
	display: flex;
	padding: 25px;
	background: #fff;
	width: 18%;
	position: relative;
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	-moz-box-shadow:    0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	text-align: center;
	top: 50%;
	-webkit-transform:translate(0px, -50%);
	-moz-transform:translate(0px, -50%);
	-ms-transform:translate(0px, -50%);
	-o-transform:translate(0px, -50%);
	transform:translate(0px, -50%);
	h5.header {
	  color: #ee6e73;
	  border-bottom: 1px solid #ccc;
	  margin-bottom: 0;
	  padding-bottom: 15px;
	  margin-top: 0;
	}
  }


  .modal-footer {
	border-top: 1px solid #ccc;

	.modal-close {
	  float: left;
	}

	.btn-flat {
	  color: #ee6e73;

	  &:hover {
		color: #02acf7;
	  }
	}
  }
}
.esf-modal.open{
  z-index: 1003;
  display: block;
  opacity: 1;
  width: 100%;
  height: 100%;
  top: 0 !important;
}

.fta-upgrade-modal {
  .modal-content{
	width: 18%;
	overflow-x: hidden;
  }

  .mif-close-modal {
	position: absolute;
	right: 10px;
	top: 10px;
  }

  .mif-modal-content {
	float: none;
	margin: 0 auto;
	display: table;
	padding-top: 0px !important;
	text-align: center;

	h5 {
	  font-size: 40px;
	}

	p {
	  font-size: 15px;
	  line-height: 1.8;
	}

	hr {
	  padding-bottom: 10px;
	}

	.mif-lock-icon .dashicons {
	  color: #ff8c00 !important;
	  font-size: 50px;
	  margin-bottom: 30px;
	}
	.dashicons-unlock{
	  margin-top: 7px;
	  float: right;
	  margin-left: 8px;
	}

	.btn {
	  background: #ff8c00;
	  padding: 12px 25px;
	  height: auto;
	  font-size: 18px;
	  text-transform: capitalize;
	  border-radius: 30px !important;
	  width: auto;
	  -moz-transition: all ease-in .5s;
	  -ms-transition: all ease-in .5s;
	  -o-transition: all ease-in .5s;
	  -webkit-transition: all ease-in .5s;
	  transition: all ease-in .5s;

	  &:hover {
		background: #e48109;
		-moz-transition: all ease-in .5s;
		-ms-transition: all ease-in .5s;
		-o-transition: all ease-in .5s;
		-webkit-transition: all ease-in .5s;
		transition: all ease-in .5s;
	  }
	}
  }
}

// Facebook Connect Info Modal
.fta-fb-connect-modal {
  .modal-content {
	width: 50%;
	max-width: 650px;
	max-height: 85vh;
	padding: 30px;
	text-align: left;
	overflow-y: auto;
	display: block;

	@media (max-width: 1024px) {
	  width: 70%;
	}

	@media (max-width: 768px) {
	  width: 90%;
	  padding: 20px;
	  max-height: 90vh;
	}

	@media (max-width: 480px) {
	  width: 95%;
	  padding: 18px;
	}
  }

  .mif-close-modal {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	z-index: 10;

	.dashicons {
	  font-size: 24px;
	  color: #666;
	  transition: color 0.3s ease;

	  &:hover {
		color: #000;
	  }
	}
  }

  .mif-modal-content {
	text-align: left;
	padding-top: 0;

	h6 {
	  font-size: 16px;
	  font-weight: 600;
	  color: #333;
	  margin-bottom: 8px;
	  margin-top: 18px;
	}

	p {
	  font-size: 13px;
	  line-height: 1.5;
	  color: #555;
	  margin-bottom: 12px;
	}
  }

  .fta-fb-connect-description {
	background: #f8f9fa;
	padding: 12px;
	border-radius: 4px;
	margin-bottom: 0;
	border-left: 4px solid #028dd0;

	p {
	  margin-bottom: 8px;
	  color: #333;
	  font-size: 13px;
	  line-height: 1.5;

	  &:last-child {
		margin-bottom: 0;
	  }
	}

	.fta-fb-terms-note {
	  font-size: 10px;
	  color: #999;
	  margin-top: 8px;

	  a {
		color: #028dd0;
		text-decoration: none;

		&:hover {
		  text-decoration: underline;
		}
	  }
	}
  }

  .fta-fb-permissions-section {
	margin-bottom: 18px;

	.fta-fb-permissions-intro {
	  font-size: 12px;
	  color: #666;
	  margin-bottom: 10px;
	}
  }

  .fta-fb-permissions-list {
	list-style: none;
	padding: 0;
	margin: 0;

	li {
	  display: flex;
	  align-items: flex-start;
	  padding: 10px 12px;
	  margin-bottom: 8px;
	  background: #f8f9fa;
	  border-radius: 4px;
	  border: 1px solid #e9ecef;
	  transition: all 0.3s ease;

	  &:hover {
		background: #e9ecef;
		border-color: #dee2e6;
	  }

	  .fta-permission-icon {
		flex-shrink: 0;
		width: 32px;
		height: 32px;
		background: #028dd0;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 12px;

		.dashicons {
		  color: #fff;
		  font-size: 16px;
		  width: 16px;
		  height: 16px;
		}
	  }

	  .fta-permission-content {
		flex: 1;

		strong {
		  display: block;
		  font-size: 13px;
		  font-weight: 600;
		  color: #333;
		  margin-bottom: 3px;
		}

		p {
		  font-size: 12px;
		  color: #666;
		  line-height: 1.4;
		  margin-bottom: 0;
		}
	  }
	}
  }

  .fta-fb-important-note {
	display: flex;
	align-items: flex-start;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-left: 4px solid #ffc107;
	border-radius: 4px;
	padding: 12px;
	margin-bottom: 10px;

	.fta-note-icon {
	  flex-shrink: 0;
	  margin-right: 10px;

	  .dashicons {
		color: #856404;
		font-size: 20px;
	  }
	}

	.fta-note-content {
	  flex: 1;

	  strong {
		display: block;
		font-size: 13px;
		font-weight: 600;
		color: #856404;
		margin-bottom: 5px;
	  }

	  p {
		font-size: 12px;
		color: #856404;
		line-height: 1.5;
		margin-bottom: 0;
	  }
	}
  }

  .fta-fb-connect-actions {
	text-align: center;
	margin-bottom: 18px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e9ecef;

	&.fta-fb-connect-actions-top {
	  margin-top: 0;
	  margin-bottom: 18px;
	  padding-top: 0;
	  padding-bottom: 18px;
	}

	.fta-fb-connect-primary {
	  background: #028dd0;
	  color: #fff;
	  padding: 12px 30px;
	  font-size: 15px;
	  font-weight: 600;
	  border-radius: 6px;
	  text-decoration: none;
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  transition: all 0.3s ease;
	  border: none;
	  cursor: pointer;
	  width: 100%;
	  max-width: 280px;
	  margin: 0 auto;

	  &:hover {
		background: #0277b8;
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(2, 141, 208, 0.3);
	  }

	  .efb_icon {
		width: 22px;
		height: 22px;
		margin-right: 8px;
		filter: brightness(0) invert(1);
	  }
	}
  }
}

.efbl_all_pages {
  a {
	color: inherit;
  }

  .title {
	font-size: 16px;
	font-weight: bold;
  }
}

.efbl_all_pages.show {
  display: block;
}

.mif_wrap p {
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
  color: #867979;
  position: relative;
}

#mif-general {

  .auth-row {
	margin-top: 20px;


  }


}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/dashicons.woff2) format('woff2');
}

.efbl_all_pages {
  img.insta {
	float: right;
	width: 50px;
	margin-top: 8px;
	cursor: pointer;
  }

  p {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	color: #867979;
	position: relative;
  }
}

%transition {
  -webkit-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  -o-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}

.fta-auth-app-noti {
  ftaoat: left;
  width: 98%;
  border-left: 6px solid #80c7a7;
  padding: 10px 60px 10px 10px;
  position: relative;

  .dashicons {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
  }
}
.fta_wrap_outer{
  float: left;
  width: 98%;
}
.fta_wrap {

  .btn:focus {
	color: #fff;
  }

  .fta_sliders_wrap {

	float: left;
	background-color: #058135;
	padding: 11px 80px 10px 80px;
	cursor: pointer;
	margin-top: -5px;

	#fta_sliders {
	  width: 36.5px;
	  height: 35px;
	  position: relative;
	  cursor: pointer;
	  float: left;

	  span {
		width: 100%;
		height: 2px;
		display: block;
		background-color: #fff;
		position: absolute;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	  }

	  span:nth-child(1) {
		top: 25%;
	  }

	  span:nth-child(2) {
		top: 54%;
	  }

	  span:nth-child(3) {
		top: 83%;
	  }

	  .box {
		width: 5px;
		height: 5px;
		border-radius: 2px;
		border: 1px solid #eee;
		background-color: #fff;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: left .3s;
		-moz-transition: left .3s;
		transition: left .3s;
	  }

	  span:nth-child(1) .box {
		left: 25%;
	  }

	  span:nth-child(2) .box {
		left: 75%;
	  }

	  span:nth-child(3) .box {
		left: 25%;
	  }
	}

	#fta_sliders:hover {
	  span:nth-child(1) .box {
		left: 75%;
	  }

	  span:nth-child(2) .box {
		left: 25%;
	  }

	  span:nth-child(3) .box {
		left: 75%;
	  }
	}
  }


  .esf-modal {
	width: 30%;
	top: 30% !important;

	.fta-close-modal {
	  position: absolute;
	  right: 10px;
	  top: 10px;
	}

	.fta-modal-content {
	  ftaoat: none;
	  margin: 0 auto;
	  display: table;
	  padding-top: 30px;
	  text-align: center;

	  h5 {
		font-size: 40px;
	  }

	  p {
		font-size: 15px;
		line-height: 1.8;
	  }

	  .fta-lock-icon .dashicons {
		color: #26a69a;
		font-size: 50px;
	  }

	  input[type=email]::placeholder {
		color: #444;
	  }

	  .btn {
		border-radius: 0;
	  }
	}
  }


  float: left;
  clear: both;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  margin-top: 40px;

  .fta_wrap_inner {
	float: left;
	width: 100%;
	clear: both;
	position: relative;

	.esf_wc_header {
	  float: none;
	  margin: 0 auto;
	  display: table;
	  text-align: center;

	  .esf_wc_header_top {
		float: none;
		margin: 0 auto;
		display: table;
		margin-top: 15px;

		img {
		  float: left;
		  width: 50px;
		}
		.esf-plugin-logo{
		  width: 100px;
		  float: none;
		}
		h1 {
		  float: left;
		  margin: 0;
		  line-height: normal;
		  font-size: 2rem;
		  margin-left: 10px;
		  margin-top: 10px;
		  width: 100%;
		}
	  }

	  p {
		font-size: 14px !important;
		margin-top: 15px !important;

	  }

	}

	.esf_wc_boxes_wrap {
	  float: left;
	  width: 100%;

	  .esf_wc_box {
		float: left;
		width: 46%;
		margin: 7px;
		padding: 15px 10px 20px;

		.esf_wc_box_content {
		  float: left;
		  width: 77%;
		}

		.esf_wc_box_img {
		  float: left;
		  margin-right: 10px;
		  width: 20%;

		  img {
			width: 100%;
			max-height: 110px;
		  }
		}

		h5 {
		  margin-top: 0;
		  font-size: 16px;
		  font-weight: bold;
		}

		p {
		  margin-top: 0px;
		  font-size: 12px;
		}

		.esf_wc_box_btns_holder {

		  .btn {
			width: auto;
			padding: 12px 12px 10px;
			height: auto;
			box-shadow: none;
			text-transform: none;
			font-size: 13px;
			line-height: normal;
			background: #7ed957;
			border-radius: 3px;
			position: relative;
			display: inline-block;
			&:hover {
			  background: #73d24b;
			}
			.dashicons{
			  margin-left: 5px;
			  float: right;
			  height: 19px;
			  width: 18px;
			  font-size: 18px;
			}
		  }
		}
	  }
	}

	.esf-quick-setup-wrap {
	  width: 96%;
	  display: block;
	  position: relative;
	  clear: both;
	  text-align: center;
	  h5 {
		line-height: normal;
		font-size: 2rem;
		margin-bottom: 20px;
		padding-top: 20px;
		text-transform: capitalize;
	  }
	  iframe {
		background: #f1f1f1;
		padding: 10px;
		width: 100%;
	  }
	}

	.fta_loader_wrap {
	  position: absolute;
	  z-index: 9;
	  background-color: #f9f9f9;
	  width: 100%;
	  height: 100%;

	  .fa {
		position: absolute;
		top: 42%;
		left: 46%;
		font-size: 50px;
		color: #26a69a;
		text-align: center;
	  }
	}

	.fta_tabs_header {
	  background-color: #23a455;
	  color: #fff;
	  padding: 5px 0px;
	  height: 48px;
	  float: left;
	  width: 100%;

	  .fta_design_tab {
		display: table;
		text-align: center;
		line-height: 48px;
		height: 48px;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		color: #fff;
		padding: 0 24px;
		font-size: 14px;

		.dashicons {
		  display: table-cell;
		  vertical-align: middle;
		  ftaoat: none;
		  width: 100%;
		}
	  }

	  #fta_tabs {
		background-color: transparent;
		ftaoat: left;
		width: auto;
		margin-left: 17px;
		padding-right: 17px;
		width: 100%;

		.indicator {
		  background-color: #1bf1e9;
		  margin-bottom: 0px;
		  width: 70px;
		}

		a {
		  color: #fff;
		  @extend %transition;
		  display: table;

		  &:hover {
			@extend %transition;
			opacity: .8;
		  }

		  .dashicons {
			display: table-cell;
			vertical-align: middle;
			ftaoat: none;
			width: 100%;
		  }
		}
	  }

	}

	#fta-help {

	  .fta_faqs_wrap, .fta_more_help_wrap {
		h5 {
		  font-size: 31px;
		  border-bottom: 1px solid #e0e0e0;
		  padding-bottom: 20px;
		}

		h4 {
		  font-size: 22px;
		}
	  }

	  .fta_more_help_wrap {
		h5 {
		  padding-top: 20px;
		}
	  }

	}

	.fta_tab_c_holder {
	  padding: 0 15px;
	  width: 100%;
	  min-height: 330px;
	  float: left;
	  padding-bottom: 20px;

	  .fta_tab_c {
		width: 100%;
		display: inline-block;
	  }

	  h5{
		float: left;
		width: 100%;
	  }

	  .fta_all_plugs {
		padding: 0;
		margin-top: 10px;
		display: flex;
		width: 100%;
		flex-direction: row;
		.fta_single_plug {
		  margin: 0 20px 0 0;
		  display: inline-block;
		  width: 41.6666666667%;
		  padding: 0 .75rem;
		}
		.fta_single_plug.fta_plug_instagram {
		  a.btn {
			margin-top: 36px;
		  }
		}

	  }

	  .fta_all_plugs .card {
		.card-content {
		  padding: 20px 0;
		  .card-title {
			margin-bottom: 0;
			font-weight: bold;
			letter-spacing: .1px;
			color: #444 !important;
			font-size: 22px;
		  }
		}

		.fta_cta_holder {
		  float: left;
		  margin-bottom: 20px;
		  width: 100%;
		  margin-top: 12px;

		  li {
			font-size: 15px;
			line-height: 1.5;
			list-style-type: disc;
			margin-left: 20px;
			letter-spacing: .3px;
		  }

		  p {
			font-size: 15px;
			margin-top: 0;
		  }

		  .btn.right {
			display: none;
		  }
		}


		.card-image {
		  margin-top: 15px;
		}

		.btn {
		  background: #23a455;
		  text-transform: capitalize;
		  padding: 4px 20px;
		  margin-top: 15px;
		  height: auto;

		  &:hover {
			background-color: #1a7d40;
		  }
		}
	  }

	  .fta_plug_activated .fta_cta_holder .btn.right {
		display: block !important;
	  }

	  .fta_support_holder {
		width: 18%;
		display: inline-block;
		vertical-align: top;

		.card {
		  padding: 0;
		}

		.card-image {
		  background-color: #26a69a;

		  .fta_confused_img {
			height: auto;
			width: auto;
			margin: 0 auto;
		  }
		}

		.card-content {
		  padding: 16px;

		  .card-title {
			border-bottom: 1px solid #9e9e9e;
			margin: 0 0 10px;
			padding: 0 0 10px 0;
		  }

		  .btn {
			margin: 0 auto;
			display: table;
			margin-top: 15px;
		  }
		}
	  }


	  .input-field {
		margin-bottom: 10px;
	  }

	  .fta_auth_form {
		display: none;
		width: 100%;
	  }


	  .fta_all_users_holder.fta_no_user .collection {
		border: none;
	  }

	  .fta_all_users_holder {
		ftaoat: left;
		width: 100%;

		h5 {
		  margin-bottom: 20px;
		}

		.collection-item .badge {
		  color: #fff;
		  padding: 5px 10px;
		  height: auto;
		  margin-bottom: 10px;
		}


		.collection-item.fta_is_primary .fta_make_primary {
		  display: none;
		}

		.fta_user_meta {
		  ftaoat: left;

		  img.circle {
			width: 50px;
			height: 50px;
		  }
		}

		.fta_users_auth_actions {
		  ftaoat: right;
		  margin-top: 10px;

		  .secondary-content {
			position: relative;
			margin-top: 2px;
			ftaoat: left;
			font-size: 18px;
			top: 0;
			right: 0;
			margin-left: 5px;

			.dashicons {
			  font-size: 30px;
			}
		  }
		}
	  }

	  .fta_auth_btn_st {
		margin-top: 20px;
		margin-bottom: 0px;
		height: 45px;
		line-height: 45px;
		text-transform: capitalize;

		&:hover, &:active {
		  color: #fff;
		}
	  }

	  .fta_show_token_form {
		display: none;
		margin-bottom: 20px;
		ftaoat: right;
		background-color: #1b97f3;
	  }
	}

  }

  .fta_noti_holder {
	position: relative;
	display: none;

	.fta_arrow {
	  position: absolute;
	  left: 32%;
	  top: -2px;
	  width: 15%;
	}

	.tap-target-wrapper.open {
	  left: auto;
	  position: absolute;
	  right: -238px;
	  top: -100px;
	  color: #fff;
	}

	.tap-target-content {
	  width: 440px;
	  height: 400px;
	  top: 10px;
	  right: auto;
	  bottom: 0px;
	  left: 60px;
	  padding: 40px;
	  vertical-align: bottom;
	}

	.tap-target {
	  background-color: rgba(237, 109, 98, .9);
	}
  }

  .fta_noti_holder.fta_green_noti {
	.fta_arrow {
	  display: none;
	}

	.tap-target {
	  background-color: rgba(38, 166, 154, 0.9);

	  .tap-target-content {
		p {
		  font-size: 15px;
		}
	  }
	}
  }

}

.fta_wrap.esf_wc_wrap {
  width: 68%;
  float: none;
  margin: 0 auto;
  display: table;
  margin-top: 40px;

  .fta_tab_c_holder {
	min-height: auto;

	p {
	  margin-top: 0;
	  font-size: 16px;
	}

	.row {
	  margin-bottom: 0;
	}
  }
}

.fta_wrap.fl-recomend-tab-holder {
  padding: 15px;
  float: left;
  width: 100%;

  .fl-recomend-plugins-holder {
	width: 73%;
	display: inline-block;
	padding-right: 10px;
	float: left;

	.fl-recomend-wraper {
	  width: 40% !important;
	  float: left;
	}
  }

  .fl-recomend-partner {
	width: 25%;
	display: inline-block;
  }

  .fl-recomend-head {
	float: left;
	width: 100%;

	h4 {
	  font-size: 1.8rem;
	  font-weight: bold;
	  margin-bottom: 0;
	}

	p {
	  margin-top: 10px;
	}
  }

  .row {
	margin-top: 20px;
	float: left;
	margin-bottom: 20px;

	.fl-recomend-wraper {
	  text-align: center;
	  padding: 20px 12px;
	  margin: 0 5px;
	  width: 24%;
	  -webkit-transition: -webkit-box-shadow .25s;
	  transition: -webkit-box-shadow .25s;
	  transition: box-shadow .25s;
	  transition: box-shadow .25s, -webkit-box-shadow .25s;
	  border-radius: 2px;
	  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

	  h4 {
		font-size: 1.8rem;
		margin: 5px 0px 15px;
		text-align: center;
	  }

	  p {
		letter-spacing: .5px;
		line-height: 1.5;
		float: left;
		width: 100%;
		margin-top: 5px;
	  }

	  .fl-recomend-meta-wraper {
		float: left;
		width: 100%;
		margin: 15px 0;

		p {
		  font-size: 15px;
		}
	  }

	  .fl-recomends-action {
		margin-top: 10px;
		float: left;
		width: 100%;

		a {
		  background-color: #ff8c00;
		  padding: 10px 18px;
		  font-size: 16px;
		  float: left;
		  color: #fff;

		  &:hover {
			opacity: .9;
		  }
		}

		a.right {
		  background-color: #0693e3;
		}

	  }
	}
  }

  .fl-recomend-partner {
	display: inline-block;
	text-align: center;

	.fl-recomend-wraper {
	  float: none;
	  margin: 0 auto;
	  display: table;
	  width: 100%;

	  p {
		line-height: 1.8;
	  }

	  img {
		margin-bottom: 10px;
	  }

	  .fl-recomends-action {
		a {
		  text-align: center;
		  float: none;
		  margin: 0 auto;
		  display: table;
		  margin-top: 15px;
		}
	  }
	}
  }
}

#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  color: #7FC6A6 !important;

  .toast {
	background-color: #26a69a;
	padding: 15px 60px;
	font-size: 18px;
  }
}

.easy-social-feed_page_easy-facebook-likebox {
  .toast {
	background-color: #028dd0 !important;
  }
}

.material-tooltip {
  padding: 10px 20px;

  .backdrop {


  }
}

.btn:hover, .btn-large:hover {
  color: #fff;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

#toast-container.esf-failed-notification .toast {
  background-color: #ed6d62 !important;
}

#fta-auth-error.modal, #fta-remove-at.modal, #mif-remove-at.esf-modal,
#esf-insta-shoppable-reset {
  .mif-close-modal.modal-close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
  }
}

#fta-remove-at.esf-modal,
#mif-remove-at.esf-modal,
#esf-insta-shoppable-reset{
	.modal-content {
		width: 20%;
	}
}

#fta-auth-error, #fta-remove-at, #mif-remove-at, #esf-insta-shoppable-reset {

  .mif-modal-content {
	float: none;
	margin: 0 auto;
	display: table;
	text-align: center;
	padding-top: 0;

	p {
	  font-size: 13px;
	  line-height: 1.8;
	  border-bottom: 1px solid #ccc;
	  padding-bottom: 12px;
	}

	.mif-lock-icon .dashicons {
	  color: #ed6d62;
	  font-size: 60px;
	  display: inline;
	}

	.btn {
	  font-size: 13px;
	  padding: 10px 25px 10px 10px;
	  height: auto;
	  text-transform: capitalize;

	  img {
		height: 31px;
		margin-right: 5px;
	  }
	}
  }
}

#fta-remove-at, #mif-remove-at, #esf-insta-shoppable-reset {
  .mif-modal-content .btn {
	padding: 10px 20px;
	height: auto;
	width: auto;
	line-height: normal;
	font-size: 15px;
	border-radius: 0;
	margin-right: 30px;
  }

  .mif-modal-content .efbl_delete_at_confirmed, .mif-modal-content .mif_delete_at_confirmed, .ei-del-shoppable {
	background: #ed6d62;
  }
}

.collection-header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.fta-remove-at-btn {
  position: absolute;
  right: 2%;
  top: 36%;

  .dashicons {
	font-size: 28px;
	color: #ed6d62;
  }
}

.espf_black_friday_msg {
  padding: 0 15px 0 0;
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.espf_black_friday_msg .espf_notice_logo {
  display: inline-block;
  float: left;
  margin-bottom: -4px;
}

.espf_black_friday_msg .espf_notice_logo img {
  width: 170px;
}

.espf_black_friday_msg .espf_notice_content_wrap {
  display: inline-block;
  margin-left: 10px;
}

.espf_black_friday_msg .espf_blackfirday_upgrade {
  float: left;
  background: #ff8c00;
  padding: 8px 15px;
  height: auto;
  font-size: 14px;
  text-transform: capitalize;
  width: auto;
  -moz-transition: all ease-in .5s;
  -ms-transition: all ease-in .5s;
  -o-transition: all ease-in .5s;
  -webkit-transition: all ease-in .5s;
  transition: all ease-in .5s;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.espf_black_friday_msg .espf_blackfirday_upgrade:hover {
  background: #e28009;
}

.espf_black_friday_msg p {
  font-size: 15px;
  margin-bottom: 2px;
}

.espf_black_friday_msg .espf_support_btns {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.espf_black_friday_msg .espf_hide_btn {
  color: #000;
  text-decoration: underline;
  margin-left: 8px;
  margin-top: 14px;
  float: left;
}

.mif_wrap .efbl_all_pages .collection-item.avatar .circle, .efbl_wrap .efbl_all_pages .collection-item.avatar .circle {
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 15px;
}

.esf-main-heading {
  font-size: 2.2em;
  margin-bottom: 0;
  float: left;
  margin-top: 15px;
}

.toplevel_page_feed-them-all {

  .fta_wrap {
	margin-top: 20px !important;
  }

  #wpfooter {
	bottom: 0;
  }
}

.esf_loader_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: #fff;

  .esf_loader_inner {
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 150px;
	min-height: 150px;
  }

  .loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #ee6e73; /* Blue */
	border-radius: 80%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
  }

  .efbl_loader.loader {
	border-top: 16px solid #028dd0;
  }

  .mif_loader.loader {
	border-top: 16px solid #d23167;
  }

  .esf_welcome_loader.loader {
	border-top: 16px solid #7ed957;
  }

  @keyframes spin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
}

.efbl-red-notice {
  background: #ed6d62 !important;
  border-color: #ca554b !important;
  float: left;
  margin-left: 0;
}

#fs_connect .fs-visual .dashicons-wordpress {
  width: 100% !important;
  height: 100% !important;
}

.fta-partners-wrap{
  margin-top: 5px;

  img{
	margin-top: 25px;
	width: 200px;
  }
  .fta-carousel-actions{
	margin-bottom: 20px !important;
  }
 .fta-carousel-actions a{
   float: none !important;
  }
}


#fs_connect {
  float: none;
  margin: 150px auto !important;
  text-align: center;
  .fs-visual {
	.dashicons-plus, .fs-site-icon, .fs-connect-logo{
	  display: none;
	}
	.fs-plugin-icon{
	  border: none !important;
	}
  }
  .fs-content{
	padding-top: 25px;
  }
  .fs-license-key-container{
	width: 100% !important;
  }
  .fs-terms, #license_issues_link, .fs-freemium-licensing, .fs-permissions{
	display: none;
  }
}

/* Settings page: tab header color - full selector to override Facebook admin.css */
.easy-social-feed_page_esf-settings .efbl_wrap .efbl_wrap_inner .efbl_tabs_holder .efbl_tabs_header {
  background-color: #23a455;
}

/* Settings page: button colors only inside our main div (.efbl_wrap) */
.easy-social-feed_page_esf-settings .efbl_wrap {
  .button-primary,
  .button.button-primary {
    background-color: #23a455 !important;
    border-color: #1e8f4a !important;
    box-shadow: 0 1px 0 #1e8f4a !important;

    &:hover,
    &:focus {
      background-color: #1a7d40 !important;
      border-color: #166b36 !important;
      box-shadow: 0 1px 0 #166b36 !important;
    }
  }

  .btn,
  .btn-large {
    background-color: #23a455;

    &:hover,
    &:focus {
      background-color: #1a7d40;
    }
  }
}

/* Settings page: toast and notification holder use same green */
.easy-social-feed_page_esf-settings {
  .esf-notification-holder {
    background: #23a455;
  }

  #toast-container .toast {
    background-color: #23a455 !important;
  }
}

/* Upgrade notice: shared on settings, Facebook, Instagram, and main ESF pages */
.esf-settings-upgrade-notice {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding: 16px 20px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-left: 4px solid #23a455;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
}

.esf-settings-upgrade-notice__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  font-size: 28px;
  color: #23a455;
  line-height: 1;
}

.esf-settings-upgrade-notice__content {
  flex: 1;
  min-width: 0;
}

.esf-settings-upgrade-notice__title {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #1d2327;
  line-height: 1.4;
}

.esf-settings-upgrade-notice__text {
  margin: 0;
  font-size: 13px;
  color: #50575e;
  line-height: 1.5;

  code {
    padding: 2px 6px;
    font-size: 12px;
    background: #fff;
    color: #1d2327;
    border: 1px solid #dcdcde;
    border-radius: 3px;
  }
}

.esf-settings-upgrade-notice__button {
  flex-shrink: 0;
  text-decoration: none;
  white-space: nowrap;
  background: #23a455 !important;
  border-color: #1e8f4a !important;
  color: #fff !important;
  box-shadow: 0 1px 0 #1e8f4a !important;

  &:hover,
  &:focus {
    background: #1a7d40 !important;
    border-color: #166b36 !important;
    color: #fff !important;
  }
}

@media screen and (max-width: 782px) {
  .esf-settings-upgrade-notice {
    flex-wrap: wrap;
  }

  .esf-settings-upgrade-notice__button {
    width: 100%;
    text-align: center;
  }
}

/* Facebook page: blue accent (#018fd0) for upgrade notice */
.easy-social-feed_page_easy-facebook-likebox {
  .esf-settings-upgrade-notice {
    border-left-color: #018fd0;
  }

  .esf-settings-upgrade-notice__icon {
    color: #018fd0;
  }

  .esf-settings-upgrade-notice__button {
    background: #018fd0 !important;
    border-color: #0172b3 !important;
    box-shadow: 0 1px 0 #0172b3 !important;

    &:hover,
    &:focus {
      background: #01608f !important;
      border-color: #014d6e !important;
      color: #fff !important;
    }
  }
}

/* Instagram page: pink accent (#d23167) for upgrade notice */
.easy-social-feed_page_mif {
  .esf-settings-upgrade-notice {
    border-left-color: #d23167;
  }

  .esf-settings-upgrade-notice__icon {
    color: #d23167;
  }

  .esf-settings-upgrade-notice__button {
    background: #d23167 !important;
    border-color: #b82a5a !important;
    box-shadow: 0 1px 0 #b82a5a !important;

    &:hover,
    &:focus {
      background: #a0264d !important;
      border-color: #7d1d3b !important;
      color: #fff !important;
    }
  }
}

/* fta_tabs_header and buttons inside .fta_wrap (main dashboard) use same green */
.fta_wrap .fta_wrap_inner .fta_tabs_header {
  background-color: #23a455;
}

.fta_wrap {
  .button-primary,
  .button.button-primary {
    background-color: #23a455 !important;
    border-color: #1e8f4a !important;
    box-shadow: 0 1px 0 #1e8f4a !important;

    &:hover,
    &:focus {
      background-color: #1a7d40 !important;
      border-color: #166b36 !important;
      box-shadow: 0 1px 0 #166b36 !important;
    }
  }

  .fta_tab_c_holder .fta_all_plugs .card .btn,
  .fta_tab_c_holder .fta_auth_btn_st {
    background-color: #23a455;

    &:hover {
      background-color: #1a7d40;
    }
  }
}

/* GDPR / Settings page (global) */
.esf-settings-page {
  .esf-gdpr-plugin-detected {
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 1.6;

	.dashicons {
	  font-size: 16px;
	  width: 16px;
	  height: 16px;
	  vertical-align: middle;
	  margin-right: 5px;
	}

	&.esf-gdpr-plugin-success {
	  color: #46b450;
	}

	&.esf-gdpr-plugin-warning {
	  color: #d63638;
	}
  }

  .esf-gdpr-mode-description {
	margin-top: 10px;
  }

  .esf-supported-plugins-list {
	p {
	  margin: 0 0 4px 0;
	  font-size: 12px;
	}
	ul {
	  margin: 0 0 0 18px;
	  list-style: disc;
	  li {
		margin: 0;
		padding: 0;
	  }
	}
  }
}
.esf-gdpr-plugin-detected.esf-gdpr-plugin-warning {
	display: flex;
	align-items: center;
	gap: 5px;
}

.esf-gdpr-tooltip {
  position: absolute;
  z-index: 100000;
  max-width: 320px;
  padding: 12px 14px;
  background: #1d2327;
  color: #f0f0f1;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  p {
	margin: 0 0 8px 0;
	&:last-child {
	  margin-bottom: 0;
	}
  }
}

/* Translation tab – table layout */
#esf-settings-translation {
  .esf-translation-intro {
	margin-bottom: 16px;
  }
  .esf-translation-table {
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
  }
  .esf-translation-table thead th {
	padding: 10px 12px;
	text-align: left;
	font-weight: 700;
	font-size: 14px;
	background: #f6f7f7;
	border-bottom: 1px solid #c3c4c7;
  }
  .esf-translation-col-default {
	width: 33.33%;
	padding-right: 12px !important;
  }
  .esf-translation-col-input {
	width: 33.33%;
	padding-left: 12px !important;
	padding-right: 12px !important;
  }
  .esf-translation-col-context {
	width: 33.34%;
	padding-left: 12px !important;
	color: #646970;
	font-size: 13px;
  }
  .esf-translation-section-row .esf-translation-section {
	padding: 10px 12px;
	font-weight: 700;
	font-size: 13px;
	background: #f0f0f1;
	border-top: 1px solid #c3c4c7;
	border-bottom: 1px solid #c3c4c7;
  }
  .esf-translation-section-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
  }
  .esf-translation-section-label {
	flex: 1;
	min-width: 0;
  }
  .esf-translation-section-row .button-small {
	flex-shrink: 0;
  }
  .esf-translation-data-row .esf-translation-col-default {
	padding: 10px 12px;
  }
  .esf-translation-data-row .esf-translation-col-input {
	padding: 10px 12px;
  }
  .esf-translation-data-row .esf-translation-col-context {
	padding: 10px 12px;
  }
  .esf-translation-data-row td {
	vertical-align: middle;
  }
  .esf-translation-data-row .large-text {
	max-width: 100%;
  }
  .submit {
	margin-top: 20px;
  }
}