td { text-align: center; vertical-align: middle; } th { /*background-color: azure !important;*/ color: black; text-align: center; vertical-align: middle; } /* SmartClub tokens are scoped to opt-in shells or explicitly migrated CRUD pages. */ html.sw-panel-root, body.sw-panel-shell, .sw-admin-crud { --sw-page: var(--sc-page, #f3f6f8); --sw-surface: var(--sc-surface, #ffffff); --sw-ink: var(--sc-ink, #17313a); --sw-muted: var(--sc-muted, #667f88); --sw-border: var(--sc-border, #dce6ea); --sw-accent: var(--sc-accent, #168b7b); --sw-accent-hover: var(--sc-accent-hover, #0f7165); --sw-accent-soft: var(--sc-accent-soft, #e8f5f2); --sw-success: var(--sc-success, #2f8f63); --sw-warning: var(--sc-warning, #b7791f); --sw-danger: var(--sc-danger, #c44545); --sw-info: var(--sc-info, #2f6fa3); /* Sidebar scale taken from the SmartClub panel (--sc-nav-bg #0d1b2a): a deep navy rather than the previous teal #173f49. It separates the chrome from the teal accent instead of competing with it. */ --sw-sidebar: var(--sc-nav-bg, #0d1b2a); --sw-sidebar-hover: #1c2e44; --sw-sidebar-text: #e8f5f2; /* Secondary text on the sidebar: group headings and disabled items. Used by smart-panel-shell.css but never defined until now, so headings fell back to the link colour and the sidebar had no hierarchy at all. */ --sw-sidebar-muted: #a9bdd4; --sw-focus: var(--sc-focus, #92d8cd); --sw-row-hover: var(--sc-row-hover, #f7fafb); --sw-on-accent: var(--sc-on-accent, #ffffff); --sw-sidebar-border: rgba(255, 255, 255, .12); --sw-sidebar-soft: rgba(255, 255, 255, .06); --sw-sidebar-rule: rgba(255, 255, 255, .16); --sw-sidebar-shadow: -8px 0 24px rgba(23, 63, 73, .12); --sw-topbar-surface: rgba(255, 255, 255, .96); --sw-topbar-shadow: 0 8px 24px rgba(21, 48, 58, .06); --sw-modal-shadow: var(--sc-shadow-modal, 0 24px 60px rgba(21, 48, 58, .22)); --sw-backdrop: var(--sc-backdrop, rgba(21, 48, 58, .5)); --sw-radius-sm: var(--sc-radius-md, 10px); --sw-radius: var(--sc-radius-lg, 16px); --sw-shadow: var(--sc-shadow-lg, 0 12px 32px rgba(21, 48, 58, .08)); color-scheme: light; } /* Dark theme for the panel shell — design kit stage 01/02. Driven by html[data-theme="dark"]; _ThemeBoot sets it before first paint and Scripts/sc-theme.js toggles it. The kit's token contract says dark overrides NEUTRALS only, and that is the rule here with four measured exceptions: --sw-accent-soft, which is a near-white tint of the accent, and the three status colours used as text, which were tuned against a white background and do not survive a dark one. --sw-accent and --sw-danger keep their light values because they are used as backgrounds with white text, where lightening them would lower contrast rather than raise it. The sidebar is dark chrome in BOTH themes. It gets darker here rather than lighter, so it still reads as chrome next to the page. html.sw-panel-root is set in by Views/Shared/SmartPanel/_Head.cshtml, before first paint. body.sw-panel-shell only arrives once JS has run, so matching on it alone would render the page light and then flip it dark. .sw-admin-crud is in the server-rendered markup and needs no such help. */ html.sw-panel-root[data-theme="dark"], [data-theme="dark"] body.sw-panel-shell, [data-theme="dark"] .sw-admin-crud { --sw-page: var(--sc-page, #0c1c21); --sw-surface: var(--sc-surface, #12272e); --sw-ink: var(--sc-ink, #e6f0f2); --sw-muted: var(--sc-muted, #9ab3b9); --sw-border: var(--sc-border, #21414a); --sw-accent-soft: var(--sc-accent-soft, #123c38); /* Status colours as TEXT on a dark surface. The kit's contract says dark overrides neutrals only, and these are chromatic — but #2f8f63 on #12272e measures 3.86, under the 4.5 needed for body text. Same reason --sw-accent-soft is re-derived above: a value tuned against a white background does not survive a dark one. */ --sw-success: var(--sc-success, #4ec08a); --sw-warning: var(--sc-warning, #e0a33c); --sw-info: var(--sc-info, #5b9bd5); --sw-sidebar: var(--sc-nav-bg, #060d18); --sw-sidebar-hover: #16243a; --sw-sidebar-muted: #93a9c2; --sw-row-hover: var(--sc-row-hover, #17333b); --sw-sidebar-border: rgba(255, 255, 255, .10); --sw-sidebar-soft: rgba(255, 255, 255, .05); --sw-sidebar-rule: rgba(255, 255, 255, .13); --sw-sidebar-shadow: -8px 0 24px rgba(0, 0, 0, .45); --sw-topbar-surface: rgba(18, 39, 46, .96); --sw-topbar-shadow: 0 8px 24px rgba(0, 0, 0, .35); --sw-modal-shadow: var(--sc-shadow-modal, 0 24px 60px rgba(0, 0, 0, .6)); --sw-backdrop: var(--sc-backdrop, rgba(4, 12, 15, .62)); --sw-shadow: var(--sc-shadow-lg, 0 12px 32px rgba(0, 0, 0, .4)); color-scheme: dark; } i::before { background: transparent !important; } .md-skin .nav-header { background: url("patterns/4.png") no-repeat; /*background:#1ab394 !important;*/ } /*thead { background-color: blanchedalmond !important; }*/ .test { background-color: blanchedalmond !important; } /*my Css*/ .userlogo { width: 100px; } .form-group { display: flex; } .product-imitation { padding: 25px 0; } .btn-xs { font-size: 13px; } /*.pagination { display: inline-block !important; }*/ /*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { text-align: right !important; }*/ .row { /*display: flex !important;*/ text-align: right !important; } p { padding-right: 20px; } .table-responsive { margin-top: 50px; } .pagination { display: inline-flex; } .border-bottom { display: block; } .form-control, .single-line, select.form-control:not([size]):not([multiple]) { height: 40px; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .nopadding { padding: 0 !important; margin: 0 !important; } .center { margin: auto !important; width: 60%; padding: 10px !important; } .title-row { font-size: 13px; color: #000000; height: 50px; background-color: #fefefe; /*border-radius: 5px;*/ box-shadow: 5px 0 0px 0 rgb(243, 243, 244); text-align: right; margin: 8px 0; padding: 2px; padding-top: 15px; text-align: center !important; font-weight: bold; } .table-row-row { font-size: 13px; color: #000000; height: 92%; background-color: #fefefe; /*border-radius: 5px;*/ box-shadow: 5px 0 0px 0 rgb(243, 243, 244); text-align: right; margin: 8px 0; padding: 2px; text-align: center !important; } .customer-row:hover { box-shadow: 5px 2px 12px 0px rgb(181, 181, 181); } .pointer { cursor: pointer; } .table-row { font-size: 13px; color: #000000; min-height: 40px; background-color: #e6e6e6; /*border-radius: 5px;*/ box-shadow: 5px 0 0px 0 rgb(243, 243, 244); text-align: center !important; margin: 8px 0px; padding: 8px; } .table-row-danger { font-size: 13px; color: #ff0000; min-height: 40px; background-color: #e6e6e6; /*border-radius: 5px;*/ box-shadow: 5px 0 0px 0 rgb(243, 243, 244); text-align: center !important; margin: 8px 0px; padding: 8px; } .table-row-continue { font-size: 13px; color: #000000; height: 40px; background-color: #e6e6e6; /*border-radius: 5px;*/ /*box-shadow: 5px 0 0px 0 rgb(243, 243, 244);*/ text-align: center !important; margin: 8px 0px; padding: 8px; } .table-option { font-size: 13px; color: #000000; height: 45px; background-color: #e6e6e6; /* border-radius: 5px; */ box-shadow: 0 0 0px 0 rgb(243, 243, 244); text-align: center !important; margin: -6px 0px 11px 0px; padding: 0; } .operation-table-row { font-size: 13px; color: #000000; height: 40px; background-color: #ffffff; /*border-radius: 5px;*/ box-shadow: 5px 0 0px 0 rgb(243, 243, 244); text-align: center !important; padding: 8px; margin-top: -8px; } .border-row { border: 1px solid #000000 !important; border-radius: 32px; } .xs-border-row { border: 1px solid #c2bbbb !important; border-radius: 32px; padding: 10px; margin: 10px; background-color: gainsboro; } .xs-table-row { font-size: 14px; color: #000000; height: 40px; background-color: #dcdcdc; /*border-radius: 5px;*/ text-align: center !important; margin: 8px 0px; padding: 8px; } .hand { cursor: pointer; } .profile-color { background-color: #f3f3f4 !important; } .profile-color-back { background-color: #f3f3f4 !important; } .gray { color: gray; } .table-margin { margin: 0; } .mybtn { height: 40px; } .Operation-row { height: 80px; } .fa-2x { font-size: 16px !important; } .details-border { box-shadow: 0px 0px 1px 1px rgb(243, 243, 244); border-radius: 45px; padding-top: 6px; min-height: 34px; } .Message-row { /* border: 1px solid #c2bbbb !important; */ border-radius: 13px; padding: 20px 3px 20px 3px; margin: 10px 0 10px 0; font-size: 14px; background-color: rgba(8, 24, 46, 0.07); ; } .text-row { padding: 20px; } .number-row { font-size: 30px; height: 50px; margin: 10px 0 -8px 0; width: 50px; background-color: #ebebeb; border-radius: 50%; display: inline-block; } .ibox-content { padding: 15px 10px 20px 10px; margin: 0px -15px 0px -15px; } .row { margin-right: 0; margin-left: 0; } @media (min-width: 768px) { .contact-box { height: 100% !important; } } .bg-navy { color: #fff; background-color: #1ab394 !important; } .bg-danger2 { color: #fff; background-color: #ed5565 !important; } .bg-warning2 { color: #fff; background-color: #f8ac59 !important; } .DeactiveBranch { background-color: #ffcbcb !important; } .DeletedRow { background-color: #ff6666 !important; color: white; } .lDeactiveRow { background-color: #383838 !important; color: white; } .SelectedRow { background-color: #4b4875 !important; color: white; } .popover { max-width: 340px; } .text-right-align{ text-align: right !important; } #fixHeader { font-size: 15px ; z-index: 1000; } .MoreDetailsDiv { font-size: 13px; color: #000000; height: 80px; background-color: #dcdcdc; /* border-radius: 5px; */ /* box-shadow: 5px 0 0px 0 rgb(243, 243, 244); */ text-align: center !important; margin: -2px 0px; padding: 12px; } .MoreDetails { padding: 5px 0 0 0; } .current { color: green; } #pagin li { display: inline-block; } .prev { cursor: pointer; } .next { cursor: pointer; } .last { cursor: pointer; margin-left: 5px; } .first { cursor: pointer; margin-right: 5px; } .OnclickField { cursor: pointer; font-weight: bold; } #confirm-delete, #confirm-Add { z-index: 2051 !important } .TableSort { position: absolute; left: 10px; top: 17px; } .ibox-content { margin: 0px 0px 0px 1px; } .popover { z-index: 10600 !important; } .tar { text-align: right; } h1, h2, h3, h4, h5 { text-align: center; } @media (min-width: 1000px) { .modal-lg { max-width: 900px !important; } .modal-dialog { max-width: 700px; } /*.confirm-Add { width: 1000px !important; }*/ } @media (min-width: 1400px) { .modal-lg { max-width: 1200px !important; } .modal-dialog { max-width: 900px; } } @media (min-width: 1600px) { .modal-lg { max-width: 1400px !important; } .modal-dialog { max-width: 1200px; } } .ibox-title { padding: 15px 35px 8px 15px; } .nav { padding-right: 11px !important; } .form-control { font-size: 16px; } .login{ color: black !important; } .text-primary { color: var(--sc-accent, #168b7b) !important; } .row { margin-top: 10px; } .ltr { direction: ltr !important; } /*.select2 { min-width: 250px !important; }*/ /*select2 select2-container select2-container--default select2-container--below*/ .PublicSurveyBtn { background-image: linear-gradient(to right top, #aaccff, #bbd6ff, #cce1ff, #ddebff, #eef5ff); border-radius: 90px; height: 200px; font-size: 15px; color: black; } .hide { display: none; } .ibox-tools { float: left; margin-right: 10px; } .imgSize1 { max-width: 300px; } .select2-dropdown { z-index: 9001; } .select2-selection__clear { margin-left: 10px !important; margin-right: 3px !important; } .select2-container--default .select2-selection--single { /*background-color: white !important;*/ border: 1px solid #aaa !important; border-radius: 4px !important; cursor: text !important; height: 34px !important; margin: 0px 0px 0px 0px !important; } .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-results > .select2-results__options { direction: rtl !important; } .text-gold { color: goldenrod; } .btn-gold { color: #fff !important; background-color: goldenrod; border-color: goldenrod; } .badPoint { background-color: rgb(237 85 101 / 8%); } .goodPint { background-color: rgb(26 179 148 / 8%); } .checkBackgroundColor { background-color : #ffb6c129 }