a#v-link { display: block; font-weight: bold; background-color: lightgrey; padding: 4px 6px !important; color: #5f5f5f; border-radius: 5px;	 }
	a#v-link:hover { color:#000; background-color: #e2e2e2; }

.curtain-processing { display: none; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; opacity: .7; }
.curtain-processing .loading { height: 15vh; width:20vw; position: fixed; left: 50%; margin-left: -50px; top: 50%; margin-top: -50px; }
.curtain-processing .loading h4 { background-color: #fff; padding: 1em; text-align: center; font-size: 2em; }

#site-description { margin-left: 1em; }


#product-attribute-row, #product-image-row {
	margin: 0.2em;
}

input.product-attribute-row-field {
    width: 120px;
    padding: .5em;
    margin: .2em;
}


.pg-edit-product-alt-imgs { list-style-type: none; padding: 0; }
	.pg-edit-product-alt-imgs li { width: 100%; margin: 1em; }
	.pg-edit-product-add-alt-img { font-size: 3em; margin: 0 auto; }

.disabled-link{
  cursor: not-allowed !important;
  pointer-events: none;        
  text-decoration: none;
	color: #a7a7a7;
  background-color: grey;
  border-color: grey;
}	


.text-red { color: red; }

/* ADMIN GENERAL */
	.btn-superadmin { color: grey; cursor: pointer; }
	.btn-superadmin .superadmin-active { color: deepskyblue; }
	.sadmin-hide { display: none; }
	.btn-activate-sadmin, .btn-cancel-sadmin { color: #fff !important; }
	.v-sidebar-item { padding-left: 1em; background-color: #353e48; border-bottom: 1px solid #4d5661; }
	.v-sidebar-item2 { padding-left: 1em; background-color: #53606f; border-bottom: 1px solid #7b8692; }

	/** MODAL **/
		.sadmin-modal.is-hidden { display: none; }
		.sadmin-modal-overlay { position: absolute; top: 3%; left: 25%; width: 50%; height: 30%; /*background: rgba(0,0,0,0.6);*/ transition: .4s ease; }
		.sadmin-modal-header { padding-bottom: .5em; }
		.sadmin-modal-content { padding: 20px 30px; width: 100%; height: 90%; position: relative; min-height: 300px; margin: 5% auto 0; background: #f0f0f0; z-index: 999; 
      -webkit-box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);
      -moz-box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);			
		}
		.sadmin-detail-content { position: relative; width: 100%; height: 100%; }
		.sadmin-main-content { 
			/*border: 1px solid rebeccapurple;*/
	    width: 90%;
	    margin: 0 5%;
	    position: absolute;
	    top: 30%;
	    text-align: center; }
    .sadmin-main-content input { width: 100%; margin: 1rem 0; font-size: 1.2em; }
		.sadmin-modal-button-close { display: inline-block; width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAowAAAKMB8MeazgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB5SURBVDiNrZPRCcAwCEQfnUiySAZuF8kSWeH6Yz8KrQZMQAicJ+epAB0YwAmYJKIADLic0/GPPCbQAnLznCd/4NWUFfkgy1VjH8CryA95ApYltAiTRCZxpuoW+gz9WXE6NPeg+ra1UDIxGlWEObe4SGxY5fIxlc75Bkt9V4JS7KWJAAAAAElFTkSuQmCC59ef34356faa7edebc7ed5432ddb673d'); background-repeat: no-repeat; background-position: center; padding: 2em; }			

	.backend-header-buttons { margin: 1em 0; }

/* STAFF CLASSES */
	.page-staff-add-class .lesson-row, .page-staff-edit-class .lesson-row { display: flex; }
	.page-staff-add-class .lesson-col-name, .page-staff-edit-class .lesson-col-name { width: 35%; padding: 4px; border: 1px solid lightgray; border-right: 0; }
	.page-staff-add-class .lesson-col-desc, .page-staff-edit-class .lesson-col-desc { width: 30%; padding: 4px; border: 1px solid lightgray; border-right: 0; }
	.page-staff-add-class .lesson-col-venue, .page-staff-edit-class .lesson-col-venue { width: 30%; padding: 4px; border: 1px solid lightgray; border-right: 0; }
	.page-staff-add-class .lesson-col-date, .page-staff-edit-class .lesson-col-date { width: 26%; padding: 4px; border: 1px solid lightgray; border-right: 0; }
	.page-staff-add-class .lesson-col-action, .page-staff-edit-class .lesson-col-action { width: 9%; padding: 4px; border: 1px solid lightgray; }
	.page-staff-add-class .lesson-row-button, .page-staff-edit-class .lesson-row-button { margin-top: 1em; text-align: right; }	
	.page-staff-add-class input[name^='lesson-'], .page-staff-edit-class input[name^='lesson-'] { font-size: .7em; width: 100%; }

	/* ATTENDANCE */
		.page-staff-view-attendance .attendees-container { list-style-type: none; padding-inline-start: 4px; }
			.page-staff-view-attendance .attendees-container li { display: flex; }
			.page-staff-view-attendance .attendees-container li .col-attendance-check { border: 1px solid lightgray; padding: 5px; }
			.page-staff-view-attendance .attendees-container li .col-attendance-check:hover { background-color: lightgray; }
			.page-staff-view-attendance .attendees-container li .col-makeup { width: 20%; text-align: center; padding: 5px; background-color: firebrick; color: #fff; cursor: pointer; font-weight: bold; border-bottom: 1px solid #fff; position: relative; }
			.page-staff-view-attendance .attendees-container li .col-makeup:hover { background-color: #b75656; }
			.page-staff-view-attendance .attendees-container li .col-makeup a { color: #fff; display: block; width: 100%; height: 100%; }





/* ADMIN DASHBOARD */
	.site-summary-icon { display: block; cursor: pointer; }

/* ADMIN CATEGORIES */
	.admin-sort-cat .main-cat-container { padding: 1em; min-height: 50px; border: 1px solid #c1c1c1; }
		.admin-sort-cat .main-cat-container li { list-style-type: none; padding: 4px; margin: 8px; width: fit-content; border: 1px solid gray; }
	.admin-sort-cat .cat-container { padding: 1em; min-height: 50px; border: 1px solid #c1c1c1; }
		.admin-sort-cat .cat-container li { list-style-type: none; padding: 4px; margin: 8px; width: fit-content; border: 1px solid gray; }
	.admin-sort-cat li[id^='sub-cat-'] { z-index: 999; }


/* ADMIN PRODUCTS */
	#productsDataTable thead tr th:nth-child(1) { width: 7%; }
	#productsDataTable thead tr th:nth-child(5) { width: 7%; }
	#productsDataTable thead tr th:nth-child(6) { width: 10%; }

	.dt-buttons { margin: .2em; }

	/** MODAL **/
		.adm-order-modal.is-hidden { display: none; }

		.adm-order-modal-overlay { position: absolute; top: 3%; left: 5%; width: 90%; height: 90%; /*background: rgba(0,0,0,0.6);*/ transition: .4s ease; }

		.adm-order-modal-header { padding-bottom: .5em; }

		.adm-order-modal-content { padding: 20px 30px; width: 100%; height: 90%; position: relative; min-height: 300px; margin: 5% auto 0; background: #f0f0f0; z-index: 999; 
      -webkit-box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);
      -moz-box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);
      box-shadow: 3px 3px 25px 5px rgba(0,0,0,0.3);			
		}

		.adm-order-modal-button-close { display: inline-block; width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAowAAAKMB8MeazgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB5SURBVDiNrZPRCcAwCEQfnUiySAZuF8kSWeH6Yz8KrQZMQAicJ+epAB0YwAmYJKIADLic0/GPPCbQAnLznCd/4NWUFfkgy1VjH8CryA95ApYltAiTRCZxpuoW+gz9WXE6NPeg+ra1UDIxGlWEObe4SGxY5fIxlc75Bkt9V4JS7KWJAAAAAElFTkSuQmCC59ef34356faa7edebc7ed5432ddb673d'); background-repeat: no-repeat; background-position: center; padding: 2em; }		

	ul.edit-product-current-images li { list-style-type: none; display: flex; padding: .3em 0; border-bottom: 1px solid lightgray; }

  .edit-product-current-images input[type=checkbox][id^=img-] { display: none; }
  .edit-product-current-images input[type=checkbox][id^=img-] + label { width:40px; height: 17px; display: inline-block; background: url(../../backend/assets/images/toggle-off.png) no-repeat; background-size: 100%; }
	.edit-product-current-images input[type=checkbox][id^=img-]:checked + label { width:40px; height: 17px; display: inline-block; background: url(../../backend/assets/images/toggle-on.png) no-repeat; background-size: 100%; }		

	.current-image-delete-container { position: absolute; right: 3em; height: 80px; }
	.current-image-delete-container .trash { transform: translateY(-50%); top: 50%; position: absolute; }
	#btn-delete-img { cursor: pointer; }

	.adm-product-custom-file { height: unset; }
	.woocommerce-product-gallery ol li img {}


/* ADMIN PRODUCT LIST */
	.product-list .product-list-container { border: 1px solid lightgray; padding: 1em; }
		.product-list-row { display: flex; border-bottom: 1px solid lightgray; }
			.product-list-row .item-col { padding: .5em; }
			.product-list-row-header { font-weight: bold; border-bottom: 2px solid gray; }
			.product-list-row .item-col1 { width: 35%; }
			.product-list-row .item-col2 { width: 15%; }
			.product-list-row .item-col3 { width: 30%; }
			.product-list-row .item-col4 { width: 20%; }

			.product-list #search-result-matches { margin: 8px 12px 0 12px; padding: 0; }
				.product-list #search-result-matches li { list-style-type: none; list-style-type: none; border: 1px solid gray; border-bottom: none; cursor: pointer; }
				.product-list #search-result-matches li:first-child { font-style: italic; background-color: #eaeaea; font-weight: bold; text-align: right; }
				.product-list #search-result-matches li:last-child { border-bottom: 1px solid gray; }
				.product-list #search-result-matches li a { display:block; padding: 4px; color: gray; background-color: #fff; }
				.product-list #search-result-matches li a:hover { text-decoration: underline; color: #000; background-color: #c9eaff !important; }

				.product-list #btn-remove-item { cursor: pointer; }
				.product-list #btn-remove-item:hover { color: red; }


/* ADMIN CUSTOMERS */
	#customersDataTable thead tr th:nth-child(1) {
		width: 7%;
	}

	.adm-view-customer-modal .order-payments { float: right; border-top: 1px solid lightgray; margin-right: 10px; margin-top: 40px; width: 30%; padding: 5px 0; }
	.adm-view-customer-modal .order-item { margin-top: 5px; padding-left: 5px; padding-top: 5px; border-top: 1px solid lightgray; }
	.adm-view-customer-modal .order-summary { margin-bottom: 10px; }
	.adm-view-customer-modal .shipping-info { margin-bottom: 16px; }
	.adm-view-customer-modal .order-summary,
	.adm-view-customer-modal .billing-info, 
	.adm-view-customer-modal .shipping-info 
		{ width: 40%; border-top: 1px solid lightgray; padding: 5px 0; }

	.adm-view-customer-modal .order-detail-content { width:90%; height:100%; float:left; overflow-y: scroll; }


/* ADMIN ORDERS */
	.adm-view-order {}
	.adm-view-order .payment-info { border: 1px solid lightgray; padding: 1em; margin-bottom: 2em; width: fit-content; }
	.adm-view-order .payment-item { border-top: 1px solid lightgray; padding-top: 5px; padding-left: 5px; margin-bottom: 10px; }
	.admin-update-order .admin-order-header { border: 1px solid lightgray; padding: 1em; margin-bottom: 2em; width: fit-content; }
	.admin-update-order .btn-email-invoice { color: #fff !important; }


/* STAFF SEARCH PRODUCT DROPDOWN */
			#search-result-matches { margin: 8px 12px 0 12px; padding: 0; }
				#search-result-matches li { list-style-type: none; list-style-type: none; border: 1px solid gray; border-bottom: none; cursor: pointer; }
				#search-result-matches li:first-child { font-style: italic; background-color: #eaeaea; font-weight: bold; text-align: right; }
				#search-result-matches li:last-child { border-bottom: 1px solid gray; }
				#search-result-matches li a { display:block; padding: 4px; color: gray; background-color: #fff; }
				#search-result-matches li a:hover { text-decoration: underline; color: #000; background-color: #c9eaff !important; }
				#btn-remove-item { cursor: pointer; }
				#btn-remove-item:hover { color: red; }

/* STAFF STUDENTS */
	.page-staff-view-student .payments-accordion-container-body { font-size: 10px; }
	.page-staff-view-student #accordionViewStudent > .m-b-0 { border-bottom: 1px solid lightgrey; }
	.page-staff-view-student table.payment-history {}
	.page-staff-view-student table.payment-history th { padding: .2rem .5rem; }
	.page-staff-view-student table.payment-history td { padding: .2rem .5rem; vertical-align: middle; }
	.page-staff-view-student table.payment-history .sale-item-details { display: none; }
	.page-staff-view-student table.payment-history .sale-row {  }
	.page-staff-view-student table.payment-history .sale-row:hover { background-color: #edfbed; cursor: pointer; }
	.page-staff-view-student .sale-row-header { font-weight: bold; padding: 3px; margin: 5px 0; background-color: #eef4ff; display: flex; }  
	.page-staff-view-student .sale-row-header-name { width: 50%; padding: 5px; }
	.page-staff-view-student .sale-row-header-qty { width: 20%; padding: 5px; }
	.page-staff-view-student .sale-row-header-price { width: 30%; padding: 5px; }
	.page-staff-view-student .sale-item-details { list-style-type: none; padding-inline-start: 5px; }  
	.page-staff-view-student .sale-item-details li { display: flex; padding: 5px; border-bottom: 1px solid lightgray; }
	.page-staff-view-student .sale-item-name { width: 50%; border-right: 1px solid lightgray; padding: 5px; }  
	.page-staff-view-student .sale-item-qty { width: 20%; border-right: 1px solid lightgray; padding: 5px; }  
	.page-staff-view-student .sale-item-price { width: 30%; padding: 5px; }  

	.page-staff-view-student .sale-row a { width: 100%; margin: 3px 0; font-size: 12px; padding: 3px; }

	.page-staff-view-student


/* STAFF CLASSES */
			#search-result-matches-students { margin: 8px 12px 0 12px; padding: 0; }
				#search-result-matches-students li { list-style-type: none; list-style-type: none; border: 1px solid gray; border-bottom: none; cursor: pointer; }
				#search-result-matches-students li:first-child { font-style: italic; background-color: #eaeaea; font-weight: bold; text-align: right; }
				#search-result-matches-students li:last-child { border-bottom: 1px solid gray; }
				#search-result-matches-students li a { display:block; padding: 4px; color: gray; background-color: #fff; }
				#search-result-matches-students li a:hover { text-decoration: underline; color: #000; background-color: #c9eaff !important; }
				#btn-remove-item { cursor: pointer; }
				#btn-remove-item:hover { color: red; }	

	#btn-remove-student { color: #fff; }


/* ADMIN REPORTS */
	#adm-sales-reports .rpt-customer-dd { margin-top: 1em; }
	.btn-rpt { color: #fff !important; margin-top: 2em; }


/* POS */
	.page-pos .page-wrapper { margin-left: 0 !important; }
	.page-pos .page-wrapper>.container-fluid { padding: 20px; min-height: calc(100vh - 120px); }
	.page-pos .navbar-header { width: 115px !important; }

	.page-pos .invoice-info { padding: .5em; border: 1px solid lightgray; margin-bottom: 1em; }

	.page-pos .pos-items-container { background-color: #fafafa; height: 320px; border: 1px solid lightgray; overflow-y: scroll; }
		.page-pos .pos-items-container ul { list-style-type: none; padding-inline-start: 0; }
		.page-pos .pos-items-container ul li { display: flex; padding: 6px; border-bottom: 1px solid lightgray; }
		.page-pos .pos-items-container ul li .item-name { width:40%; }
		.page-pos .pos-items-container ul li .item-price { width:20%; }
		.page-pos .pos-items-container ul li .item-quantity { width:20%; }
			.page-pos .pos-items-container ul li .item-quantity input[name='input-item-quantity'] { width: 40px; text-align: center; }
			.page-pos .pos-items-container .item-quantity-subtract, .page-pos .pos-items-container .item-quantity-add { color: #fff; }

		.page-pos .pos-items-container ul li .item-subtotal { width:15%; text-align: right }
		.page-pos .pos-items-container ul li .item-action { width:5%; text-align: center; color: red; }
		.page-pos .pos-items-container ul li .item-trash { cursor: pointer; }
		.page-pos .pos-items-container ul li .item-trash:hover { color: #ffb848; }

		.page-pos .pos-items-container ul li:first-child { background-color: lightgray; }
		.page-pos .pos-items-container ul li:nth-child(even):not(:first-child) { background-color: #f1f1f1; }
		.page-pos .pos-items-container ul li:nth-child(odd):not(:first-child) { background-color: #fff; }

		.page-pos .btn-pay { width: 100%; height: 100px; font-size: 1.2em; font-weight: bold; }

		/* POS SEARCH STUDENT DROPDOWN */
		.page-pos #search-result-matches-students { margin: 8px 12px 0 12px; padding: 0; width:50%; }
			.page-pos #search-result-matches-students li { list-style-type: none; list-style-type: none; border: 1px solid gray; border-bottom: none; cursor: pointer; }
			.page-pos #search-result-matches-students li:first-child { font-style: italic; background-color: #eaeaea; font-weight: bold; text-align: right; }
			.page-pos #search-result-matches-students li:last-child { border-bottom: 1px solid gray; }
			.page-pos #search-result-matches-students li a { display:block; padding: 4px; color: gray; background-color: #fff; }
			.page-pos #search-result-matches-students li a:hover { text-decoration: underline; color: #000; background-color: #c9eaff !important; }

			.page-pos #btn-remove-item { cursor: pointer; }
			.page-pos #btn-remove-item:hover { color: red; }		

		/* POS SEARCH PRODUCT DROPDOWN */
		.page-pos #search-result-matches { margin: 8px 12px 0 12px; padding: 0; }
			.page-pos #search-result-matches li { list-style-type: none; list-style-type: none; border: 1px solid gray; border-bottom: none; cursor: pointer; }
			.page-pos #search-result-matches li:first-child { font-style: italic; background-color: #eaeaea; font-weight: bold; text-align: right; }
			.page-pos #search-result-matches li:last-child { border-bottom: 1px solid gray; }
			.page-pos #search-result-matches li a { display:block; padding: 4px; color: gray; background-color: #fff; }
			.page-pos #search-result-matches li a:hover { text-decoration: underline; color: #000; background-color: #c9eaff !important; }
			.page-pos #btn-remove-item { cursor: pointer; }
			.page-pos #btn-remove-item:hover { color: red; }		

	.page-pos .pos-remarks-container { background-color: #fafafa; border: 1px solid lightgray; padding: 5px; display: flex; }
	.page-pos .pos-functions-container { background-color: #fafafa; border: 1px solid lightgray; height: 260px; }
	.page-pos .pos-functions-container ul { list-style-type: none; padding-inline-start: 0; width: 96%; margin: 0 auto; padding: 10px; }
	.page-pos .pos-functions-container ul li { background-color: #438ef7; border: 1px solid lightgray; margin: 5px; width: 18%; float: left; height: 70px; padding: 12px; text-align: center; font-size: 0.8em; font-weight: bold; cursor: pointer; color: #fff; }
	.page-pos .pos-functions-container ul li:hover { background-color: #6aa8ff; }

	.page-pos .pos-summary-container { background-color: #fafafa; border: 1px solid lightgray; padding: 5px; }
	.page-pos .btn-pay-cash { border: 1px solid darkgrey; background-color: #58a058; height: 90px; color: #fff; text-align: center; padding: 15px; cursor: pointer; font-weight: bold; }
		.page-pos .btn-pay-cash:hover { background-color: #73c773; }
	.page-pos .pay-others { margin-top: -8px; }

	.page-pos #discount-overall-btn-container { display: flex; background-color: #8cb5ef; width: 22%; }
	.page-pos #input-discount-overall { width: 90%; }
	.page-pos .btn-discount-overall { }

	.page-pos .pos-summary {  }
		.page-pos .pos-summary ul { list-style-type: none; padding-inline-start: 0; }
		.page-pos .pos-summary ul li { border-bottom: 1px solid lightgray; display: flex; }
			.page-pos .pos-summary ul li div:first-child { float: left; width: 50%; }
			.page-pos .pos-summary ul li div:last-child { float: right; width: 50%; text-align: right; }

	.page-pos .pos-buttons-container { background-color: #fafafa; height: 320px; border: 1px solid lightgray;     overflow-y: scroll; }
		.page-pos .pos-buttons-container ul { list-style-type: none; padding-inline-start: 0; width: 96%; margin: 0 auto; padding: 10px; }
			.page-pos .pos-buttons-container ul li { border: 1px solid lightgray; margin: 5px; width: 18%; float: left; height: 70px; padding: 5px; text-align: center; font-size: 0.8em; cursor: pointer; }
			.page-pos .pos-buttons-container ul li:hover { background-color: #e9efe9; }