.owner-punch-list-app { margin-bottom: 80px; padding: 10px; background-color: rgba(var(--sr-light-beige-rgb), .45); background-image: url("/themes/owners_seaside/images/textures/ep_naturalwhite-transparent-light.png"); background-size: var(--sr-background-image-size); }

.owner-punch-list-app .opl-item {
	position: relative;
	padding: 0;
	margin-bottom: 10px;
	background-color: rgba(255, 255, 255, 1);
}


.owner-punch-list-app .form-control-plaintext {
	color: rgba(var(--eggplant-rgb), 1);
	font-size: 1.1rem;
}

.owner-punch-list-app .form-label + .form-control-plaintext {
	margin-top: -6px;
}

.owner-punch-list-app .opl-item .card-header {
	border-bottom: none;
}

.owner-punch-list-app .opl-item .opl-status-column { 
	padding-right: 15px; 
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
}

.owner-punch-list-app .opl-delete-item-x {
	z-index: 5;
	width: 12px;
	height: 12px;
	font-size: 10px;
}

.owner-punch-list-app .opl-item-toggle {
	color: inherit;
	border: none;
}

.owner-punch-list-app .opl-item-toggle .opl-item-preview-text { text-transform: none; letter-spacing: 0; font-weight: 300; }

.owner-punch-list-app textarea.opl-item-text {
	border: rgba(var(--eggplant-rgb), .4) solid 1px;
	padding: 10px;
	font-size: .9rem;
}



.owner-punch-list-app .opl-item-toggle:hover {
	color: inherit;
	text-decoration: none;
}

.owner-punch-list-app .opl-item-toggle:focus {
	box-shadow: none;
}

