/* @override 
	https://beta.poolsuppliescanada.ca/design/backend/css/addons/addon_psc/bom.css
	https://beta.poolsuppliescanada.ca/design/backend/css/addons/addon_psc/bom.css?* */


.bom-children {
	/*position: absolute;	*/
	background-color: #fff;
	top: 40px;
	width: 100%;
	left: 0;
	z-index: 9;	
	padding:5px 20px 20px 20px;
	font-size: 10px;
	background-color: #f1f1f1;
	
}

.bom-parent .red {
	color: #f20;
	font-weight: bold;
}

.child-row {
	display: none;
}

.bom-parent.show-child {
	background-color: #f1f1f1;
}

.child-row.show-child {
	display:table-row!important;
}

.child-row > td {
	padding: 0;
}

.bom-children td, .bom-children th {
	padding: 2px 10px;
	border: none;
}

.bom-children th {
	border-bottom: 1px solid #ccc;
}

.bom-parent:hover .bom-children {
	display: block!important;
	
	
}
.bom-parent:first-child .bom-children {
	display: block!important;
}


/* POPUP */

.backend-popup {
	background-color: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	overflow: auto;
}

.backend-popup.show {
	display: grid;
}

.backend-popup > * {
	margin: auto;
	max-width: 300px;
	max-height: 300px;	
	text-align: center;	
	padding: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0px 3px 5px #ccc;
	
}



.dynamic_copy {
	font-weight: bold;
}

/* COPY GROUP */
.copy-data-group {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	padding: 0!important;
	background-color: transparent!important;		
	box-shadow: none!important;
	margin: 5px 0 0 0!important;
}

.copy-data-group:first-child {
	margin: 20px 0 0 0!important;
}

.copy-data-group p {
	user-select: none; /* Standard syntax */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
	text-align: center;
	background-color: #fff;
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
}

.copy-data-group p.dynamic_copy {
	box-shadow:inset 0px 0px 15px #888;
	background-color: #999;
	color: #fff;
	font-weight: normal;
}