/* 
 * Content Management System
 *
 * @author		Igino Fucci
 * @copyright	Copyright (c) 2010-2011 (Keepthinking Ltd.)
 * @link		http://keepthinking.it
 * 
 ======================================================================= */
 @page {
	margin: 0in;
	
	background: #f5f5f5;
	border-bottom: 1px solid #bababa;
	font-size: 8pt;
	-webkit-print-color-adjust: exact; /* For WebKit browsers */
  color-adjust: exact; /* For Firefox */
}

body {
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 8pt;
	color: #52524C;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 5pt 0;
	margin: 0;
}
h1 {
	font-size: 16pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 11pt;
}
h4 {
	font-size: 10pt;
}
h5 {
	font-size: 9pt;
}
h6 {
	font-size: 8pt;
}
p {
	font-size: 8pt;
	/* padding: 0 0 5pt 0; */
	margin: 0;
}
img {
	border: 0;
	width:100%;
}
a {
	font-weight: 700;
	text-decoration: none;
	color:#52524C;
}
.viewmode-tab {
	padding-bottom: 10pt;
}
fieldset {
	padding: 7pt 0 10pt 0;
	margin: 0;
	border: 0;
	position: relative;
}
	legend, 
	label {
		width: 100%;
		display: block;
	}
	legend {
		font-size: 9pt;
		padding: 5pt 0;
		border-bottom: 1px solid #999;
	}
	label {
		padding-top: 5px;
	}
	input, 
	textarea, 
	select {
		font-size: 7pt !important;
		padding: 0;
		margin: 0;
	}
	input, 
	textarea {
		border: 1px solid #999;
	}
small {
	font-style: italic;
	padding-bottom: 5px
}
dl {
	padding: 5pt 5pt;
	overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #bababa;
  border-right: 1px solid #bababa;

}
	dt, dd {
		float: left;
		padding: 0;
		margin: 0;
	}
table {
	width: 100%;
	border: 1px solid #bababa;
	margin: 5pt 0;
}
	th {
		text-align: left;
		border: 1px solid #bababa;
		border-spacing: 0;
		padding: 5pt;
	}
	td {
		border: 1px solid #bababa;
		border-spacing: 0;
		padding: 5pt;
	}
	

/* Global style
 ======================================================================= */
:root body :is(
	.footer,
	.relationship-link,
	/* .content #content-relationship_body, */
	.content .content-relationship_admin,
	.no_record-list_label,
	.content-relationship_wrapper.accordion.collapsed,
	.fieldset-wrapper:has(.accordion.collapsed),
	#order-admin-form,
	.feedback,
	.copy-icons_wrapper,
#preview_wrapper,
.header, .hidden,
.icon,
.dropdown,
.breadcrumb,
#side_wrapper,
#js_warning, 
#idletimeout, 
#user-nav, 
.header_button, 
.header-secondary_wrapper, 
#search_bar, 
#global_nav, 
#notification_controller, 
.customselect, 
#secondary-nav, 
.search-filter, 
#search-package, 
#find_replace-filter, 
.sub_record-admin, 
.header-pagination_wrapper, 
#content-nav, 
.shop .relationship-admin_header ,
#content-sub-nav, 
.single-icon-btn, 
#recordcollection_id_filter_clear, 
.relationship_admin-add, 
.admin_label-controller, 
.relationship_admin-move, 
.select-filter-clear, 
.media-library_data .int-link_wrapper, 
.media-pagination_wrapper .int-link_wrapper, 
.feedback_body-display, 
.field-history, 
.bubble_wrapper, 
.header-bubble_wrapper .controller_style, 
.reject_style, 
.approve_style, 
.leave_style, 
.radio_admin, 
.section_cell a, 
tfoot, 
.external-links_label, 
.external_links, 
.external_files
) {
	display: none;
}
.hide_to_print {
	display: none !important;
}
.toggle_wrapper, .tab_wrapper {
	display: block !important;
}
.customselect_wrapper select {
	width: auto !important;
	height: auto !important;
	opacity: 1 !important;
	position: relative !important;
}
.input-field_style, 
.special-input_wrapper, 
.special-label_wrapper, 
.special-input_field {
	width: 99%;
	padding: 2px 0;
	margin: 5px 0;
}
.button-field_style {
	margin-left: 10px;
	padding: 2px 5px;
}
.title, 
.sub_title {
	display: block;
	padding-bottom: 5px;
}
.title {
	font-size: 9pt;
}
.sub_title {
	font-size: 8pt;
}
.checkbox_cell {
	text-align: center;
}
input.input-other_style {
	border: 0;
}




