#pending-output-products .pending-container{width:100%;padding:20px 20px 0 20px;border:1px solid var(--neutral-200);border-radius:8px;text-align:left}#pending-output-products .appointments-header{width:100%;display:flex;align-items:center;justify-content:space-between}#pending-output-products .penden-title{font-family:Red Hat Display;font-size:16px;font-weight:500;color:var(--dark-blue);margin-bottom:20px}#pending-output-products .penden-title span{color:var(--orange)}#pending-output-products .appointments-right-text{font-size:14px;font-weight:600;color:#000}#pending-output-products .card{padding:20px;border-radius:8px;border:1px solid var(--neutral-200)}#pending-output-products .card-details{width:100%;display:flex;align-items:center}#pending-output-products .avatar{margin-right:10px}#pending-output-products .text-details{max-width:80%}#pending-output-products .name{font-size:16px;font-weight:400;color:var(--type-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pending-output-products .status{font-size:12px;color:#8696ac;display:inline-flex;align-items:center}#pending-output-products .date-status{font-size:12px;color:#8696ac}#pending-output-products .status-icon{width:12px;height:12px;border-radius:100%;border:none;margin:0 4px 0 0;background-color:#8696ac}#pending-output-products .status-icon.finished{background:#069763;border:2px solid var(--states-success-soft-green)}#pending-output-products .status-icon.attend{background:var(--blue-500);border:2px solid var(--neutral-300)}#pending-output-products .status-icon.schedule{background:#fff;border:2px solid var(--neutral-400)}#pending-output-products .status-icon.confirmed{background:#069763;border:2px solid var(--states-success-soft-green)}#pending-output-products .status-icon.missed{background:var(--states-error);border:2px solid #ffd6d2}#pending-output-products .status-icon.cancelled{background:var(--orange);border:2px solid var(--light-orange-200)}#pending-output-products .date{margin-left:4px}#pending-output-products .as{margin:0 4px}#pending-output-products .color-active{font-weight:400;color:var(--type-active)}#pending-output-products .action-wrapper{width:100%;margin-top:20px;text-align:right}#pending-output-products .action-wrapper .button-action{font-size:14px;font-weight:700;color:var(--blue-500);cursor:pointer}#pending-output-products .pagination-position{width:100%;display:inline-flex;justify-content:flex-end;margin-top:10px}#pending-output-products .mx-datepicker .mx-input-wrapper .mx-input{text-align:right!important}