/**
* == Clone Field ==
*
* Contributors: FixBD
* Author URI: http://fixbd.com
* GitHub link: https://github.com/fixbd/educare/blob/fixbd/assets/css/style.css
* Tags: jQuery field, jQuery form field copy on click, Clone input field
* Requires: jQuery
* Tested up to: jQuery v-3.7.1
* @since 1.4.5
* @version 1.0.0
* @last-update 1.6.0
*/

.fixbd_cloneField * {
	box-sizing: border-box;
}

.fixbd_cloneField .mainField {
	display: flex; 
	align-items: center;
	justify-content: center;
	height: 48px;
	margin-bottom: 4px;
}
.fixbd_cloneField .mainField > * {
	height: 100%;
}

.fixbd_cloneField input {
	width: 100%;
	display: block;
	margin: 0;
	border-radius: 18px;
}

.fixbd_cloneField a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
}
.fixbd_cloneField a:active {
	background: green;
}
.fixbd_cloneField a.addButton {
	width: 48px;
	height: 48px;
}
.fixbd_cloneField a.remove_button {
	background: rgb(210,88,80);
	padding: 7px;
	margin: 0 4px;
}
.fixbd_cloneField a.disabled {
	background: #ddd;
}

.fixbd_cloneField #status {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  z-index: 200;
}
#status.field_over {
	color: red;
}

/*Sub Field*/
.fixbd_cloneField .subField {
	position: relative;
	display: none;
	background-color: #e6e6e6;
	padding: 12px;
	margin-bottom: 12px;
	border-radius: 18px;
}
.fixbd_cloneField .subField:hover {
	background-color: #ddd;
}
.fixbd_cloneField .subField::after {
content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 18px;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ddd transparent;
}
.subField b,
.subField input,
.subField select {
	display: block;
	margin: 4px 0 12px;
	border: 1px solid #ccc;
}
.subField b {
	border: none;
}

.cloneField td {
  margin: 0;
  padding: 0;
}