/* /dist/css/buttons-theme.css */ /* Shared button presentation; form actions and event hooks stay unchanged. */ body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button) { --mr-button-start: #286bfa; --mr-button-end: #0887cc; --mr-button-border: #388ded; --mr-button-text: #f5fbff; --mr-button-glow: #258ef344; min-height: 44px; max-width: 100%; padding: 10px 18px; border-radius: 9px !important; border: 1px solid var(--mr-button-border); white-space: normal; overflow-wrap: anywhere; background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: .1px; text-align: center; box-shadow: 0 4px 14px #03152926, inset 0 1px #ffffff12; vertical-align: middle; transition: border-color .18s ease, box-shadow .18s ease, filter .18s ease; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper :is(.btn-primary, .btn-indigo), body.mr-public .hk-wrapper .btn-primary { background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); border-color: var(--mr-button-border); color: var(--mr-button-text); } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper :is(.btn-secondary, .btn-light, .btn-dark, .btn-outline-secondary, .btn-outline-light) { --mr-button-start: #173b55; --mr-button-end: #122f49; --mr-button-border: #467591; --mr-button-text: #d4ebfa; --mr-button-glow: #5caece2b; background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-outline-primary { --mr-button-start: #123b58; --mr-button-end: #12304a; --mr-button-border: #428ba9; --mr-button-text: #9ce7ff; background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); } body:is(.mr-app, .mr-public) .hk-wrapper .btn-success { --mr-button-start: #087459; --mr-button-end: #0c8168; --mr-button-border: #35b995; --mr-button-glow: #3bcea233; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-danger { --mr-button-start: #a73051; --mr-button-end: #b83c59; --mr-button-border: #e16d8c; --mr-button-glow: #ed718d33; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-warning { --mr-button-start: #ebc16b; --mr-button-end: #d9aa51; --mr-button-border: #f4d28a; --mr-button-text: #34250e; --mr-button-glow: #f1c56a33; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-info { --mr-button-start: #116082; --mr-button-end: #13778e; --mr-button-border: #4bbbd2; --mr-button-glow: #5acde233; } body:is(.mr-app, .mr-public) .hk-wrapper .btn:not(input) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; } body:is(.mr-app, .mr-public) .hk-wrapper .btn.btn-block { display: flex; width: 100%; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn-sm, .btn.btn-sm) { min-height: 34px; padding: 6px 12px; font-size: 13px; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn-xs, .btn-xm) { min-height: 28px; padding: 4px 9px; font-size: 12px; border-radius: 7px !important; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-lg { min-height: 50px; padding: 12px 23px; font-size: 16px; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-rounded { border-radius: 50px !important; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn-icon, .btn-icon-only) { width: 44px; min-width: 44px; height: 44px; padding: 0; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn-icon, .btn-icon-only).btn-sm { width: 34px; min-width: 34px; min-height: 34px; height: 34px; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn-icon, .btn-icon-only):is(.btn-xs, .btn-xm) { width: 28px; min-width: 28px; height: 28px; } body:is(.mr-app, .mr-public) .hk-wrapper .btn > svg { width: 17px; height: 17px; flex-shrink: 0; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper :is(.btn, .dt-button):not(:disabled):not(.disabled):not([aria-disabled='true']):hover, body.mr-public .hk-wrapper .btn:not(:disabled):not(.disabled):hover { background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); filter: brightness(1.12); box-shadow: 0 0 0 1px #7ad8ff24, 0 0 20px var(--mr-button-glow); } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button):focus-visible { outline: 2px solid #93e8fc; outline-offset: 3px; box-shadow: 0 0 18px var(--mr-button-glow); } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button):not(:disabled):not(.disabled):active { filter: brightness(.95); box-shadow: inset 0 2px 6px #02132666; } body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button):is(:disabled, .disabled, [aria-disabled='true']) { opacity: .48; cursor: not-allowed; filter: none; box-shadow: none; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-link { min-height: 32px; padding: 5px 8px; background: transparent; color: #87dff7; border-color: transparent; box-shadow: none; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-link:not(:disabled):not(.disabled):hover { background: #1b496459; color: #b7f0ff; border-color: transparent; box-shadow: none; } /* Keep joined buttons and input add-ons attached to their neighbouring control. */ body:is(.mr-app, .mr-public) .hk-wrapper .btn-group > .btn { border-radius: 0 !important; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-group > .btn:first-child { border-radius: 9px 0 0 9px !important; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-group > .btn:last-child { border-radius: 0 9px 9px 0 !important; } body:is(.mr-app, .mr-public) .hk-wrapper .btn-group > .btn:only-child { border-radius: 9px !important; } body:is(.mr-app, .mr-public) .hk-wrapper .input-group-append > .btn { border-radius: 0 8px 8px 0 !important; } body:is(.mr-app, .mr-public) .hk-wrapper .input-group-prepend > .btn { border-radius: 8px 0 0 8px !important; } body:is(.mr-app, .mr-public) .swal-button { min-height: 44px; border-radius: 9px; font-family: 'Segoe UI', Arial, sans-serif; font-weight: 600; } /* Recharge status actions keep large, bold symbols in the compact table controls. */ body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status { width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status[data-status='Success'] { --mr-button-start: #153e36; --mr-button-end: #153e36; --mr-button-border: #338360; --mr-button-text: #75e8b5; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status[data-status='Failure'] { --mr-button-start: #42283b; --mr-button-end: #42283b; --mr-button-border: #a4506c; --mr-button-text: #ff9baf; } body:is(.mr-app, .mr-public) .hk-wrapper .btn.change_recharge_status svg { width: 24px !important; height: 24px !important; stroke-width: 2.8; flex-shrink: 0; } /* The same persistent selection treatment is used wherever buttons expose state. */ body:is(.mr-app, .mr-public) .hk-wrapper .btn.mr-selection-button { --mr-button-start: #17374e; --mr-button-end: #122b43; --mr-button-border: #416a84; --mr-button-text: #bed6e9; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn:is(.active, [aria-pressed='true']):not(:disabled):not(.disabled):not([aria-disabled='true']) { --mr-button-start: #116789; --mr-button-end: #16588a; --mr-button-border: #8beafb; --mr-button-text: #f1fcff; --mr-button-glow: #54d4ee40; background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); box-shadow: inset 0 0 0 1px #a3f2ff35, 0 0 0 2px #56d2ed26; } body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn[aria-pressed='mixed'] { --mr-button-start: #173d55; --mr-button-end: #14344e; --mr-button-border: #77c7dc; --mr-button-text: #c8f0ff; background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); border-style: dashed; } body:is(.mr-app, .mr-public) .hk-wrapper .btn .mr-selection-mark { display: inline-block; min-width: 12px; opacity: 0; font-size: 14px; line-height: 1; } body:is(.mr-app, .mr-public) .hk-wrapper .btn:is(.active, [aria-pressed='true'], [aria-pressed='mixed']) .mr-selection-mark { opacity: 1; } @media (prefers-reduced-motion: reduce) { body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button) { transition: none; } } /* /dist/css/tooltips-theme.css */ body:is(.mr-app, .mr-public) .tooltip { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.6; pointer-events: none; } body:is(.mr-app, .mr-public) .tooltip.show { opacity: 1; } body:is(.mr-app, .mr-public) .tooltip .tooltip-inner { max-width: min(280px, calc(100vw - 24px)); padding: 10px 14px; border: 1px solid #4a91b1; border-radius: 9px; background: linear-gradient(135deg, #183b56, #0f2841); color: #e0f4ff; box-shadow: 0 8px 26px #020d1e55, 0 0 14px #3dc2ee0d; font-size: 13px; line-height: 1.6; text-align: center; white-space: normal; overflow-wrap: anywhere; } body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-top .arrow::before { border-top-color: #4a91b1; } body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #4a91b1; } body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-left .arrow::before { border-left-color: #4a91b1; } body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-right .arrow::before { border-right-color: #4a91b1; } @media (prefers-reduced-motion: reduce) { body:is(.mr-app, .mr-public) .tooltip { transition: none; animation: none; } } /* /dist/css/theme-mode.css */ .mr-theme-toggle { display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; padding: 4px; height: 38px; border: 1px solid #47718e; border-radius: 11px; background: #0b233b; color: #a8c4dc; cursor: pointer; font: 600 12px/1.3 'Segoe UI', Arial, sans-serif; vertical-align: middle; } .mr-theme-option { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 5px 8px; border: 1px solid transparent; border-radius: 7px; pointer-events: none; } .mr-theme-option svg { width: 16px; height: 16px; flex-shrink: 0; } html:not([data-mr-theme='light']) .mr-theme-option-dark { background: #23516e; color: #e6f8ff; border-color: #4e8aa6; } .mr-theme-toggle:hover { border-color: #70d8f2; } .mr-theme-toggle:focus-visible { outline: 2px solid #81dcef; outline-offset: 3px; } .mr-app .hk-navbar .navbar-nav > .mr-theme-control { display: flex; align-items: center; padding: 0 6px; } .mr-public .mr-public-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; } .mr-public .mr-public-actions > .mr-public-nav { margin-left: 0; } .mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper > header.mr-public-header { min-height: 58px; padding: 10px 16px; gap: 16px; } html[data-mr-theme='light'] .mr-theme-toggle { background: #e9f1fb; color: #526c89; border-color: #b6cee6; } html[data-mr-theme='light'] .mr-theme-option-light { background: #fff; color: #205baf; border-color: #98bce6; box-shadow: 0 2px 5px #17375a12; } html[data-mr-theme='light'] .mr-theme-toggle:hover { border-color: #508ed5; } @media (max-width: 767px) { .mr-theme-toggle { height: 32px; gap: 0; padding: 2px; border-radius: 9px; } .mr-theme-option { padding: 2px; gap: 0; border-radius: 5px; } .mr-theme-option > span { display: none; } .mr-theme-option svg { width: 15px; height: 15px; } .mr-app .hk-navbar .navbar-nav > .mr-theme-control { padding: 0 3px; } .mr-public .mr-public-actions { display: contents; } .mr-public .mr-public-actions > .mr-theme-toggle { position: static; margin-left: auto; } .mr-public .mr-public-actions > .mr-public-nav { width: 100%; margin-left: 0; } .mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper > header.mr-public-header { padding: 12px 16px; gap: 10px; flex-wrap: wrap; } .mr-public .mr-public-header .mr-brand-mark { width: 26px; height: 26px; } .mr-public .mr-public-header .mr-brand-text { font-size: 16px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header { flex-wrap: nowrap; min-height: 58px; height: 58px; padding-left: 10px; padding-right: 10px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-toggle-btn { width: 26px; min-width: 26px; margin-right: 4px; padding-left: 0; padding-right: 0; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-brand { min-width: 0; margin-right: 0; padding-left: 0; gap: 4px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-nav.hk-navbar-content { flex-direction: row; flex-wrap: nowrap; margin-left: auto; gap: 0; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-nav > li.nav-item { padding-left: 0; padding-right: 0; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-nav > li.nav-item > a.nav-link { padding-left: 5px; padding-right: 5px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-nav > li.dropdown-authentication > a.nav-link { padding: 3px; margin-left: 1px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-authentication .avatar { width: 28px; height: 28px; } .mr-app .hk-navbar .mr-theme-toggle { padding: 2px; gap: 0; } .mr-app .hk-navbar .mr-theme-option { padding: 2px; } } @media (max-width: 359px) { .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-brand .mr-brand-text { font-size: 12px; letter-spacing: -.5px; } .mr-app .hk-wrapper .hk-navbar.mr-bot-header .navbar-brand .mr-brand-mark { width: 23px; height: 23px; } } /* /dist/css/light-theme.css */ /* Light palette for every shared component. Dark styles remain the default. Built by mrobotics-build-light-theme.cjs; final refinements live in light-refinements.css. */ /* mrobotics-theme.css */ html[data-mr-theme="light"] .mr-public .swal-overlay, html[data-mr-theme="light"] .mr-app .swal-overlay { background-image: none; background-color: rgba(243, 247, 251, 0.820); } html[data-mr-theme="light"] .mr-public .swal-modal, html[data-mr-theme="light"] .mr-app .swal-modal, html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .modal-content, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .modal-content { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: radial-gradient(at 50% 0px, rgba(241, 245, 248, 0.400), transparent 65%), linear-gradient(145deg, rgb(255, 255, 255), rgb(243, 246, 249)); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.163) 0px 24px 90px, rgba(27, 66, 112, 0.028) 0px 0px 45px; } html[data-mr-theme="light"] .mr-public .swal-title, html[data-mr-theme="light"] .mr-app .swal-title { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .swal-text, html[data-mr-theme="light"] .mr-app .swal-text { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .swal-content__input, html[data-mr-theme="light"] .mr-app .swal-content__input, html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .form-control, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .form-control { color: rgb(25, 53, 83); background-image: none; background-color: rgb(243, 246, 250); border-top-color: rgb(185, 203, 223); border-right-color: rgb(185, 203, 223); border-bottom-color: rgb(185, 203, 223); border-left-color: rgb(185, 203, 223); } html[data-mr-theme="light"] .mr-public .swal-content__input:focus, html[data-mr-theme="light"] .mr-app .swal-content__input:focus, html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .form-control:focus, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .form-control:focus { border-top-color: rgb(49, 171, 196); border-right-color: rgb(49, 171, 196); border-bottom-color: rgb(49, 171, 196); border-left-color: rgb(49, 171, 196); box-shadow: rgba(27, 66, 112, 0.038) 0px 0px 0px 3px, rgba(27, 66, 112, 0.025) 0px 0px 20px; } html[data-mr-theme="light"] .mr-public .swal-content__input::placeholder, html[data-mr-theme="light"] .mr-app .swal-content__input::placeholder { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .swal-footer, html[data-mr-theme="light"] .mr-app .swal-footer { border-top-color: rgb(184, 203, 224); background-image: none; background-color: rgba(144, 184, 223, 0.200); } html[data-mr-theme="light"] .mr-public .swal-button, html[data-mr-theme="light"] .mr-app .swal-button { box-shadow: rgba(27, 66, 112, 0.052) 0px 6px 20px; } html[data-mr-theme="light"] .mr-public .swal-button--cancel, html[data-mr-theme="light"] .mr-app .swal-button--cancel { border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); background-image: none; background-color: rgb(243, 245, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .swal-button--cancel:not([disabled]):hover, html[data-mr-theme="light"] .mr-app .swal-button--cancel:not([disabled]):hover { background-image: none; background-color: rgb(242, 245, 247); } html[data-mr-theme="light"] .mr-public .swal-icon--info, html[data-mr-theme="light"] .mr-app .swal-icon--info { border-top-color: rgb(49, 171, 196); border-right-color: rgb(49, 171, 196); border-bottom-color: rgb(49, 171, 196); border-left-color: rgb(49, 171, 196); background-image: none; background-color: rgba(144, 195, 223, 0.200); box-shadow: rgba(27, 66, 112, 0.035) 0px 0px 30px; } html[data-mr-theme="light"] .mr-public .swal-icon--info::before, html[data-mr-theme="light"] .mr-public .swal-icon--info::after, html[data-mr-theme="light"] .mr-app .swal-icon--info::before, html[data-mr-theme="light"] .mr-app .swal-icon--info::after { background-color: rgb(233, 240, 249); } html[data-mr-theme="light"] .mr-public .swal-icon--success__hide-corners, html[data-mr-theme="light"] .mr-app .swal-icon--success__hide-corners, html[data-mr-theme="light"] .mr-public .swal-icon--success::before, html[data-mr-theme="light"] .mr-public .swal-icon--success::after, html[data-mr-theme="light"] .mr-app .swal-icon--success::before, html[data-mr-theme="light"] .mr-app .swal-icon--success::after { background-image: none; } html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .modal-header, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .modal-header { border-bottom-color: rgb(184, 203, 224); background-image: none !important; } html[data-mr-theme="light"] .mr-app #regenerate_token_2fa label, html[data-mr-theme="light"] .mr-app #regenerate_token_otp label { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .text-muted, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .text-muted { color: rgb(77, 105, 134) !important; } html[data-mr-theme="light"] .mr-app #regenerate_token_2fa .close, html[data-mr-theme="light"] .mr-app #regenerate_token_otp .close { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light { background-image: radial-gradient(at 48% -80%, rgb(238, 243, 248) 0px, transparent 44%), linear-gradient(105deg, rgb(243, 247, 252), rgb(242, 245, 249) 62%, rgb(243, 246, 249)); border-bottom-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.042) 0px 2px 16px; } html[data-mr-theme="light"] .mr-app .hk-navbar .navbar-brand { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-navbar .navbar-brand .mr-brand-mark, html[data-mr-theme="light"] .mr-public .mr-public-brand .mr-brand-mark { filter: drop-shadow(rgba(27, 66, 112, 0.117) 0px 0px 7px); } html[data-mr-theme="light"] .mr-app .hk-navbar .navbar-brand .mr-brand-text { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-navbar .navbar-brand .mr-brand-caption { border-left-color: rgb(192, 203, 216); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar .nav-link, html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar .feather-icon, html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar .media-body > span, html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar .hk-navbar-content > li > p { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar .nav-link-hover:hover { background-image: none; background-color: rgb(242, 245, 247); } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark { background-image: linear-gradient(100deg, rgb(243, 246, 249), rgb(243, 245, 248)); border-bottom-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.028) 0px 5px 15px; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .nav-link { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .mr-nav-active > .nav-link { background-image: linear-gradient(0deg, rgba(240, 244, 249, 0.440), rgba(144, 186, 223, 0.190)); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.190) 0px -3px inset; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .nav-link:hover { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .collapse-level-1 { box-shadow: rgba(27, 66, 112, 0.052) 0px 12px 25px; } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-pg-wrapper:not(.mr-dashboard) { background-image: radial-gradient(at 90% 0px, rgba(211, 234, 255, 0.600), transparent 40%), none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card, html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-sec-wrapper { border-top-color: rgb(106, 150, 214); border-right-color: rgb(106, 150, 214); border-bottom-color: rgb(106, 150, 214); border-left-color: rgb(106, 150, 214); background-image: none; box-shadow: rgba(27, 66, 112, 0.010) 0px 5px 18px; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-header { border-bottom-color: rgb(108, 154, 213); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-footer { background-image: none; border-top-color: rgb(105, 153, 216); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table thead th { background-image: none; border-bottom-color: rgb(104, 154, 217); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody td { border-top-color: rgb(105, 155, 216); border-right-color: rgb(105, 155, 216); border-bottom-color: rgb(105, 155, 216); border-left-color: rgb(105, 155, 216); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody tr:nth-child(2n) { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody tr:hover { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table a { color: rgb(28, 70, 161); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .form-control, html[data-mr-theme="light"] .mr-app .custom-select, html[data-mr-theme="light"] .mr-public .form-control { border-top-color: rgb(111, 154, 210); border-right-color: rgb(111, 154, 210); border-bottom-color: rgb(111, 154, 210); border-left-color: rgb(111, 154, 210); } html[data-mr-theme="light"] .mr-app .form-control:focus, html[data-mr-theme="light"] .mr-app .custom-select:focus, html[data-mr-theme="light"] .mr-public .form-control:focus { border-top-color: rgb(49, 104, 196); border-right-color: rgb(49, 104, 196); border-bottom-color: rgb(49, 104, 196); border-left-color: rgb(49, 104, 196); box-shadow: rgba(27, 66, 112, 0.038) 0px 0px 0px 3px; } html[data-mr-theme="light"] .mr-app .btn-primary, html[data-mr-theme="light"] .mr-public .btn-primary { box-shadow: rgba(27, 66, 112, 0.033) 0px 3px 9px; } html[data-mr-theme="light"] .mr-app .btn-outline-primary { color: rgb(23, 65, 166); border-top-color: rgb(104, 144, 217); border-right-color: rgb(104, 144, 217); border-bottom-color: rgb(104, 144, 217); border-left-color: rgb(104, 144, 217); background-image: none; } html[data-mr-theme="light"] .mr-app .btn-outline-secondary { border-top-color: rgb(113, 152, 208); border-right-color: rgb(113, 152, 208); border-bottom-color: rgb(113, 152, 208); border-left-color: rgb(113, 152, 208); background-image: none; } html[data-mr-theme="light"] .mr-app .btn-outline-secondary:hover { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-success { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-warning { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-danger { color: rgb(157, 37, 58); background-image: none; } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-info { background-image: none; } html[data-mr-theme="light"] .mr-app .pagination .page-link { color: rgb(34, 74, 155); border-top-color: rgb(104, 152, 217); border-right-color: rgb(104, 152, 217); border-bottom-color: rgb(104, 152, 217); border-left-color: rgb(104, 152, 217); } html[data-mr-theme="light"] .mr-app .pagination .page-item.active .page-link { background-image: none; background-color: rgb(235, 241, 248); border-top-color: rgb(49, 84, 196); border-right-color: rgb(49, 84, 196); border-bottom-color: rgb(49, 84, 196); border-left-color: rgb(49, 84, 196); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .modal-content { border-top-color: rgb(104, 153, 217); border-right-color: rgb(104, 153, 217); border-bottom-color: rgb(104, 153, 217); border-left-color: rgb(104, 153, 217); box-shadow: rgba(27, 66, 112, 0.070) 0px 20px 65px; } html[data-mr-theme="light"] .mr-app .dropdown-menu { border-top-color: rgb(109, 152, 212); border-right-color: rgb(109, 152, 212); border-bottom-color: rgb(109, 152, 212); border-left-color: rgb(109, 152, 212); box-shadow: rgba(27, 66, 112, 0.035) 0px 9px 28px; } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu { background-image: none; border-top-color: rgb(109, 150, 212); border-right-color: rgb(109, 150, 212); border-bottom-color: rgb(109, 150, 212); border-left-color: rgb(109, 150, 212); box-shadow: rgba(27, 66, 112, 0.059) 0px 14px 36px; } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-item:hover, html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-item:focus { color: rgb(25, 71, 164); background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-icon { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-item[href="/auth/logout"] { color: rgb(157, 37, 60); } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-item[href="/auth/logout"]:hover { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper .dropdown-menu .dropdown-divider { border-top-color: rgb(106, 151, 215); border-right-color: rgb(106, 151, 215); border-bottom-color: rgb(106, 151, 215); border-left-color: rgb(106, 151, 215); } @media (min-width: 1200px) { html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item > ul.collapse-level-1, html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item > ul.collapse-level-2 { background-image: none; border-top-color: rgb(109, 150, 212); border-right-color: rgb(109, 150, 212); border-bottom-color: rgb(109, 150, 212); border-left-color: rgb(109, 150, 212); } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link { background-image: none; } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:hover, html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:focus, html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link[aria-current="page"] { color: rgb(26, 71, 163); background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1, html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 { background-image: none; border-top-color: rgb(109, 150, 212); border-right-color: rgb(109, 150, 212); border-bottom-color: rgb(109, 150, 212); border-left-color: rgb(109, 150, 212); box-shadow: rgba(27, 66, 112, 0.059) 0px 14px 36px; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link, html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 .nav-link { background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:hover, html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:focus, html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 .nav-link:hover { color: rgb(25, 71, 164); background-image: none; } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 a[aria-current="page"] { color: rgb(26, 71, 163); background-image: none; } } @media (max-width: 1199px) { html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link { color: rgb(25, 53, 83); background-image: none; background-color: rgb(243, 246, 249); } html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:hover, html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 a[aria-current="page"] { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 245, 248); } } html[data-mr-theme="light"] .preloader-it.mr-theme-loader { background-image: radial-gradient(at center center, rgb(242, 245, 249) 0px, rgb(243, 246, 250) 58%, rgb(243, 246, 250) 100%); } html[data-mr-theme="light"] .mr-loader-content { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-loader-symbol img { filter: drop-shadow(rgba(27, 66, 112, 0.175) 0px 0px 12px); } html[data-mr-theme="light"] .mr-loader-ring { border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); border-top-color: rgb(49, 168, 196); border-right-color: rgb(49, 97, 196); box-shadow: rgba(27, 66, 112, 0.033) 0px 0px 26px; } html[data-mr-theme="light"] .mr-loader-content strong { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-loader-content p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-loader-track { background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] .mr-loader-track span { background-image: linear-gradient(90deg, rgb(235, 241, 248), rgb(234, 241, 248)); } html[data-mr-theme="light"] .mr-app .swal-modal:has(img[src$="/img/loading.gif"]), html[data-mr-theme="light"] .mr-public .swal-modal:has(img[src$="/img/loading.gif"]) { background-image: linear-gradient(145deg, rgb(242, 245, 249), rgb(243, 246, 249)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.093) 0px 20px 80px; } html[data-mr-theme="light"] .swal-modal:has(img[src$="/img/loading.gif"]) .swal-title { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .swal-modal:has(img[src$="/img/loading.gif"]) .swal-text { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .swal-content:has(img[src$="/img/loading.gif"])::before { filter: drop-shadow(rgba(27, 66, 112, 0.110) 0px 0px 14px); } html[data-mr-theme="light"] .swal-content:has(img[src$="/img/loading.gif"])::after { border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); border-top-color: rgb(49, 168, 196); border-right-color: rgb(49, 97, 196); } html[data-mr-theme="light"] .mr-app .nav-tabs { border-bottom-color: rgb(104, 153, 217); } html[data-mr-theme="light"] .mr-app .nav-tabs .nav-link.active { background-image: none; color: rgb(27, 68, 162); border-top-color: rgb(104, 153, 217); border-right-color: rgb(104, 153, 217); border-bottom-color: rgb(104, 151, 217); border-left-color: rgb(104, 153, 217); } html[data-mr-theme="light"] .mr-app .hk-pg-wrapper:not(.mr-dashboard) .text-light { color: rgb(77, 105, 134) !important; } html[data-mr-theme="light"] .mr-app .mr-table-scroll:focus-visible { outline-color: rgb(49, 171, 196); } html[data-mr-theme="light"] .mr-app .hk-wrapper .navbar-search { background-image: none; border-bottom-color: rgb(104, 156, 217); } html[data-mr-theme="light"] .mr-app a:focus-visible, html[data-mr-theme="light"] .mr-app button:focus-visible, html[data-mr-theme="light"] .mr-public a:focus-visible, html[data-mr-theme="light"] .mr-public button:focus-visible { outline-color: rgb(49, 171, 196); } @media (max-width: 1199px) { html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .mr-nav-active > .nav-link { box-shadow: rgba(27, 66, 112, 0.190) 3px 0px inset; } } /* auth-design.css */ html[data-mr-theme="light"] .mr-public { background-image: none; } html[data-mr-theme="light"] .mr-public .hk-wrapper { background-image: none; } html[data-mr-theme="light"] .mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper { background-image: none; } html[data-mr-theme="light"] .mr-public .mr-public-header { border-bottom-color: rgb(109, 157, 212); } html[data-mr-theme="light"] .mr-public .mr-public-nav a:hover, html[data-mr-theme="light"] .mr-public .mr-public-nav a[aria-current="page"] { color: rgb(22, 66, 167); border-top-color: rgb(104, 147, 217); border-right-color: rgb(104, 147, 217); border-bottom-color: rgb(104, 147, 217); border-left-color: rgb(104, 147, 217); background-image: none; background-color: rgba(255, 255, 255, 0.700); } html[data-mr-theme="light"] .mr-public .mr-public-footer { color: rgb(77, 105, 134); border-top-color: rgb(109, 157, 212); } html[data-mr-theme="light"] .mr-public .mr-public-footer a:hover { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main > .row { background-image: none; background-color: rgb(255, 255, 255); border-top-color: rgb(109, 155, 212); border-right-color: rgb(109, 155, 212); border-bottom-color: rgb(109, 155, 212); border-left-color: rgb(109, 155, 212); box-shadow: rgba(27, 66, 112, 0.012) 0px 8px 30px; } html[data-mr-theme="light"] .mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main .card { border-top-color: rgb(109, 155, 212); border-right-color: rgb(109, 155, 212); border-bottom-color: rgb(109, 155, 212); border-left-color: rgb(109, 155, 212); } html[data-mr-theme="light"] .mr-public .auth-form { border-top-color: rgb(108, 157, 213); border-right-color: rgb(108, 157, 213); border-bottom-color: rgb(108, 157, 213); border-left-color: rgb(108, 157, 213); background-image: none; background-color: rgb(255, 255, 255); box-shadow: rgba(27, 66, 112, 0.016) 0px 12px 40px; } html[data-mr-theme="light"] .mr-public.mr-login-page, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page { background-image: none; background-color: rgb(243, 247, 252); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public.mr-login-page .hk-wrapper, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .hk-wrapper { background-image: radial-gradient(at 22% 38%, rgb(241, 245, 249) 0px, transparent 42%), radial-gradient(at 83% 56%, rgba(241, 245, 249, 0.300), transparent 40%), none; background-color: rgb(243, 247, 252); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-header, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-header { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgba(243, 246, 250, 0.500); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-brand-text, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-brand-text { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-nav a, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-nav a { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-nav a:hover, html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-nav a[aria-current="page"], html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-nav a:hover, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-nav a[aria-current="page"] { color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgb(242, 245, 249); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-footer, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-footer { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public.mr-login-page .mr-public-footer a, html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-public-footer a { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-eyebrow { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-login-story h1 { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-login-story h1 > span { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-login-intro { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-orbit-grid { background-image: linear-gradient(rgba(144, 192, 223, 0.070) 1px, transparent 1px), linear-gradient(90deg, rgba(144, 192, 223, 0.070) 1px, transparent 1px); } html[data-mr-theme="light"] .mr-orbit-ring { border-top-color: rgba(49, 142, 196, 0.376); border-right-color: rgba(49, 142, 196, 0.376); border-bottom-color: rgba(49, 142, 196, 0.376); border-left-color: rgba(49, 142, 196, 0.376); box-shadow: rgba(27, 66, 112, 0.035) 0px 0px 35px; } html[data-mr-theme="light"] .mr-orbit-ring-two { border-top-color: rgba(49, 175, 196, 0.250); border-right-color: rgba(49, 175, 196, 0.250); border-bottom-color: rgba(49, 175, 196, 0.250); border-left-color: rgba(49, 175, 196, 0.250); } html[data-mr-theme="light"] .mr-orbit-core { border-top-color: rgba(49, 146, 196, 0.580); border-right-color: rgba(49, 146, 196, 0.580); border-bottom-color: rgba(49, 146, 196, 0.580); border-left-color: rgba(49, 146, 196, 0.580); background-image: linear-gradient(140deg, rgb(241, 245, 248), rgb(242, 246, 249)); box-shadow: rgba(27, 66, 112, 0.087) 0px 0px 48px, rgba(27, 66, 112, 0.038) 0px 0px 30px inset; } html[data-mr-theme="light"] .mr-orbit-chip { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgba(242, 246, 249, 0.930); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.047) 0px 8px 24px; } html[data-mr-theme="light"] .mr-orbit-chip svg { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-data-track { stroke: rgba(26, 101, 163, 0.240); } html[data-mr-theme="light"] .mr-data-packet { stroke: rgb(21, 102, 168); filter: drop-shadow(rgba(27, 66, 112, 0.190) 0px 0px 4px); } html[data-mr-theme="light"] .mr-data-return { stroke: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-orbit-chip::after { background-image: none; background-color: rgb(235, 247, 245); box-shadow: rgba(27, 66, 112, 0.175) 0px 0px 8px; } html[data-mr-theme="light"] .mr-orbit-chip .mr-worker-bot { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-worker-status { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-capabilities { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-capabilities svg { color: rgb(22, 102, 167); } html[data-mr-theme="light"] .mr-login-card { background-image: linear-gradient(145deg, rgb(255, 255, 255), rgb(249, 251, 255)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.093) 0px 24px 80px, rgba(27, 66, 112, 0.016) 0px 0px 50px; } html[data-mr-theme="light"] .mr-login-card-top { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-lock { color: rgb(21, 102, 168); background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-login-card h2 { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-login-card-description { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-card label { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-login-label-row a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-login-field > svg { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-login-card .mr-login-field .form-control { background-image: none; background-color: rgb(247, 250, 255); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-public .mr-login-card .form-control::placeholder { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-login-card .form-control:focus { border-top-color: rgb(49, 140, 196); border-right-color: rgb(49, 140, 196); border-bottom-color: rgb(49, 140, 196); border-left-color: rgb(49, 140, 196); box-shadow: rgba(27, 66, 112, 0.038) 0px 0px 0px 3px; } html[data-mr-theme="light"] .mr-login-card .input-group-text { background-image: none; color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-card .mr-login-remember label { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-card #loginbtn { box-shadow: rgba(27, 66, 112, 0.070) 0px 6px 20px; } html[data-mr-theme="light"] .mr-login-create { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-create a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-login-help { border-top-color: rgb(185, 203, 223); } html[data-mr-theme="light"] .mr-login-help > svg { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-help span { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-login-help a { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .auth-form { border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); box-shadow: rgba(27, 66, 112, 0.070) 0px 20px 60px; } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .auth-form-wrap .auth-form { background-image: linear-gradient(145deg, rgb(255, 255, 255), rgb(255, 255, 255)); color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .auth-form-wrap .auth-form :is(h1, h2, .display-4) { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .auth-form-wrap .auth-form :is(p, pre) { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .auth-form-wrap .auth-form a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-public .mr-flow-eyebrow { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-flow-intro { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-captcha-row img { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-public .mr-flow-bottom { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-flow-bottom a { color: rgb(28, 101, 160); } html[data-mr-theme="light"] .mr-public.mr-auth-flow-page .mr-account-screen .auth-form { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: linear-gradient(145deg, rgb(255, 255, 255), rgb(249, 251, 255)); box-shadow: rgba(27, 66, 112, 0.093) 0px 24px 80px; } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .display-4 { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .mr-flow-eyebrow { color: rgb(28, 101, 160); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .mr-flow-intro { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form label { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .form-control { background-image: none; background-color: rgb(247, 250, 255); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .form-control::placeholder { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .form-control:focus { border-top-color: rgb(49, 140, 196); border-right-color: rgb(49, 140, 196); border-bottom-color: rgb(49, 140, 196); border-left-color: rgb(49, 140, 196); box-shadow: rgba(27, 66, 112, 0.038) 0px 0px 0px 3px; } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .mr-captcha-row img { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .custom-control-label { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-public .mr-account-screen .auth-form .mr-flow-bottom { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-account-screen .mr-login-capabilities a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-contact-method { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: linear-gradient(115deg, rgba(242, 245, 248, 0.667), rgba(243, 246, 249, 0.700)); box-shadow: rgba(27, 66, 112, 0.025) 0px 10px 30px; } html[data-mr-theme="light"] .mr-contact-method:hover, html[data-mr-theme="light"] .mr-contact-method:focus-visible { border-top-color: rgb(50, 175, 202); border-right-color: rgb(50, 175, 202); border-bottom-color: rgb(50, 175, 202); border-left-color: rgb(50, 175, 202); background-image: none; background-color: rgb(242, 245, 248); box-shadow: rgba(27, 66, 112, 0.035) 0px 0px 24px; } html[data-mr-theme="light"] .mr-contact-icon { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgba(241, 245, 249, 0.400); color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-contact-details small { color: rgb(41, 100, 147); } html[data-mr-theme="light"] .mr-contact-details strong { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-contact-details > span { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-contact-method > .mr-contact-arrow { color: rgb(24, 101, 165); } html[data-mr-theme="light"] .mr-contact-signature { color: rgb(47, 99, 142); } html[data-mr-theme="light"] .mr-contact-signature .mr-contact-company { border-left-color: rgb(187, 203, 221); color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-contact-form .mr-contact-submit { box-shadow: rgba(27, 66, 112, 0.070) 0px 6px 22px; } html[data-mr-theme="light"] .mr-login-page .mr-cursor-glow { background-image: radial-gradient(circle, rgba(144, 202, 223, 0.120), rgba(144, 163, 223, 0.043) 42%, transparent 70%); } html[data-mr-theme="light"] .mr-login-page .mr-cursor-robot { filter: drop-shadow(rgba(27, 66, 112, 0.140) 0px 0px 6px); } html[data-mr-theme="light"] .mr-login-page .mr-cursor-dot { background-image: none; background-color: rgb(233, 240, 249); box-shadow: rgba(27, 66, 112, 0.105) 0px 0px 7px; } html[data-mr-theme="light"] .mr-login-page .mr-cursor-pressed .mr-cursor-robot { filter: drop-shadow(rgba(27, 66, 112, 0.190) 0px 0px 9px); } html[data-mr-theme="light"] .mr-login-page .mr-cursor-typing .mr-cursor-robot { filter: drop-shadow(rgba(27, 66, 112, 0.190) 0px 0px 10px) brightness(1.12); } html[data-mr-theme="light"] .mr-login-page .mr-cursor-effect > .mr-cursor-hint { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgba(243, 246, 249, 0.930); color: rgb(25, 53, 83); } @media (min-width: 768px) and (prefers-reduced-motion: no-preference) { html[data-mr-theme="light"] .mr-login-story .mr-orbit-core::before { border-top-color: rgba(49, 156, 196, 0.240); border-right-color: rgba(49, 156, 196, 0.240); border-bottom-color: rgba(49, 156, 196, 0.240); border-left-color: rgba(49, 156, 196, 0.240); box-shadow: rgba(27, 66, 112, 0.049) 0px 0px 24px; } html[data-mr-theme="light"] .mr-login-story .mr-orbit-ring-one::after { background-image: none; background-color: rgb(233, 240, 249); box-shadow: rgba(27, 66, 112, 0.190) 0px 0px 12px; } } /* dashboard-design.css */ html[data-mr-theme="light"] body:has(.mr-dashboard) { background-image: none; } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper { background-image: none; } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light { background-image: none; background-color: rgb(243, 246, 249); border-bottom-color: rgb(186, 203, 222); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar .brand-img { filter: drop-shadow(rgba(27, 66, 112, 0.117) 0px 0px 7px); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar .nav-link, html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar .media-body > span, html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar .hk-navbar-content > li > p { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar .nav-link-hover:hover { background-image: none; background-color: rgb(243, 245, 247); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark { background-image: none; background-color: rgb(255, 255, 255); border-bottom-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper .hk-navbar .feather-icon, html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper .hk-navbar .feather { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-nav .navbar-nav > .nav-item > .nav-link { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-nav .navbar-nav > .nav-item:first-child > .nav-link { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 245, 248); box-shadow: rgba(27, 66, 112, 0.190) 0px -3px inset; } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-nav .navbar-nav > .nav-item > .nav-link:hover { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] .hk-wrapper .hk-pg-wrapper.mr-dashboard { --mr-blue: rgb(21, 56, 168); --mr-ink: rgb(21, 36, 62); --mr-muted: rgb(77, 105, 134); --mr-border: rgb(184, 203, 224); background-image: radial-gradient(at 85% 0px, rgb(231, 241, 255) 0px, transparent 36%), none; } html[data-mr-theme="light"] .mr-dashboard .mr-eyebrow { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-date svg { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard a.mr-primary-action { box-shadow: rgba(27, 66, 112, 0.035) 0px 4px 10px; } html[data-mr-theme="light"] .mr-dashboard .mr-metric { background-image: none; border-top-color: rgb(49, 176, 196); box-shadow: rgba(27, 66, 112, 0.006) 0px 3px 12px; } html[data-mr-theme="light"] .mr-dashboard .mr-metric-usage { border-top-color: rgb(49, 84, 196); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-commission { border-top-color: rgb(184, 224, 219); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-plan { border-top-color: rgb(69, 102, 209); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-expiring { border-top-color: rgb(196, 142, 49); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-icon { background-image: none; color: rgb(21, 56, 168); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-commission .mr-metric-icon { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-metric-value small { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-metric-caption { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-live-dot { background-image: none; background-color: rgb(238, 248, 246); } html[data-mr-theme="light"] .mr-dashboard .mr-workspace-strip { border-top-color: rgb(104, 145, 217); border-right-color: rgb(104, 145, 217); border-bottom-color: rgb(104, 145, 217); border-left-color: rgb(104, 145, 217); } html[data-mr-theme="light"] .mr-dashboard .mr-workspace-icon { color: rgb(21, 56, 168); background-image: none; background-color: rgba(255, 255, 255, 0.600); } html[data-mr-theme="light"] .mr-dashboard .mr-workspace-info div > span { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-operator-panel { background-image: none; background-color: rgb(255, 255, 255); box-shadow: rgba(27, 66, 112, 0.006) 0px 4px 20px; } html[data-mr-theme="light"] .mr-dashboard .mr-panel-heading { border-bottom-color: rgb(184, 203, 224); background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-operator-heading-icon { color: rgb(21, 56, 168); background-image: none; border-top-color: rgb(104, 139, 217); border-right-color: rgb(104, 139, 217); border-bottom-color: rgb(104, 139, 217); border-left-color: rgb(104, 139, 217); } html[data-mr-theme="light"] .mr-dashboard .mr-secondary-action { border-top-color: rgb(110, 151, 211); border-right-color: rgb(110, 151, 211); border-bottom-color: rgb(110, 151, 211); border-left-color: rgb(110, 151, 211); color: rgb(21, 56, 168); } html[data-mr-theme="light"] .mr-dashboard .mr-secondary-action:hover { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-operator-table thead th { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-operator-table tbody td { border-bottom-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-dashboard .mr-operator-table tbody tr:hover { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-row-number { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-operator-identity:hover { color: rgb(21, 56, 168); } html[data-mr-theme="light"] .mr-dashboard .mr-operator-logo { background-image: none; background-color: rgb(255, 255, 255); border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); } html[data-mr-theme="light"] .mr-dashboard .mr-lapu-count { color: rgb(77, 105, 134); background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-operator-count { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-show-operators { background-image: none; color: rgb(21, 56, 168); } html[data-mr-theme="light"] .mr-dashboard .mr-empty-state > svg { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-empty-state p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-notice-warning { background-image: none; border-top-color: rgb(214, 174, 92); border-right-color: rgb(214, 174, 92); border-bottom-color: rgb(214, 174, 92); border-left-color: rgb(214, 174, 92); } html[data-mr-theme="light"] .mr-dashboard .card { box-shadow: rgba(27, 66, 112, 0.003) 0px 3px 10px; } html[data-mr-theme="light"] .mr-dashboard .card-img-top { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .card-text { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .card-text a { color: rgb(21, 56, 168); } html[data-mr-theme="light"] .mr-dashboard .footer p, html[data-mr-theme="light"] .mr-dashboard .footer a { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard a:focus-visible, html[data-mr-theme="light"] .mr-dashboard button:focus-visible, html[data-mr-theme="light"] .mr-dashboard .table-responsive:focus-visible { outline-color: rgb(49, 162, 196); } html[data-mr-theme="light"] .mr-dashboard .mr-services-heading p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-services-heading-icon { border-top-color: rgb(107, 148, 214); border-right-color: rgb(107, 148, 214); border-bottom-color: rgb(107, 148, 214); border-left-color: rgb(107, 148, 214); background-image: none; background-color: rgba(255, 255, 255, 0.650); color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-service-card { --service-accent: rgb(21, 56, 168); --service-tint: rgb(238, 243, 255); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; box-shadow: rgba(27, 66, 112, 0.006) 0px 4px 14px; } html[data-mr-theme="light"] .mr-dashboard .mr-service-sms { --service-accent: rgb(148, 112, 12); --service-tint: rgb(255, 248, 223); } html[data-mr-theme="light"] .mr-dashboard .mr-service-whatsapp { --service-accent: rgb(17, 128, 94); --service-tint: rgb(233, 248, 241); } html[data-mr-theme="light"] .mr-dashboard .mr-service-card:hover, html[data-mr-theme="light"] .mr-dashboard .mr-service-card:focus-within { border-top-color: rgb(90, 133, 214); border-right-color: rgb(90, 133, 214); border-bottom-color: rgb(90, 133, 214); border-left-color: rgb(90, 133, 214); box-shadow: rgba(27, 66, 112, 0.017) 0px 7px 24px; } html[data-mr-theme="light"] .mr-dashboard .mr-service-brand { background-image: none; border-bottom-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-dashboard .mr-service-content p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-service-footer { border-top-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-dashboard .mr-service-secondary a { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-service-secondary a:hover { color: rgb(21, 56, 168); } @media (max-width: 1199px) { html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-nav .navbar-nav > .nav-item:first-child > .nav-link { box-shadow: rgba(27, 66, 112, 0.190) 3px 0px inset; } } html[data-mr-theme="light"] .mr-dashboard .mr-support-contact { border-top-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-dashboard .mr-support-card { --mr-support-accent: rgb(21, 102, 168); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: linear-gradient(125deg, rgb(242, 245, 248), rgb(243, 246, 249)); box-shadow: rgba(27, 66, 112, 0.047) 0px 8px 25px; } html[data-mr-theme="light"] .mr-dashboard .mr-support-email { --mr-support-accent: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-dashboard .mr-support-whatsapp { --mr-support-accent: rgb(32, 111, 70); } html[data-mr-theme="light"] .mr-dashboard .mr-support-card:hover, html[data-mr-theme="light"] .mr-dashboard .mr-support-card:focus-visible { box-shadow: rgba(27, 66, 112, 0.034) 0px 0px 20px; } html[data-mr-theme="light"] .mr-dashboard .mr-support-icon { background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); } html[data-mr-theme="light"] .mr-dashboard .mr-support-icon > span { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-support-details small { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard .mr-support-details strong { color: rgb(25, 53, 83); } /* dashboard-futuristic.css */ html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light { background-image: radial-gradient(at 48% -80%, rgb(238, 243, 248) 0px, transparent 44%), linear-gradient(105deg, rgb(243, 247, 252), rgb(242, 245, 249) 62%, rgb(243, 246, 249)); border-bottom-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.056) 0px 2px 18px; } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar a.mr-dashboard-brand { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar a.mr-dashboard-brand img { filter: drop-shadow(rgba(27, 66, 112, 0.117) 0px 0px 7px); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar a.mr-dashboard-brand > span { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-navbar a.mr-dashboard-brand > small { border-left-color: rgb(192, 203, 216); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark { background-image: linear-gradient(100deg, rgb(243, 246, 249), rgb(243, 245, 248)); box-shadow: rgba(27, 66, 112, 0.028) 0px 5px 15px; } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .nav-link { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:has(.mr-dashboard) .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item:first-child > .nav-link { background-image: linear-gradient(0deg, rgba(240, 244, 249, 0.440), rgba(144, 186, 223, 0.190)); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.190) 0px -3px inset; } html[data-mr-theme="light"] .hk-wrapper .hk-pg-wrapper.mr-dashboard { background-image: radial-gradient(at 88% 0px, rgba(201, 228, 255, 0.570), transparent 43%), linear-gradient(115deg, rgb(244, 248, 255), rgb(239, 245, 255) 65%, rgb(234, 247, 252)); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-date { background-image: none; background-color: rgba(255, 255, 255, 0.700); border-top-color: rgb(107, 153, 214); border-right-color: rgb(107, 153, 214); border-bottom-color: rgb(107, 153, 214); border-left-color: rgb(107, 153, 214); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-primary-action { box-shadow: rgba(27, 66, 112, 0.066) 0px 4px 12px; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-workspace-strip { border-top-color: rgb(101, 142, 217); border-right-color: rgb(101, 142, 217); border-bottom-color: rgb(101, 142, 217); border-left-color: rgb(101, 142, 217); background-image: linear-gradient(105deg, rgb(233, 239, 255), rgba(220, 230, 255, 0.600) 55%, rgba(212, 244, 255, 0.700)); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-workspace-info div > span { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-workspace-icon { color: rgb(21, 102, 168); background-image: none; background-color: rgba(255, 255, 255, 0.660); border-top-color: rgb(104, 144, 217); border-right-color: rgb(104, 144, 217); border-bottom-color: rgb(104, 144, 217); border-left-color: rgb(104, 144, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric { border-right-color: rgb(104, 149, 217); border-bottom-color: rgb(104, 149, 217); border-left-color: rgb(104, 149, 217); border-top-color: rgb(49, 167, 196); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(27, 66, 112, 0.016) 0px 4px 15px; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-usage { border-top-color: rgb(49, 87, 196); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-commission { border-top-color: rgb(184, 224, 218); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-plan { border-top-color: rgb(49, 112, 196); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-expiring { border-top-color: rgb(196, 142, 49); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-icon { border-top-color: rgb(104, 155, 217); border-right-color: rgb(104, 155, 217); border-bottom-color: rgb(104, 155, 217); border-left-color: rgb(104, 155, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-icon svg { color: rgb(21, 69, 168); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-value small { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-metric-caption { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-panel { border-top-color: rgb(95, 148, 215); border-right-color: rgb(95, 148, 215); border-bottom-color: rgb(95, 148, 215); border-left-color: rgb(95, 148, 215); box-shadow: rgba(27, 66, 112, 0.012) 0px 5px 20px, rgb(255, 255, 255) 0px 1px inset; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-panel-heading { border-bottom-color: rgb(105, 152, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-panel-heading p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-heading-icon { border-top-color: rgb(104, 151, 217); border-right-color: rgb(104, 151, 217); border-bottom-color: rgb(104, 151, 217); border-left-color: rgb(104, 151, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-secondary-action { color: rgb(26, 69, 163); background-image: none; background-color: rgba(255, 255, 255, 0.850); border-top-color: rgb(101, 146, 217); border-right-color: rgb(101, 146, 217); border-bottom-color: rgb(101, 146, 217); border-left-color: rgb(101, 146, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-table thead th { border-bottom-color: rgb(104, 150, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-table tbody td { border-bottom-color: rgb(104, 156, 217); } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-table tbody tr:nth-child(2n) { background-image: none; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-operator-table tbody tr:hover { background-image: none; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-lapu-count { border-top-color: rgb(104, 153, 217); border-right-color: rgb(104, 153, 217); border-bottom-color: rgb(104, 153, 217); border-left-color: rgb(104, 153, 217); background-image: none; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-table-footer { background-image: none; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-service-card { border-top-color: rgb(104, 151, 217); border-right-color: rgb(104, 151, 217); border-bottom-color: rgb(104, 151, 217); border-left-color: rgb(104, 151, 217); box-shadow: rgba(27, 66, 112, 0.016) 0px 5px 18px; } html[data-mr-theme="light"] .mr-dashboard.mr-dashboard .mr-service-footer { background-image: none; } html[data-mr-theme="light"] .mr-dashboard .mr-automation-card { background-image: none; border-top-color: rgb(104, 151, 217); border-right-color: rgb(104, 151, 217); border-bottom-color: rgb(104, 151, 217); border-left-color: rgb(104, 151, 217); box-shadow: rgba(27, 66, 112, 0.010) 0px 4px 18px; } html[data-mr-theme="light"] .mr-dashboard .mr-automation-image { background-image: none; border-right-color: rgb(104, 150, 217); } html[data-mr-theme="light"] .mr-dashboard .mr-automation-category { color: rgb(46, 99, 143); } html[data-mr-theme="light"] .mr-dashboard .mr-custom-automation { border-top-color: rgb(104, 149, 217); border-right-color: rgb(104, 149, 217); border-bottom-color: rgb(104, 149, 217); border-left-color: rgb(104, 149, 217); } html[data-mr-theme="light"] .mr-dashboard .mr-custom-icon { color: rgb(21, 56, 168); background-image: none; background-color: rgba(255, 255, 255, 0.770); border-top-color: rgb(104, 145, 217); border-right-color: rgb(104, 145, 217); border-bottom-color: rgb(104, 145, 217); border-left-color: rgb(104, 145, 217); } html[data-mr-theme="light"] .mr-dashboard .mr-custom-automation p { color: rgb(77, 105, 134); } @media (min-width: 768px) and (max-width: 1199px) { html[data-mr-theme="light"] .mr-dashboard .mr-automation-image { border-bottom-color: rgb(104, 150, 217); } } @media (max-width: 767px) { html[data-mr-theme="light"] .mr-dashboard .mr-automation-image { border-bottom-color: rgb(104, 150, 217); } } /* info-design.css */ html[data-mr-theme="light"] .mr-info-hero h1 { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-info-hero > p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-nav { background-image: none; background-color: rgba(243, 246, 249, 0.600); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-info-nav a { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-nav a svg { color: rgb(28, 101, 161); } html[data-mr-theme="light"] .mr-info-nav a:hover { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] .mr-info-nav a[aria-current="page"] { color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: linear-gradient(110deg, rgb(241, 244, 248), rgba(241, 245, 248, 0.467)); box-shadow: rgba(27, 66, 112, 0.030) 0px 0px 16px inset; } html[data-mr-theme="light"] .mr-info-contents { background-image: none; background-color: rgba(243, 246, 249, 0.733); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-info-sidebar-label { color: rgb(30, 101, 159); } html[data-mr-theme="light"] .mr-info-contents a { border-left-color: rgb(184, 203, 224); color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-contents a:hover, html[data-mr-theme="light"] .mr-info-contents a:focus-visible { background-image: none; background-color: rgb(242, 245, 248); border-left-color: rgb(52, 185, 204); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-info-help { background-image: linear-gradient(135deg, rgb(242, 245, 249), rgb(243, 246, 249)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-info-help > svg { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-info-help strong { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-info-help p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-help a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-info-article { background-image: linear-gradient(145deg, rgb(243, 245, 249), rgb(243, 246, 249) 75%); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); border-top-color: rgb(49, 163, 196); box-shadow: rgba(27, 66, 112, 0.070) 0px 20px 65px; color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-article p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-article > h2 { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgba(242, 245, 248, 0.400); color: rgb(27, 101, 162); } html[data-mr-theme="light"] .mr-info-article h4 { color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-public .mr-info-article ol > li { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-public .mr-info-article ol > li::before { color: rgb(42, 100, 147); } html[data-mr-theme="light"] .mr-public .mr-info-article > ol > li.h5 { border-top-color: rgb(184, 203, 224); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .mr-info-article > ol > li.h5::before { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-info-article ul { color: rgb(77, 105, 134); } html[data-mr-theme="light"] .mr-info-article a { color: rgb(21, 102, 168); } html[data-mr-theme="light"] .mr-info-screen a:focus-visible { outline-color: rgb(78, 188, 211); } @media (max-width: 767px) { html[data-mr-theme="light"] .mr-info-contents a { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } } /* header-theme.css */ html[data-mr-theme="light"] .mr-app .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light.mr-bot-header, html[data-mr-theme="light"] .mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper > header.mr-public-header { background-image: linear-gradient(105deg, rgb(255, 255, 255), rgb(237, 246, 255) 55%, rgb(249, 251, 255)); border-bottom-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.066) 0px 4px 24px, rgba(27, 66, 112, 0.025) 0px 1px inset; } html[data-mr-theme="light"] .mr-header-grid { background-image: linear-gradient(rgba(144, 204, 223, 0.070) 1px, transparent 1px), linear-gradient(90deg, rgba(144, 204, 223, 0.070) 1px, transparent 1px); } html[data-mr-theme="light"] .mr-header-track { stroke: rgba(21, 102, 168, 0.300); } html[data-mr-theme="light"] .mr-header-data { stroke: rgb(21, 102, 168); filter: drop-shadow(rgba(27, 66, 112, 0.190) 0px 0px 4px); } html[data-mr-theme="light"] .mr-header-worker { color: rgb(21, 102, 168); filter: drop-shadow(rgba(27, 66, 112, 0.105) 0px 0px 7px); } html[data-mr-theme="light"] .mr-header-bots::after { background-image: linear-gradient(90deg, transparent 10%, rgba(233, 241, 249, 0.400) 35%, rgb(233, 240, 249) 50%, rgba(233, 241, 249, 0.400) 65%, transparent 90%); } html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication > .nav-link { border-top-color: rgba(184, 203, 224, 0.420); border-right-color: rgba(184, 203, 224, 0.420); border-bottom-color: rgba(184, 203, 224, 0.420); border-left-color: rgba(184, 203, 224, 0.420); background-image: linear-gradient(115deg, rgba(242, 245, 248, 0.930), rgba(243, 246, 249, 0.930)); } html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication > .nav-link:hover, html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication.show > .nav-link { border-top-color: rgb(51, 173, 202); border-right-color: rgb(51, 173, 202); border-bottom-color: rgb(51, 173, 202); border-left-color: rgb(51, 173, 202); box-shadow: rgba(27, 66, 112, 0.035) 0px 0px 18px; } html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication .avatar { border-top-color: rgb(50, 165, 199); border-right-color: rgb(50, 165, 199); border-bottom-color: rgb(50, 165, 199); border-left-color: rgb(50, 165, 199); background-image: none; background-color: rgb(242, 245, 249); box-shadow: rgba(27, 66, 112, 0.052) 0px 0px 12px; } html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication .media-body > span { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .mr-bot-header .dropdown-authentication .badge-indicator { background-image: none; background-color: rgb(236, 246, 243); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu { background-image: linear-gradient(145deg, rgb(242, 245, 248), rgb(243, 246, 249)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.122) 0px 16px 45px; } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item, html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item > span { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item .dropdown-icon { color: rgb(26, 101, 163); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item:hover, html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item:focus { background-image: none; background-color: rgb(241, 244, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-header { color: rgb(45, 99, 144); border-top-color: rgb(185, 203, 223); border-right-color: rgb(185, 203, 223); border-bottom-color: rgb(185, 203, 223); border-left-color: rgb(185, 203, 223); } html[data-mr-theme="light"] .mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-divider { border-top-color: rgb(185, 203, 223); border-right-color: rgb(185, 203, 223); border-bottom-color: rgb(185, 203, 223); border-left-color: rgb(185, 203, 223); } html[data-mr-theme="light"] .mr-app .mr-bot-header .navbar-nav > li > p { border-top-color: rgba(185, 203, 223, 0.400); border-right-color: rgba(185, 203, 223, 0.400); border-bottom-color: rgba(185, 203, 223, 0.400); border-left-color: rgba(185, 203, 223, 0.400); background-image: none; background-color: rgba(243, 246, 249, 0.700); } html[data-mr-theme="light"] .mr-app .mr-bot-header .nav-link-hover:hover { background-image: none; background-color: rgb(241, 244, 248); } html[data-mr-theme="light"] .mr-public .mr-public-header .mr-brand-text { color: rgb(25, 53, 83); } html[data-mr-theme="light"] .mr-public .mr-public-header .mr-public-nav a { color: rgb(77, 105, 134); background-image: none; background-color: rgba(243, 246, 249, 0.533); } html[data-mr-theme="light"] .mr-public .mr-public-header .mr-public-nav a:hover, html[data-mr-theme="light"] .mr-public .mr-public-header .mr-public-nav a[aria-current="page"] { background-image: none; background-color: rgb(242, 245, 248); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } /* app-surfaces.css */ html[data-mr-theme="light"] body.mr-app { --mr-surface: rgb(255, 255, 255); --mr-border: rgb(184, 203, 224); --mr-text: rgb(25, 53, 83); --mr-muted: rgb(77, 105, 134); background-image: none; background-color: rgb(243, 247, 252); color-scheme: light; } html[data-mr-theme="light"] body.mr-app .hk-wrapper { background-image: none; background-color: rgb(243, 247, 252); } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-pg-wrapper, html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-pg-wrapper.mr-dashboard { --mr-blue: rgb(21, 102, 168); --mr-ink: rgb(25, 53, 83); --mr-muted: rgb(77, 105, 134); --mr-border: rgb(184, 203, 224); background-image: radial-gradient(at 85% 0px, rgba(144, 195, 223, 0.230), transparent 45%), none; background-color: rgb(243, 247, 252); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.hk-pg-title, .hk-sec-title, .card-title, .card-header h3, h1, h2, h3, h4, h5, h6) { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card, .hk-sec-wrapper, .mr-metric, .mr-operator-panel, .mr-service-card, .mr-automation-card, .mr-custom-automation) { background-image: linear-gradient(145deg, rgb(255, 255, 255), rgb(255, 255, 255)); border-top-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.042) 0px 12px 38px, rgba(27, 66, 112, 0.014) 0px 1px inset; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card, .hk-sec-wrapper, .mr-metric, .mr-operator-panel, .mr-service-card, .mr-automation-card, .mr-custom-automation):is(:hover, :focus-within) { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.059) 0px 12px 38px, rgba(27, 66, 112, 0.023) 0px 0px 20px; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card-header, .mr-panel-heading) { background-image: linear-gradient(110deg, rgb(242, 245, 248), rgb(243, 245, 249)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card-footer, .mr-table-footer, .mr-service-footer, .mr-auto-footer) { background-image: none; background-color: rgb(243, 246, 249); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper label { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.form-control, .custom-select, .input-group-text) { color: rgb(25, 53, 83); background-color: rgb(247, 250, 255); border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.form-control, .custom-select):focus { color: rgb(25, 53, 83); background-color: rgb(243, 246, 249); border-top-color: rgb(50, 172, 199); border-right-color: rgb(50, 172, 199); border-bottom-color: rgb(50, 172, 199); border-left-color: rgb(50, 172, 199); box-shadow: rgba(27, 66, 112, 0.038) 0px 0px 0px 3px, rgba(27, 66, 112, 0.017) 0px 0px 18px; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .form-control::placeholder { color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.form-control, .custom-select):disabled, html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .form-control[readonly] { background-color: rgb(243, 245, 248); color: rgb(77, 105, 134); border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(input, textarea) { accent-color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper select option { background-image: none; background-color: rgb(243, 245, 249); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper hr { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .btn-primary { box-shadow: rgba(27, 66, 112, 0.052) 0px 5px 18px; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-light, .mr-secondary-action) { color: rgb(21, 102, 168); background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-light, .mr-secondary-action):hover { color: rgb(25, 53, 83); background-image: none; background-color: rgb(241, 244, 248); border-top-color: rgb(49, 165, 196); border-right-color: rgb(49, 165, 196); border-bottom-color: rgb(49, 165, 196); border-left-color: rgb(49, 165, 196); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .btn-link { color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .text-muted { color: rgb(77, 105, 134) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.text-dark, .text-secondary) { color: rgb(25, 53, 83) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .text-primary { color: rgb(21, 102, 168) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .text-success { color: rgb(32, 111, 80) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .text-danger { color: rgb(157, 37, 58) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .text-warning { color: rgb(128, 96, 30) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.bg-white, .bg-light) { background-color: rgb(242, 245, 249) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table { color: rgb(25, 53, 83); background-image: none; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table :is(th, td) { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table thead th { background-image: none; background-color: rgb(242, 245, 248); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table tbody td { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table tbody tr { background-image: none; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table tbody tr:nth-of-type(2n) { background-image: none; background-color: rgba(243, 245, 249, 0.400); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table tbody tr:hover { background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table tfoot :is(th, td) { background-image: none; background-color: rgb(242, 245, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table :is(a:not(.btn), .mr-balance-cell, .mr-operator-identity) { color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table :is(.table-success, .table-success > td) { background-image: none; background-color: rgb(243, 248, 248); color: rgb(32, 111, 77); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table :is(.table-danger, .table-danger > td) { background-image: none; background-color: rgb(247, 243, 246); color: rgb(157, 37, 60); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .table :is(.table-warning, .table-warning > td) { background-image: none; background-color: rgb(247, 246, 243); color: rgb(128, 98, 30); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .page-link { color: rgb(25, 101, 163); background-image: none; background-color: rgb(242, 245, 249); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .page-item.active .page-link { background-image: none; background-color: rgb(237, 242, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .page-item.disabled .page-link { background-image: none; background-color: rgb(243, 246, 249); color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.badge-success, .alert-success) { background-image: none; background-color: rgb(243, 248, 247); color: rgb(32, 111, 76); border-top-color: rgb(184, 224, 211); border-right-color: rgb(184, 224, 211); border-bottom-color: rgb(184, 224, 211); border-left-color: rgb(184, 224, 211); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.badge-warning, .alert-warning, .mr-notice-warning) { background-image: none; background-color: rgb(247, 246, 244); color: rgb(128, 95, 30); border-top-color: rgb(223, 210, 185); border-right-color: rgb(223, 210, 185); border-bottom-color: rgb(223, 210, 185); border-left-color: rgb(223, 210, 185); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.badge-danger, .alert-danger) { background-image: none; background-color: rgb(247, 243, 246); color: rgb(157, 37, 61); border-top-color: rgb(220, 188, 202); border-right-color: rgb(220, 188, 202); border-bottom-color: rgb(220, 188, 202); border-left-color: rgb(220, 188, 202); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.badge-info, .alert-info) { background-image: none; background-color: rgb(242, 245, 248); color: rgb(21, 102, 168); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.alert-primary, .alert-secondary, .alert-light) { background-image: none; background-color: rgb(242, 245, 248); color: rgb(25, 53, 83); border-top-color: rgb(185, 203, 223); border-right-color: rgb(185, 203, 223); border-bottom-color: rgb(185, 203, 223); border-left-color: rgb(185, 203, 223); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.list-group-item, .nav-tabs .nav-link, .tab-content) { color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .nav-tabs .nav-link.active { background-image: none; background-color: rgb(242, 245, 248); color: rgb(21, 102, 168); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper :is(pre, code) { color: rgb(21, 102, 168); background-image: none; background-color: rgb(243, 246, 250); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper a:not(.btn):not(.page-link):not(.nav-link):not(.dropdown-item):not(.mr-service-visit) { color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .footer :is(p, a) { color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard :is(.mr-date, .mr-workspace-strip, .mr-metric-icon, .mr-workspace-icon, .mr-operator-heading-icon, .mr-services-heading-icon, .mr-lapu-count) { background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard :is(.mr-metric-value, .mr-workspace-info strong, .mr-empty-state strong, .mr-service-content h3, .mr-auto-title, .mr-service-title) { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard :is(.mr-metric-label, .mr-metric-caption, .mr-metric-value small, .mr-panel-heading p, .mr-workspace-info div > span, .mr-services-heading p, .mr-service-content p, .mr-empty-state p, .mr-operator-summary, .mr-auto-description, .mr-auto-copy) { color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-metric-icon svg { color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-metric { border-top-color: rgb(49, 173, 196); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-metric-commission { border-top-color: rgb(49, 196, 147); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-metric-expiring { border-top-color: rgb(200, 149, 50); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-service-category { background-image: none; background-color: rgb(242, 245, 248); color: rgb(24, 101, 165); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard :is(.mr-automation-content p, .mr-custom-automation p) { color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard :is(.mr-automation-category, .mr-eyebrow) { color: rgb(21, 102, 168); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-dashboard .mr-custom-icon { color: rgb(21, 102, 168); background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .modal-content { background-image: linear-gradient(145deg, rgb(242, 245, 248), rgb(243, 246, 249)); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); box-shadow: rgba(27, 66, 112, 0.163) 0px 24px 80px; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .modal :is(.modal-header, .modal-footer) { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none !important; background-color: rgb(242, 245, 248) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .modal .close { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .dropdown-menu { background-image: linear-gradient(145deg, rgb(242, 245, 248), rgb(243, 246, 249)); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .dropdown-menu .dropdown-item, html[data-mr-theme="light"] body.mr-app .hk-wrapper .dropdown-menu .dropdown-item > span { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .dropdown-menu .dropdown-item:is(:hover, :focus) { background-image: none; background-color: rgb(241, 244, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .dropdown-menu .dropdown-divider { border-top-color: rgb(185, 203, 223); border-right-color: rgb(185, 203, 223); border-bottom-color: rgb(185, 203, 223); border-left-color: rgb(185, 203, 223); } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 { background-image: none; background-color: rgb(243, 245, 249); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link { color: rgb(25, 53, 83); background-image: none; } html[data-mr-theme="light"] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:is(:hover, :focus, [aria-current="page"]) { color: rgb(21, 102, 168); background-image: none; background-color: rgb(242, 245, 248); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .navbar-search { background-image: none; background-color: rgb(242, 245, 249); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .navbar-search .form-control { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .select2-dropdown, html[data-mr-theme="light"] body.mr-app .select2-selection { background-image: none; background-color: rgb(243, 246, 249); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .select2-results__option--highlighted { background-image: none !important; background-color: rgb(241, 244, 248) !important; } html[data-mr-theme="light"] body.mr-app .select2-search__field { background-image: none; background-color: rgb(243, 246, 250); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .daterangepicker, html[data-mr-theme="light"] body.mr-app .daterangepicker .calendar-table { background-image: none; background-color: rgb(242, 245, 249); color: rgb(25, 53, 83); border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .daterangepicker :is(td.off, td.off.in-range, td.off.start-date, td.off.end-date) { background-image: none; background-color: rgb(243, 246, 248); color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .daterangepicker :is(td.available:hover, th.available:hover, td.in-range) { background-image: none; background-color: rgb(241, 244, 248); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .daterangepicker .calendar-table :is(.next span, .prev span) { border-top-color: rgb(90, 182, 214); border-right-color: rgb(90, 182, 214); border-bottom-color: rgb(90, 182, 214); border-left-color: rgb(90, 182, 214); } html[data-mr-theme="light"] body.mr-app .daterangepicker .drp-buttons { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body.mr-app .dataTables_wrapper :is(.dataTables_info, .dataTables_filter, .dataTables_length) { color: rgb(77, 105, 134); } /* alerts-theme.css */ html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert, html[data-mr-theme="light"] body.mr-public .alert { --mr-alert-accent: rgb(21, 102, 168); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.052) 0px 8px 28px, rgba(27, 66, 112, 0.015) 0px 1px inset; background-image: linear-gradient(115deg, rgb(242, 245, 248), rgb(243, 246, 249)) !important; } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert-success, html[data-mr-theme="light"] body.mr-public .alert-success { --mr-alert-accent: rgb(32, 111, 78); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert-warning, html[data-mr-theme="light"] body.mr-public .alert-warning { --mr-alert-accent: rgb(128, 96, 30); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert-danger, html[data-mr-theme="light"] body.mr-public .alert-danger { --mr-alert-accent: rgb(157, 37, 66); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert :is(strong, .alert-heading), html[data-mr-theme="light"] body.mr-public .alert :is(strong, .alert-heading) { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close, html[data-mr-theme="light"] body.mr-public .alert .close { border-top-color: rgb(188, 203, 220); border-right-color: rgb(188, 203, 220); border-bottom-color: rgb(188, 203, 220); border-left-color: rgb(188, 203, 220); background-image: none; background-color: rgba(243, 246, 249, 0.500); color: rgb(40, 100, 149); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close:hover, html[data-mr-theme="light"] body.mr-public .alert .close:hover { color: rgb(25, 53, 83); background-image: none; background-color: rgb(242, 244, 247); border-top-color: rgb(49, 167, 197); border-right-color: rgb(49, 167, 197); border-bottom-color: rgb(49, 167, 197); border-left-color: rgb(49, 167, 197); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close:focus-visible, html[data-mr-theme="light"] body.mr-public .alert .close:focus-visible { outline-color: rgb(84, 189, 212); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single, html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single { --mr-alert-accent: rgb(21, 102, 168); box-shadow: rgba(27, 66, 112, 0.117) 0px 12px 38px; background-color: rgb(243, 246, 249) !important; color: rgb(25, 53, 83) !important; } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success), html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success) { --mr-alert-accent: rgb(32, 111, 78); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning), html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning) { --mr-alert-accent: rgb(128, 96, 30); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error), html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error) { --mr-alert-accent: rgb(157, 37, 66); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single h2, html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single h2 { color: rgb(25, 53, 83); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single a, html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single a { border-bottom-color: rgb(185, 203, 223); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single .close-jq-toast-single, html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single .close-jq-toast-single { border-top-color: rgb(186, 203, 222); border-right-color: rgb(186, 203, 222); border-bottom-color: rgb(186, 203, 222); border-left-color: rgb(186, 203, 222); color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .jq-toast-wrap .jq-toast-single .close-jq-toast-single:hover, html[data-mr-theme="light"] body.mr-public .jq-toast-wrap .jq-toast-single .close-jq-toast-single:hover { background-image: none; background-color: rgb(242, 244, 247); color: rgb(25, 53, 83); } /* buttons-theme.css */ html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button) { --mr-button-glow: rgba(27, 66, 112, 0.093); box-shadow: rgba(27, 66, 112, 0.052) 0px 4px 14px, rgba(255, 255, 255, 0.07) 0px 1px inset; } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper :is(.btn-secondary, .btn-light, .btn-dark, .btn-outline-secondary, .btn-outline-light) { --mr-button-start: rgb(242, 245, 248); --mr-button-end: rgb(242, 245, 249); --mr-button-border: rgb(186, 203, 222); --mr-button-text: rgb(25, 53, 83); --mr-button-glow: rgba(27, 66, 112, 0.059); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-outline-primary { --mr-button-start: rgb(242, 245, 249); --mr-button-end: rgb(242, 245, 249); --mr-button-border: rgb(184, 203, 224); --mr-button-text: rgb(21, 102, 168); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .btn-success { --mr-button-glow: rgba(27, 66, 112, 0.070); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .btn-danger { --mr-button-glow: rgba(27, 66, 112, 0.070); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .btn-warning { --mr-button-glow: rgba(27, 66, 112, 0.070); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .btn-info { --mr-button-glow: rgba(27, 66, 112, 0.070); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper :is(.btn, .dt-button):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover, html[data-mr-theme="light"] body.mr-public .hk-wrapper .btn:not(:disabled):not(.disabled):hover { box-shadow: 0 0 0 1px rgba(27, 66, 112, 0.049), 0 0 20px var(--mr-button-glow); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper :is(.btn, .dt-button):not(:disabled):not(.disabled):active { box-shadow: rgba(27, 66, 112, 0.140) 0px 2px 6px inset; } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-link { background-image: none; color: rgb(21, 102, 168); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn-link:not(:disabled):not(.disabled):hover { background-image: none; background-color: rgba(242, 245, 248, 0.350); color: rgb(25, 53, 83); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .btn.mr-selection-button { --mr-button-start: rgb(242, 245, 248); --mr-button-end: rgb(243, 245, 249); --mr-button-border: rgb(187, 203, 221); --mr-button-text: rgb(77, 105, 134); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn:is(.active, [aria-pressed="true"]):not(:disabled):not(.disabled):not([aria-disabled="true"]) { --mr-button-start: rgb(240, 244, 249); --mr-button-end: rgb(240, 244, 248); --mr-button-border: rgb(81, 192, 211); --mr-button-text: rgb(25, 53, 83); --mr-button-glow: rgba(27, 66, 112, 0.088); box-shadow: rgba(27, 66, 112, 0.073) 0px 0px 0px 1px inset, rgba(27, 66, 112, 0.052) 0px 0px 0px 2px; } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn[aria-pressed="mixed"] { --mr-button-start: rgb(242, 245, 248); --mr-button-end: rgb(242, 245, 249); --mr-button-border: rgb(52, 171, 202); --mr-button-text: rgb(25, 53, 83); } /* tooltips-theme.css */ html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .tooltip .tooltip-inner { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: linear-gradient(135deg, rgb(242, 245, 248), rgb(243, 246, 249)); color: rgb(25, 53, 83); box-shadow: rgba(27, 66, 112, 0.117) 0px 8px 26px, rgba(27, 66, 112, 0.017) 0px 0px 14px; } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-top .arrow::before { border-top-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-left .arrow::before { border-left-color: rgb(184, 203, 224); } html[data-mr-theme="light"] body:is(.mr-app, .mr-public) .tooltip.bs-tooltip-right .arrow::before { border-right-color: rgb(184, 203, 224); } /* lapu-list.css */ /* lapu-settings.css */ html[data-mr-theme="light"] .mr-lapu-selector-panel { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgb(243, 246, 249); } html[data-mr-theme="light"] .mr-lapu-selection-summary { border-left-color: rgb(49, 169, 196); background-image: none; background-color: rgba(242, 245, 248, 0.400); color: rgb(25, 101, 164); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-lapu-selection-item { border-top-color: rgb(184, 203, 224); border-right-color: rgb(184, 203, 224); border-bottom-color: rgb(184, 203, 224); border-left-color: rgb(184, 203, 224); background-image: none; background-color: rgb(243, 246, 249); } html[data-mr-theme="light"] .mr-lapu-selection-item p { color: rgb(77, 105, 134); } html[data-mr-theme="light"] body.mr-app .hk-wrapper .mr-lapu-selection-item:has(input:checked) { background-image: none; background-color: rgb(242, 245, 248); border-top-color: rgb(50, 170, 198); border-right-color: rgb(50, 170, 198); border-bottom-color: rgb(50, 170, 198); border-left-color: rgb(50, 170, 198); box-shadow: rgba(27, 66, 112, 0.190) 3px 0px inset; } html[data-mr-theme="light"] .mr-lapu-selection-item:focus-within { outline-color: rgb(59, 183, 206); } /* /dist/css/light-refinements.css */ /* Final light-mode surfaces and accessible contrast for interactive states. */ html[data-mr-theme='light'] { color-scheme: light; } html[data-mr-theme='light'] { --mr-status-success: #087443; --mr-status-danger: #b52f45; --mr-status-warning: #a95108; --mr-status-info: #1d65a6; } /* Status colors stay distinct on white surfaces, including compact Lapu badges. */ html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .badge.badge-success { background: var(--mr-status-success); color: #fff; border-color: var(--mr-status-success); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .badge.badge-danger { background: var(--mr-status-danger); color: #fff; border-color: var(--mr-status-danger); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .badge.badge-warning { background: #ffda58; color: #604600; border-color: #c9a226; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .badge.badge-info { background: var(--mr-status-info); color: #fff; border-color: var(--mr-status-info); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status[data-status='Success'] { --mr-button-start: #e3f5ea; --mr-button-end: #e3f5ea; --mr-button-border: #16834a; --mr-button-text: var(--mr-status-success); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status[data-status='Failure'] { --mr-button-start: #ffe9ed; --mr-button-end: #ffe9ed; --mr-button-border: #c0354b; --mr-button-text: var(--mr-status-danger); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .btn.change_recharge_status[data-status] { background: linear-gradient(110deg, var(--mr-button-start), var(--mr-button-end)); color: var(--mr-button-text); border-color: var(--mr-button-border); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .text-success { color: var(--mr-status-success) !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .text-danger { color: var(--mr-status-danger) !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .text-warning { color: var(--mr-status-warning) !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .mr-dashboard .mr-live-dot { background: var(--mr-status-success); } html[data-mr-theme='light'] body.mr-app .badge-indicator.badge-success { background: var(--mr-status-success); } html[data-mr-theme='light'] body.mr-app .badge-indicator.badge-danger { background: var(--mr-status-danger); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.btn-success:not([class*='btn-outline-']) { --mr-button-start: var(--mr-status-success); --mr-button-end: var(--mr-status-success); --mr-button-border: var(--mr-status-success); --mr-button-text: #fff; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.btn-danger:not([class*='btn-outline-']) { --mr-button-start: var(--mr-status-danger); --mr-button-end: var(--mr-status-danger); --mr-button-border: var(--mr-status-danger); --mr-button-text: #fff; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn.btn-warning:not([class*='btn-outline-']) { --mr-button-start: var(--mr-status-warning); --mr-button-end: var(--mr-status-warning); --mr-button-border: var(--mr-status-warning); --mr-button-text: #fff; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-success { --mr-alert-accent: var(--mr-status-success); --mr-alert-bg: #e3f5ea; --mr-alert-text: #14552f; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-danger { --mr-alert-accent: var(--mr-status-danger); --mr-alert-bg: #ffe9ed; --mr-alert-text: #862337; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-warning { --mr-alert-accent: var(--mr-status-warning); --mr-alert-bg: #fff0d9; --mr-alert-text: #713b08; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert:is(.alert-success, .alert-danger, .alert-warning) { background: var(--mr-alert-bg) !important; color: var(--mr-alert-text); border: 1.5px solid var(--mr-alert-accent); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert:is(.alert-success, .alert-danger, .alert-warning) :is(strong, b, .alert-heading) { color: inherit; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success) { --mr-alert-accent: var(--mr-status-success); --mr-alert-bg: #e3f5ea; --mr-alert-text: #14552f; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error) { --mr-alert-accent: var(--mr-status-danger); --mr-alert-bg: #ffe9ed; --mr-alert-text: #862337; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning) { --mr-alert-accent: var(--mr-status-warning); --mr-alert-bg: #fff0d9; --mr-alert-text: #713b08; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success, .jq-toast-danger, .jq-toast-error, .jq-icon-error, .jq-toast-warning, .jq-icon-warning) { background-color: var(--mr-alert-bg) !important; color: var(--mr-alert-text) !important; border: 1.5px solid var(--mr-alert-accent); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success, .jq-toast-danger, .jq-toast-error, .jq-icon-error, .jq-toast-warning, .jq-icon-warning) h2 { color: inherit; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--success__line { background-color: var(--mr-status-success); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--success__ring { border-color: var(--mr-status-success); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--error { border-color: var(--mr-status-danger); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--error__line { background-color: var(--mr-status-danger); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--warning { border-color: var(--mr-status-warning); } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) :is(.swal-icon--warning__body, .swal-icon--warning__dot) { background-color: var(--mr-status-warning); } html[data-mr-theme='light'] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-pg-wrapper, html[data-mr-theme='light'] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-pg-wrapper.mr-dashboard { --mr-text: #243f5c; --mr-muted: #526f8d; --mr-border: #c5d8ed; background: radial-gradient(ellipse at 88% 0, #e3f1ff70, transparent 46%), #f4f7fc; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card, .hk-sec-wrapper, .mr-metric, .mr-operator-panel, .mr-service-card, .mr-automation-card) { background: #fff; border-color: #bfd4eb; box-shadow: 0 8px 28px #204a7610; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card, .hk-sec-wrapper, .mr-metric, .mr-operator-panel, .mr-service-card, .mr-automation-card):is(:hover, :focus-within) { border-color: #76a8d3; box-shadow: 0 8px 28px #204a7615; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .mr-metric { border-top-color: #21b1cf; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .mr-metric-commission { border-top-color: #28b98c; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper :is(.card-header, .mr-panel-heading, .card-footer, .mr-table-footer, .mr-service-footer) { background: #f3f8fe; border-color: #cfdfef; } html[data-mr-theme='light'] .mr-info-article, html[data-mr-theme='light'] .mr-info-contents, html[data-mr-theme='light'] .mr-info-help { background: #fff; border-color: #c4d8ed; } html[data-mr-theme='light'] .mr-info-nav { background: #eaf2fc; border-color: #c4d8ed; } html[data-mr-theme='light'] .mr-info-nav a[aria-current='page'] { background: #fff; color: #195aab; border-color: #80acd8; box-shadow: 0 2px 8px #2555840c; } html[data-mr-theme='light'] .mr-info-article :is(p, li) { color: #415f7c; } html[data-mr-theme='light'] .mr-header-worker { opacity: .3; } html[data-mr-theme='light'] .mr-header-network { opacity: .24; } html[data-mr-theme='light'] .mr-header-grid { opacity: .22; } html[data-mr-theme='light'] .mr-login-story .mr-orbit-chip::after { background: #168867; box-shadow: 0 0 7px #27aa8c22; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .text-light { color: #526f8d !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .bg-dark { background-color: #e8f1fb !important; color: #24476b !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .modal-title.text-white { color: #24476b !important; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .custom-control-label, html[data-mr-theme='light'] body.mr-public .mr-account-screen .auth-form .custom-control-label { color: #425f7d; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper select.custom-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%233e6a93' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); } html[data-mr-theme='light'] body.mr-app .hk-wrapper .mr-dashboard .mr-support-icon { background: #edf5ff; border-color: #bdd5eb; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .mr-dashboard .mr-support-details strong { color: #24415e; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .btn[aria-pressed='mixed'] { border-color: #3984b0; color: #245f85; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .btn:is(.active, [aria-pressed='true']):not(:disabled):not(.disabled):not([aria-disabled='true']) { --mr-button-start: #dcefff; --mr-button-end: #cce6ff; --mr-button-border: #3b8fc0; --mr-button-text: #163f64; border-color: #3b8fc0; color: #163f64; box-shadow: inset 0 0 0 1px #74b8e333, 0 0 0 2px #6eb9e52b; } html[data-mr-theme='light'] .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .mr-nav-active > .nav-link { background: #e4f0ff; color: #185dab; box-shadow: inset 0 -3px #2684d5; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .hk-pg-wrapper .table .btn:is(.btn-primary, .btn-danger, .btn-success, .btn-info):not([class*='btn-outline-']) { color: #fff; } html[data-mr-theme='light'] body.mr-app .toggle .toggle-on { background: #236cbe; color: #fff; } html[data-mr-theme='light'] body.mr-app .toggle .toggle-off { background: #e5edf7; color: #3c5d7e; } html[data-mr-theme='light'] body.mr-app .toggle .toggle-handle { background: #fff; border-color: #c1d6eb; } html[data-mr-theme='light'] .mr-lapu-selection-summary { background: #e9f5ff; color: #235c80; border-color: #4d9ab9; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .mr-lapu-selection-item { background: #f9fbff; border-color: #c8dcef; } html[data-mr-theme='light'] body.mr-app .hk-wrapper .mr-lapu-selection-item:has(input:checked) { background: #e4f3ff; border-color: #4f9fc5; box-shadow: inset 3px 0 #368fba; } html[data-mr-theme='light'] body.mr-app .select2-dropdown, html[data-mr-theme='light'] body.mr-app .select2-selection { background: #fff; border-color: #bcd3e9; } html[data-mr-theme='light'] body.mr-app .select2-results__option--highlighted { background: #e4f1ff !important; color: #174e8a !important; } html[data-mr-theme='light'] body.mr-app .daterangepicker td.active, html[data-mr-theme='light'] body.mr-app .daterangepicker td.active:hover { background: #256dd4; color: #fff; } html[data-mr-theme='light'] body.mr-app .jq-toast-wrap .jq-toast-single { background-color: #fff !important; color: #294766 !important; } html[data-mr-theme='light'] body.mr-app .jq-toast-wrap .jq-toast-single .close-jq-toast-single { background: #f1f6fd; color: #416884; border-color: #b4cee4; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-overlay { background: #1a395c66; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-modal { background: #fff; border-color: #b8d0e8; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--info::before, html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-icon--info::after { background-color: #2377a6; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-button--cancel { background: #edf3fb; color: #355574; border-color: #b6cee6; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .swal-button--cancel:not([disabled]):hover { background: #e0edfa; color: #23486c; } html[data-mr-theme='light'] body:is(.mr-app, .mr-public) .tooltip .tooltip-inner { background: #fff; color: #244c70; border-color: #91b6d6; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-effect > .mr-cursor-hint { background: #fff; color: #25587a; border-color: #82b6d6; } @media (max-width: 767px) { html[data-mr-theme='light'] .mr-header-worker { opacity: .18; } html[data-mr-theme='light'] .mr-header-network { opacity: .15; } } /* /dist/css/ui-polish.css */ html { --mr-hover-surface: #1d577e; --mr-hover-text: #f0fbff; --mr-hover-marker: #74e4ff; --mr-selected-surface: #176aa3; --mr-selected-text: #fff; --mr-scroll-track: #0c2035; --mr-scroll-thumb: #4188ae; --mr-scroll-hover: #69d7ed; } html[data-mr-theme='light'] { --mr-hover-surface: #d4e8ff; --mr-hover-text: #133e69; --mr-hover-marker: #2679c8; --mr-selected-surface: #236cbe; --mr-selected-text: #fff; --mr-scroll-track: #e7eff8; --mr-scroll-thumb: #5b86ad; --mr-scroll-hover: #2e76b8; } /* Native document, table, menu and textarea scrollbars follow the active mode. */ html, html[data-mr-theme] body:is(.mr-app, .mr-public), html[data-mr-theme] body:is(.mr-app, .mr-public) * { scrollbar-width: thin; scrollbar-color: var(--mr-scroll-thumb) var(--mr-scroll-track); } html::-webkit-scrollbar, body:is(.mr-app, .mr-public)::-webkit-scrollbar, body:is(.mr-app, .mr-public) *::-webkit-scrollbar { width: 10px; height: 10px; } html::-webkit-scrollbar-track, body:is(.mr-app, .mr-public)::-webkit-scrollbar-track, body:is(.mr-app, .mr-public) *::-webkit-scrollbar-track { background: var(--mr-scroll-track); border-radius: 12px; } html::-webkit-scrollbar-thumb, body:is(.mr-app, .mr-public)::-webkit-scrollbar-thumb, body:is(.mr-app, .mr-public) *::-webkit-scrollbar-thumb { background: var(--mr-scroll-thumb); border: 2px solid var(--mr-scroll-track); border-radius: 12px; } html::-webkit-scrollbar-thumb:hover, body:is(.mr-app, .mr-public)::-webkit-scrollbar-thumb:hover, body:is(.mr-app, .mr-public) *::-webkit-scrollbar-thumb:hover { background: var(--mr-scroll-hover); } html::-webkit-scrollbar-corner, body:is(.mr-app, .mr-public)::-webkit-scrollbar-corner, body:is(.mr-app, .mr-public) *::-webkit-scrollbar-corner { background: var(--mr-scroll-track); } @supports selector(::-webkit-scrollbar) { html, html[data-mr-theme] body:is(.mr-app, .mr-public), html[data-mr-theme] body:is(.mr-app, .mr-public) * { scrollbar-width: auto; scrollbar-color: auto; } } /* Existing slimScroll handles use inline colors; retain their sizing and behavior. */ body:is(.mr-app, .mr-public) .slimScrollBar { background: var(--mr-scroll-thumb) !important; border-radius: 6px !important; } body:is(.mr-app, .mr-public) .slimScrollBar:hover { background: var(--mr-scroll-hover) !important; } body:is(.mr-app, .mr-public) .slimScrollRail { background: var(--mr-scroll-track) !important; border-radius: 6px !important; } /* Clip the table surface itself, keeping menus and modals outside it unaffected. */ body.mr-app .hk-wrapper .hk-pg-wrapper .table-responsive { border-radius: 12px; overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; } body.mr-app .hk-wrapper .hk-pg-wrapper .table-wrap { border-radius: inherit; } body.mr-app .hk-wrapper .hk-pg-wrapper .card > .card-body:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } body.mr-app .hk-wrapper .hk-pg-wrapper .card > .card-body:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } /* Strong hover and keyboard feedback on profile, action and navigation menus. */ html[data-mr-theme] body:is(.mr-app, .mr-public) .hk-wrapper :is(.hk-navbar.mr-bot-header, .hk-pg-wrapper) .dropdown-menu .dropdown-item:is(:hover, :focus-visible) { background: var(--mr-hover-surface); color: var(--mr-hover-text); box-shadow: inset 3px 0 var(--mr-hover-marker); } html[data-mr-theme] body:is(.mr-app, .mr-public) .hk-wrapper :is(.hk-navbar.mr-bot-header, .hk-pg-wrapper) .dropdown-menu .dropdown-item:is(:hover, :focus-visible) > span { color: inherit; } html[data-mr-theme] body:is(.mr-app, .mr-public) .hk-wrapper :is(.hk-navbar.mr-bot-header, .hk-pg-wrapper) .dropdown-menu .dropdown-item:is(.active, [aria-selected='true']) { background: var(--mr-selected-surface); color: var(--mr-selected-text); box-shadow: inset 3px 0 var(--mr-hover-marker); } html[data-mr-theme] body:is(.mr-app, .mr-public) .hk-wrapper :is(.hk-navbar.mr-bot-header, .hk-pg-wrapper) .dropdown-menu .dropdown-item:is(.active, [aria-selected='true']) > span { color: inherit; } html[data-mr-theme] body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:is(:hover, :focus-visible, [aria-current='page']) { background: var(--mr-hover-surface); color: var(--mr-hover-text); box-shadow: inset 3px 0 var(--mr-hover-marker); } html[data-mr-theme] body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper select:is(.form-control, .custom-select):is(:hover, :focus) { border-color: var(--mr-hover-marker); box-shadow: 0 0 0 2px #398fdc2b; } html[data-mr-theme] body:is(.mr-app, .mr-public) select option:is(:checked, :hover) { background: var(--mr-selected-surface); color: var(--mr-selected-text); } html[data-mr-theme] body.mr-app .select2-container--default .select2-results__option--highlighted[aria-selected], html[data-mr-theme] body.mr-app .select2-container--default .select2-results__option[aria-selected='true'] { background: var(--mr-selected-surface) !important; color: var(--mr-selected-text) !important; box-shadow: inset 3px 0 var(--mr-hover-marker); } html[data-mr-theme] body.mr-app .select2-container--default .select2-selection:is(:hover, :focus-within) { border-color: var(--mr-hover-marker); box-shadow: 0 0 0 2px #398fdc2b; } html[data-mr-theme] body.mr-app .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--mr-selected-surface); color: var(--mr-selected-text); border-color: var(--mr-hover-marker); } html[data-mr-theme] body.mr-app .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: inherit; } /* Give the small SVG workers a readable face and outline on white backgrounds. */ html[data-mr-theme='light'] .mr-worker-bot { color: #1765ad; filter: drop-shadow(0 1px 2px #1b5c921a); } html[data-mr-theme='light'] .mr-worker-bot [fill='#123b5c'] { fill: #ddebfa; } html[data-mr-theme='light'] .mr-worker-bot [fill='#071b30'] { fill: #15507a; } html[data-mr-theme='light'] .mr-worker-bot .mr-worker-eyes { fill: #fff; } html[data-mr-theme='light'] .mr-worker-bot .mr-worker-signal { fill: #16845b; } html[data-mr-theme='light'] .mr-worker-bot .mr-worker-keys { stroke: #087443; } html[data-mr-theme='light'] .mr-header-worker { opacity: 1; width: 34px; height: 38px; top: calc(50% - 19px); color: #1765ad; filter: drop-shadow(0 1px 3px #2265a129); } html[data-mr-theme='light'] .mr-header-worker-one { left: 38%; } html[data-mr-theme='light'] .mr-header-worker-two { left: 46%; } html[data-mr-theme='light'] .mr-header-worker-three { left: 54%; } html[data-mr-theme='light'] .mr-header-network { opacity: .48; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-robot { filter: drop-shadow(0 0 1px #ffffffa6) drop-shadow(0 1px 2px #17558c55); } html[data-mr-theme='light'] .mr-login-page .mr-cursor-glow { background: radial-gradient(circle, #2676c940 0, #4db7e826 42%, transparent 72%); } html[data-mr-theme='light'] .mr-login-page .mr-cursor-dot { background: #236fba; opacity: .65; box-shadow: 0 0 5px #2d92d333; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-dot:nth-last-child(2) { opacity: .4; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-dot:last-child { opacity: .25; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-editing .mr-cursor-glow { opacity: .7; } html[data-mr-theme='light'] .mr-login-page .mr-cursor-editing .mr-cursor-dot { opacity: 0; } @media (max-width: 1100px) and (min-width: 768px) { html[data-mr-theme='light'] .mr-header-worker-one { left: 28%; } html[data-mr-theme='light'] .mr-header-worker-two { left: 36%; } html[data-mr-theme='light'] .mr-header-worker-three { left: 44%; } } @media (max-width: 767px) { html[data-mr-theme='light'] .mr-header-worker { opacity: .72; width: 28px; height: 32px; top: calc(50% - 16px); } html[data-mr-theme='light'] .mr-header-worker-one { left: 38%; } html[data-mr-theme='light'] .mr-header-worker-two { left: 58%; } html[data-mr-theme='light'] .mr-header-network { opacity: .32; } } /* /dist/css/responsive.css */ /* Shared geometry for public, user and admin pages; colors belong to the theme. */ .mr-app .hk-pg-wrapper > .container, .mr-app .hk-pg-wrapper .row > [class*='col-'], .mr-app .hk-pg-header > *, .mr-public main { min-width: 0; } .mr-app .hk-pg-wrapper .table-responsive { max-width: 100%; overscroll-behavior-x: contain; } .mr-app .hk-pg-wrapper .table-responsive:focus-visible { outline: 2px solid var(--mr-menu-hover-marker, #2679c8); outline-offset: 2px; } .mr-app .hk-pg-header .form-inline { gap: 8px; } .mr-app .hk-pg-header .form-inline .form-row { max-width: 100%; } .mr-app .hk-pg-header :is(input, select, .select2-container) { max-width: 100%; } .mr-app .modal-dialog { max-width: min(500px, calc(100% - 24px)); } .mr-app .modal-dialog.modal-sm { max-width: min(300px, calc(100% - 24px)); } .mr-app .modal-dialog.modal-lg { max-width: min(800px, calc(100% - 24px)); } .mr-app .modal-dialog.modal-xl { max-width: min(1140px, calc(100% - 24px)); } .mr-app .modal-content { min-width: 0; overflow-wrap: anywhere; } .mr-app .modal-body { min-width: 0; } .mr-app .modal-footer { gap: 6px; flex-wrap: wrap; } @media (min-width: 768px) and (max-width: 991px) { .mr-app .hk-navbar .navbar-nav > li > p { display: none; } } @media (max-width: 767px) { .mr-app .hk-pg-header { align-items: stretch; } .mr-app .hk-pg-header > * { max-width: 100%; } .mr-app .hk-pg-wrapper .nav-tabs { flex-wrap: wrap; gap: 4px; } .mr-app .hk-pg-wrapper .pagination { flex-wrap: wrap; row-gap: 4px; } .mr-app .hk-pg-wrapper pre { max-width: 100%; overflow-x: auto; } .mr-app .hk-pg-wrapper .input-group { min-width: 0; } .mr-app .hk-pg-wrapper .input-group > .form-control { min-width: 0; } .mr-app .modal-dialog { margin: 12px auto; } .mr-app .modal-body { padding: 16px; } .mr-app .modal-title { overflow-wrap: anywhere; } } @media (max-width: 1199px) { .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav { max-width: calc(100vw - 32px); } } /* /dist/css/wide-layout.css */ /* Large desktops use the available workspace, with bounded, readable forms. */ @media (min-width: 1600px) { body.mr-app { --mr-desktop-gutter: clamp(30px, 2vw, 80px); font-size: clamp(15px, .65vw, 18px); } body.mr-app .hk-wrapper .hk-pg-wrapper > .container, body.mr-app .hk-wrapper .hk-pg-wrapper.mr-dashboard > .container.mr-dashboard-container { width: 100%; max-width: none; padding-left: var(--mr-desktop-gutter); padding-right: var(--mr-desktop-gutter); } body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav-wrap { max-width: none; width: 100%; padding-left: var(--mr-desktop-gutter); padding-right: var(--mr-desktop-gutter); } body.mr-app .hk-wrapper .hk-pg-wrapper > .container:has(> .row > :is(.col-xl-6, .col-xl-4):only-child > .hk-sec-wrapper form) { max-width: clamp(1000px, 55vw, 1600px); } body.mr-app .hk-wrapper .hk-pg-wrapper > .container > .row > :is(.col-xl-6, .col-xl-4):only-child:has(> .hk-sec-wrapper form) { flex: 0 0 100%; max-width: 100%; margin-left: 0; } body.mr-app .hk-wrapper .hk-pg-wrapper .hk-pg-title { font-size: clamp(30px, 1.2vw, 44px); } body.mr-app .hk-wrapper .hk-pg-wrapper :is(.hk-sec-wrapper, .card-body) > p, body.mr-app .hk-wrapper .hk-pg-wrapper label { font-size: clamp(15px, .65vw, 18px); } body.mr-app .hk-wrapper .hk-pg-wrapper .form-control:not(.form-control-sm), body.mr-app .hk-wrapper .hk-pg-wrapper .custom-select:not(.custom-select-sm) { font-size: clamp(15px, .65vw, 18px); min-height: 44px; } body.mr-app .hk-wrapper .hk-pg-wrapper .table { font-size: clamp(14px, .65vw, 18px); } body.mr-app .hk-wrapper .hk-pg-wrapper .table:not(.table-sm) :is(th, td) { padding: clamp(12px, .55vw, 20px) clamp(14px, .65vw, 24px); } body.mr-app .hk-wrapper .mr-dashboard .mr-metric-value { font-size: clamp(32px, 1.6vw, 48px); } body.mr-app .hk-wrapper .mr-dashboard :is(.mr-panel-heading h2, .mr-services-heading h2, .mr-automation h2) { font-size: clamp(23px, 1vw, 32px); } body.mr-app .hk-wrapper .mr-dashboard :is(.mr-service-content p, .mr-automation-content p, .mr-page-subtitle) { font-size: clamp(15px, .65vw, 18px); } body.mr-app .hk-wrapper .mr-dashboard .mr-operator-table tbody td { font-size: clamp(15px, .65vw, 18px); } body.mr-app .hk-wrapper .mr-dashboard .mr-operator-table thead th { font-size: clamp(14px, .6vw, 17px); } body.mr-app .hk-wrapper .mr-dashboard :is(.mr-metric-label, .mr-workspace-info strong, .mr-operator-summary) { font-size: clamp(14px, .6vw, 18px); } body.mr-public :is(.mr-login-screen, .mr-account-screen) { max-width: clamp(1260px, 72vw, 2100px); grid-template-columns: minmax(0, 1.1fr) minmax(440px, .9fr); gap: clamp(70px, 6vw, 180px); } body.mr-public :is(.mr-login-card, .mr-account-screen .auth-form) { padding: clamp(36px, 1.6vw, 60px); } body.mr-public :is(.mr-login-story, .mr-account-story) h1 { font-size: clamp(60px, 2.5vw, 84px); } body.mr-public :is(.mr-login-intro, .mr-account-intro) { max-width: 650px; font-size: clamp(16px, .7vw, 20px); } body.mr-public :is(.mr-login-card, .mr-account-screen .auth-form) label { font-size: clamp(14px, .6vw, 18px); } body.mr-public .mr-login-card, body.mr-public.mr-auth-flow-page .mr-account-screen .auth-form { width: 100%; max-width: 720px; justify-self: end; } body.mr-public :is(.mr-login-card, .mr-account-screen .auth-form) .form-control { font-size: clamp(14px, .65vw, 18px); min-height: clamp(50px, 1.6vw, 60px); } body.mr-public .mr-login-field > svg { top: 50%; transform: translateY(-50%); } body.mr-public .mr-info-screen { max-width: clamp(1260px, 72vw, 2000px); } body.mr-public .mr-info-layout { grid-template-columns: clamp(235px, 13vw, 330px) minmax(0, 1fr); } body.mr-public .mr-info-article, body.mr-public .mr-info-article p, body.mr-public .mr-info-article ol > li { font-size: clamp(15px, .65vw, 18px); } body.mr-app #accordion_2 > .card > .collapse > .card-body > .row { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin: 0; } body.mr-app #accordion_2 > .card > .collapse > .card-body > .row > [class*='col-'] { max-width: none; width: auto; padding: 0; margin-top: 0 !important; } body.mr-app #accordion_2 > .card > .collapse .card.d-inline-block { display: flex !important; flex-direction: column; width: 100% !important; height: 100%; } body.mr-app #accordion_2 > .card > .collapse .card.d-inline-block > .card-body { flex: 1; } body.mr-app #accordion_2 .purchase-btn { margin-left: 0 !important; } } @media (min-width: 2200px) { body.mr-app .hk-wrapper .mr-dashboard > .mr-dashboard-container { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 30px; } body.mr-app .hk-wrapper .mr-dashboard > .mr-dashboard-container > * { min-width: 0; grid-column: 1 / -1; } body.mr-app .hk-wrapper .mr-dashboard > .mr-dashboard-container > .mr-premium-services { grid-column: 1; } body.mr-app .hk-wrapper .mr-dashboard > .mr-dashboard-container > .mr-automation { grid-column: 2; } body.mr-app .hk-wrapper .mr-dashboard .mr-custom-automation { flex-wrap: wrap; } }