@import "floating";

.ui-state-default {
  display: inline;
  border-color: rgb(204, 204, 204);
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  padding: 12px 0;
  background: none repeat scroll 0 0 rgb(228, 228, 228);
}

.ui-tabs-nav {
  padding-bottom: 9px;
  padding-left: 10px;
  border-bottom: 1px solid rgb(204, 204, 204);
  color: var(--my-plugin_color-primary);
}

.ui-tabs-anchor, .ui-tabs-anchor:focus {
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: rgb(127, 127, 127);
  padding: 10px;
  box-shadow: none;
}

.ui-tabs-anchor:hover, .ui-state-active a {
  color: black;
}

.ui-tabs-active, .ui-tabs-active:hover, .ui-tabs-active:active {
  color: rgb(0, 0, 0);
  background: rgb(239, 239, 239) !important;
}

.metabox-holder {
  .postbox {
	max-width: 100%;

	h3 {
	  padding-left: 10px;
	  border-bottom: 1px solid #e0e0e0;
	}

	img {
	  max-width: 240px;
	}
  }
}

.settings-tab {
  float: left;
}

.right-column-settings-page {
  max-width: 270px;
  float: right;
}

.toplevel_page_eyezon img {
  height: 80%;
}

.eyezon {
  .disabled {
	pointer-events: none;
	opacity: 0.3;
  }

  .eyezon-link {
	color: #FF2D55;
	margin-bottom: 5px;
	margin-top: 5px;
	display: inline-block;
  }

  .block {
	margin-bottom: 15px;
	margin-top: 15px;
  }

  .block.businessId {
	margin-bottom: 5px;
  }

  .cmb2-id-businessId .cmb-td {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 30px;
  }

  .cmb-type-title h2 {
	margin-bottom: 0;
  }


  input[type=radio]:checked::before {
	content: "";
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	margin: 0.1875rem;
	background-color: #FF2D55 !important;
	line-height: 1.14285714;
  }

  .ui-tabs-nav {
	border: 0 !important;

	.ui-tab {
	  border: 0 !important;
	  background-color: unset !important;

	  a {
		color: #000;
	  }

	  a:hover {
		color: #888;
	  }
	}

	.ui-tab:hover {
	  border-bottom: 2px solid #888 !important;
	}

	.ui-tab.ui-state-active {
	  background-color: unset !important;
	  border-top: 0 !important;
	  border-left: 0 !important;
	  border-right: 0 !important;
	  border-bottom: 2px solid #FF2D55 !important;

	  a {
		color: #FF2D55;
	  }
	}
  }

  div.cmb-remove-field-row {
	display: none;
  }

  .cmb-remove-row-button {
	border: 0 !important;
	background: unset !important;
	top: -2px;
  }
  .cmb-remove-row-button::before {
	color: #FF2D55;
  }

  input, textarea {
	border: 1px solid #ccc;
  }

  .eyezonButtonTab {
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 15px;
	margin-bottom: 30px;

	.cmb-repeatable-grouping {
	  padding: 0;
	}
  }

  .buttonHorizontalMargin, .buttonBottomMargin {
	display: inline-block;
	padding: 0 !important;
  }

  .cmb-add-group-row:hover:not(.disabled),
  .eyezon-button:hover,
  .cmb-add-row-button:hover,
  .cmb-remove-group-row-button:hover,
  .cmb-add-group-row:focus,
  .eyezon-button:focus,
  .cmb-remove-group-row-button:focus,
  .cmb-add-row-button:focus {
	background-color: rgba(255, 45, 85, 0.72) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: unset !important;
  }

  .cmb-remove-group-row-button {
	width: 100px !important;
	background-color: unset !important;
	border: 1px solid #ccc !important;
	color: #ccc !important;
  }

  .cmb-add-group-row, .cmb-add-row-button, .cmb-remove-group-row-button {
	margin-bottom: 20px;
	text-decoration: none;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	gap: 8px;

	width: 175px;
	height: 25px;

	background: #FF2D55;
	border-radius: 8px;

	color: #fff;

	margin-top: 10px;

	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	border: 0;
  }

  .eyezon-button {
	text-decoration: none;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	gap: 8px;

	width: 176px;
	height: 40px;

	background: #FF2D55;
	border-radius: 8px;

	color: #fff;

	margin-bottom: 10px;
	margin-top: 10px;

	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
  }

  .cmb-th, .cmb-group-title, .cmb-remove-group-row:not(.cmb-remove-group-row-button), .cmb-repeatable-group .cmbhandle {
	display: none;
  }

  .cmb-row {
	border: 0 !important;

	.cmb-type-title {
	  padding-bottom: 0;
	  margin-bottom: 0;
	}

	.cmb-type-text {
	  padding-top: 0;
	}

	.cmb-td {
	  float: left !important;
	}
  }

  .buttonMainText, .cmb-type-title, .cmb-type-radio, .buttonBottomMargin {
	padding-top: 0 !important;
  }

  .buttonHorizontalMargin {
	padding-bottom: 0 !important;
  }

  .buttonUrl {
	.cmb-repeat-row {
	  padding: 0 !important;
	  margin-bottom: 5px !important;
	}

	.cmb-repeat-table {
	  max-width: 25em !important;
	  border: 0 !important;
	  background-color: unset !important;
	}

	.cmb-repeat-row::before {
	  display: none !important;
	}

  }

  .previewContainer {
	position: relative;
  }
}