/*================================================================================ Item Name: Convex - Theme Customization Version: 1.0 Author: Shujaat Iqbal Author URL: ================================================================================ NOTE: ------ PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS. WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS. */ /* Variables Start ============================================== */ /* Variables End ============================================== */ html[data-bs-theme=primary] { --primary-color: #03778A; --primary-color-2:#04BAB8; --bs-btn-disabled-bg:#f4a543; --primary-color-rgba: 3, 119, 138; --primary-color-hsl: 188, 96%, 28%; --secondary-color: #FD5D13; --primary-dark-orange:#FD8D02; --gradient-robin-and-orange:linear-gradient(90deg, #04BAB8 0%, #FD5D13 100%); --bg-custom-option:rgba(180, 225, 234, 0.25); --transition: all ease-in-out 200ms; --marketplace-category-active-hover-bg: #0000000a; --bg: #F4F5FA; --avatar-bg: radial-gradient(at left top, #FD5D13, #FD8D02); --bg-panel: #03778A; --switch-color: #d5d5d5; --color-text: #ffffff; --bs-body-color:rgba(97,97,97,.87) ; --bs-round-robin-select-tag: rgba(3, 119, 138, 0.13); --bs-round-robin-select-tag-danger: rgba(138, 3, 3, 0.13); --danger-color: #af0101; --link-color-text: #676d75; --transition: 300ms ease-out; --text-fill: #454545; --text-graph-fill: #454545; --text-light: #b3b3b3; --bg-appear-box: #efefef; --bg-sidebar-box: transparent; --bg-box: #d7d7d7; --txt-gry-wht: #545454; --txt-lgry-lwht: #777777; --gray: #6C757D; --bg-sidebar: #03778A; --bg-header: #ffffff; --bg-location: #f8fafa; --bg-primary-location: rgba(229, 241, 243, 1); --bg-active: rgba(0, 0, 0, 0.1); --sidebar-shadow: 2px 10px 30px 0 rgb(0 0 0 / 42%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%); --header-shadow: 0 6px 0 0 rgb(0 0 0 / 0.5%), 0 15px 32px 0 rgb(0 0 0 / 4%); --svg-bright: brightness(100%); --icon-bright: brightness(100%); --icon-bright-primary: invert(23%) sepia(80%) saturate(1200%) hue-rotate(160deg) brightness(60%) contrast(110%); --light-icon: none; --nav-link: #000000; --nav-link-hover: #FD5D13; --nav-link-hover-bg: #f4f6f8; --nav-link-active-bg: #03778A; --nav-link-inactive: #818181; --nav-link-brush: brightness(0) saturate(100%); --nav-link-brush-hover: invert(38%) sepia(92%) saturate(1465%) hue-rotate(354deg) brightness(100%) contrast(97%); --input-field-border: #d4e1e3; --sidebar-active1: rgba(0, 0, 0, 0.2); --sidebar-active2: rgba(0, 0, 0, 0.2); --border-color: rgba(0, 0, 0, 0.2); --border-sub-color: rgba(0, 0, 0, 0.1); --btn-add-solid: #FD8D02; --input-placeholder: #818181; --bg-card: #fff; --bg-card-primary: #03778A; --card-primary-value: #fff; --card-primary-label: #fff; --bg-lower-body: rgba(255, 255, 255, 0.2); --bg-lower-box-link: rgb(0 0 0 / 17%); --bg-card-addons: #fff; --bg-card-box: transparent; --card-title: #03778A; --card-title-wrap: #dfdfdf; --sub-title: #000000; --border-panel: #FD5D13; --bg-round: rgba($primary-color, 0.11); --hr-color: #D1D5EA; --card-shadow: 0 6px 0 0 rgb(0 0 0 / 1%), 0 15px 32px 0 rgb(0 0 0 / 6%); --bg-input: #f6f6f6; --bg-input-focus: #fff; --bg-field-disabled: #f8f9fa; --bg-radio: #DEE2E6; --bg-search-input: #ffffff; --txt-input: #495057; --br-input: #e1e1e1; --alpha-09: 0.9; --full-opacity: 1; --half-opacity: 0.5; --cus-opacity: 1; --bg-modal-head: #f7f7f7; --modal-title-color: #454545; --close-icon-color: #000000; --appearance-close: #d5d5d5; --bg-modal-body: #ffffff; --bg-table-head: #03778A; --br-table-col: #3094D9; --tl-rad: 0; --tbl-bdy-color: rgba(97, 97, 97, .87); --page-border: #DEE2E6; --bg-form-box: #f9f9f9; --bg-input-group-text: rgba(0, 0, 0, 0.1); --bg-btn-light: transparent; --bg-btn-light-hover: #d7d7d7; --bg-btn-light-cancel: #d7d7d7; --text-light-color: #000000; --bg-append-text: #E9ECEF; --append-color: #495057; --input-icon: rgba(97, 97, 97, .87); --input-icon-hover: #03778A; --result-selected: #ddd; --ttip-title: transparent; --bg-card--ttip: #ffffff; --img-filter: grayscale(1); --market-img: invert(0) grayscale(0) brightness(100%); --nav-text: #9E9E9E; --nav-border: #DEE2E6; --nav-active: #1a1a1a; --base: #9e9e9e; --market-text: rgba(0, 0, 0, .654); --wizard-border: #F5F7FA; --wizard-after: #F5F7FA; --specs-holder-bg: #fcfcfc; --irs-bg: rgba(0, 0, 0, 0.1); --irs-color: #333; --irs-line: #e5e7e9; --irs-handle: #fff; --span-color: #A7ACB3; --extra-input-bg: #fff; --extra-text-bg: #E5E7E9; --payment-card-border: #C2C6CE; --payment-background: #fff; --payment-shadow-1: rgb(240, 240, 240); --payment-shadow-2: rgb(250, 250, 250); --badge-bg: #F8F9FA; --badge-text: #212529; --activity-text: rgba(0, 0, 0, 0.66); --core-path: #dfdfdf; --ui-actions-bg: #F8F9FA; --template-btn-bg: #ddd; --template-btn-txt: #959595; --template-bg: #f5f5f5; --sweet-cancel-bg: #dddddd; --sweet-cancel-text: #959595; --sweet-warning-border: #f7e1ce; --sweet-warning-color: #f8bb86; --sweet-success-border: #FD8D02; --sweet-confirm-bg: #FD8D02; --bg-join: #fff; --bg-join-search: #fafafa; --bg-light-hover: #f3f3f3; --bg-light-bg: #F8F9FA; --bg-light-bg-hover: #f3f3f3; --bg-pagination: #DEE2E6; --bg-pagination-border: #DEE2E6; --bg-linear-gradient1: linear-gradient(45deg, #ffffff, rgba(0, 135, 201, 0.15)); --bg-linear-gradient2: -o-linear-gradient(45deg, #ffffff, rgba(0, 135, 201, 0.15)); --bg-linear-gradient3: -webkit-linear-gradient(45deg, #ffffff, rgba(0, 135, 201, 0.15)); --bg-search-gradient: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(4, 186, 184, 0.2)); --text-color: #454545; --text-small-color: #6C757D; --text-detail-color: #616161DE; --bg-td: rgba(207, 216, 220, 0.5); --add-green: #28D094; --color-add: #C2C6CE; --select-border: #c7c7c7; --bg-bulk-dropdown: #fff; --shadow-box: 0 20px 20px 2px rgba(64, 70, 74, .25); --workspace-nav-bg: rgba(211, 211, 211, 0.5); --workspace-nav-text: #545454; --toggle-bg: #d5d5d5; --bs-switch-color: #fffff; --bs-switch-border-color: #e1e1e1; --bg-hover: #f3f3f3; --svg-filter: brightness(1) invert(0) grayscale(0); --text: #6C757D; --border: #e9ecef; --add-hover: #FD5D13; --copy-bg: #fdfdfd; --dropdown-radius: 0px; --edit-color: #a1a1a1; --toggle-btn: #747272; --toggle-btn-bg: #b1b1b1; --bg-datepicker: #fff; --br-1: 0; --active-date: #dfdfdf; --date-border: none; --report-border: #DDDDDD; --snap-bg: #f9f9f9; --snap-filter: grayscale(100%) opacity(0.6); --badge-disabled: #d2d2d2; --badge-suspended: #777777; --badge-progress: #b98740; --badge-off: #e54646; --badge-on: #5ca961; --badge-vlow: #ffef99; --badge-vlow-text: #444903; --badge-low: #ffdb1a; --badge-low-text: #444903; --badge-moderate: #ffc331; --badge-moderate-text: #ffc331; --badge-high: #ff9e00; --badge-high-text: #ff9e00; --badge-vhigh: #FC682A; --badge-vhigh-text: #FC682A; --label-success-bg: #c3f4b5 !important; --label-success-txt: #417526 !important; --label-warning-bg: #f4e0b5 !important; --label-warning-txt: #755526 !important; --content-bg: #fbfcfd; --bg-tag: #E5E5E5; --error-field-bg: #fdeaea; --error-field-border: #ef7a8b; --workspcae-activity-icon: invert(45%) sepia(10%) saturate(372%) hue-rotate(175deg) brightness(90%) contrast(86%); --workspcae-activity-icon-hover: invert(32%) sepia(66%) saturate(3862%) hue-rotate(180deg) brightness(98%) contrast(101%); --sidebar-resource-svg: url("../../img/svg/icon_add_resource_light.svg"); --sidebar-desktop-svg: url("../../img/svg/icon_machine_desktop_light.svg"); --sidebar-server-svg: url("../../img/svg/icon_machine_server_light.svg"); --sidebar-ip-svg: url("../../img/svg/icon_security_IP_light.svg"); --sidebar-delete-svg: url("../../img/svg/icon_machine_deleted_light.svg"); --sidebar-port-svg: url("../../img/svg/icon_security_port_light.svg"); --sidebar-vpn-svg: url("../../img/svg/icon_security_vpn_light.svg"); --sidebar-vpn-ssl-svg: url("../../img/svg/icon_security_ssl_vpn_light.svg"); --sidebar-template-svg: url("../../img/svg/icon_library_template_light.svg"); --sidebar-bundle-svg: url("../../img/svg/icon_library_bundle_light.svg"); --sidebar-iso-svg: url("../../img/svg/icon_library_ISO_light.svg"); --sidebar-active-dir-svg: url("../../img/svg/icon_tools_active_dir_light.svg"); --sidebar-task-sec-svg: url("../../img/svg/icon_tools_task_scheduler_light.svg"); --sidebar-individual-svg: url("../../img/svg/icon_user_indiviual_light.svg"); --sidebar-group-svg: url("../../img/svg/icon_user_group_light.svg"); --sidebar-roles-svg: url("../../img/svg/icon_user_roles_light.svg"); --sidebar-report-overview-svg: url("../../img/svg/icon__report_overview_light.svg"); --sidebar-dex-svg: url("../../img/svg/icon_dex_live_light.svg"); --sidebar-dex-UX-svg: url("../../img/svg/icon_dex_UX_light.svg"); --sidebar-dex-anomalies-svg: url("../../img/svg/icon_DEX_anomalies_light.svg"); --sidebar-dex-summary-svg: url("../../img/svg/icon_DEX_summary_light.svg"); --sidebar-report-vm-svg: url("../../img/svg/icon__report_VM_inventory_light.svg"); --sidebar-report-purchase-svg: url("../../img/svg/icon__report_purchase_light.svg"); --sidebar-report-order-svg: url("../../img/svg/icon__report_order_history_light.svg"); --sidebar-ui-management-svg: url("../../img/svg/icon_library_template_light.svg"); --sidebar-workspace-management-svg: url("../../img/svg/icon_workspace_management_light.svg"); --sidebar-settings-svg: url("../../img/svg/icon_settings_light.svg"); --sidebar-logs-svg: url("../../img/svg/icon_activity_logs_light.svg"); --sidebar-documentation-svg: url("../../img/svg/icon__documentation_light.svg"); --sidebar-support-svg: url("../../img/svg/icon__support_light.svg"); --disable-alert: url(../../img/icons/disable_alert.svg); --enable-alert: url(../../img/icons/alert_clock.svg); --code-subtext-color: #37BC9B; --disabled-text-color: #b3b2b2; --linear-gradient-bg: rgba(255, 255, 255, 0.5), rgb(255, 255, 255); --beta-badge-bg: #eeeeee; --beta-badge-color: #807f7f; --pagination-bg: #E9ECEF; --input-text-color:#494949; --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); --bs-base-color-rgb:#f2f3f3; --bs-paper-bg:#ffffff; --bs-bg-label-tint-amount: 84%; --pagination-bg: #E9ECEF; --scaling-bg: #F9FAFB; --scaling-summary-bg: #F9FAFB; --scaling-summary-card-bg: #EDFAFA; --scaling-summary-text: #111928; --scaling-summary-table-border: #D1D5DB; --scaling-btn-text: #1F2A37; --scaling-border-color: #b8b3b3; --scaling-btn-hover-color:#f1f1f1; --scaling-vm-tag-color:#111928; --scaling-vm-tag-bg: #F3F4F6; --scaling-catalog-table-border: #F3F4F6; --info-noti-bg: rgba(var(--primary-color-rgba), 0.15); --btn-outline-disabled-bg:#e8e8e8; --btn-outline-color: #727272; } html[data-bs-theme=dark] { --primary-color: #01afae; --primary-color-2:#04BAB8; --bs-btn-disabled-bg:#f4a543; --primary-color-rgba: 1, 175, 174; --secondary-color: #FD5D13; --primary-dark-orange: #FD8D02; --gradient-robin-and-orange: linear-gradient(90deg, #04BAB8 0%, #FD5D13 100%); --transition: all ease-in-out 200ms; --marketplace-category-active-hover-bg: #ffffff0a; --bg: #111315; --avatar-bg: radial-gradient(at left top, #FD5D13, #FD8D02 ); --bg-custom-option:rgba(180, 225, 234, 0.25); --bg-panel: #434343; --switch-color: #03778A; --color-text: #676d75; --bs-body-color:rgba(97,97,97,.87) ; --bs-round-robin-select-tag: rgba(72, 157, 174, 0.13); --bs-round-robin-select-tag-danger: rgba(138, 3, 3, 0.13); --danger-color: #af0101; --transition: 300ms ease-out; --link-color-text: #676d75; --text-fill: #a4a4a4; --text-graph-fill: #ffffff; --text-light: #545454; --bg-appear-box: #2b2d2e; --bg-sidebar-box: #2b2d2e; --bg-box: #242526; --txt-gry-wht: #ffffff; --txt-lgry-lwht: #a6a6a6; --gray: #6C757D; --bg-sidebar: #1a1d1f; --bg-header: #1a1d1f; --bg-location: #272b30; --bg-primary-location: #272b30; --bg-active: #272b30; --sidebar-shadow: 0; --header-shadow: 0; --svg-bright: brightness(37%); --svg-bright-active: brightness(100%); --icon-bright: brightness(80%); --icon-bright-primary: invert(72%) sepia(24%) saturate(862%) hue-rotate(150deg) brightness(90%); --light-icon: invert(54%) sepia(24%) saturate(850%) hue-rotate(145deg) brightness(93%) contrast(100%); --nav-link: #676d75; --nav-link-hover: #fff; --nav-link-hover-bg: #323232; --nav-link-active-bg: #404040; --nav-link-inactive: #6e6d6d; --nav-link-brush: invert(53%) brightness(85%) contrast(90%); --nav-link-brush-hover: invert(100%) brightness(1000%); --input-field-border: #495057; --sidebar-active1: rgba(0, 0, 0, 0.1); --sidebar-active2: rgba(0, 0, 0, 0.2); --border-color: #029493; --border-sub-color: #01f6f5; --btn-add-solid: #FD8D02; --input-placeholder: #6C757D; --bg-card: #1a1d1f; --bg-card-primary: #1a1d1f; --card-primary-value: #03778A; --card-primary-label: #6C757D; --bg-lower-body: transparent; --bg-lower-box-link: rgb(13 16 18 / 23%); --bg-card-addons: transparent; --bg-card-box: #2b2d2e; --card-title: #01afae; --card-title-wrap: #2c2c2c; --sub-title: #adadad; --border-panel: #FD5D13; --bg-round: rgba(0, 0, 0, .18); --hr-color: #262626; --card-shadow: none; --bg-input: #272b30; --bg-input-focus: #1a1d20; --bg-field-disabled: #15181a; --bg-radio: #272b30; --bg-search-input: #ffffff; --txt-input: #ffffff; --br-input: #373a3e; --alpha-09: 0.9; --full-opacity: 1; --half-opacity: 0.5; --cus-opacity: 0.3; --bg-modal-head: #1a1d1f; --modal-title-color: #a7a7a7; --close-icon-color: #ffffff; --appearance-close: #2e2e2e; --bg-modal-body: #111315; --bg-table-head: #272b30; --br-table-col: #1a1d1f; --tl-rad: 0.5rem; --tbl-bdy-color: #d7d7d7; --page-border: #424242; --bg-form-box: #1a1d1f; --bg-input-group-text: #1a1d1f; --bg-btn-light: transparent; --bg-btn-light-hover: #1a1d1f; --bg-btn-light-cancel: #272b2e; --text-light-color: #ffffff; --bg-append-text: #373a3e; --append-color: rgba(97, 97, 97, .87); --input-icon: rgba(97, 97, 97, .87); --input-icon-hover: #03778A; --result-selected: rgb(74 73 73 / 87%); --ttip-title: transparent; --bg-card--ttip: #1a1d1f; --img-filter: grayscale(1); --market-img: invert(1) grayscale(1) brightness(100%); --nav-text: rgba(97, 97, 97, .87); --base: #9e9e9e; --nav-border: rgba(97, 97, 97, .87); --nav-active: #f5f5f5; --market-text: rgba(227, 227, 227, .654); --wizard-border: #343434; --wizard-after: #343434; --specs-holder-bg: #171a1c; --irs-bg: rgb(46 45 45 / 87%); --irs-color: #737576; --irs-line: rgb(46 45 45 / 87%); --irs-handle: #f5f5f5; --span-color: rgba(97, 97, 97, .87); --extra-input-bg: #1a1d1f; --extra-text-bg: #2f3032; --payment-card-border: #55585e; --payment-background: #1a1d1f; --payment-shadow-1: rgb(34 36 38); --payment-shadow-2: rgb(25 27 28); --badge-bg: #1a1d1f; --badge-text: #d7d7d7; --activity-text: #7a7a7a; --core-path: #464545; --template-btn-bg: #26282a; --template-btn-txt: #959595; --template-bg: #171a1c; --ui-actions-bg: #111315; --sweet-cancel-bg: #1f2124; --sweet-cancel-text: #959595; --sweet-warning-border: #8f6a4b; --sweet-warning-color: #d78033; --sweet-success-border: #FD8D02; --sweet-confirm-bg: #FD8D02; --bg-join: #111315; --bg-join-search: #1a1d1f; --bg-light-hover: #1c1e20; --bg-light-bg: #202326; --bg-light-bg-hover: #181a1c; --bg-pagination: #272b30; --bg-pagination-border: #424242; --bg-linear-gradient1: linear-gradient(45deg, #101010, rgba(0, 135, 201, 0.15)); --bg-linear-gradient2: -o-linear-gradient(45deg, #101010, rgba(0, 135, 201, 0.15)); --bg-linear-gradient3: -webkit-linear-gradient(45deg, #101010, rgba(0, 135, 201, 0.15)); --bg-search-gradient: linear-gradient(45deg, #101010, rgba(4, 186, 184, 0.4)); --text-color: #efefef; --text-small-color: #96999d; --text-detail-color: #727272de; --bg-td: rgb(17 19 21 / 55%); --add-green: #28D094; --color-add: #C2C6CE; --select-border: #525454; --bg-bulk-dropdown: #111315; --shadow-box: none; --workspace-nav-bg: rgb(8 8 8 / 50%); --workspace-nav-text: #7a7a7a; --toggle-bg: #474b4e; --bs-switch-color: #545454; --bs-switch-border-color: #646464; --bg-hover: #16181a; --svg-filter: brightness(0) invert(1) grayscale(0); --text: #efefef; --border: #363636; --add-hover: #FD5D13; --copy-bg: #141616; --dropdown-radius: 6px; --edit-color: #a1a1a1; --toggle-btn: #484848; --toggle-btn-bg: #020202; --bg-datepicker: #111315; --br-1: 1px solid; --active-date: #424854; --date-border: 2px; --report-border: #363636; --snap-bg: #232628; --snap-filter: grayscale(100%) opacity(1); --badge-disabled: #d2d2d2; --badge-suspended: #777777; --badge-progress: #b98740; --badge-off: #e54646; --badge-on: #5ca961; --badge-vlow: #e9d87d; --badge-vlow-text: #e9d87d; --badge-low: #e9d87d; --badge-low-text: #e9d87d; --badge-moderate: #ffc331; --badge-moderate-text: #ffc331; --badge-high: #ff9e00; --badge-high-text: #ff9e00; --badge-vhigh: #FC682A; --badge-vhigh-text: #FC682A; --label-success-bg: #c3f4b5 !important; --label-success-txt: #417526 !important; --label-warning-bg: #f4e0b5 !important; --label-warning-txt: #755526 !important; --content-bg: #1a1d1f; --bg-tag: #1a1d1f; --error-field-bg: #fdeaea; --error-field-border: #ef7a8b; --workspcae-activity-icon: invert(46%) sepia(19%) saturate(185%) hue-rotate(175deg) brightness(86%) contrast(89%); --workspcae-activity-icon-hover: invert(32%) sepia(66%) saturate(3862%) hue-rotate(180deg) brightness(98%) contrast(101%); --sidebar-resource-svg: url("../../img/svg/icon_add_resource_dark.svg"); --sidebar-desktop-svg: url("../../img/svg/icon_machine_desktop_dark.svg"); --sidebar-server-svg: url("../../img/svg/icon_machine_server_dark.svg"); --sidebar-ip-svg: url("../../img/svg/icon_security_IP_dark.svg"); --sidebar-delete-svg: url("../../img/svg/icon_machine_deleted_dark.svg"); --sidebar-port-svg: url("../../img/svg/icon_security_port_dark.svg"); --sidebar-vpn-svg: url("../../img/svg/icon_security_vpn_dark.svg"); --sidebar-vpn-ssl-svg: url("../../img/svg/icon_security_ssl_vpn_dark.svg"); --sidebar-template-svg: url("../../img/svg/icon_library_template_dark.svg"); --sidebar-bundle-svg: url("../../img/svg/icon_library_bundle_dark.svg"); --sidebar-iso-svg: url("../../img/svg/icon_library_ISO_dark.svg"); --sidebar-active-dir-svg: url("../../img/svg/icon_tools_active_dir_dark.svg"); --sidebar-task-sec-svg: url("../../img/svg/icon_tools_task_scheduler_dark.svg"); --sidebar-individual-svg: url("../../img/svg/icon_user_indiviual_dark.svg"); --sidebar-group-svg: url("../../img/svg/icon_user_group_dark.svg"); --sidebar-roles-svg: url("../../img/svg/icon_user_roles_dark.svg"); --sidebar-report-overview-svg: url("../../img/svg/icon__report_overview_dark.svg"); --sidebar-dex-svg: url("../../img/svg/icon_dex_live_dark.svg"); --sidebar-dex-UX-svg: url("../../img/svg/icon_dex_UX_dark.svg"); --sidebar-dex-anomalies-svg: url("../../img/svg/icon_DEX_anomalies_dark.svg"); --sidebar-dex-summary-svg: url("../../img/svg/icon_DEX_summary_dark.svg"); --sidebar-report-vm-svg: url("../../img/svg/icon__report_VM_inventory_dark.svg"); --sidebar-report-purchase-svg: url("../../img/svg/icon__report_purchase_dark.svg"); --sidebar-report-order-svg: url("../../img/svg/icon__report_order_history_dark.svg"); --sidebar-ui-management-svg: url("../../img/svg/icon_library_template_dark.svg"); --sidebar-workspace-management-svg: url("../../img/svg/icon_workspace_management_dark.svg"); --sidebar-settings-svg: url("../../img/svg/icon_settings_dark.svg"); --sidebar-logs-svg: url("../../img/svg/icon_activity_logs_dark.svg"); --sidebar-documentation-svg: url("../../img/svg/icon__documentation_dark.svg"); --sidebar-support-svg: url("../../img/svg/icon__support_dark.svg"); --disable-alert:url(../../img/icons/disable_alert_dark.svg); --enable-alert: url(../../img/icons/alert_clock_dark.svg); --code-subtext-color: #37BC9B; --disabled-text-color: #b3b2b2; --linear-gradient-bg: rgb(59 59 59 / 50%), rgb(0 0 0); --beta-badge-bg: #424242; --beta-badge-color: #aeaeae ; --pagination-bg: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); --input-text-color: #DEE2E6; --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1); --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08); --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14); --bs-base-color-rgb: #36374b; --bs-paper-bg:#2b2c40; --bs-bg-label-tint-amount: 84%; --beta-badge-color: #aeaeae; --pagination-bg: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); --scaling-bg: #242424; --scaling-summary-bg: #272b30; --scaling-summary-card-bg: #272b30; --scaling-summary-text: #6B7280; --scaling-summary-table-border: #525252; --scaling-btn-text: #ffffff; --scaling-border-color: #ffffff; --scaling-btn-hover-color: #383838; --scaling-vm-tag-color:#ffffff; --scaling-vm-tag-bg:#3d3d3d; --scaling-catalog-table-border: #353535; --info-noti-bg: rgba(var(--primary-color-rgba), 0.2); --btn-outline-disabled-bg:#4d4d4d; --btn-outline-color: #b8b8b8; } /* Components Start ============================================== */ html { /* tootltip start ============================================== */ /* tootltip end ============================================== */ /* Sidebar Start ============================================== */ /* Sidebar End ============================================== */ /* Appearance Start ============================================== */ /* Appearance End ============================================== */ /* Header Start ============================================== */ /* Header End ============================================== */ /* Upgrade / downgrade Start ============================================== */ /* MarketPlace Start ============================================== */ /* MarketPlace End ============================================== */ /* Content Start ============================================== */ /* Focus & Active State */ /* Change icon color when focused */ /* Hover effect */ /* Change icon color when dropdown is open */ /* half screen modal starts ============================================== */ /* half screen modal end ============================================== */ /* Content End ============================================== */ /* VM UI actions start ============================================== */ /* VM UI actions end ============================================== */ /* VM Detail Start ============================================== */ } html body { background-color: var(--bg); /*----------Footer Links------------*/ /*----------Footer Links------------*/ } html body input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--bg-input) inset; -webkit-text-fill-color: var(--txt-input) !important; } html body code { color: var(--code-subtext-color); } html body #admin_name + .select2-container .selection .select2-selection #select2-admin_name-container .select2-selection__clear { margin-right: 20px; margin-top: 2px; } html body .bg-primary-gradient { background: linear-gradient(to left top, var(--secondary-color), var(--primary-dark-orange)); } html body .text-secondary-color { color: var(--primary-dark-orange); } html body .paginate_button { padding: 0px !important; box-shadow: none !important; } html body .paginate_button .page-link:active { color: white !important; border: none !important; } html body .paginate_button .page-link:focus { color: white !important; border: none !important; } html body .paginate_button:hover { background: var(--pagination-bg) !important; border: none !important; box-shadow: none !important; } html body .paginate_button:active { color: white !important; border: none !important; box-shadow: none !important; } html body .paginate_button:focus { color: white !important; border: none !important; box-shadow: none !important; } html body #edit_administrator_table_filter label input { height: 14px !important; } html body .beta-tag { min-width: 45px; display: flex; justify-content: center; align-items: center; padding-left: 24px; margin-right: 6px; position: absolute !important; margin-top: -43px; background: var(--beta-badge-bg); color: var(--beta-badge-color) !important; } html body .form-check-input:checked { background-color: var(--primary-color-2); border-color: var(--primary-color-2); } html body .accordion-button:focus { box-shadow: 0 0 0 0.25rem rgba(var(--primary-color-rgba), 0.25); } html body .verified-chip { color: #04BAB8 !important; font-size: 13px; font-weight: 600px; border-color: #04BAB8 !important; } html body .non-verified-chip { color: #C81E1E !important; font-size: 13px; font-weight: 600px; border-color: #C81E1E !important; } html body .scaling-text { color: var(--nav-active); font-size: 14px !important; font-weight: 500; } html body .scaling-unit-text { width: 65px; padding: 4px 4px; font-size: 13px; border-top: 1px solid var(--br-input); border-right: 1px solid var(--br-input); border-bottom: 1px solid var(--br-input); font-weight: normal; text-align: center; justify-content: center; align-items: center; display: flex; } html body .auto-scaling-select-height { max-height: 32.8px; } html body .scaling-admin-box { background: var(--scaling-bg); } html body .scaling-vdi-input { max-width: 100px; background: #F9FAFB; outline: none !important; border: none !important; } html body .scaling-summary-box { border-top: 3px solid #04BAB8; background: var(--scaling-summary-bg); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); } html body .scaling-summary-card-heading { color: #6B7280; font-size: 13px; font-style: normal; font-weight: 400; } html body .scaling-summary-card-text { font-size: 18px; font-style: normal; font-weight: 500; } html body .scaling-card-2 { border-left: 1px solid rgba(3, 119, 138, 0.1); background: var(--scaling-summary-card-bg); } html body .summary-card { background: var(--scaling-summary-card-bg); } html body .scaling-summary-heading { font-size: 14px; font-style: normal; font-weight: 500; } html body .scaling-summary-data-heading { color: var(--scaling-summary-text); font-size: 12px; font-style: normal; font-weight: 500; } html body .scaling-summary-data-text { font-size: 13px; font-style: normal; font-weight: 500; } html body .scaling-summary-table { border-bottom: 1px solid var(--scaling-summary-table-border); padding: 4px 0px; } html body .scaling-table-heading { color: var(--scaling-summary-text); font-size: 12px; font-style: normal; font-weight: 500; } html body .scaling-cat-and-del-table-heading { color: var(--scaling-summary-text); font-size: 13px; font-style: normal; font-weight: 500; } html body .scaling-table-text { font-size: 13px; font-style: normal; font-weight: 500; } html body .scaling-catalog-btn { display: flex; padding: 10px 20px 10px 16px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border: 1px solid var(--scaling-border-color) !important; color: var(--scaling-btn-text) !important; background: transparent; font-weight: 400 !important; cursor: pointer; transition: ease; box-shadow: 0px 1px 2px 0 #d3d3d3; border-radius: 4px; } html body .scaling-catalog-btn:hover { background: var(--scaling-btn-hover-color) !important; } html body .scaling-catalog-tble-header { color: var(--scaling-tble-header); --scaling-table-header: #6B7280; font-size: 10px; font-style: normal; font-weight: 400; } html body .scaling-catalog-tble-text { font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html body .scaling-delv-grp-table { border-radius: 4px; border: 1px solid var(--scaling-catalog-table-border); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); background: var(--scaling-summary-bg); gap: 6px; } html body .scaling-catalog-table { border-radius: 4px; border: 1px solid var(--scaling-catalog-table-border); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08); background: var(--scaling-summary-bg); gap: 6px; } html body .summary { min-width: 300px; max-width: 600px; } html body .scaling-remaining-vm-tag { display: flex; padding: 4px 10px; justify-content: center; align-items: center; border-radius: 6px; background: var(--scaling-vm-tag-bg); color: var(--scaling-vm-tag-color); text-align: center; font-size: 12px; font-weight: 500; width: fit-content; gap: 6px; } html body .scaling-modals-text { font-size: 13px; } html body .scaling-catalog-radio { z-index: 1; margin-left: -38px; width: 90px; height: 20px; } html body .info-notification { background-color: var(--info-noti-bg); font-size: 12px; line-height: 1.6; padding: 10px; border-radius: 0 5px 5px 0; border-left: 4px solid var(--primary-color); color: var(--text-light-color) !important; } html body .form-check-input:focus { box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); /* Use --primary-color with 0.25 opacity */ border-color: var(--primary-color); } html body .custom-select option:checked { color: #FFFFFF !important; background-color: var(--nav-link-active-bg) !important; } html body .irs-single::before { border-top-color: var(--primary-color) !important; } html body .sidebar-resource-svg { content: var(--sidebar-resource-svg); border-top-color: var(--primary-color) !important; } html body .sidebar-desktop-svg { content: var(--sidebar-desktop-svg); } html body .sidebar-server-svg { content: var(--sidebar-server-svg); } html body .sidebar-ip-svg { content: var(--sidebar-ip-svg); } html body .sidebar-delete-svg { content: var(--sidebar-delete-svg); } html body .sidebar-port-svg { content: var(--sidebar-port-svg); } html body .sidebar-vpn-svg { content: var(--sidebar-vpn-svg); } html body .sidebar-vpn-ssl-svg { content: var(--sidebar-vpn-ssl-svg); } html body .sidebar-template-svg { content: var(--sidebar-template-svg); } html body .sidebar-bundle-svg { content: var(--sidebar-bundle-svg); } html body .sidebar-iso-svg { content: var(--sidebar-iso-svg); } html body .sidebar-active-dir-svg { content: var(--sidebar-active-dir-svg); } html body .sidebar-task-sec-svg { content: var(--sidebar-task-sec-svg); } html body .sidebar-individual-svg { content: var(--sidebar-individual-svg); } html body .sidebar-group-svg { content: var(--sidebar-group-svg); } html body .sidebar-role-svg { content: var(--sidebar-roles-svg); } html body .sidebar-report-overview-svg { content: var(--sidebar-report-overview-svg); } html body .sidebar-dex-svg { content: var(--sidebar-dex-svg); } html body .sidebar-dex-summary-svg { content: var(--sidebar-dex-summary-svg); } html body .sidebar-dex-UX-svg { content: var(--sidebar-dex-UX-svg); } html body .sidebar-dex-anomalies-svg { content: var(--sidebar-dex-anomalies-svg); } html body .sidebar-report-vm-svg { content: var(--sidebar-report-vm-svg); } html body .sidebar-report-purchase-svg { content: var(--sidebar-report-purchase-svg); } html body .sidebar-report-order-svg { content: var(--sidebar-report-order-svg); } html body .sidebar-ui-management-svg { content: var(--sidebar-ui-management-svg); } html body .sidebar-workspace-management-svg { content: var(--sidebar-workspace-management-svg); } html body .sidebar-settings-svg { content: var(--sidebar-settings-svg); } html body .sidebar-logs-svg { content: var(--sidebar-logs-svg); } html body .sidebar-documentation-svg { content: var(--sidebar-documentation-svg); } html body .sidebar-support-svg { content: var(--sidebar-support-svg); } html body .disable-alert-svg { content: var(--disable-alert); } html body .enable-alert-svg { content: var(--enable-alert); } html body hr { border-color: var(--hr-color); } html body .page-link, html body strong { color: var(--primary-color) !important; } html body .border-top-primary { border-top: 6px solid #01afae !important; } html body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, html body .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: var(--primary-color); } html body .process_table.table > :not(caption) > * > * { background: transparent; } html body .light-icon { filter: var(--light-icon); } html body .text-primary-light { color: var(--primary-color-Robin-egg-blue); } html body .profile i { background: var(--avatar-bg); color: #FFFFFF; } html body #processes .total-process, html body .processes .total-process { background: var(--gradient-robin-and-orange); color: #FFFFFF; } html body .profile-img .profile-content ul li .phone-icon { color: var(--secondary-color) !important; } html body .profile-img .profile-content ul li .phone-no { color: var(--secondary-color); } html body .profile-img .profile-content ul li .address-icon { color: var(--secondary-color) !important; } html body .profile-img .profile-content ul li .address { color: var(--secondary-color); } html body .profile-img .halfway-fab .profile-image { background: var(--avatar-bg); color: #FFFFFF; } html body .profile-settings .nav-item a:hover { color: var(--nav-active) !important; } html body .nav-item .nav-link .ft-appearance { filter: var(--nav-link-brush); } html body .nav-item .nav-link .ft-appearance:hover { filter: var(--nav-link-brush-hover) !important; } html body .appearance-toggle i.icon-color { filter: var(--nav-link-brush-hover) !important; } html body .help-dropdown a.dropdown-item { color: var(--nav-link) !important; } html body .help-dropdown a.dropdown-item:hover, html body .help-dropdown a.dropdown-item:focus, html body .help-dropdown a.dropdown-item:active { background-color: var(--nav-link-hover-bg); color: var(--nav-link-hover) !important; } html body .help-dropdown a.dropdown-item:focus, html body .help-dropdown a.dropdown-item:active { background-color: var(--nav-link-hover-bg); color: var(--secondary-color); } html body .navbar-light .navbar-nav .nav-link:hover { color: var(--secondary-color-Vibrant-Orange); } html body .navbar-light .navbar-nav .nav-link:focus { color: var(--secondary-color-Vibrant-Orange); } html body .navbar-light .navbar-nav .nav-link:active { color: var(--secondary-color-Vibrant-Orange); } html body .navbar-light .navbar-nav .show .nav-link { color: var(--primary-dark-orange); } html body .badge-primary { background-color: var(--primary-color); } html body .bg-label-success { background-color: var(--label-success-bg); color: var(--label-success-txt); } html body .bg-label-warning { background-color: var(--label-warning-bg); color: var(--label-warning-txt); } html body .page-item.active .page-link { background-color: var(--primary-color); border-color: var(--primary-color); } html body .role-collapse .card-header .card-title { background-color: var(--primary-color); } html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box table td .picker__day--infocus:hover { color: var(--primary-color); } html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box table td .picker__day--outfocus:hover { background-color: var(--primary-color); } html body .bg-dark .py-1-5 { padding-top: 0.55rem !important; padding-bottom: 0.55rem !important; } html body #toolbar .alert-message i { color: var(--primary-color); } html body .faq .accordion .card .card-header a i { background-color: rgba(var(--primary-color), 0.05); color: var(--primary-color); } html body .content-modal .faq .accordion .card .card-header a i { background-color: rgba(var(--primary-color), 0.05); color: var(--primary-color); } html body .footer-links a.link:hover { color: var(--primary-color); } html .machine_name_info .tooltip .vm-copy .tooltiptext, html .ip-tooltip .tooltip .vm-copy .tooltiptext { background-color: var(--copy-bg); color: var(--text-fill); box-shadow: var(--card-shadow); } html .machine_name_info .tooltip .vm-copy .tooltiptext::after, html .ip-tooltip .tooltip .vm-copy .tooltiptext::after { border-color: var(--copy-bg) transparent transparent transparent; } html .app-sidebar[data-background-color=primary], html .off-canvas-sidebar[data-background-color=primary] { background-color: var(--bg-sidebar); } html .app-sidebar[data-background-color=primary] .sidebar-background:after, html .off-canvas-sidebar[data-background-color=primary] .sidebar-background:after { background-color: var(--bg-sidebar); transition: var(--transition); } html .app-sidebar, html .off-canvas-sidebar { box-shadow: none; } html .app-sidebar .sidebar-content { border-right: 1px solid var(--bg-sidebar-box); } html .app-sidebar .navigation li.active a { background-color: var(--sidebar-active2); border-right: 4px solid var(--border-sub-color); color: #ffffff !important; } html .app-sidebar .navigation li.active:hover a { background-color: var(--sidebar-active1); color: #ffffff !important; } html .app-sidebar .navigation li.nav-collapsed-open a { color: #ffffff !important; } html .app-sidebar .navigation li.nav-collapsed-open a i { color: #ffffff !important; } html .app-sidebar .navigation li a { color: var(--color-text) !important; } html .app-sidebar .navigation li a.btn-add { color: #ffffff !important; } html .app-sidebar .navigation li a.btn-add i { color: #ffffff !important; } html .app-sidebar .navigation li a:hover { color: #ffffff !important; } html .app-sidebar .navigation li a:hover i { color: #ffffff !important; } html .app-sidebar .navigation li a:hover i.ft-workspace { filter: var(--svg-bright-active) !important; } html .app-sidebar .navigation li a.btn-add:hover { background-color: var(--add-hover) !important; } html .app-sidebar .navigation li a.btn { color: #ffffff; } html .app-sidebar .navigation li a.btn i { color: #ffffff; } html .app-sidebar .navigation li a i { color: var(--color-text) !important; } html .app-sidebar .navigation li a i.ft-workspace { filter: var(--svg-bright); } html .app-sidebar .navigation li.open > a { border-right: 4px solid var(--border-color); background-color: var(--bg-active); } html .app-sidebar .navigation li.open a { color: #ffffff !important; transition: var(--transition); } html .app-sidebar .navigation li.open a i { color: #ffffff !important; } html .app-sidebar .navigation li.open a i.ft-workspace { filter: var(--svg-bright-active) !important; } html .app-sidebar .navigation li.open ul li.open a { background-color: var(--sidebar-active2); } html .app-sidebar .navigation li.open .menu-content .active .menu-item { color: #ffffff !important; } html .app-sidebar .navigation li.open .menu-content .active .menu-item a { border-right: 4px solid var(--border-color); background-color: var(--bg-active); } html .app-sidebar .navigation li.open .menu-content .active .menu-item i { color: #ffffff !important; } html .app-sidebar .navigation li.open .menu-content .menu-item { color: var(--color-text) !important; } html .app-sidebar .navigation li.open .menu-content .menu-item a { border-right: none; } html .app-sidebar .navigation li.open .menu-content .menu-item i { color: var(--color-text) !important; } html .app-sidebar .navigation li.open .menu-content .menu-item:hover { color: #ffffff !important; } html .app-sidebar .navigation li.open .menu-content .menu-item:hover i { color: #ffffff !important; } html .app-sidebar:not(:hover) .navigation li.nav-collapsed-open > a { background-color: var(--sidebar-active1) !important; box-shadow: none !important; } html #appearance { background-color: var(--bg-modal-body); border: 1px solid var(--bg-appear-box) !important; } html #appearance .appearance-close { color: var(--close-icon-color); opacity: 0.5; transition: var(--transition) !important; } html #appearance .appearance-close:hover { opacity: 0.8; background-color: var(--appearance-close); } html #appearance .form-bg-box h6 { color: var(--tbl-bdy-color); } html #appearance .form-bg-box.a-behavior .a-select .a-select-inner label { border: 2px solid var(--bg-form-box); } html #appearance .form-bg-box.a-behavior .a-select .a-select-inner input:checked ~ label > span { color: var(--primary-color); } html #appearance .form-bg-box.a-behavior .a-select .a-select-inner input:checked ~ label { border: 2px solid var(--secondary-color); } html #appearance .form-bg-box.a-behavior .a-select .a-select-inner input:checked ~ img { opacity: 1; } html .btn-add { background-color: var(--btn-add-solid); color: white; transition: var(--transition) !important; } html .btn-add:hover { background-color: rgba(var(--btn-add-solid), 0.8) !important; } html .btn-add-full { background-color: var(--btn-add-solid); color: white !important; transition: var(--transition) !important; } html .btn-add-full:hover { background-color: var(--btn-add-solid) !important; } html .btn-light { background-color: var(--bg-btn-light); color: var(--text-light-color); border: 0; } html .btn-light.cancel:hover { background-color: var(--bg-btn-light-cancel) !important; } html .btn-light:hover { color: var(--text-light-color) !important; background-color: var(--bg-btn-light-hover) !important; } html .btn-light:focus { color: var(--text-light-color); } html .btn-outline-add { border-color: var(--btn-add-solid) !important; color: var(--btn-add-solid) !important; background: transparent; transition: all ease-in-out 200ms; } html .btn-outline-add:hover { background: var(--secondary-color) !important; color: #FFFFFF !important; border-color: var(--secondary-color) !important; filter: brightness(95%); transition: all ease-in-out 200ms; } html .btn-outline-add:active { color: #FFFFFF; box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); } html .btn-outline-add:focus { box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); } html .primary-popover { background: var(--primary-color); } html .text-add { color: var(--secondary-color) !important; } html .navbar { background-color: var(--bg-header); transition: var(--transition); box-shadow: none; border-bottom: 1px solid var(--bg-appear-box); } html .navbar .navbar-toggle .icon-bar { color: var(--nav-link); } html .navbar.navbar-light a#location::after { display: none; } html .navbar.navbar-light a#location i { color: var(--primary-color) !important; } html .navbar.navbar-light a#location:hover i { color: var(--primary-color) !important; } html .navbar.navbar-light a.nav-link { color: var(--nav-link); transition: var(--transition); } html .navbar.navbar-light a.nav-link i.svg-icon { filter: brightness(0) saturate(100%); } html .navbar.navbar-light a.nav-link:hover { color: var(--nav-link-hover); } html .navbar.navbar-light a.nav-link:hover i.svg-icon { filter: var(--svg-filter); } html .navbar.navbar-light a.nav-link:focus { color: var(--nav-link-hover); } html .navbar.navbar-light a.nav-link:active { color: var(--nav-link-hover); } html .navbar.navbar-light a.nav-link:active i.svg-icon { filter: brightness(1) invert(0) grayscale(0); } html .dropdown .location-dropdown, html .dropdown .domain-dropdown { background-color: var(--bg-header); border: 1px solid var(--bg-appear-box) !important; border-top: 0 !important; } html .dropdown .location-dropdown a .dropdown-item, html .dropdown .domain-dropdown a .dropdown-item { color: var(--nav-link); } html .dropdown .location-dropdown a .dropdown-item:hover, html .dropdown .domain-dropdown a .dropdown-item:hover { color: var(--nav-link-hover) !important; background-color: var(--nav-link-hover-bg); } html .dropdown .location-dropdown a .dropdown-item.active, html .dropdown .domain-dropdown a .dropdown-item.active { color: #FFFFFF !important; background-color: var(--nav-link-active-bg) !important; } html .dropdown .help-dropdown { background-color: var(--bg-header); border: 1px solid var(--bg-appear-box) !important; border-top: 0 !important; } html .dropdown .notification-dropdown { background-color: var(--bg-header); border: 1px solid var(--bg-appear-box) !important; border-top: 0 !important; } html .dropdown .notification-dropdown .noti-list a.noti-container i { color: var(--nav-link); } html .dropdown .notification-dropdown .noti-list a.noti-container:hover { background-color: var(--bg-location); color: var(--nav-link); } html .dropdown .notification-dropdown .noti-list a.noti-container:hover i { color: var(--nav-link-hover) !important; } html .dropdown .profile-dropdown { background-color: var(--bg-header); border: 1px solid var(--bg-appear-box) !important; border-top: 0 !important; } html .dropdown .profile-dropdown .container .bg-lightgrey span a:hover { color: var(--nav-link-hover); } html .dropdown .profile-dropdown .valign-super { color: var(--text-fill); } html .dropdown .profile-dropdown .valign-super b:first-child { color: var(--card-title); } html .dropdown .profile-dropdown a.dropdown-item { background-color: var(--bg-location); color: var(--text-fill); } html .dropdown .notification-dropdown, html .dropdown .help-dropdown, html .dropdown .location-dropdown, html .dropdown .domain-dropdown { box-shadow: var(--card-shadow) !important; -webkit-box-shadow: var(--card-shadow) !important; } html .dropdown .profile-dropdown, html .dropdown .search { box-shadow: var(--card-shadow) !important; -webkit-box-shadow: var(--card-shadow) !important; } html #notification-sidebar { background-color: var(--bg-modal-body); border-left: 1px solid var(--bg-appear-box); } html #notification-sidebar.notification-sidebar a.notification-sidebar-close { color: var(--close-icon-color); opacity: 0.5; } html #notification-sidebar.notification-sidebar a.notification-sidebar-close:hover { opacity: 0.8; } html #notification-sidebar .nav-tabs { background-color: var(--bg-location); } html #notification-sidebar #activity-tab #activity-timeline .activity-timeline { border-color: var(--hr-color) !important; } html #notification-sidebar #activity-tab #activity-timeline .activity-timeline span { color: var(--text-fill) !important; } html #terms_cond_modal h4 { color: var(--text) !important; } html #terms_cond_modal p { color: var(--text-fill); } html #terms_cond_modal li { color: var(--text-fill); } html #terms_cond_modal .modal-footer { background-color: var(--bg-light-bg) !important; opacity: 1 !important; border-color: var(--border); } html #privacy_policy h4 { color: var(--text) !important; } html #privacy_policy p { color: var(--text-fill); } html #privacy_policy li { color: var(--text-fill); } html #privacy_policy .modal-footer { background-color: var(--bg-light-bg) !important; opacity: 1 !important; border-color: var(--border); } html #vmconfig form h4 { color: var(--nav-active) !important; } html #sup_disk_div .card { background-color: var(--bg-card-addons); border: 1px solid var(--bg-card-box); } html #sup_disk_div .card #add_disk_div span { color: var(--text-fill); } html .rule_task_scheduler .badge-imp-info { background-color: var(--specs-holder-bg); } html .search_box_container { background: url("../../img/svg/market_bg.svg") no-repeat -9px, var(--bg-search-gradient) !important; opacity: 0.8; } html .marketplace_content #sidebar p { color: var(--text-fill); } html .marketplace_content #sidebar .nav .nav-item a { color: var(--txt-lgry-lwht); } html .marketplace_content #sidebar .nav .nav-item a:hover { color: var(--txt-gry-wht); } html .marketplace_content #sidebar .nav .nav-item a.active { color: var(--primary-color); } html .marketplace_content .page-content #sidebarCollapse { color: var(--text-fill); } html .bg-market { background-color: var(--bg-header) !important; } html .bg-market form.icons-tab-steps h4 { color: var(--nav-active) !important; } html .bg-market form.icons-tab-steps small { color: var(--text-fill) !important; } html .config-wizard fieldset h5 { color: var(--nav-active); } html .pricing_table .price_qty tr td { background: var(--primary-color); color: #fff; } html .pricing_table .price_body tr td { color: var(--market-text) !important; border-top: 1px solid var(--hr-color) !important; } html .pricing_table .price_foot tr th { color: var(--nav-active); border-top: 1px solid var(--hr-color) !important; } html .sliders_core span { color: var(--span-color); } html .sliders_core .slider_container .range-slider .irs .irs-line { background-color: var(--irs-line); } html .sliders_core .slider_container .range-slider .irs .irs-max { color: var(--irs-color) !important; background-color: var(--irs-bg) !important; } html .sliders_core .slider_container .range-slider .irs .irs-min { color: var(--irs-color) !important; background-color: var(--irs-bg) !important; } html .sliders_core .slider_container .range-slider .irs .irs-single { background-color: var(--primary-color); color: white; } html .sliders_core .slider_container .range-slider .irs-bar { background-color: var(--primary-color); } html .sliders_core .slider_container .range-slider .irs-handle { background-color: var(--irs-handle); } html .sliders_core .slider_container .extra-controls .input-group .form-control { background-color: var(--extra-input-bg) !important; color: var(--text-fill); } html .sliders_core .slider_container .extra-controls .input-group .form-control:focus ~ .input-group-append .input-group-text { background-color: var(--primary-color) !important; color: #ffffff !important; } html .sliders_core .slider_container .extra-controls .input-group .input-group-append .input-group-text { background-color: var(--extra-text-bg) !important; } html .main-content .wizard .steps ul li.current .step { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff; } html .main-content .wizard .steps ul li.done .step { background-color: white; border-color: var(--primary-color); color: var(--primary-color); } html .main-content .wizard.wizard-circle .steps .step { background-color: var(--bg-header) !important; border: 5px solid var(--wizard-border); } html .main-content .wizard.wizard-circle .steps ul li::before { background-color: var(--primary-color); } html .main-content .wizard.wizard-circle .steps ul li::after { background-color: var(--primary-color); } html .main-content .wizard .actions ul li a[href="#finish"] { background: var(--secondary-color) !important; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; min-height: 36.8px !important; display: flex !important; justify-content: center !important; align-items: center !important; } html .main-content .wizard .actions ul li a[href="#finish"]:after { color: #fff; } html .main-content .wizard .actions ul li a[href="#finish"]:hover { background: var(--secondary-color-Vibrant-Orange) !important; box-shadow: none !important; } html .main-content .wizard .actions ul li a[href="#finish"]:active { box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); } html .main-content .wizard .actions ul li a[href="#finish"]:focus { outline: none; background: var(--secondary-color) !important; box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); } html .main-content .wizard .actions ul li a[href="#next"] { background: var(--secondary-color) !important; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; } html .main-content .wizard .actions ul li a[href="#next"]:after { color: #fff; } html .main-content .wizard .actions ul li a[href="#next"]:hover { background: var(--secondary-color-Vibrant-Orange) !important; } html .main-content .wizard .actions ul li a[href="#next"]:active { box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--secondary-color-Vibrant-Orange), 0.5); } html .main-content .wizard .actions ul li a[href="#next"]:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 141, 2, 0.3); } html .main-content .wizard .actions ul li a[href="#previous"] { background-color: transparent !important; color: var(--text-fill) !important; } html .main-content .wizard .actions ul li a[href="#previous"]:before { color: var(--text-fill); } html .main-content .wizard .actions ul li a[href="#previous"]:hover { color: var(--text-light-color) !important; background-color: var(--bg-btn-light-cancel) !important; } html .main-content .wizard .content fieldset .specs_holder { background-color: var(--specs-holder-bg); } html .main-content .wizard .content fieldset .specs_holder svg g path.core-path { fill: var(--core-path) !important; } html .main-content .wizard .content fieldset .specs_holder svg g path.core-path-blue { fill: var(--primary-color); } html .main-content .wizard .content fieldset .vm-specs-container .specs-top { background-color: var(--primary-color-Robin-egg-blue); } html .main-content .wizard .content fieldset .vm-specs-container .specs-bottom { background-color: #03778A; color: #ffffff !important; } html .main-content .wizard .content .vm-specs-container .specs-bottom { color: #ffffff !important; } html .main-content .wizard.wizard-circle > .steps > ul > li.current:after { background-color: var(--wizard-after); } html .main-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before { background-color: var(--wizard-after) !important; } html .main-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after { background-color: var(--wizard-after) !important; } html #new_disk .card { background-color: var(--bg-card-addons); border: 1px solid var(--bg-card-box); } html #new_disk .card .card-block span { color: var(--text-fill); } html .bundle-prod-list.card { background-color: var(--bg-card-addons); border: 1px solid var(--bg-card-box); } html .bundle-prod-list.card .card-block .bg-light { color: var(--text-color) !important; } html .bundle-prod-list.card .card-block input.qty_bg { color: var(--append-color) !important; } html .nav-tabs { border-bottom: var(--bs-border-width) solid var(--bs-border-color); } html .nav-tabs .nav-item a { color: var(--nav-text) !important; } html .nav-tabs .nav-item a.active { border-bottom: 3px solid var(--primary-color); color: var(--nav-active) !important; } html .badge-imp-info { background-color: var(--bg-form-box); color: var(--text-fill); } html .badge-imp-info i { color: var(--primary-color); } html .badge.badge-vlow { border-color: var(--badge-vlow); color: var(--badge-vlow-text); } html .badge.badge-low { border-color: var(--badge-low); color: var(--badge-low-text); } html .badge.badge-moderate { border-color: var(--badge-moderate); color: var(--badge-moderate-text); } html .badge.badge-high { border-color: var(--badge-high); color: var(--badge-high-text); } html .badge.badge-vhigh { border-color: var(--badge-vhigh); color: var(--badge-vhigh-text); } html .badge.badge-on { border: 1px solid var(--badge-on); color: var(--badge-on); } html .badge.badge-off { border-color: var(--badge-off); color: var(--badge-off); } html .badge.badge-progress { border-color: var(--badge-progress); color: var(--badge-progress); } html .badge.badge-action { color: var(--primary-color); } html .badge.badge-suspend { border-color: var(--badge-suspended); color: var(--badge-suspended); } html .badge.badge-disabled { border-color: var(--badge-disabled); color: var(--badge-disabled); } html .badge.badge-enabled { border-color: var(--primary-color); color: var(--primary-color); } html .card { background-color: var(--bg-card); box-shadow: var(--card-shadow); color: var(--bs-body-color); } html .card.bg-primary { background-color: var(--bg-card-primary) !important; } html .card.bg-primary .dashboard-box-double h3, html .card.bg-primary .dashboard-box-single h3 { color: var(--card-primary-value) !important; } html .card.bg-primary .dashboard-box-double span, html .card.bg-primary .dashboard-box-single span { color: var(--card-primary-label); } html .card.bg-primary .lower-box-double .media { border: var(--br-1) var(--bg-sidebar-box); } html .card.bg-primary .lower-box-double .media .media-body { background-color: var(--bg-lower-body); transition: var(--transition); } html .card.bg-primary .lower-box-double .media .media-body:hover { background-color: var(--bg-lower-box-link); } html .card.bg-primary .lower-box-double .media .media-body:first-child { border-right: var(--br-1) var(--bg-sidebar-box); } html .card .card-header h6 { color: var(--card-title); } html .card .card-header .bar-primary { border-color: var(--border-panel) !important; } html .card .card-header .bar-title-color { border-color: var(--card-title-wrap) !important; } html .card .card-title { color: var(--card-title); } html .card .card-body .dashboard-box-single .background-round { background-color: rgba(var(--primary-color-rgba), 0.11); } html .card .card-body .card-actions-right a { color: var(--edit-color); } html .card .card-body .card-actions-right a:hover { color: var(--primary-color); } html .card .card-body .card-block .det-info-txt { color: var(--text-small-color); } html .card:hover .card-header .bar-title-color { border-color: var(--secondary-color) !important; } html .card-title { color: var(--card-title); font-weight: 500; display: flex; gap: 4px; } html .card-title button { margin-bottom: -5px; } html #machines_config_modal_fieldset .controls .select2-container .selection .select2-selection { min-height: 48px; } html #machines_config_modal_fieldset .controls .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice { min-height: 30px; } html #ux-table_paginate .paginate_button:not(.disabled):hover a { color: white !important; background-color: var(--primary-color) !important; } html .card-text { color: var(--text-detail-color) !important; } html #user_fullname { color: var(--text-detail-color) !important; } html .content-sub-header { color: var(--sub-title); } html .role-collapse .card-header .card-title.collapsed { background-color: var(--bg-modal-head); color: var(--primary-color); } html .popover-body .pop-boxes .card { background-color: var(--bg-card--ttip); border: 1px solid var(--bg-appear-box) !important; } html .popover-body .pop-boxes .card .card-title { background-color: var(--ttip-title); } html .popover-body .pop-boxes .card hr { border-color: var(--hr-color); } html .popover-body .pop-boxes .card .card-text { color: var(--text-fill); } html .popover-body .pop-boxes .card .description { color: var(--nav-active); } html .popover-body .pop-boxes .bg-info .card-body .card-block p { color: white !important; background: var(--primary-color); } html .popover-body .pop-title-box .card { background-color: var(--bg-card--ttip); border: 1px solid var(--bg-appear-box) !important; } html .popover-body .pop-title-box .card b { color: var(--card-title); } html .popover-body .pop-title-box .card hr { border-color: var(--hr-color); } html .popover-body .pop-title-box .card p { color: var(--text-fill); } html .popover-body .pop-title-box .card .description { color: var(--nav-active); } html .popover.below { background-color: var(--bg-card) !important; color: var(--text-fill); box-shadow: var(--card-shadow); border: 1px solid var(--bg-appear-box); } html .create-new-ad-modal .popover.above { background-color: var(--bg-card); color: var(--text-fill); box-shadow: var(--card-shadow); border: 1px solid var(--bg-appear-box); } html .nv-noData { fill: var(--text-fill); } html .badge-disabled { opacity: var(--cus-opacity); } html .modal .modal-dialog .modal-header { background-color: var(--bg-modal-head); } html .modal .modal-dialog .modal-header .modal-title { color: var(--modal-title-color); } html .modal .modal-dialog .modal-header button.close i { color: var(--close-icon-color); } html .modal .modal-dialog .modal-body { background-color: var(--bg-modal-body); } html .offcanvas-header { background-color: var(--bg-modal-head); } html #divToToggle .input-group-text { background-color: var(--bg-input-group-text); } html .badge-light { background-color: var(--badge-bg) !important; color: var(--badge-text) !important; } html .form-bg-box { background-color: var(--bg-form-box); } html form .form-body fieldset label { color: var(--tbl-bdy-color); } html form .form-actions { border-top: 1px solid var(--hr-color); } html .bg-bg-info .badge-imp-info { background-color: var(--specs-holder-bg) !important; } html #consent_div .badge-imp-info { background-color: var(--specs-holder-bg) !important; } html #consent_div #consent_checkbox { background-color: var(--bg-radio); border-color: var(--select-border); } html table.din-ui thead, html table.din-ui tfoot { background-color: var(--bg-table-head); } html table.din-ui thead tr th, html table.din-ui tfoot tr th { border: 0 !important; color: #fff !important; } html table.din-ui thead tr th:first-child, html table.din-ui tfoot tr th:first-child { border-top-left-radius: var(--tl-rad); border-bottom-left-radius: var(--tl-rad); } html table.din-ui thead tr th:last-child, html table.din-ui tfoot tr th:last-child { border-top-right-radius: var(--tl-rad); border-bottom-right-radius: var(--tl-rad); } html table.din-ui thead tr th .custom-checkbox .custom-control-label::before, html table.din-ui tfoot tr th .custom-checkbox .custom-control-label::before { border-color: var(--select-border); } html table.din-ui tbody tr td { background-color: transparent; border-top: 0; border-bottom: 1px solid var(--hr-color) !important; color: var(--tbl-bdy-color); } html table.din-ui tbody tr td .custom-checkbox .custom-control-label::before { border-color: var(--select-border); } html table.pricing_table > :not(caption) > * > * { background-color: transparent !important; border-bottom: 0 !important; } html .paginate_button a { font-size: 0.9rem; } html .paginate_button a.page-link { border: 1px solid var(--page-border); } html .select2-container--focus ~ .with-icon i { color: var(--input-icon-hover); } html .select2-container--focus .select2-search input { color: var(--txt-input); } html .select2-container--focus .select2-selection--multiple { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); color: var(--input-text-color); } html .select2-container--default .select2-selection--single { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); color: var(--input-text-color); } html .select2-container--default .select2-dropdown { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); color: var(--input-text-color); } html .select2-container--default .select2-dropdown .select2-results__option.select2-results__option--selected { background-color: var(--result-selected); opacity: 0.8; } html .select2-container--default .select2-selection--multiple { background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); color: var(--input-text-color); } html .select2-container--default .select2-selection--multiple:focus { background-color: var(--bg-input); border-color: var(); color: var(--txt-input); } html .stats-tab .nav-tabs .nav-item a { color: var(--nav-link) !important; } html .stats-tab .nav-tabs .nav-item a.active { border-bottom: 1px solid var(--primary-color) !important; background-color: var(--bg-card); color: var(--card-title) !important; } html .vm-name-container { background-color: transparent !important; } html .vm-name-container .name-label-container span label .label-name { color: var(--text-fill); } html .table-content-bg { background: var(--bg-modal-head); } html .bg-white { background-color: var(--bg-header) !important; } html .vm-detail-select-all .bg-light { background-color: var(--bg-primary-location) !important; opacity: 0.8; } html .vm-detail-select-all .bg-light:hover, html .vm-detail-select-all .bg-light:focus, html .vm-detail-select-all .bg-light:active { background: var(--bg-hover) !important; opacity: 1; } html .bg-light { background-color: var(--bg-location) !important; opacity: 0.8; } html .bg-light:hover, html .bg-light:focus, html .bg-light:active { background: var(--bg-hover) !important; opacity: 1; } html .custom-checkbox .custom-control-input ~ .custom-control-label::before { background-color: var(--bg-radio); border: 1px solid var(--select-border); } html .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--primary-color); } html .bootstrap-tagsinput.active, html .bootstrap-tagsinput.focused { border-color: var(--primary-color) !important; background: var(--bg-input-focus) !important; box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); -webkit-box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); } html .bootstrap-tagsinput.active ~ .with-icon i, html .bootstrap-tagsinput.focused ~ .with-icon i { color: var(--primary-color) !important; } html .bootstrap-tagsinput.focused { outline: none; } html .controls.focused .select2-selection, html .controls.active .select2-selection { border-color: var(--primary-color) !important; background: var(--bg-input-focus) !important; box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); -webkit-box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); border-radius: 4px; } html .controls.focused .with-icon i, html .controls.active .with-icon i { color: var(--primary-color) !important; } html .controls.hovered .select2-selection { border-color: var(--primary-color) !important; } html .select2-selection[aria-expanded=true] { border-color: var(--primary-color) !important; box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); -webkit-box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3); border-radius: 4px; } html .controls:has(.select2-selection[aria-expanded=true]) .with-icon i { color: var(--primary-color) !important; } html .select2-container--default .select2-search--dropdown .select2-search__field { background-color: var(--bg-input) !important; border: 1px solid var(--br-input) !important; } html .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--primary-color) !important; } html .custom-control-input:disabled ~ .custom-control-label::before { background-color: var(--bg-radio); } html .custom-radio .custom-control-label::before { background-color: var(--bg-radio); } html .hmain-modal .modal-dialog .modal-content .modal-body p { color: var(--text-small-color); } html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a.active { border-bottom: 1px solid var(--primary-color); background-color: var(--bg-appear-box); color: var(--primary-color) !important; } html .offcanvas .nav-tabs .nav-item a h5 { color: inherit; } html .offcanvas .nav-tabs .nav-item a.active { border-bottom: 1px solid var(--primary-color); background-color: var(--bg-appear-box); color: var(--primary-color) !important; } html .vm-ui-actions > a img { filter: grayscale(100%) opacity(0.8); } html .vm-ui-actions > a:hover img, html .vm-ui-actions > a:active img, html .vm-ui-actions > a:focus img { filter: var(--icon-bright-primary) opacity(1); } html .vm-ui-actions .actions-dropdown { background-color: var(--bg-modal-body); box-shadow: var(--card-shadow) !important; -webkit-box-shadow: var(--card-shadow) !important; border: 1px solid var(--bg-appear-box); border-radius: var(--dropdown-radius) !important; } html .vm-ui-actions .actions-dropdown a { color: var(--text-fill) !important; } html .vm-ui-actions .actions-dropdown a:hover { background-color: var(--bg-hover); color: var(--primary-color) !important; } html .vm-ui-actions .actions-dropdown a:hover span, html .vm-ui-actions .actions-dropdown a:hover i { color: var(--primary-color); } html .vm-ui-actions .actions-dropdown a:hover img { filter: var(--icon-bright-primary); } html .vm-ui-actions .actions-dropdown a:hover.disabled span, html .vm-ui-actions .actions-dropdown a:hover.disabled i { color: var(--text-fill) !important; } html .vm-ui-actions .actions-dropdown a:hover.disabled img { filter: grayscale(100%) opacity(0.8); } html .vm-ui-actions .actions-dropdown a:active, html .vm-ui-actions .actions-dropdown a:focus { background-color: var(--primary-color); color: #ffffff !important; } html .vm-ui-actions .actions-dropdown a:active span, html .vm-ui-actions .actions-dropdown a:active i, html .vm-ui-actions .actions-dropdown a:focus span, html .vm-ui-actions .actions-dropdown a:focus i { color: #ffffff !important; } html .vm-ui-actions .actions-dropdown a:active img, html .vm-ui-actions .actions-dropdown a:focus img { filter: brightness(0) invert(1); } html .vm-ui-actions .actions-dropdown a.disabled { background-color: transparent; } html .vm-ui-actions .actions-dropdown a.disabled span, html .vm-ui-actions .actions-dropdown a.disabled i { color: #9b9b9b !important; } html .vm-ui-actions .actions-dropdown a.disabled img { filter: grayscale(100%) opacity(0.8); } html .vm-ui-actions .actions-dropdown a img { filter: var(--img-filter); } html .vm-label-edit .parent-label { box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; border: 1px solid var(--bg-appear-box); } html .vm-label-edit .parent-label .form-body .form-group label { color: #75787D !important; background-color: transparent !important; } html #dt_vm_listing tbody tr td .bg-light { transition: var(--transition); } html #dt_vm_listing tbody tr td .bg-light:hover { background-color: var(--primary-color) !important; color: #ffffff !important; } html #dt_vm_listing tbody tr td .bg-light:hover strong { color: #ffffff !important; } html .full-page-container .content-wrapper .container-fluid .bg-det-top { background-color: var(--bg-appear-box) !important; } html .full-page-container .content-wrapper .container-fluid .bg-det-top .det-top-title { color: var(--text-fill); } html .full-page-container .content-wrapper .container-fluid .bg-det-top .det-top-title b { color: var(--base); } html .full-page-container .content-wrapper .container-fluid .bg-det-content { background-color: transparent; } html .full-page-container .content-wrapper .container-fluid .bg-det-content .right-cont-height .card .card-body .card-block { color: var(--text-small-color); } html .vm-name-chge .form-actions .btn-light { background-color: var(--bg-btn-light); color: var(--text-light-color); border: 0; } html .vm-name-chge .form-actions .btn-light:hover { color: var(--text-light-color) !important; background-color: var(--bg-btn-light-cancel) !important; } html .vm-name-chge .form-actions .btn-light:focus { color: var(--text-light-color); } html .nav-left-tabs .nav-left { background-color: var(--bg-card); } html .nav-left-tabs .nav-left .nav-item a { background-color: var(--bg-card); color: var(--text-light) !important; } html .nav-left-tabs .nav-left .nav-item a.active { background-color: var(--bg); color: var(--primary-color) !important; } html .actions_detail_operation .detail-action > .actions-dropdown a { background-color: var(--bg-box) !important; color: var(--gray) !important; } html .actions_detail_operation .detail-action > .actions-dropdown a:hover { background-color: var(--primary-color) !important; } html .actions_detail_operation .detail-action > .actions-dropdown a:hover span, html .actions_detail_operation .detail-action > .actions-dropdown a:hover i { color: #ffffff !important; background-color: transparent; } html .actions_detail_operation .detail-action > .actions-dropdown a:active, html .actions_detail_operation .detail-action > .actions-dropdown a:focus { background-color: var(--primary-color) !important; } html .actions_detail_operation .detail-action > .actions-dropdown a:active span, html .actions_detail_operation .detail-action > .actions-dropdown a:active i, html .actions_detail_operation .detail-action > .actions-dropdown a:focus span, html .actions_detail_operation .detail-action > .actions-dropdown a:focus i { color: #ffffff !important; background-color: transparent; } html .actions_detail_operation .detail-action > .actions-dropdown a img { filter: grayscale(100%) var(--icon-bright); } .custom-box .card { border: 1px solid var(--bg-appear-box); } .field-border { border: 1px solid var(--br-input); } #snap_row .card .card-body .card-actions-right a img { filter: var(--snap-filter); } #snap_row .card .card-body .card-actions-right a:hover { color: var(--primary-color); } #snap_row .card .card-body .card-actions-right a:hover img { filter: brightness(100%); } #snap_row .card .card-body .task-content-holder .task-detail span { color: var(--text-small-color); } #snap_row .card .card-body .task-footer { background: var(--snap-bg) !important; } #snap_row .card .card-body .task-footer .due-date small a { color: var(--primary-color); } #snap_row .card .card-body .task-footer .due-date small b { color: var(--primary-color); } #snap_row .card .card-body .task-footer small { color: #a1a1a1; } #snap_row .card .card-body .task-footer small b { color: #7D7D7D; } /* VM Detail End ============================================== */ /* tunnel info table start ============================================== */ .vpn-info .ip_title1s, .vpn-info .ip_title2s, .vpn-info .ip_title3s { background: var(--bg-table-head); color: #ffffff !important; } .vpn-info .ip_title1s { border: none; } .vpn-info .ip_title2s { border: none; } .vpn-info .firetxt1 { padding: 0.5rem; border: none; color: var(--text-color); background-color: var(--bg-modal-head); } /* tunnel info table end ============================================== */ /* Activity log Start ============================================== */ #vm_logs_container h6 { color: var(--text-fill); } .activity-list-container .activity_log_container .fa-wrench { color: var(--primary-color); padding-top: 4px; padding-left: 18px; } .activity-list-container .activity_log_container > small { color: var(--activity-text) !important; } .activity-list-container .activity_log_container > .activity_log_content > .log_action { color: var(--activity-text) !important; } .activity-list-container .activity_log_container > .activity_log_content > .log_user { color: var(--activity-text) !important; } /* Activity log End ============================================== */ /* Active Directory Start ============================================== */ .a-directory .a-dropdown, .dg-workspace .a-dropdown { background-color: var(--bg-header); border-color: var(--bg-appear-box) !important; } .a-directory .a-dropdown a, .dg-workspace .a-dropdown a { color: var(--link-color-text); } .a-directory .a-dropdown a:hover, .dg-workspace .a-dropdown a:hover { background-color: var(--bg-location); color: var(--primary-color); } .din-ui tr.shown td { background-color: var(--bg-td); } .din-ui .din-ui-actions a { color: var(--primary-color); } .din-ui .din-ui-actions a:focus, .din-ui .din-ui-actions a.active, .din-ui .din-ui-actions a.show { background-color: var(--ui-actions-bg); } .din-ui .din-ui-actions a:hover { background-color: var(--ui-actions-bg); } .din-ui .din-ui-actions a:not([href]):not([tabindex]) { color: var(--primary-color); } /* Active Directory End ============================================== */ /* Payment Method Start ============================================== */ .card-effect .addition-disk { border-color: var(--payment-card-border); } .card-effect .addition-disk .credit-card-add { background-color: var(--payment-background); } .card-effect .addition-disk .credit-card-add h6 { color: var(--primary-color); } .card-effect .addition-disk .credit-card-add .card-visa svg path { fill: var(--primary-color); } .card-effect .addition-disk .credit-card-add span { color: var(--primary-color); } .card-effect .addition-disk .credit-card-add .card-details { color: var(--primary-color); } .card-effect .addition-disk .credit-card-add .card-details .add-prof { color: var(--primary-color); border: 1px solid var(--primary-color); } .card-effect .addition-disk .credit-card-add .card-details .add-prof i { color: var(--primary-color); } .card-effect .addition-disk .credit-card-add .card-details .add-prof b { color: var(--primary-color); } .card-effect .addition-disk .credit-card-add:hover h6, .card-effect .addition-disk .credit-card-add:hover span { color: #fff; } .card-effect .addition-disk:hover .credit-card-add h6, .card-effect .addition-disk:hover .credit-card-add span { color: #fff; } .card-effect .addition-disk:hover .credit-card-add .card-visa svg path { fill: #fff; } .card-effect .addition-disk:hover .credit-card-add .card-details .add-prof { color: #fff; border: 1px solid #fff; } .card-effect .addition-disk:hover .credit-card-add .card-details .add-prof b { color: #fff; } .card-effect .addition-disk:hover .credit-card-add .card-details .add-prof i { color: #fff; } .card-effect .addition-disk:hover .credit-card-add .card-details .add-prof:hover { background-color: rgba(255, 255, 255, 0.15); } .card-effect .addition-disk:hover .credit-card-add .card-details small { color: #ffffff !important; } .card-effect .card-shadow, .card-effect .card-shadow1 { background-color: var(--payment-shadow-1); } .card-effect .card-shadow1 { background-color: var(--payment-shadow-2); } /* Payment Method End ============================================== */ /* reports Start ============================================== */ .account-overview .media > div { border-color: var(--report-border); } /* reports end ============================================== */ /* graphs Start ============================================== */ .nv-legend-text { fill: var(--text-fill); } .nvd3 text { fill: var(--text-fill) !important; } .nvd3 .nv-axis path.domain { stroke: var(--text-fill); } .ct-chart h6 { color: var(--text-fill) !important; } /* graphs End ============================================== */ /* Template page Start ============================================== */ #vm-templates .template-box .template-actions .btn-light-grey, #bundles .template-box .template-actions .btn-light-grey, #iso .template-box .template-actions .btn-light-grey, #linked-templates .template-box .template-actions .btn-light-grey { background-color: var(--template-btn-bg); color: var(--template-btn-txt); } #vm-templates .template-box .template-actions .btn-light-grey:hover, #vm-templates .template-box .template-actions .btn-light-grey:active, #vm-templates .template-box .template-actions .btn-light-grey:focus, #bundles .template-box .template-actions .btn-light-grey:hover, #bundles .template-box .template-actions .btn-light-grey:active, #bundles .template-box .template-actions .btn-light-grey:focus, #iso .template-box .template-actions .btn-light-grey:hover, #iso .template-box .template-actions .btn-light-grey:active, #iso .template-box .template-actions .btn-light-grey:focus, #linked-templates .template-box .template-actions .btn-light-grey:hover, #linked-templates .template-box .template-actions .btn-light-grey:active, #linked-templates .template-box .template-actions .btn-light-grey:focus { color: #fff; background-color: var(--primary-color); } #vm-templates .template-box .template-actions .btn-light-grey.remove-btn:hover .text-danger, #bundles .template-box .template-actions .btn-light-grey.remove-btn:hover .text-danger, #iso .template-box .template-actions .btn-light-grey.remove-btn:hover .text-danger, #linked-templates .template-box .template-actions .btn-light-grey.remove-btn:hover .text-danger { color: #fff !important; } .template-container .template-box .template-actions.bg-light { background-color: var(--template-bg) !important; } .purchase-activity-select { height: 48px; } .purchase-activity-select .select2-container .selection .select2-selection { height: 48px; display: flex; align-items: center; justify-content: start; padding: 0; } .purchase-activity-select .select2-container .selection .select2-selection .select2-selection__rendered { margin-left: 32px; margin-bottom: 0; max-height: 36px; overflow-y: auto; width: 100%; } .purchase-activity-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice { margin: 0; margin-right: 6px; margin-bottom: 2px; } .dex-live-select .select2-container .selection .select2-selection .select2-selection__rendered { margin-left: 25px; } .dex-live-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { height: 28px; } .dex-live-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { margin-top: -25px; } .cpu-utilization-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { margin-left: 20px; } .set-alert-select .select2-container .selection .select2-selection { height: 32px; display: flex; justify-content: start; align-items: center; } .set-alert-select .select2-container .selection .select2-selection .select2-selection__rendered { margin-left: 27px !important; height: 27px; overflow-y: auto; margin: 0; width: 100%; } .set-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice { height: 22px; margin: 0; margin-right: 3px; } .set-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { display: flex; height: 20px; justify-content: center; align-items: center; } .set-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { margin-top: -24px; padding-top: 6px; padding-left: 24px; } .dex-UX-alert-select .select2-container .selection .select2-selection { height: 32px; display: flex; justify-content: start; align-items: center; } .dex-UX-alert-select .select2-container .selection .select2-selection .select2-selection__rendered { margin-left: 27px !important; height: 27px; overflow-y: auto; margin: 0; width: 100%; } .dex-UX-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice { height: 22px; margin: 0; margin-right: 3px; } .dex-UX-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { display: flex; height: 20px; justify-content: center; align-items: center; } .dex-UX-alert-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display { margin-top: -24px; padding-top: 6px; } .del-grp-select .select2-container .selection .select2-selection { display: flex; align-items: center; height: 48px; } .sync-app-select .select2-container .selection .select2-selection { display: flex; align-items: center; height: 48px; flex-direction: row-reverse; justify-content: start; align-items: center; } .sync-app-select .select2-container .selection .select2-selection .select2-selection__clear { margin-right: 38px; } .app-list-group { display: flex; flex-direction: column; gap: 20px; } .app-list-group .list-group-item { gap: 16px; display: flex; flex-direction: column; } .dex-anomalies-type-select { height: 48px; } .dex-anomalies-type-select .select2-container .selection .select2-selection { height: 48px; } .dex-anomalies-type-select .select2-container .selection .select2-selection .select2-selection__arrow { margin-top: 11px; } .dex-anomalies-type-select .select2-container .selection .select2-selection .select2-selection__rendered { height: 37px; display: flex; justify-content: start; align-items: center; width: 100%; margin-left: 22px; } .dex-report-select .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice { min-height: 29px; } .select2-dropdown { z-index: 99999 !important; } .multi-select-icon { max-height: 48px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: rgba(var(--primary-color-rgba), 0.2) !important; border: 1px solid rgba(var(--primary-color-rgba)) !important; color: var(--badge-text) !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: var(--primary-color) !important; color: #ffffff !important; } /*----------------Template toggle on off start------------------*/ .toggle-group .toggle-on { background-color: var(--primary-color) !important; } .toggle-group .toggle-off { background-color: var(--toggle-btn-bg) !important; } .toggle-group .toggle-off.btn-light { opacity: 0.9 !important; } .toggle-group .toggle-handle { background-color: var(--toggle-btn); opacity: 0.9; } /*----------------Template toggle on off end------------------*/ /* Template page End ============================================== */ /* Sweet Alert Start ============================================== */ .swal2-container .swal2-show .swal2-icon.swal2-warning { border-color: var(--sweet-warning-border) !important; color: var(--sweet-warning-color) !important; } .swal2-container .swal2-show .swal2-icon.swal2-success { border-color: var(--sweet-success-border) !important; } .swal2-container .swal2-show .swal2-icon.swal2-success .line { background-color: var(--sweet-success-border) !important; } .swal2-container .swal2-show .swal2-icon.swal2-success .fix { background-color: transparent; } .swal2-container .swal2-show .swal2-content { color: var(--text-fill); } .swal2-container .swal2-modal { background-color: var(--bg) !important; border: 1.5px solid var(--bg-appear-box) !important; } .swal2-container .swal2-modal h2 { color: var(--primary-color); } .swal2-container .swal2-modal .swal2-confirm { background-color: var(--sweet-confirm-bg) !important; } .swal2-container .swal2-modal .swal2-cancel { background-color: var(--sweet-cancel-bg) !important; color: var(--sweet-cancel-text); } .swal2-icon.swal2-success::after, .swal2-icon.swal2-success::before { background-color: transparent; } /* Sweet Alert End ============================================== */ .ad_child_td { background-color: red; } /* Join/un-join start ============================================== */ .exvm .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding: 3px 6px 3px 6px; } .delvm .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--bs-round-robin-select-tag-danger); color: var(--danger-color); } .delvm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--danger-color); } .vm-drop-position .select2-container--default .select2-selection--multiple .select2-search { background-color: var(--bg-join-search); } .file-return:not(:empty) { background-color: var(--bg-join); } /* Join/un-join end ============================================== */ /*============ Option Select text Radio Start =========== */ .opt-select-text label { border: 1px solid var(--br-input); } .opt-select-text label:after { border: 1px solid var(--br-input); background-color: var(--bg); } /*============ Option Select text Radio End =========== */ /* bulk actions start============================================== */ .disabled { background: transparent !important; color: var(--disabled-text-color) !important; } .disabled b { color: var(--disabled-text-color) !important; } .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible { -webkit-box-shadow: var(--shadow-box) !important; box-shadow: var(--shadow-box) !important; border-color: var(--bg-appear-box); } .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible li .link { background: var(--bg-bulk-dropdown); } .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible li .link:hover { box-shadow: none; background-color: #F8F9FA; } /* bulk actions end============================================== */ /* dinUI table start============================================== */ .page-item.disabled .page-link { background: var(--bg-pagination); border-color: var(--bg-pagination-border); color: #6C757D; } /* dinUI table end============================================== */ /* SSL vpn start ============================================== */ .gradient-primary { background-image: var(--bg-linear-gradient1); } .gradient-primary .scratch_box h5 { color: var(--text-color); } .gradient-primary .scratch_box h5 #product_price h1 { color: var(--text-color); } .gradient-primary .scratch_box h5 #product_price small { color: var(--text-small-color) !important; } .gradient-primary .scratch_box p { color: var(--text-detail-color); } /* SSL vpn end ============================================== */ /* citrix start ============================================== */ #citrix_domain_logon_btn span { color: white !important; } .workspace-activity { filter: var(--workspcae-activity-icon); } .workspace-activity:hover { filter: var(--workspcae-activity-icon-hover); } .top_tab_buttons li a.nav-link { color: var(--workspace-nav-text); background: var(--workspace-nav-bg); } .top_tab_buttons li a.nav-link:hover { background: var(--primary-color) !important; color: #fff; } .top_tab_buttons li a.nav-link:hover .badge { background-color: #343A40; } .top_tab_buttons li a.dots { background: none !important; } .top_tab_buttons li a.dots:hover { background: none !important; } .top_tab_buttons li a.active { background: var(--primary-color) !important; font-weight: 500; color: #fff; } .top_tab_buttons li a.active .badge { background-color: #343A40; } .top_tab_buttons li a.domain-setting i { color: var(--link-color-text) !important; } .top_tab_buttons li a.domain-setting i:hover { color: var(--primary-color) !important; } .top_tab_buttons .domain-dropdown a.nav-link { background-color: var(--bg-header); border: 1px solid var(--bg-appear-box) !important; border-top: 0 !important; } .top_tab_buttons .domain-dropdown a.nav-link i { color: var(--link-color-text); } .top_tab_buttons .domain-dropdown a.nav-link:hover, .top_tab_buttons .domain-dropdown a.nav-link:active, .top_tab_buttons .domain-dropdown a.nav-link:focus { background-color: var(--bg-header) !important; color: var(--link-color-text); } .top_tab_buttons .domain-dropdown a.nav-link:hover i, .top_tab_buttons .domain-dropdown a.nav-link:active i, .top_tab_buttons .domain-dropdown a.nav-link:focus i { color: var(--link-color-text); } .top_tab_buttons .domain-dropdown .ft-appearance { filter: brightness(0) saturate(100%); } .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item { color: var(--text-small-color); } .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item:hover, .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item:focus, .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item:active { background-color: var(--bg-location); color: var(--primary-color); } .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item.new-domain { background-color: var(--bg-light-bg); color: var(--link-color-text); } .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item.new-domain:hover, .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item.new-domain:focus, .top_tab_buttons .domain-dropdown .dropdown-menu a.dropdown-item.new-domain:active { background-color: var(--btn-add-solid); color: #ffffff !important; } #session-content small { color: var(--text-small-color); } #accordionMC.accordion .card { background-color: var(--bg-input) !important; } #accordionMC.accordion .card .card-header a { color: var(--primary-color) !important; } #accordionMC.accordion .card .card-header a i { border-radius: 200rem; padding: 0.2rem; } #accordionMC.accordion .card .card-body { border-top: 1px solid var(--hr-color) !important; } #accordionMC.accordion .card .card-body p { font-size: 0.9rem; line-height: 30px; } #accordionDG.accordion .card { background-color: transparent !important; box-shadow: none; } #accordionDG.accordion .card .card-header { background-color: var(--bg-input); border: 1px solid var(--br-input); } #accordionDG.accordion .card .card-header a { color: var(--txt-input) !important; } #accordionDG.accordion .card .card-body .badge { background-color: var(--bg-form-box); } #accordionDG.accordion .card .card-body .content-bg li { background-color: transparent !important; border: 1px solid var(--br-input) !important; } .content-bg { background-color: var(--content-bg); } .user-assign-machine table thead th { color: var(--text-fill); border-color: var(--br-input); } .user-assign-machine table tbody td { color: var(--text-fill); border-color: var(--br-input); } /* citrix end ============================================== */ /* no data start ============================================== */ .no-data .template-box .template-content .text-muted { color: var(--text-fill) !important; } .no-data .template-box .template-content .template-actions.bg-light { background-color: var(--bg-light-bg) !important; opacity: 0.8; } .no-data .template-box .template-content .template-actions.bg-light:hover, .no-data .template-box .template-content .template-actions.bg-light:focus, .no-data .template-box .template-content .template-actions.bg-light:active { background: var(--bg-light-bg-hover) !important; opacity: 1; } /* no data end ============================================== */ /*----------------Custom Switch Toggle start------------------*/ .switch-toggle label { background-color: var(--toggle-bg); } /*----------------Custom Switch Toggle end------------------*/ /*----------------Date picker start-----------------*/ .ui-datepicker { background: none; background-color: var(--bg-datepicker); border-color: var(--bg-appear-box); font-family: Roboto, sans-serif; box-shadow: var(--card-shadow); } .ui-datepicker .ui-datepicker-header { background: none; background-color: var(--bg-form-box); color: var(--text-fill); border-color: var(--bg-appear-box); } .ui-datepicker .ui-datepicker-header .ui-corner-all { background-color: var(--br-input) !important; opacity: 0.6 !important; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next-hover { border-color: var(--bg-appear-box); } .ui-datepicker .ui-datepicker-calendar thead th { color: var(--text-fill); } .ui-datepicker .ui-datepicker-calendar tbody tr td a { border-radius: var(--date-border); } .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default { background: none; background-color: var(--bg-input); color: var(--text-detail-color); border-color: var(--br-input); } .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default:hover { background-color: var(--active-date) !important; color: var(--text) !important; } .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active { background: none; background-color: var(--bg-input); border-color: var(--primary-color) !important; color: var(--primary-color) !important; } .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active:hover { color: var(--text) !important; } .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-highlight { background: none; background-color: var(--primary-color) !important; color: #ffffff !important; } .ui-datepicker .ui-timepicker-div { color: var(--text-fill); } .ui-datepicker .ui-timepicker-div dt { font-weight: 500; } .ui-datepicker .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { border-color: var(--hr-color); } .ui-datepicker .ui-timepicker-div .ui_tpicker_hour .ui-timepicker-select { background: none; background-color: var(--bg-input); color: var(--text-detail-color); border-color: var(--br-input); } .ui-datepicker .ui-timepicker-div .ui_tpicker_minute .ui-timepicker-select { background: none; background-color: var(--bg-input); color: var(--text-detail-color); border-color: var(--br-input); } .ui-datepicker .ui-datepicker-buttonpane.ui-widget-content { border-color: var(--bg-appear-box); font-family: Roboto, sans-serif; } .ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary { font-weight: normal !important; background: none; background-color: var(--bg-input); color: var(--text-detail-color); border-color: var(--br-input); } .ui-datepicker .ui-datepicker-buttonpane .ui-priority-primary:hover { background-color: var(--primary-color); color: #ffffff !important; } .ui-datepicker .ui-datepicker-buttonpane .ui-priority-secondary { font-weight: normal !important; background: none; background-color: var(--bg-input); color: var(--text-detail-color); border-color: var(--br-input); } /*----------------Date picker end------------------*/ /*----------------purchase, vm-inventory, order-history Datepicker start------------------*/ .xdsoft_datetimepicker { background: none; background-color: var(--bg-datepicker) !important; border-color: var(--bg-appear-box) !important; box-shadow: var(--card-shadow) !important; color: var(--text-fill); } .xdsoft_datetimepicker .xdsoft_label { background-color: transparent; } .xdsoft_datetimepicker .xdsoft_label .xdsoft_select { background: none; background-color: var(--bg-card); border-color: var(--br-input); } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: var(--br-input) !important; } .xdsoft_datetimepicker .xdsoft_calendar table thead tr th { background: none; background-color: var(--bg-datepicker); border: none; } .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td { background: none; background-color: var(--bg-input) !important; border-color: var(--br-input) !important; color: var(--text-fill); } .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td:hover { background-color: var(--active-date) !important; color: var(--text) !important; } .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td.xdsoft_today { background: var(--primary-color) !important; color: #ffffff !important; } .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td.xdsoft_today:hover { background-color: var(--active-date) !important; color: var(--text) !important; } .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td.xdsoft_current { color: var(--text-fill); } /*----------------purchase, vm-inventory, order-history Datepicker end------------------*/ /*----------------DEX UI start------------------*/ .pop-boxes .card .card-block p { color: var(--text-fill); } .pop-boxes .card .card-block ul li { color: var(--text-small-color); } #dex-live .machine-tabs .dataTables_wrapper table.process_table thead th { color: var(--text); } #dex-live .machine-tabs .dataTables_wrapper table.process_table tbody tr td { border-color: var(--hr-color) !important; color: var(--tbl-bdy-color); } #dex-live .machine-tabs .dataTables_wrapper table.process_table tbody tr td:first-child { color: var(--primary-color); } .summary_based_modal .machine-tabs #processes table#summary-table-drw thead th { color: var(--text); } .summary_based_modal .machine-tabs #processes table#summary-table-drw tbody tr td { color: var(--tbl-bdy-color); border-color: var(--hr-color) !important; } .summary_based_modal .machine-tabs #processes table#summary-table-drw tbody tr td:first-child { color: var(--primary-color); } #dex-ux .switch-toggle input:checked + label { background-color: var(--btn-add-solid); } #dex-ux .switch-toggle + label { color: var(--sub-title); } #dex-ux #upper-graphs .card .card-body .card-block div.google-visualization-tooltip { min-width: 200px; max-width: 300px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); background-color: var(--copy-bg); border-color: var(--bg-appear-box); } #dex-ux #upper-graphs .card .card-body .card-block div.google-visualization-tooltip > ul.google-visualization-tooltip-item-list { white-space: nowrap; } #dex-ux #upper-graphs .card .card-body .card-block div.google-visualization-tooltip > ul.google-visualization-tooltip-item-list > .google-visualization-tooltip-item span { color: var(--text-graph-fill) !important; } #dex-ux #upper-graphs .card .card-body .card-block #donutchart > div > div > div svg g text, #dex-ux #upper-graphs .card .card-body .card-block #sessionchart > div > div > div svg g text, #dex-ux #upper-graphs .card .card-body .card-block #throughput_average_chart > div > div > div svg g text, #dex-ux #upper-graphs .card .card-body .card-block #logon_average_chart > div > div > div svg g text { fill: var(--text-graph-fill) !important; } #dex-ux #upper-graphs .card .card-body .card-block #donutchart > div > div > div svg g:last-child g.google-visualization-tooltip, #dex-ux #upper-graphs .card .card-body .card-block #sessionchart > div > div > div svg g:last-child g.google-visualization-tooltip, #dex-ux #upper-graphs .card .card-body .card-block #throughput_average_chart > div > div > div svg g:last-child g.google-visualization-tooltip, #dex-ux #upper-graphs .card .card-body .card-block #logon_average_chart > div > div > div svg g:last-child g.google-visualization-tooltip { font-weight: 400 !important; } #dex-ux #upper-graphs .card .card-body .card-block #donutchart > div > div > div svg g:last-child g.google-visualization-tooltip path, #dex-ux #upper-graphs .card .card-body .card-block #sessionchart > div > div > div svg g:last-child g.google-visualization-tooltip path, #dex-ux #upper-graphs .card .card-body .card-block #throughput_average_chart > div > div > div svg g:last-child g.google-visualization-tooltip path, #dex-ux #upper-graphs .card .card-body .card-block #logon_average_chart > div > div > div svg g:last-child g.google-visualization-tooltip path { fill: var(--copy-bg); stroke: var(--bg-appear-box); } #dex-ux #upper-graphs .card .card-body .card-block svg rect { fill: none; } #dex-ux #upper-graphs .card .card-body .card-block svg g text { fill: var(--text-fill) !important; } #dex-ux #ux-table_wrapper #ux-table tbody tr td { border: 0 !important; border-bottom: 1px solid var(--hr-color) !important; } #dex-ux #ux-table_wrapper #ux-table tbody tr td div.google-visualization-tooltip { width: auto; height: auto; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); left: 0 !important; background-color: var(--copy-bg); border-color: var(--bg-appear-box); } #dex-ux #ux-table_wrapper #ux-table tbody tr td div.google-visualization-tooltip > ul.google-visualization-tooltip-item-list { white-space: nowrap; } #dex-ux #ux-table_wrapper #ux-table tbody tr td div.google-visualization-tooltip > ul.google-visualization-tooltip-item-list > .google-visualization-tooltip-item span { color: var(--text-graph-fill) !important; } #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div > div > div > div svg g text, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_io > div > div > div svg g text, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_wr > div > div > div svg g text { fill: var(--text-graph-fill) !important; } #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div > div > div > div svg g:last-child g.google-visualization-tooltip, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_io > div > div > div svg g:last-child g.google-visualization-tooltip, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_wr > div > div > div svg g:last-child g.google-visualization-tooltip { font-weight: 400 !important; } #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div > div > div > div svg g:last-child g.google-visualization-tooltip path, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_io > div > div > div svg g:last-child g.google-visualization-tooltip path, #dex-ux #ux-table_wrapper #ux-table tbody tr td .chart_div_wr > div > div > div svg g:last-child g.google-visualization-tooltip path { fill: var(--copy-bg); stroke: var(--bg-appear-box); } #dex-ux #ux-table_wrapper #ux-table tbody tr td svg rect { fill: none; } #dex-ux #ux-table_wrapper #ux-table tbody tr td svg g text { fill: var(--text-fill) !important; } .dt-button-collection.dropdown-menu { border: 1px solid var(--bg-sidebar-box); background-color: var(--bg); padding: 0.1rem; border-radius: 0.15rem; } .dt-button-collection.dropdown-menu .dropdown-item { background-color: var(--bg); color: var(--text-fill); } .dt-button-collection.dropdown-menu .dropdown-item.active { background-color: var(--primary-color); color: #ffffff !important; } /*----------------DEX UI end------------------*/ .tooltip .tooltip-inner { background-color: var(--bg-card--ttip) !important; color: var(--text-fill) !important; border: 1px solid var(--bg-appear-box) !important; } .error-field { background-color: var(--error-field-bg) !important; border: 1px solid var(--error-field-border) !important; } /* Components End ============================================== */ /*# sourceMappingURL=theme.min.css.map */