@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
    --pc-primary: #384F95;
    --pc-primary-hover: #2E3F6E;
    --pc-primary-soft: #E8F6FE;
    --pc-accent: #4DB7FE;
    --pc-accent-hover: #2AA4F5;
    --pc-danger: #F75C96;
    --pc-danger-hover: #E04882;
    --pc-success: #5ECFB1;
    --pc-success-hover: #45C4A3;
    --pc-warning: #F8BD38;
    --pc-warning-hover: #E5A820;
    --pc-info: #4C97FD;
    --pc-info-hover: #2E84FC;
    --pc-purple: #BE31E3;
    --pc-navy: #2E3F6E;
    --pc-navy-2: #3D528B;
    --pc-bg: #F6F6F6;
    --pc-card: #FFFFFF;
    --pc-text: #566985;
    --pc-muted: #697891;
    --pc-border: #EEEEEE;
    --pc-radius: 10px;
    --pc-radius-sm: 6px;
    --pc-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

body.theme-proclinic,
body.theme-proclinic .wrapper,
body.theme-proclinic .content-wrapper,
body.theme-proclinic .main-footer,
body.theme-proclinic .form-control,
body.theme-proclinic .btn,
body.theme-proclinic .box,
body.theme-proclinic .sidebar-menu,
body.theme-proclinic .navbar,
body.theme-proclinic .modal-content,
body.theme-proclinic .select2-container {
    font-family: Roboto, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.theme-proclinic {
    color: var(--pc-text);
    background: var(--pc-bg);
}

body.theme-proclinic .wrapper,
body.theme-proclinic .content-wrapper {
    background-color: var(--pc-bg) !important;
}

/* Theme Style recolors the accent, header, and primary cards. */
body.theme-proclinic.skin-blue,
body.theme-proclinic.skin-blue-light,
body.theme-proclinic.login-page-blue,
body.theme-proclinic.login-page-blue-light {
    --pc-primary: #3c8dbc;
    --pc-primary-hover: #367fa9;
    --pc-primary-soft: #e7f3f9;
    --pc-accent: #3c8dbc;
    --pc-accent-hover: #367fa9;
    --pc-info: #3c8dbc;
    --pc-info-hover: #367fa9;
    --pc-navy: #2d6f96;
    --pc-navy-2: #245a7a;
}
body.theme-proclinic.skin-green,
body.theme-proclinic.skin-green-light,
body.theme-proclinic.login-page-green,
body.theme-proclinic.login-page-green-light {
    --pc-primary: #00a65a;
    --pc-primary-hover: #008d4c;
    --pc-primary-soft: #e6f7ef;
    --pc-accent: #00a65a;
    --pc-accent-hover: #008d4c;
    --pc-info: #00a65a;
    --pc-info-hover: #008d4c;
    --pc-navy: #008d4c;
    --pc-navy-2: #007341;
}
body.theme-proclinic.skin-purple,
body.theme-proclinic.skin-purple-light,
body.theme-proclinic.login-page-purple,
body.theme-proclinic.login-page-purple-light {
    --pc-primary: #605ca8;
    --pc-primary-hover: #555299;
    --pc-primary-soft: #eeedf6;
    --pc-accent: #605ca8;
    --pc-accent-hover: #555299;
    --pc-info: #605ca8;
    --pc-info-hover: #555299;
    --pc-navy: #4f4c93;
    --pc-navy-2: #423f7c;
}
body.theme-proclinic.skin-red,
body.theme-proclinic.skin-red-light,
body.theme-proclinic.login-page-red,
body.theme-proclinic.login-page-red-light {
    --pc-primary: #dd4b39;
    --pc-primary-hover: #d73925;
    --pc-primary-soft: #fdecea;
    --pc-accent: #dd4b39;
    --pc-accent-hover: #d73925;
    --pc-info: #dd4b39;
    --pc-info-hover: #d73925;
    --pc-navy: #c23321;
    --pc-navy-2: #a42b1c;
}
body.theme-proclinic.skin-yellow,
body.theme-proclinic.skin-yellow-light,
body.theme-proclinic.login-page-yellow,
body.theme-proclinic.login-page-yellow-light {
    --pc-primary: #f39c12;
    --pc-primary-hover: #e08e0b;
    --pc-primary-soft: #fef6e8;
    --pc-accent: #f39c12;
    --pc-accent-hover: #e08e0b;
    --pc-info: #f39c12;
    --pc-info-hover: #e08e0b;
    --pc-navy: #c87f0a;
    --pc-navy-2: #a86a08;
}
body.theme-proclinic.skin-black,
body.theme-proclinic.skin-black-light,
body.theme-proclinic.login-page-black,
body.theme-proclinic.login-page-black-light {
    --pc-primary: #111111;
    --pc-primary-hover: #000000;
    --pc-primary-soft: #f2f2f2;
    --pc-accent: #111111;
    --pc-accent-hover: #000000;
    --pc-info: #111111;
    --pc-info-hover: #000000;
    --pc-navy: #111111;
    --pc-navy-2: #1c1c1c;
}

body.theme-proclinic .main-sidebar,
body.theme-proclinic .left-side,
body.theme-proclinic[class*="skin-"] .main-sidebar,
body.theme-proclinic[class*="skin-"] .left-side {
    background-color: var(--pc-navy) !important;
}

body.theme-proclinic .sidebar-menu > li.header {
    color: rgba(255, 255, 255, 0.55) !important;
    background: var(--pc-navy-2) !important;
}

body.theme-proclinic .sidebar a,
body.theme-proclinic .treeview-menu > li > a {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.theme-proclinic .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

body.theme-proclinic .sidebar-menu > li:hover > a,
body.theme-proclinic .sidebar-menu > li.active > a,
body.theme-proclinic[class*="skin-"] .sidebar-menu > li:hover > a,
body.theme-proclinic[class*="skin-"] .sidebar-menu > li.active > a {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.15) !important;
    border-left-color: #fff !important;
}

body.theme-proclinic .sidebar-menu > li > .treeview-menu,
body.theme-proclinic[class*="skin-"] .sidebar-menu > li > .treeview-menu {
    background: var(--pc-navy-2) !important;
}

body.theme-proclinic .treeview-menu > li.active > a,
body.theme-proclinic .treeview-menu > li > a:hover {
    color: #fff !important;
}

body.theme-proclinic[class*="skin-"][class*="-light"] .main-sidebar,
body.theme-proclinic[class*="skin-"][class*="-light"] .left-side {
    background-color: #f7f8fa !important;
}

body.theme-proclinic[class*="skin-"][class*="-light"] .sidebar-menu > li.header {
    color: var(--pc-muted) !important;
    background: #eef1f4 !important;
}

body.theme-proclinic[class*="skin-"][class*="-light"] .sidebar a,
body.theme-proclinic[class*="skin-"][class*="-light"] .treeview-menu > li > a {
    color: var(--pc-text) !important;
}

body.theme-proclinic[class*="skin-"][class*="-light"] .sidebar-menu > li > .treeview-menu {
    background: #fff !important;
}

body.theme-proclinic[class*="skin-"][class*="-light"] .sidebar-menu > li:hover > a,
body.theme-proclinic[class*="skin-"][class*="-light"] .sidebar-menu > li.active > a,
body.theme-proclinic[class*="skin-"][class*="-light"] .treeview-menu > li.active > a,
body.theme-proclinic[class*="skin-"][class*="-light"] .treeview-menu > li > a:hover {
    color: var(--pc-primary) !important;
    background: var(--pc-primary-soft) !important;
    border-left-color: var(--pc-primary) !important;
}

body.theme-proclinic .main-header .logo,
body.theme-proclinic .main-header .logo:hover,
body.theme-proclinic[class*="skin-"] .main-header .logo,
body.theme-proclinic[class*="skin-"] .main-header .logo:hover {
    background-color: var(--pc-primary-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .main-header .navbar,
body.theme-proclinic[class*="skin-"] .main-header .navbar {
    background-color: var(--pc-primary) !important;
}

body.theme-proclinic .main-header .navbar .nav > li > a,
body.theme-proclinic .main-header .navbar .sidebar-toggle,
body.theme-proclinic[class*="skin-"] .main-header .navbar .nav > li > a,
body.theme-proclinic[class*="skin-"] .main-header .navbar .sidebar-toggle {
    color: #fff !important;
}

body.theme-proclinic .main-header .navbar .nav > li > a:hover,
body.theme-proclinic .main-header .navbar .sidebar-toggle:hover,
body.theme-proclinic[class*="skin-"] .main-header .navbar .nav > li > a:hover,
body.theme-proclinic[class*="skin-"] .main-header .navbar .sidebar-toggle:hover,
body.theme-proclinic .main-header .navbar .nav .open > a,
body.theme-proclinic[class*="skin-"] .main-header .navbar .nav .open > a {
    background: rgba(0, 0, 0, 0.12) !important;
    color: #fff !important;
}

body.theme-proclinic.skin-black .main-header .navbar,
body.theme-proclinic.skin-black-light .main-header .navbar {
    background-color: #fff !important;
}

body.theme-proclinic.skin-black .main-header .navbar .nav > li > a,
body.theme-proclinic.skin-black .main-header .navbar .sidebar-toggle,
body.theme-proclinic.skin-black-light .main-header .navbar .nav > li > a,
body.theme-proclinic.skin-black-light .main-header .navbar .sidebar-toggle {
    color: #333 !important;
}

body.theme-proclinic.skin-black .main-header .navbar .nav > li > a:hover,
body.theme-proclinic.skin-black .main-header .navbar .sidebar-toggle:hover,
body.theme-proclinic.skin-black-light .main-header .navbar .nav > li > a:hover,
body.theme-proclinic.skin-black-light .main-header .navbar .sidebar-toggle:hover {
    background: #f4f4f4 !important;
    color: #111 !important;
}

body.theme-proclinic .main-header .navbar {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

body.theme-proclinic .main-header .logo,
body.theme-proclinic .main-header .logo:hover {
    border-bottom: 0;
}

body.theme-proclinic .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

body.theme-proclinic .sidebar-form {
    border-radius: 20px;
}

/* Content / cards */
body.theme-proclinic .content-header h1,
body.theme-proclinic .content-header .breadcrumb {
    color: var(--pc-navy);
}

body.theme-proclinic .box {
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    box-shadow: none;
    background: var(--pc-card);
}

body.theme-proclinic .box.box-primary {
    border-top: 3px solid var(--pc-accent);
}

body.theme-proclinic .box.box-info {
    border-top: 3px solid var(--pc-info);
}

body.theme-proclinic .box.box-success {
    border-top: 3px solid var(--pc-success);
}

body.theme-proclinic .box.box-warning {
    border-top: 3px solid var(--pc-warning);
}

body.theme-proclinic .box.box-danger {
    border-top: 3px solid var(--pc-danger);
}

body.theme-proclinic .box.box-default {
    border-top: 3px solid var(--pc-border);
}

body.theme-proclinic .box-header {
    border-radius: var(--pc-radius) var(--pc-radius) 0 0;
}

body.theme-proclinic .box.box-solid.box-primary {
    border: 1px solid var(--pc-primary);
}

body.theme-proclinic .box.box-solid.box-primary > .box-header {
    background: var(--pc-primary) !important;
}

body.theme-proclinic .small-box {
    border-radius: var(--pc-radius);
    box-shadow: var(--pc-shadow);
}

body.theme-proclinic .small-box.bg-aqua,
body.theme-proclinic .info-box.bg-aqua,
body.theme-proclinic .bg-aqua,
body.theme-proclinic .bg-light-blue {
    background-color: var(--pc-accent) !important;
    color: #fff !important;
}

body.theme-proclinic .small-box.bg-blue,
body.theme-proclinic .info-box.bg-blue,
body.theme-proclinic .bg-blue {
    background-color: var(--pc-info) !important;
    color: #fff !important;
}

body.theme-proclinic .small-box.bg-green,
body.theme-proclinic .info-box.bg-green,
body.theme-proclinic .bg-green {
    background-color: var(--pc-success) !important;
    color: #fff !important;
}

body.theme-proclinic .small-box.bg-yellow,
body.theme-proclinic .info-box.bg-yellow,
body.theme-proclinic .bg-yellow,
body.theme-proclinic .bg-orange {
    background-color: var(--pc-warning) !important;
    color: var(--pc-navy) !important;
}

body.theme-proclinic .small-box.bg-red,
body.theme-proclinic .info-box.bg-red,
body.theme-proclinic .bg-red {
    background-color: var(--pc-danger) !important;
    color: #fff !important;
}

body.theme-proclinic .small-box.bg-purple,
body.theme-proclinic .info-box.bg-purple,
body.theme-proclinic .info-box.bg-fuchsia,
body.theme-proclinic .bg-purple,
body.theme-proclinic .bg-fuchsia {
    background-color: var(--pc-purple) !important;
    color: #fff !important;
}

body.theme-proclinic .info-box.bg-aqua .info-box-icon,
body.theme-proclinic .info-box.bg-blue .info-box-icon,
body.theme-proclinic .info-box.bg-green .info-box-icon,
body.theme-proclinic .info-box.bg-red .info-box-icon,
body.theme-proclinic .info-box.bg-purple .info-box-icon,
body.theme-proclinic .info-box.bg-fuchsia .info-box-icon {
    background: rgba(0, 0, 0, 0.12) !important;
    color: #fff !important;
}

body.theme-proclinic .info-box.bg-yellow .info-box-icon,
body.theme-proclinic .info-box.bg-orange .info-box-icon {
    background: rgba(46, 63, 110, 0.12) !important;
    color: var(--pc-navy) !important;
}

body.theme-proclinic .info-box {
    border-radius: var(--pc-radius);
    box-shadow: var(--pc-shadow);
}

/* Buttons */
body.theme-proclinic .btn,
body.theme-proclinic a.btn,
body.theme-proclinic a.dt-button {
    border-radius: var(--pc-radius-sm);
    font-weight: 600;
}

body.theme-proclinic .btn-primary,
body.theme-proclinic a.btn-primary,
body.theme-proclinic a.dt-button.btn-primary,
body.theme-proclinic .dt-buttons .btn-primary {
    background-color: var(--pc-primary) !important;
    border-color: var(--pc-primary) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-primary:hover,
body.theme-proclinic .btn-primary:active,
body.theme-proclinic .btn-primary:focus,
body.theme-proclinic a.btn-primary:hover,
body.theme-proclinic a.dt-button.btn-primary:hover {
    background-color: var(--pc-primary-hover) !important;
    border-color: var(--pc-primary-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-info,
body.theme-proclinic a.btn-info {
    background-color: var(--pc-info) !important;
    border-color: var(--pc-info) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-info:hover,
body.theme-proclinic .btn-info:active,
body.theme-proclinic a.btn-info:hover {
    background-color: var(--pc-info-hover) !important;
    border-color: var(--pc-info-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-warning,
body.theme-proclinic a.btn-warning {
    background-color: var(--pc-warning) !important;
    border-color: var(--pc-warning) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-warning:hover,
body.theme-proclinic .btn-warning:active,
body.theme-proclinic a.btn-warning:hover {
    background-color: var(--pc-warning-hover) !important;
    border-color: var(--pc-warning-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-success,
body.theme-proclinic a.btn-success {
    background-color: var(--pc-success) !important;
    border-color: var(--pc-success) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-success:hover,
body.theme-proclinic .btn-success:active,
body.theme-proclinic a.btn-success:hover {
    background-color: var(--pc-success-hover) !important;
    border-color: var(--pc-success-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-default,
body.theme-proclinic a.btn-default {
    border-color: var(--pc-border);
    color: var(--pc-navy) !important;
}

body.theme-proclinic .btn-flat {
    border-radius: var(--pc-radius-sm) !important;
}

/* Delete / danger buttons — used as <a class="btn btn-danger"> across all list pages */
body.theme-proclinic .btn-danger,
body.theme-proclinic a.btn-danger,
body.theme-proclinic a.delete.btn,
body.theme-proclinic .po-delete,
body.theme-proclinic .bootbox .btn-danger,
body.theme-proclinic .modal .btn-danger,
body.theme-proclinic .delete-jobcard-btn,
body.theme-proclinic .jobcard-delete-file,
body.theme-proclinic .delete-state,
body.theme-proclinic .delete-status,
body.theme-proclinic .rm-payment-btn,
body.theme-proclinic .delete_file,
body.theme-proclinic .table td:last-child .btn-group .btn.btn-danger {
    background-color: var(--pc-danger) !important;
    border-color: var(--pc-danger) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-danger:hover,
body.theme-proclinic .btn-danger:active,
body.theme-proclinic .btn-danger:focus,
body.theme-proclinic a.btn-danger:hover,
body.theme-proclinic a.delete.btn:hover,
body.theme-proclinic .po-delete:hover,
body.theme-proclinic .delete-jobcard-btn:hover,
body.theme-proclinic .jobcard-delete-file:hover,
body.theme-proclinic .delete-state:hover,
body.theme-proclinic .delete-status:hover,
body.theme-proclinic .table td:last-child .btn-group .btn.btn-danger:hover {
    background-color: var(--pc-danger-hover) !important;
    border-color: var(--pc-danger-hover) !important;
    color: #fff !important;
}

body.theme-proclinic .btn-danger i,
body.theme-proclinic a.btn-danger i,
body.theme-proclinic a.delete.btn i,
body.theme-proclinic .po-delete i,
body.theme-proclinic .delete-jobcard-btn i,
body.theme-proclinic .jobcard-delete-file i,
body.theme-proclinic .delete-state i,
body.theme-proclinic .delete-status i {
    color: #fff !important;
}

/* Icon-only trash links (payments, POS rows, item tables) */
body.theme-proclinic a.delete:not(.btn),
body.theme-proclinic a.po-delete:not(.btn),
body.theme-proclinic a.pa_del,
body.theme-proclinic a.deleteActivityAlert,
body.theme-proclinic a.deleteTimeTable,
body.theme-proclinic .spodel,
body.theme-proclinic .posdel,
body.theme-proclinic .spddel,
body.theme-proclinic .fa-trash-o.pointer,
body.theme-proclinic .table .fa-trash-o {
    color: var(--pc-danger) !important;
}

body.theme-proclinic a.delete:not(.btn):hover,
body.theme-proclinic a.pa_del:hover,
body.theme-proclinic .spodel:hover,
body.theme-proclinic .posdel:hover,
body.theme-proclinic .spddel:hover,
body.theme-proclinic .table .fa-trash-o:hover {
    color: var(--pc-danger-hover) !important;
}

/* Trash icons on danger buttons must stay white (tables would otherwise paint them red) */
body.theme-proclinic .btn-danger i,
body.theme-proclinic .btn-danger i.fa,
body.theme-proclinic .btn-danger .fa-trash-o,
body.theme-proclinic .btn-danger .fa-trash,
body.theme-proclinic .table .btn-danger i,
body.theme-proclinic .table .btn-danger .fa-trash-o,
body.theme-proclinic .modal .btn-danger i,
body.theme-proclinic .jobcard-delete-file i,
body.theme-proclinic .delete-jobcard-btn i {
    color: #fff !important;
}

/* Forms */
body.theme-proclinic .form-control,
body.theme-proclinic .select2-container--default .select2-selection--single,
body.theme-proclinic .select2-container--default .select2-selection--multiple {
    border-radius: var(--pc-radius-sm);
    border-color: var(--pc-border);
    height: auto;
    min-height: 34px;
}

body.theme-proclinic .form-control:focus {
    border-color: var(--pc-primary);
    box-shadow: 0 0 0 3px var(--pc-primary-soft);
}

body.theme-proclinic select.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    max-width: 1px !important;
    left: 0 !important;
    top: 0 !important;
}

body.theme-proclinic .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--pc-primary);
}

/* Tables */
body.theme-proclinic .table thead th {
    background: var(--pc-bg);
    color: var(--pc-navy);
    border-bottom: 1px solid var(--pc-border) !important;
    font-weight: 600;
}

body.theme-proclinic .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FAFBFC;
}

body.theme-proclinic .table-hover > tbody > tr:hover {
    background-color: var(--pc-primary-soft);
}

/* List tables: fit the content area; Actions stay pinned and hug the buttons */
body.theme-proclinic .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.theme-proclinic .dataTables_wrapper {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

body.theme-proclinic table.dataTable {
    width: 100% !important;
    max-width: 100%;
    table-layout: auto;
}

body.theme-proclinic table.dataTable thead th:last-child,
body.theme-proclinic table.dataTable tfoot tr:first-child th:last-child,
body.theme-proclinic table.dataTable tfoot tr:first-child td:last-child {
    position: sticky;
    right: 0;
    z-index: 4;
    width: 1%;
    white-space: nowrap;
    text-align: center;
    background: var(--pc-bg);
    box-shadow: inset 8px 0 8px -8px rgba(4, 4, 42, 0.18);
}

body.theme-proclinic table.dataTable tbody td:last-child {
    position: sticky;
    right: 0;
    z-index: 3;
    width: 1%;
    white-space: nowrap;
    text-align: center;
    background: #fff;
    box-shadow: inset 8px 0 8px -8px rgba(4, 4, 42, 0.18);
}

body.theme-proclinic .table-striped > tbody > tr:nth-of-type(odd) > td:last-child {
    background-color: #FAFBFC;
}

body.theme-proclinic .table-hover > tbody > tr:hover > td:last-child {
    background-color: var(--pc-primary-soft);
}

/* Sales calendar rows: paint the cells, so Paid stays readable on the green row. */
body.theme-proclinic .calendar tr.btn-primary > td {
    background-color: var(--pc-primary) !important;
    color: #fff !important;
}

body.theme-proclinic .calendar tr.btn-success > td {
    background-color: var(--pc-success) !important;
    color: #fff !important;
}

body.theme-proclinic .calendar tr.btn-warning > td {
    background-color: var(--pc-warning) !important;
    color: var(--pc-navy) !important;
}

/* List footer filters stay a compact 25px instead of the full form select height. */
body.theme-proclinic .dataTable .select2-container--default .select2-selection--single,
body.theme-proclinic .dataTable .select2-container--default .select2-selection--single .select2-selection__rendered,
body.theme-proclinic table.dataTable tfoot .select2-container--default .select2-selection--single,
body.theme-proclinic table.dataTable tfoot .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 25px;
    height: 25px;
    line-height: 25px;
}

body.theme-proclinic table.dataTable tbody td:last-child .btn-group {
    display: inline-flex;
    white-space: nowrap;
    float: none;
}

/* Row actions stay navy so they stay separate from the theme button and the red delete. */
body.theme-proclinic .table .btn-group > .btn-primary,
body.theme-proclinic .table .btn-group > .btn-info,
body.theme-proclinic .table td:last-child .btn-group > .btn-primary,
body.theme-proclinic .table td:last-child .btn-group > .btn-info {
    background-color: var(--pc-navy) !important;
    border-color: var(--pc-navy) !important;
    color: #fff !important;
}

body.theme-proclinic.skin-black .table .btn-group > .btn-primary,
body.theme-proclinic.skin-black .table .btn-group > .btn-info,
body.theme-proclinic.skin-black-light .table .btn-group > .btn-primary,
body.theme-proclinic.skin-black-light .table .btn-group > .btn-info,
body.theme-proclinic.skin-black .table td:last-child .btn-group > .btn-primary,
body.theme-proclinic.skin-black .table td:last-child .btn-group > .btn-info,
body.theme-proclinic.skin-black-light .table td:last-child .btn-group > .btn-primary,
body.theme-proclinic.skin-black-light .table td:last-child .btn-group > .btn-info {
    background-color: #fff !important;
    border-color: #222 !important;
    color: #222 !important;
}

body.theme-proclinic.skin-black .table .btn-group > .btn-primary i,
body.theme-proclinic.skin-black .table .btn-group > .btn-info i,
body.theme-proclinic.skin-black-light .table .btn-group > .btn-primary i,
body.theme-proclinic.skin-black-light .table .btn-group > .btn-info i,
body.theme-proclinic.skin-black .table td:last-child .btn-group > .btn-primary i,
body.theme-proclinic.skin-black .table td:last-child .btn-group > .btn-info i,
body.theme-proclinic.skin-black-light .table td:last-child .btn-group > .btn-primary i,
body.theme-proclinic.skin-black-light .table td:last-child .btn-group > .btn-info i {
    color: #222 !important;
}

body.theme-proclinic .table .btn-group > .btn-primary:hover,
body.theme-proclinic .table .btn-group > .btn-info:hover,
body.theme-proclinic .table .btn-group > .btn-primary i,
body.theme-proclinic .table .btn-group > .btn-info i {
    color: #fff !important;
}

body.theme-proclinic .pagination > .active > a,
body.theme-proclinic .pagination > .active > span,
body.theme-proclinic .pagination > .active > a:hover,
body.theme-proclinic .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--pc-accent) !important;
    border-color: var(--pc-accent) !important;
    color: #fff !important;
}

/* Nav / tabs */
body.theme-proclinic .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: var(--pc-primary);
}

body.theme-proclinic .nav-pills > li.active > a,
body.theme-proclinic .nav-pills > li.active > a:hover,
body.theme-proclinic .nav-pills > li.active > a:focus {
    background-color: var(--pc-primary);
}

/* Labels / alerts */
body.theme-proclinic .label-primary {
    background-color: var(--pc-primary) !important;
}

body.theme-proclinic .label-info,
body.theme-proclinic .bg-light-blue {
    background-color: var(--pc-info) !important;
}

body.theme-proclinic .label-success {
    background-color: var(--pc-success) !important;
}

body.theme-proclinic .label-warning {
    background-color: var(--pc-warning) !important;
}

body.theme-proclinic .label-danger,
body.theme-proclinic .badge-danger {
    background-color: var(--pc-danger) !important;
}

body.theme-proclinic .content-wrapper a:not(.btn):not(.dt-button),
body.theme-proclinic .modal a:not(.btn):not(.dt-button),
body.theme-proclinic .main-footer a:not(.btn):not(.dt-button) {
    color: var(--pc-accent);
}

body.theme-proclinic .content-wrapper a:not(.btn):not(.dt-button):hover,
body.theme-proclinic .content-wrapper a:not(.btn):not(.dt-button):focus,
body.theme-proclinic .modal a:not(.btn):not(.dt-button):hover,
body.theme-proclinic .modal a:not(.btn):not(.dt-button):focus,
body.theme-proclinic .main-footer a:not(.btn):not(.dt-button):hover,
body.theme-proclinic .main-footer a:not(.btn):not(.dt-button):focus {
    color: var(--pc-accent-hover);
}

body.theme-proclinic .text-primary {
    color: var(--pc-primary) !important;
}

body.theme-proclinic .text-info,
body.theme-proclinic .text-aqua {
    color: var(--pc-info) !important;
}

body.theme-proclinic .text-success {
    color: var(--pc-success) !important;
}

body.theme-proclinic .text-warning {
    color: var(--pc-warning) !important;
}

body.theme-proclinic .text-danger {
    color: var(--pc-danger) !important;
}

/* Modals */
body.theme-proclinic .modal-content {
    border-radius: var(--pc-radius);
    border: 0;
    box-shadow: 0 20px 50px rgba(4, 4, 42, 0.18);
}

body.theme-proclinic .modal-header {
    border-bottom-color: var(--pc-border);
}

body.theme-proclinic .modal-footer {
    border-top-color: var(--pc-border);
    background: #FAFBFC;
    border-radius: 0 0 var(--pc-radius) var(--pc-radius);
}

/* Footer */
body.theme-proclinic .main-footer {
    background: #fff;
    border-top: 1px solid var(--pc-border);
    color: var(--pc-muted);
}

/* Login */

body.theme-proclinic.login-page,
body.theme-proclinic[class*="login-page-"] {
    background: var(--pc-primary) !important;
}

body.theme-proclinic .login-logo a,
body.theme-proclinic .login-logo a:hover {
    color: #fff;
}

body.theme-proclinic .login-box-body {
    background: #fff;
    border-radius: 16px;
    box-shadow: var(--pc-shadow);
    padding: 28px 24px 20px;
}

body.theme-proclinic .login-box-msg {
    color: var(--pc-muted);
    font-weight: 500;
}

body.theme-proclinic .login-box .btn-primary {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--pc-primary) !important;
    border-radius: 6px !important;
    padding: 10px 16px;
    margin-top: 8px;
}

body.theme-proclinic .login-box .btn-primary:hover {
    background-color: var(--pc-primary-soft) !important;
    border-color: var(--pc-primary-soft) !important;
    color: var(--pc-primary-hover) !important;
}

body.theme-proclinic .login-box .form-control {
    border-radius: 6px;
    height: 42px;
    padding-left: 16px;
}

/* POS */

body.theme-proclinic .pos #item-list .btn,
body.theme-proclinic .pos .contents #item-list .btn {
    border-radius: var(--pc-radius-sm);
    border-color: var(--pc-border);
}

body.theme-proclinic .pos #category-sidebar-menu li.active a,
body.theme-proclinic .pos .control-sidebar-menu > li.active > a {
    background: var(--pc-primary) !important;
    color: #fff !important;
}

body.theme-proclinic #categories-list .product-filter-tabs {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0;
    background: #1c2529;
}
body.theme-proclinic #categories-list .product-filter-tabs > li > a {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    padding: 12px 2px;
    text-align: center;
    white-space: nowrap;
    background: #1c2529 !important;
    color: #b8c7ce !important;
    border: 0 !important;
}
body.theme-proclinic #categories-list .product-filter-tabs > li > a:hover,
body.theme-proclinic #categories-list .product-filter-tabs > li > a:focus {
    background: #222d32 !important;
    color: #fff !important;
}
body.theme-proclinic #categories-list .product-filter-tabs > li.active > a,
body.theme-proclinic #categories-list .product-filter-tabs > li.active > a:hover,
body.theme-proclinic #categories-list .product-filter-tabs > li.active > a:focus {
    background: #222d32 !important;
    color: #fff !important;
    box-shadow: inset 0 -3px 0 var(--pc-primary);
}

body.theme-proclinic #paymentModal .btn-primary,
body.theme-proclinic #submit-sale,
body.theme-proclinic .payment-submit-sale {
    background: var(--pc-primary) !important;
    border-color: var(--pc-primary) !important;
}