:root{
    --main-white-color: #FFFFFF;
    --main-theme-color: #236f76;
    --main-secondary-color: #236f76;
    --main-button-bg-color: #016D77;
    --main-button-hover-bg-color: #052B31;
    --main-button-text-color: #FFFFFF;
    --main-button-hover-text-color: #C0DECD;
    ---dark-green: #052B31;
    ---2nd-dark-green: #002A2E;
    ---black: #000000;
    ---white: #ffffff;
    ---logo-green: #236f76;
}

.order-status { display: inline-flex; line-height: 2.5em; color: #454545; background: #e5e5e5; border-radius: 4px; border-bottom: 1px solid rgba(0, 0, 0, .05); padding: 0 10px; cursor: inherit !important; white-space: nowrap; max-width: 100%; }
.order-status.status-approved { color: #ffffff; background: #e1cc26; }
.order-status.status-signed { color: #ffffff; background: #4ec71e; }
.order-status.status-rejected { color: #ffffff; background: #f35454; }
/* Frontent prescriber dashboard */
.prescriber-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px; }
.prescriber-card { background: #D4EFF3; padding:24px; border-radius:10px; }
.prescriber-card--wide { grid-column:1/-1; }
.prescriber-actions a { margin-right:10px; }
.prescriber-card h3 { margin-bottom:8px; }
.woocommerce-account .prescriber-dashboard fieldset { border: 0; padding: 0px;}
.woocommerce-account .prescriber-dashboard fieldset legend { padding: 3px 0 3px 3px; border-bottom: 1px solid var(--ast-border-color); width: 100%; margin: 10px 0; }
.woocommerce-js button.button.prescriber-approve, .woocommerce-js button.button.prescriber-reject, .woocommerce-js button.button.consultation{margin-right: 5px; background: transparent !important; color: var(--main-button-bg-color) !important; border: 2px solid var(--main-button-bg-color);}
.woocommerce-js button.button.prescriber-approve:hover, .woocommerce-js button.button.prescriber-reject:hover, .woocommerce-js button.button.consultation:hover {background: var(--main-button-bg-color) !important; color: var(---white) !important;}
.woocommerce-js button.button.consultation-cancel, .woocommerce-js button.button.prescriber-cancel {padding: 0 !important; border-bottom: 0px; background: transparent !important;
  color: var(--main-button-bg-color) !important; text-decoration: underline;}
.woocommerce-js button.button.consultation-cancel:hover, .woocommerce-js button.button.prescriber-cancel:hover{color: var(--main-button-hover-bg-color) !important;}

@media screen and (max-width: 768px) {
  .prescriber-grid { grid-template-columns: repeat(1, minmax(0, 1fr));}
  .woocommerce-assigned-orders .prescriber-dashboard {overflow-x: auto;}
  .woocommerce-js button.button.prescriber-approve {margin-bottom: 8px;}
}

/* Backend Pagination */
.toplevel_page_prescribers .tablenav .tablenav-pages { float: none; margin: 10px 0 0; font-size: 16px; line-height: 24px; text-align: center; gap: 9px; display: flex; justify-content: center; vertical-align: middle; }
.toplevel_page_prescribers .tablenav .page-numbers.current { border: 1px solid #000; border-radius: 50%; padding: 0px 8px; }

/* dashboard css */
body.prescribers_page_prescriber_dashboard { background-color: #f0f0f1 !important; }
/* .notice{ display: none;} */
.prescribers_page_prescriber_dashboard #wpcontent{ padding-left: 0px;}
.prescribers_page_prescriber_dashboard #wpbody{ background: #f1fff7;}
/* HEADER TITLE PART  */
.dashboard-wrap{ display: flex; flex-direction: column; margin: 0; }
.dashboard-wrap .header { background: var(--main-theme-color); /*height: 150px;*/ display: flex; align-items: center; padding: 75px 0; }
/* .dashboard-wrap .header::before {  background: var(--main-theme-color); content: " "; height: 235px; left: 0; position: absolute; top: 0; width: 100%; } */
.dashboard-wrap .header .header-content { /*width: 95%; margin-left: auto; margin-right: auto;*/ z-index: 0; }
.dashboard-wrap .header .header-content h1 { color: white; padding: 0px; font-size: 32px; }
/* BOTTOM HEADER BODY PART  */
.dashboard-wrap table.widefat tbody td {word-break: break-all;}
.dashboard-wrap .content { background: #f1fff7; padding: 0px 0; }
.dashboard-wrap .content .info{ position: relative; /*width: 95%; margin-left: auto; margin-right: auto;*/ gap: 30px; flex-wrap: nowrap; padding-top: 40px;}

.dashboard-wrap .content .info .pt-dtl-col, .dashboard-wrap .content .info .ord-dtl-col{ border: none; border-color: #236f76b3; border-radius: 15px; box-shadow: 0px 0px 10px rgb(50 113 117 / 15%);}
.dashboard-wrap .content .info .pt-dtl-col img.pt-avatar{ height: 125px; width: 125px; border-radius: 50%; align-self: center; vertical-align: middle; aspect-ratio: auto 125 / 125; margin-top: 5px;}
.dashboard-wrap .content .info .pt-dtl-col .pt-avatar-name { font-size: 26px; line-height: 35px; text-align: center; }
.dashboard-wrap .content .info .pt-dtl-col .pt-more-dtl table { border-collapse: unset; border-radius: 10px; border-color: #3271753b;background: #f8fffb; border-spacing: 5px; }
.dashboard-wrap .content .info .pt-dtl-col .pt-more-dtl table tbody { background: #f8fffb; }
.dashboard-wrap .content .info .pt-dtl-col .pt-more-dtl table tbody tr th { font-weight: 600; }
.ord-smry{ font-size: 22px; line-height: 30px; }
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols{ gap: 15px;}
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols a { padding: 4px 12px; transition: 0.3s ease-in-out;}
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols a.button { background: var(---white); border-color: var(---logo-green); color: var(---logo-green);}
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols a.button:hover { background: var(---logo-green); border-color: var(---logo-green); color: var(---white);}
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols a.button-primary { background: var(---logo-green); border-color: var(---logo-green); color: var(---white); }
.dashboard-wrap .content .info .pt-dtl-col .ord-btns-cols a.button-primary:hover { background: var(---white); border-color: var(---logo-green); color: var(---logo-green);}
/* Custom cards  */
.card.light-gn { color: var(---logo-green); border-color: var(---logo-green);}
.card.custom-card { border: 0px; border-bottom-width: 4px; box-shadow: 0px 0px 4px rgb(0 0 0 / 12%); border-radius: 10px; border-style: solid;}
.card.custom-card .smry-lbl { font-size: 20px; line-height: 25px; font-weight: 600; }
.card.custom-card .smry-count { font-size: 16px; line-height: 25px; font-weight: 500; }
/* Prescriber all orders css */
.wrap h2.pm-all-orders-title {padding-bottom: 30px; padding-top: 20px;}
.tab-btn { border: 1px solid #236f76; background: #fff; color: #236f76; padding: 6px 12px; margin-right: 5px; cursor: pointer; margin-bottom: 10px;}
.tab-btn.active { background: #236f76; color: #fff; }
.action-btn { display: block; margin-bottom: 5px; padding: 6px 10px; color: #fff; border-radius: 3px; text-decoration: none; font-size: 13px; text-align: center; }
.process-btn { background: #236f76; border: 1px solid #236f76; }
.process-btn:hover { color: #236f76; background: #ffffff; }
/* pagination css */
.pm-pagination{  text-align: center; margin: 15px;}
.pm-pagination .pm-page-btn {margin: 0 5px; background-color: #FFF; border: 1px solid var(--main-theme-color); padding: 2px 10px; border-radius: 50px;}
.pm-pagination .pm-page-btn.active, .pm-pagination .pm-page-btn:hover{background-color: var(--main-theme-color); color: white;}