/* Custom style
 ======================================================================= */


#content {
	width: 100%;
	
	/* padding-bottom: 10pt; */
	-webkit-print-color-adjust: exact; /* For WebKit browsers */
  color-adjust: exact; /* For Firefox */
	
}
	
	#main_wrapper {

	}
	 	.content .viewmode-wrapper .fieldset-title {
			width: 100%;
			border-bottom: 1px solid black;
			font-weight: 700;
			font-size: 15pt;
			display: flex;
			padding-bottom: 5pt;

			/* margin-bottom: 7pt; */
		}
		:is(.content-relationship_wrapper, .fieldset-wrapper) .viewmode-wrapper .fieldset-wrapper {
			border-bottom: 0;
			padding: 4pt 0 0;
		}
		

		.content-header_wrapper {
			overflow: hidden;
			/* padding-bottom: 10pt; */
			padding:  20pt 20pt 20pt;
			background-color: #f5f5f5;
			border-bottom: 1px solid #bababa;
			
		}
			.feedback, 
			.feedback-data {
				overflow: hidden;
			}

			.feedback {
				font-size: 10pt;
				padding: 5pt 0;
			}
			.feedback-data {
				font-size: 8pt;
				font-style: italic;
				padding-bottom: 10pt;
			}
			.content_breadcrumb {
				padding-bottom: 5pt;
			}
			.media-pagination_wrapper {
				padding-bottom: 5pt;
			}
			#content-nav ul {
				padding: 0;
				margin: 0;
			}
				#content-nav li {
					width: 100%;
					list-style: none;
					padding: 10px 0 0 0;
				}
				#content-nav li.active {
					display: block !important;
					font-size: 12pt;
				}
			#content-proxy, 
			#media-list, 
			#content-list, 
			#extra_content-list {
				padding: 20pt;
				
				
				/* width: 555pt; */

			}
			/* .content #content-proxy {
				padding: 20pt 15pt 20pt 20pt;
			} */
			#records-nav {
				padding: 10pt 0 0 0;
				padding-bottom: 10pt;
			}
				#records-nav ul {
					padding: 0;
					margin: 0;
				}
					#records-nav li {
						overflow: hidden;
						list-style: none;
						padding-bottom: 5pt;
						border-bottom: 1px dotted #999;
						margin-bottom: 5pt;
					}
						#records-nav .record_thumbnail {
							float: left;
							padding-right: 5pt;
						}
						#records-nav .sub_record-label ul, 
						#records-nav .sub_record-label li {
							list-style: none;
							padding: 0;
							margin: 0;
						}
						#records-nav .sub_record-label li {
							font-size: 8pt;
							font-weight: bold;
						}
						#records-nav li ul {
							padding-top: 5pt;
							padding-left: 10pt;
						}
							#records-nav li li {
								border: 0;
								margin-bottom: 0;
							}
								#records-nav li li ul {
									padding-top: 5pt;
									padding-left: 20pt;
								}
				.order-admin_wrapper {
					margin-bottom: 10pt;
				}
				.shop .admin_body_wrapper {
					display: grid;
					grid-template-columns: 1fr 1fr;
				}
				.content-relationship_wrapper.order-notes-wrapper {
					padding: 10pt;
					border-radius: 4px;
					border: 1px solid #bababa;

				}
					#order-admin form {
						display:none;
					}
					.order-admin_header, 
					.order-summar_header {
						font-size: 11pt;
						font-weight: bold;
						border-bottom: 1px solid #999;
						padding: 5pt 0;
						margin-bottom: 5pt;
					}
					.order-notes-wrapper 
					.order-notes-wrapper .relationship-admin_label{
						min-height: 50pt;
					}
					.order-admin_body {
						overflow: hidden;
						margin-bottom: 5pt;
					}
						#order-admin ul, 
						#order-admin li {
							list-style: none;
							padding: 0;
							margin: 0;
						}
						.order-address, 
						.order-detail_address, 
						.order-detail_info, 
						.order-detail_note {
							float: left;
						}
						.order-address {
							width: 33.3%;
						}
						.order-detail_address {
							/* width: 50%; */
						}
						.order-detail_info {
							/* border-left: 1px solid #bababa;
  							border-top: 1px solid #bababa; */
						}
						/* .order-detail_note {
							border-top: 1px solid #bababa;
						} */
						.order-detail_list {
							width: 100%;
							border-left: 1px solid #bababa;
  							border-top: 1px solid #bababa;

						}
							.admin_body_wrapper h4 {
								/* border-bottom: 1px dotted #999; */
							}
							.order-detail_list dt {
								width: 45%;
							}
							.order-detail_list dt {
								font-weight: bold;
							}
			#data_wrapper h3 {
				font-size: 9pt;
			}
				#preview_wrapper {
					float: left;
					padding-right: 10px;
				}
				.content_header-info_wrapper {
					overflow: hidden;
					font-size: 7pt;
				}
			
			#content-fieldset {
				padding-bottom: 10pt;
			}
			.relationship-admin_title {
				font-size: 12pt;
				font-weight: 700;
				padding-bottom: 5pt;
			}
			.content-fields.view-mode, .viewmode-wrapper {
				display: flex;
				flex-wrap: wrap;
				/* justify-content: space-between; */
				gap: 5pt;
				height: auto !important;
			}
			/* .content .content-relationship_wrapper {
				border: 1px solid #bababa;
			} */
			.viewmode-wrapper {
				padding: 5pt;
			}
			.fieldset-wrapper .viewmode-wrapper {
				padding: 0;
			}
			.input_relationship-body {
				/* border: 1px solid #bababa; */
				border-radius: 4px;
				padding-bottom: 10pt;
			}
			 .fieldset-wrapper {
				/* position: absolute; */
				top: 0;
				left: 0;
				border-bottom: 1px solid #bababa;
				padding: 5pt 0 7pt;
				transform: translate(0px) !important;
				margin-right : 5pt;
				
			 }
				.fieldset-admin_left, 
				.fieldset_admin-style, 
				.fieldset-admin_wrapper {
					overflow: hidden;
					width: 100%;
				}
				.fieldset-admin_left {
					padding-bottom: 5pt;
				}
				.fieldset-admin_left.default {
					width: auto;
					float: left;
				}
					.fieldset-admin_left.default .button-field_style {
						margin-left: 0;
					}
				.fieldset_admin-style, 
				.fieldset-admin_wrapper  {
					padding: 5pt 0;
				}
					.fieldset_admin-style a {
						float: left;
					}
					.fieldset_admin-style .button-field_style, 
					.fieldset-admin_wrapper .fieldset_admin-style, 
					.content-relationship_admin .input_wrapper {
						float: right;
					}
			#content-relationship_body {
				padding-bottom: 10pt;
			}
				.content-relationship_admin, 
				#extra_content-list .content_list_body_wrapper {
					overflow: hidden;
					width: 100%;
				}
					.content-relationship_heading h5, 
					#extra_content-list h5 {
						font-size: 14pt;
						float: left;
					}
				.content .content-relationship_wrapper {
					padding-bottom: 0;
					margin-bottom: 10pt;
					border-bottom: 1px solid #bababa;


				}
				.content-record {
					padding: 5pt 5pt 0;
					border : 1px solid #bababa;
					border-top: 0;
				}
				.content-record .title {
					font-size: 8pt;
				}
				.content-record:last-child {
					border-bottom: 0;
				}
				.content-relationship_wrapper {
					overflow: hidden;
					padding-bottom: 5pt;
				}
				.content-relationship_wrapper .viewmode-wrapper {
					/* border: 1px solid #bababa; */
					border-bottom: 0;
					padding: 0 0 5pt;
					font-size: 7pt;
					gap:0pt;
				}
					/* .content-relationship_wrapper .relationship-admin_header_wrapper,  */
					#extra_content-list .list_heading {
						font-size: 12pt;
						margin-bottom: 5pt;
					}
					.relationship-admin_label {
						overflow: hidden;
						position: relative;
						/* border-bottom: 1px dotted #999;
						padding-bottom: 5pt;
						margin-bottom: 5pt; */
					}
					.content-relationship_wrapper .relationship-admin_header {
						/* border: 1pt solid #bababa; */
						padding: 5pt 0;
						border-radius: 4pt 4pt 0 0;
						font-weight: 700;
						font-size: 8pt;
				
					}
					.content-relationship_wrapper .relationship-admin_label {
						font-weight: 500;
						font-size: 8pt;
						padding: 5pt 0;
						border-top: 1px solid #bababa;
						/* border-right: 1px solid #bababa; */
					}
					.content .fieldset-wrapper .relationship-admin_label {
						border-top: 1px solid #bababa;
						padding: 5pt 0 2pt;
						margin: 5pt 0 0;

					}
					.fieldset-wrapper .relationship-admin_label .admin_label-data {
						font-size: 8pt;
					}
					.relationship-admin_body {
						overflow: hidden;
						padding-bottom: 10pt;
					}
					.admin_label-data_wrapper {
						width: 100%;
					}
						/* .admin_label-data {
							font-size: 10pt;
						} */
						.input_relationship .fieldset-wrapper {
							margin : 0;
							padding: 3pt 0 5pt;
							font-size: 7pt;
						}
						label,
						.viewmode-label {
							font-weight: 700;
						}
						.label-text {
							display: flex;
							gap: 3px;
						}
						.label-approval {
							position: absolute;
							font-size: 7pt;
							top: 0;
							right: 10px;
						}
						.media-info, 
						.media-library {
							width: 50%;
							float: left;
						}
							.media-info .media-info_preview {
								float: left;
								padding-right: 10px;
							}
							.media-info .media-info_data {
								overflow: hidden;
							}
					.no_record-list_label {
						padding-bottom: 10pt;
						font-size: 10pt;
						font-style: italic;
					}
					.content-relationship_wrapper ul {
						padding: 0;
						margin: 0;
					}
					#media-list ul {
						padding: 0;
						margin: 0;
					}
						#media-list li {
							overflow: hidden;
							list-style: none;
							padding-bottom: 5pt;
							margin-bottom: 5pt;
							border-bottom: 1px dotted #999;
						}
			
				.page_body-text {
					padding-bottom: 10pt;
				}
					.page_body-text ul, 
					.page_body-text ol {
						padding: 0 0 5pt 20px !important;
					}
						.page_body-text li {
							padding: 0;
							margin-left: 20px;
							margin-bottom: 5pt;
						}
							.page_body-text ul li {
								list-style: circle !important;
							}
							.page_body-text ol li {
								list-style: decimal !important;
							}
					.page_body-text span {
						display: block;
						width: 100%;
						font-size: 7pt;
						font-style: italic;
						text-align: center;
						padding-bottom: 5pt;
					}
					.page_body-text img {
						width: 100%;
					}
				#extra_content-list .toggle-all_controller {
					padding-bottom: 20px;
				}
				#extra_content-list ul {
					padding: 0;
					margin: 0;
				}
					#extra_content-list li {
						list-style: none;
					}
						#extra_content-list li a, 
						#extra_content-list li span {
							display: block;
							padding-bottom: 5pt;
						}
						#extra_content-list li span {
							border-bottom: 1px solid #999;
							padding: 5px 0;
							margin-bottom: 5pt;
						}
						#extra_content-list li span, 
						#extra_content-list li li {
							font-size: 7pt;
							font-style: italic;
						}
						#extra_content-list li h6 {
							overflow: hidden;
							font-size: 10pt;
							padding: 5px 0;
							margin-bottom: 5pt;
							border-bottom: 1px dotted #999;
						}
							#extra_content-list ul ul {
								padding: 0 0 5pt 10px;
							}
								#extra_content-list li li {
									padding-bottom: 5pt;
								}
									#extra_content-list li li a, 
									#extra_content-list li li span {
										display: inline;
										border: 0;
									}
									#extra_content-list li li span {
										font-size: 8pt;
										font-style: italic;
									}
				.fieldset-admin_wrapper .fieldset_admin-style {
					overflow: hidden;
					width: auto;
					padding: 0;
				}
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(120pt,1fr));
	/* border-left: 1px solid #bababa; */
}
	.grid .card {
		border-right: 1px solid black;
    
		display: flex;
		flex-direction: column;
		/* justify-content: center;
		align-items: center; */
		border-left: 0;
	}

	.card-img {
		align-self: center;
		padding : 7pt 5pt;

	}

	.viewmode-info {
		
		padding: 5pt;
		border-top: 1px solid #bababa;
		
	}
.card, .fieldset-wrapper, .relationship-admin {
	break-inside: avoid;
}

#footer {
	width: 100%;
	overflow: hidden;
	padding-top: 10pt;
	border-top: 1px solid #999;
}
	.footer_credits {
		margin-right: 210pt;
		float: left;
	}
	.footer_logo {
		float: right;
	}
		.footer_logo ul, 
		.footer_logo li {
			list-style: none;
		}
			.footer_logo li {
				margin-right: 10px;
				float: left;
			}
			.table-admin_style tfoot {
				display: table-footer-group !important;
			} 
			
.input_relationship {
	margin-top: 5pt;
}
.input_relationship-footer {
	display: none;
}
.label_text {
	display: flex;
	gap: 2pt;
}