.owner-punch-list-app .opl-chevron {
	transition: transform 0.25s ease;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.owner-punch-list-app .opl-item-toggle[aria-expanded="true"] .opl-chevron {
	transform: rotate(180deg);
}

.owner-punch-list-app .opl-drag-handle {
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	min-height: 24px;
	color: #6c757d;
	user-select: none;
}

.owner-punch-list-app .opl-drag-handle:active {
	cursor: grabbing;
}

.owner-punch-list-app .opl-sort-placeholder {
	height: 80px;
	border: 2px dashed #ced4da;
	border-radius: 0.375rem;
	margin-bottom: 1rem;
	background: #f8f9fa;
}



.owner-punch-list-app .opl-attachment-box {
	background-color: rgba(var(--sr-body-color-rgb), .5);
}

.owner-punch-list-app .opl-uploader-container {
	padding: 0;
}

.owner-punch-list-app .opl-saved-attachments {
	min-height: 92px;
	padding: 25px;
}

.owner-punch-list-app .opl-no-attachments {
	color: #6c757d;
}
 
 
 .owner-punch-list-app .opl-attachment-grid {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 1rem;
 }
 
 .owner-punch-list-app .opl-attachment-card {
	 width: 100px;
 }

 .owner-punch-list-app .opl-remove-file {
	 position: absolute;
	 top: 6px;
	 right: 6px;
	 width: 30px;
	 height: 30px;
	 padding: 0;
	 border: 1px solid rgba(0, 0, 0, 0.15);
	 border-radius: 50%;
	 background-color: rgba(255, 255, 255, 0.92);
	 color: #111;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 20px;
	 line-height: 1;
	 cursor: pointer;
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	 transition: background-color 0.15s ease, transform 0.15s ease;
 }

 .owner-punch-list-app .opl-remove-file:hover,
 .owner-punch-list-app .opl-remove-file:focus {
	 background-color: #fff;
	 transform: scale(1.04);
 }
 
 .owner-punch-list-app .opl-attachment-thumb-link {
	 display: block;
	 width: 100px;
	 height: 100px;
 }
 
 .owner-punch-list-app .opl-attachment-thumb {
	 width: 100px;
	 height: 100px;
	 object-fit: cover;
	 border: 1px solid #ddd;
	 border-radius: 4px;
	 background: #f8f9fa;
	 display: block;
 }
 
 .owner-punch-list-app .opl-attachment-fallback {
	 width: 100px;
	 height: 100px;
	 border: 1px solid #ddd;
	 border-radius: 4px;
	 background: #f8f9fa;
	 font-size: 12px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 padding: 0.5rem;
 }
 
 
 .owner-punch-list-app .public-uploader {
	 padding: 0;
	 border: 0;
	 background: transparent;
 }
 
 .owner-punch-list-app .public-uploader-drag-message {
	 font-size: 0.875rem;
	 margin-bottom: 0.5rem;
	 color: #6c757d;
 }
 
 .owner-punch-list-app .public-uploader-button-holder {
	 display: flex;
	 align-items: center;
	 gap: 0.75rem;
	 justify-content: space-between; 
	 margin-bottom: 0.75rem;
	 background-color:rgba(var(--sr-body-color-rgb), .7);
	  padding: 12px 24px;
 }
 
 .owner-punch-list-app .public-uploader-button-holder p {
	 margin: 0; padding: 0;
 }
 
 .owner-punch-list-app .public-uploader .selectFiles {
	 padding: 0.375rem 0.75rem;
 }
 
 .owner-punch-list-app .public-uploader .uploads {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 0.75rem;
	 margin: 0;
	 padding: 25px;
 }
 
 .owner-punch-list-app .public-uploader .uploads li {
	 list-style: none;
	 width: 100px;
	 margin: 0;
 }
 
 
 .owner-punch-list-app .public-uploader .uploads li .delete_btn {
	 top: 0; right: 0;
	 padding: 2px 4px;
	 line-height: 1;
	 background-color: var(--sr-btn-color);
	 color: #ffffff;
	 cursor: pointer;
 }
 
 
 
 
 .owner-punch-list-app .public-uploader .fileThumbnail {
	 width: 100px;
	 height: 100px;
	 object-fit: cover;
	 border-radius: 4px;
 }
 
 .owner-punch-list-app .public-uploader .theDocName {
	 font-size: 11px;
	 line-height: 1.2;
	 margin-top: 0.25rem;
	 display: block;
 }
 
 .owner-punch-list-app .opl-status-actions {
	  display: flex;
	  align-items: center;
	  justify-content: flex-end;
	  gap: 0.45rem;
  }
  
 
 
 @media (min-width: 768px) {
	 .owner-punch-list-app { padding: 40px; }
 }
 
 
 @media (max-width: 767.98px) {
	 	 
	 .owner-punch-list-app .opl-item .card-header {
		 padding: 0.5rem 0.5rem;
	 }
 
	 .owner-punch-list-app .opl-item .row.align-items-center {
		 flex-wrap: nowrap;
		 align-items: center !important;
	 }
 
	 .owner-punch-list-app .opl-item .col-auto {
		 flex: 0 0 auto;
		 display: flex;
		 align-items: center;
	 }
 
	 .owner-punch-list-app .opl-drag-handle {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 min-height: 44px;
		 width: 20px;
	 }
 
	 .owner-punch-list-app .opl-item .col {
		 min-width: 0;
		 flex: 1 1 auto;
	 }
 
	 .owner-punch-list-app .opl-item-toggle {
		 display: block;
		 width: 100%;
	 }
 
	 .owner-punch-list-app .opl-item-toggle .d-flex {
		 align-items: center !important;
		 gap: 0.5rem !important;
	 }
 
	 .owner-punch-list-app .opl-chevron {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 min-height: 44px;
	 }
 
	 .owner-punch-list-app .opl-item-number {
		 font-size: 0.82rem;
		 line-height: 1.1;
		 margin-bottom: 0.15rem;
	 }
 
	 .owner-punch-list-app .opl-item-preview-text {
		 font-size: 0.82rem;
		 line-height: 1.25;
		 display: -webkit-box;
		 -webkit-line-clamp: 2;
		 -webkit-box-orient: vertical;
		 overflow: hidden;
	 }
 
	 .owner-punch-list-app .opl-status-column {
		 flex: 0 0 auto;
		 width: auto;
		 padding-left: 0.25rem;
		 text-align: right !important;
		 display: flex;
		 flex-direction: column;
		 align-items: flex-end;
		 justify-content: flex-start;
		 gap: 0.35rem;
	 }
 
	 .owner-punch-list-app .opl-status-column .badge {
		 font-size: 0.68rem;
		 line-height: 1;
		 padding: 0.35rem 0.45rem;
	 }
 
	 .owner-punch-list-app .opl-status-column .btn-close {
		 margin: 0;
		 padding: 0;
		 font-size: 0.72rem;
	 }
 
	 .owner-punch-list-app .opl-item .card-body {
		 padding: 0.9rem 0.85rem 1rem;
	 }
 
	 .owner-punch-list-app .opl-item .form-label {
		 font-size: 0.85rem;
		 margin-bottom: 0.35rem;
	 }
 
	 .owner-punch-list-app .opl-item textarea.form-control {
		 font-size: 0.95rem;
	 }
 
	 .owner-punch-list-app .public-uploader .uploads {
		 display: flex;
		 flex-wrap: wrap;
		 gap: 0.5rem;
	 }
 
	 .owner-punch-list-app .public-uploader .uploads li {
		 width: 90px;
	 }
 
	 .owner-punch-list-app .public-uploader .fileThumbnail {
		 width: 90px;
		 height: 90px;
		 object-fit: cover;
	 }
 
	 .owner-punch-list-app .public-uploader .theDocName {
		 font-size: 10px;
		 line-height: 1.2;
	 }
	 
	 .owner-punch-list-app .opl-status-actions {
		  align-items: center;
	  }
	  
	  .owner-punch-list-app #oplAddItemBtn {
		  width: 100%;
	  }
	  
	  
 } // media 768