/**
 * Styles for progress circle in WooCommerce orders table.
 */

.awc-progress-wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
}

.awc-progress-circle {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg);
}

.awc-progress-text {
	position: relative;
	font-size: 11px;
	font-weight: 600;
	color: #1f2933;
	z-index: 1;
	line-height: 1;
}

/* Ensure proper alignment in table cell */
.woocommerce-orders-table td {
	vertical-align: middle;
}

.woocommerce-orders-table .awc-progress-wrapper {
	margin: 0 auto;
	& #progress_circle{
		stroke:var(--ast-global-color-0);
	}
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-patient-photo {
    position:relative;
    & .awc-progress-wrapper{
        position:absolute;
        z-index:0;
        top:50%;
        right:50%;
        transform:translate(50%,-50%);
		pointer-events: stroke;
    }
}

@media screen and (max-width:1024px){
    td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-patient-photo {
        & .awc-progress-wrapper {
            left:0%;
            transform:translate(5px, -50%) !important;
            right:unset !important;
            margin:unset;
            /* padding:unset; */
        }
    }
}