@charset "UTF-8"; /* Import all Sass -------------------------------------------------- */ /* SS&C color palette -------------------------------------------------- */ /* NEUTRAL COLORS -------------------------------------------------- */ /* ACCENT, MESSAGING & CTA COLORS -------------------------------------------------- */ /* BRAND COLORS -------------------------------------------------- */ /* CHART & VISUALIZATION COLORS -------------------------------------------------- */ /* equity buttons -------------------------------------------------- */ /* Empty states -------------------------------------------------- */ /* Typography -------------------------------------------------- */ /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url(../Webfonts/sourcesanspro/SourceSansPro-Italic.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(../Webfonts/sourcesanspro/SourceSansPro-Regular.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url(../Webfonts/sourcesanspro/SourceSansPro-SemiBold.ttf) format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "CustomFont-RTL"; src: url("../Webfonts/tajawal/Tajawal-Regular.ttf") format("truetype"); } /* NunitoSans_10pt Font */ @font-face { font-family: 'CustomFont-Regular'; src: url("../Webfonts/custom-font/regular/Merriweather-Regular.ttf") format("opentype"); } @font-face { font-family: 'CustomFont-Light'; src: url("../Webfonts/custom-font/light/Roboto-Regular.ttf") format("opentype"); } @font-face { font-family: 'NunitoSans_10pt-Bold'; src: url("../Webfonts/nunitonsans/NunitoSans_10pt-Bold.ttf") format("opentype"); } /*@font-face { font-family: 'NunitoSans_10pt-Regular'; src: url(../Webfonts/nunitonsans/NunitoSans_7pt-Regular.ttf) format('truetype'); } @font-face { font-family: 'NunitoSans_7pt-Regular'; src: url(../Webfonts/nunitonsans/NunitoSans_7pt-Regular.woff) format('woff'); }*/ body { color: #282828; font-family: 'CustomFont-Light', arial, sans-serif; font-weight: 400; background-color: #F7F7F7; font-size: 16px; -webkit-font-smoothing: antialiased; } .text-left, p, h6, h5, h4, h3, h2, h1 { text-align: left; } h1 { font-size: 30px; line-height: 1.3; } h2 { font-size: 24px; font-weight: 600; line-height: 1.4; } h3 { font-size: 20px; line-height: 1.2; } h4 { font-size: 18px; font-weight: 600; line-height: 1.2; } h5 { font-size: 14px; font-weight: bold; color: #707070; line-height: 1.2; } h6 { font-size: 12px; color: #707070; line-height: 1.2; } p { font-size: 14px; line-height: 1.6; } a { color: #002f5f; } a:hover { color: black; } .grey-text { color: #707070 !important; } .green-text { color: #48A651 !important; } .red-text { color: #CC2F64 !important; } .possitive-val { color: #48A651 !important; } .negative-val { color: #CC2F64 !important; } .f-regular { font-family: 'CustomFont-Regular', arial, sans-serif; } /*.custom-grid { .grid-wrapper { .k-widget { .k-grid-header { .k-link { font-family: 'CustomFont-Light', arial, sans-serif; } } } .k-grid { .k-grid-header { .k-link { font-family: 'CustomFont-Light', arial, sans-serif; } } } } }*/ h4 { font-family: 'CustomFont-Light', arial, sans-serif; } .f-bold { font-family: 'CustomFont-Regular', arial, sans-serif; } .f-light { font-family: 'CustomFont-Light', arial, sans-serif; } .k-rtl .text-left, .k-rtl h1, .k-rtl h2, .k-rtl h3, .k-rtl h4, .k-rtl h5, .k-rtl h6, .k-rtl p { text-align: right; font-family: 'CustomFont-RTL' !important; } .k-pdf-export, .ReportGridClone, .page-template { font-family: 'Source Sans Pro' !important; } /* --------------------------------------------------- FORMS ----------------------------------------------------- */ /* Inputs -------------------------------------------------- */ .btn { outline: none !important; } .btn.brand-primary, .btn.brand-secondary, .btn.brand-link { border-radius: 2px; min-width: 60px; } .btn.brand-primary { color: #FFFFFF; background-color: #002f5f; border-color: transparent; } .btn.brand-primary:hover { background-color: #002f5f !important; border-color: transparent; } .btn.brand-primary:active { background-color: black; border-color: transparent; } .btn.brand-secondary { color: #002f5f; background-color: transparent; border-color: #002f5f; } .btn.brand-secondary:hover { color: #FFFFFF; background-color: #002f5f; border-color: transparent; } .btn.brand-secondary:hover i { color: #FFFFFF !important; } .btn.brand-secondary:active { background-color: black; border-color: transparent; } .btn.brand-secondary.btn-rounded { border-radius: 50px; margin: 0 .3rem !important; font-weight: 800; } .btn.brand-secondary.btn-rounded.active { background-color: #002f5f; border-color: transparent; color: #FFFFFF !important; } .btn.brand-link { color: #002f5f; background-color: transparent; border-color: transparent; } .btn.brand-link:hover { color: #002f5f; background-color: transparent; border-color: #002f5f; } .btn.brand-link:active { color: #002f5f; background-color: #2c94ff; border-color: transparent; } .btn.brand-icon { background-color: #5faeff; border-color: transparent; color: #002f5f; border-radius: 2px; } .btn.brand-linkicon { padding: 0; color: #002f5f; border: none; text-align: left; margin-bottom: 10px; } .btn.brand-linkicon i { margin-left: 10px; color: #002f5f; } .btn.brand-grey { background-color: #F2F2F2 !important; color: #307FE2 !important; border: none !important; border-radius: 2px !important; } .btn:focus { box-shadow: none !important; } .btn.btn-white { background-color: #FFFFFF; color: #002f5f; } .btn.btn-white .fal { color: #002f5f; } .btn-group.btn-group-toggle-custom { margin-bottom: 20px; } .btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled).active, .btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled):active, .btn-group.btn-group-toggle-custom .show > .btn-secondary.dropdown-toggle { color: #282828; background-color: #F2F2F2; border-color: #BFBFBF; } .btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-group.btn-group-toggle-custom .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-group.btn-group-toggle-custom .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-group.btn-group-toggle-custom .btn-secondary.focus, .btn-group.btn-group-toggle-custom .btn-secondary:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-group.btn-group-toggle-custom .btn-secondary { color: #282828; background-color: #FFFFFF; border-color: #BFBFBF; } .btn-customgroup { color: #002f5f; text-decoration: none !important; } .btn-customgroup.active { border: 1px solid #002f5f; color: #002f5f; border-radius: 0; text-decoration: none !important; } .btn-customgroup:hover { color: #002f5f; } /*.add-btn { position: relative; top: -15px; }*/ .k-grid-content .k-button { /*background-image: none !important; background-color: $white !important;*/ color: #002f5f; border-color: #002f5f !important; } .k-grid-content .k-button.k-grid-edit { background-image: none !important; background-color: #FFFFFF !important; color: #002f5f !important; border-color: #002f5f !important; } .k-grid-content .k-button.k-grid-edit:hover { background-color: #002f5f !important; color: #FFFFFF !important; } .k-grid-content .k-button.k-grid-Edit { background-image: none !important; background-color: #FFFFFF !important; color: #002f5f !important; border-color: #002f5f !important; } .k-grid-content .k-button.k-grid- { background-image: none !important; background-color: #FFFFFF !important; color: #002f5f !important; border-color: #002f5f !important; min-width: 64px; } .k-grid-content .k-button.k-grid-:hover { background-color: #002f5f !important; color: #FFFFFF !important; } .k-grid-content .k-button.k-primary.k-grid-update { background-image: none !important; background-color: #002f5f !important; color: #FFFFFF !important; border-color: #002f5f !important; } .doc-btn { float: right; background-image: none !important; background-color: #002f5f !important; color: #FFFFFF !important; border-color: #002f5f !important; font-size: 12px; } .k-button { border-radius: 2px !important; } .btn-group.mob-version { display: inline-table !important; } @media (min-width: 320px) and (max-width: 480px) { .btn-group.mob-version { display: inline-table !important; } } .btn-type-1 { background-color: #f5f5f5; border-radius: 0; padding: 8px 20px !important; font-size: 14px; color: #002f5f; } .k-button { background-image: none !important; box-shadow: none !important; /*background-color: transparent; border-color: transparent;*/ } .k-button:hover { color: #002f5f; background-color: transparent; border-color: #002f5f; } .k-button.k-primary { color: #fff; border-color: #002f5f !important; background-color: #002f5f !important; } .k-button.k-grid-update { color: #fff; border-color: #002f5f !important; background-color: #002f5f !important; } .k-button.k-grid-save { color: #fff; border-color: #002f5f !important; background-color: #002f5f !important; } .k-button.k-grid-cancel { color: #002f5f; background-color: transparent; border-color: #002f5f; } .k-button.k-grid-cancel:hover { color: #fff; background-color: #002f5f !important; } .k-button.k-grid-cancel:hover i { color: #FFFFFF !important; } .k-button.k-grid-edit { color: #002f5f; background-color: transparent; border-color: #002f5f; } .k-button.k-grid-edit:hover i { color: #FFFFFF !important; } /* --------------------------------------------------- FORMS (These classes will override the bootstrap-classes, but are so general, they should not break the original styles) ----------------------------------------------------- */ /* Inputs -------------------------------------------------- */ label { display: inline-block; margin-bottom: 0rem; text-align: left; /*font-weight: 800;*/ } .form-control { border-color: #BFBFBF; border-radius: 2px; height: calc(2.25rem + 2px); } .form-control:focus { box-shadow: none !important; border-color: #BFBFBF !important; } /*.custom-control-label{ font-weight: 100; }*/ /* --------------------------------------------------- For checkboxes, radio buttons, sliders, toggles and selects use bootstrap custom-classes https://www.w3schools.com/bootstrap4/bootstrap_forms_custom.asp ----------------------------------------------------- */ /* Select -------------------------------------------------- */ select { padding-left: 7px !important; } .custom-select { border-color: #BFBFBF; border-radius: 2px; } /* Range -------------------------------------------------- */ .custom-range { -webkit-appearance: none; /* Override default CSS styles */ appearance: none; height: 24px; /* Specified height * outline: none; /* Remove outline */ } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; width: 20px; /* Set a specific slider handle width */ height: 20px; /* Slider handle height */ background: #002f5f; cursor: pointer; /* Cursor on hover */ } .custom-range::-moz-range-thumb  { width: 20px; height: 20px; background: #002f5f; cursor: pointer; } /* Radio -------------------------------------------------- */ .custom-radio { margin-bottom: 10px; } /* Radio card -------------------------------------------------- */ .radio-card { display: block; position: relative; } .radio-card .card.card-custom { border: 1px solid transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .radio-card .card.card-custom:hover { border-color: #002f5f; } .radio-card .card-input-element { position: absolute; top: 20px; right: 20px; z-index: 1; } .radio-card .card-input-element:checked + .card.card-custom { border-color: #002f5f; } /* Checkbox -------------------------------------------------- */ .custom-checkbox .custom-control-label::before { border-radius: 0; top: 6px; } .custom-control-input:checked ~ .custom-control-label::before { border-color: #002f5f; background-color: #002f5f !important; } .custom-checkbox .custom-control-label { font-weight: 400; margin: 0 5px; position: relative; top: 0; font-size: 12px; line-height: 2; } .custom-radio.v2 .custom-control-label { line-height: 2; } .custom-radio.v2 .custom-control-label::after { top: .3rem; left: -1.4rem; } /*.custom-control-label::before{ top: .5rem; } .custom-control-label::after { top: .5rem; }*/ /* Date -------------------------------------------------- */ .custom-date .form-control { border-right-color: transparent; } .custom-date .input-group-text { border-color: #002f5f; background-color: #002f5f; color: #FFFFFF; } .custom-date .input-group-text i { line-height: unset; } .custom-date .input-group-addon { margin-left: -1px; } .custom-date .input-group-addon > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input { height: 40px !important; } .form-row > .col, .form-row > [class*=col-] { padding-right: 15px !important; padding-left: 15px !important; } .k-rtl label { text-align: right !important; } .k-rtl .form-group, .k-rtl .custom-dropdown { text-align: right !important; } .k-rtl .custom-control-label::after { right: 0 !important; left: auto !important; } .k-rtl .custom-control-label::before { right: 0 !important; left: auto !important; } .k-rtl .custom-control-label { padding-right: 30px !important; } input, input:before, input:after { -webkit-user-select: initial; -khtml-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .captcha-icon .fa-refresh { color: #002f5f; font-size: 20px; cursor: pointer; } /*------------- Kendo Numric field scss ----------------*/ .card .card-body .k-numerictextbox { line-height: 2.2; border-radius: 2px; } .card .card-body .k-dropdownlist { display: flex; } .card .card-body .k-picker:hover { background: transparent; } .card .card-body .custom-checkbox > input[type=checkbox] { vertical-align: middle; } /* --------------------------------------------------- TABLES (These classes will override the bootstrap-classes, but are so general, they should not break the original styles) ----------------------------------------------------- */ /* .table-regular -------------------------------------------------- */ table.table.table-regular td, table.table.table-regular th  { padding: .55rem 0.75rem; } table.table.table-regular th { border-top: none; border-bottom: 1px solid #F2F2F2; } table.table.table-regular td { border-top: none; border-bottom: 1px solid #F2F2F2; vertical-align: middle !important; } table.table.table-regular .no-border { border: none; } table.table.table-regular tr.thick-border td, table.table.table-regular tr.thick-border th { border-bottom: 1px solid #707070; } table.table.table-regular .indent { padding-left: 16px; } table.table.table-regular .break-text { max-width: 140px; white-space: normal; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 60px; } table.table.table-regular .level1, table.table.table-regular .level2, table.table.table-regular .level3 { border-left: 5px solid #06BEE1; } table.table.table-regular .level1 td:first-child, table.table.table-regular .level2 td:first-child, table.table.table-regular .level3 td:first-child { width: 50px; } table.table.table-regular .level1 i, table.table.table-regular .level2 i, table.table.table-regular .level3 i { color: #002f5f; } table.table.table-regular .level1 { font-weight: 700; } table.table.table-regular .level1 td { border-bottom: none; } table.table.table-regular .level2 { font-weight: 700; } table.table.table-regular .level2 td:first-child { padding-left: 40px; } table.table.table-regular .level3 { font-weight: 300; } table.table.table-regular .level3 input { width: 100px; display: inline-block; } table.table.table-regular .group1 { border-color: #63B9BF; } table.table.table-regular .group2 { border-color: #784F9B; } table.table.table-regular .group2 { border-color: #E6BE0A; } @media screen and (min-width: 1200px) { table.table.table-regular .break-text { max-width: 300px; } } .clickable-row { cursor: pointer; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .clickable-row:hover { background: #F2F2F2; } .k-rtl .table { direction: rtl !important; } .k-pager-wrap .k-link:hover { background-color: #F2F2F2; } body { background-color: #F7F7F7; } /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ #content { width: calc(100% - 250px); padding: 24px; transition: all 0.3s; position: absolute; top: 0; right: 0; margin-top: 70px; min-width: 768px; } #content.active { width: 100%; } @media screen and (max-width: 768px) { #content { padding: 16px; min-width: 300px; } } /* --------------------------------------------------- GENERAL CLASSES ----------------------------------------------------- */ .dot { height: 12px; width: 12px; background-color: #06BEE1; border-radius: 50%; display: inline-block; } .dot.client { background-color: #48A651; } .dot.prospect { background-color: #E6BE0A; } .dot.lead { background-color: #06BEE1; } .dot.not-started { background-color: #BFBFBF; } .dot.waiting { background-color: #E6BE0A; } .dot.deferred { background-color: #FF8D0F; } .dot.in-progress { background-color: #06BEE1; } .dot.complete { background-color: #48A651; } .status { min-width: 120px; } .status .dot { margin-right: 8px; } .status h5 { display: inline-block; font-weight: 700; margin: 0; } .fa-chevron-right { color: #BFBFBF; } .full-width { width: 100%; } /* --------------------------------------------------- MARGINS & PADDINGS ----------------------------------------------------- */ /* Margins -------------------------------------------------- */ .m-24 { margin: 24px; } .m-bottom-24 { margin-bottom: 24px; } .m-top-24 { margin-top: 24px; } .m-left-24 { margin-left: 24px; } .m-right-24 { margin-right: 24px; } .m-bottom-20 { margin-bottom: 20px; } .m-top-20 { margin-top: 20px; } .m-left-20 { margin-left: 20px; } .m-right-20 { margin-right: 20px; } .m-bottom-16 { margin-bottom: 16px; } .m-top-16 { margin-top: 16px; } .m-left-16 { margin-left: 16px; } .m-right-16 { margin-right: 16px; } @media screen and (max-width: 480px) { .m-top-16-m { margin-top: 16px; } .m-bottom-16-m { margin-bottom: 16px; } } @media (min-width: 320px) and (max-width: 576px) { .mb-15-xs { margin-bottom: 15px; } } /* Paddings -------------------------------------------------- */ .p-20 { padding: 20px; } @media screen and (max-width: 768px) { .p-rl-xs-0 { padding: 20px 0 !important; } .p-0-sm { padding: 0; } } /* --------------------------------------------------- MODULES (to not mess up the basic Bootstrap-classes, add the custom class after inital class. e.g .card .card-custom) ----------------------------------------------------- */ /* Cards -------------------------------------------------- */ .card.card-custom { border-radius: 4px; border: none; margin-bottom: 24px; } .card.card-custom .card-body { padding: 20px; position: relative; } .card.card-custom .card-list { padding: 12px 20px; border-bottom: 1px solid #F2F2F2; color: #282828; background: #FFFFFF; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .card.card-custom .card-list:hover { background: #F2F2F2; text-decoration: none; } .card.card-custom .card-list p { margin: 0; } .card.card-custom .card-list i { margin-left: 8px; color: #BFBFBF; float: right; } .card.card-custom .card-header { padding: 20px; background: #FFFFFF; border-bottom: none; } .card.card-custom .card-header h4 { margin: 0; } .card.card-custom .card-header .custom-select { max-width: 182px; height: auto !important; } @media (width: 320px) { .card.card-custom .card-header .custom-select { max-width: 150px; } } @media (width: 360px) { .card.card-custom .card-header .custom-select { max-width: 182px; } } .card.card-custom .card-header .custom-select.extra-width { max-width: 210px !important; } .card.card-custom .card-header.pending-req .btn div p { white-space: nowrap; float: left; text-overflow: ellipsis; overflow: hidden; width: 230px !important; } @media (width: 320px) { .card.card-custom .card-header.pending-req .btn div p { width: 170px !important; } } .card.card-custom .card-title { margin-bottom: 24px; } .card.card-custom .card-link { text-transform: math-auto; color: #002f5f; font-size: 14px; font-weight: 700; position: absolute; bottom: 20px; text-decoration: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .card.card-custom .card-link:hover { text-decoration: underline; } .card.card-custom .card-link.left { left: 20px; } .card.card-custom .card-link.right { right: 20px; } .card.card-custom .card-footer { background: #FFFFFF; border: none; padding: 20px; } .fixed-card-ht { min-height: 430px; max-height: 430px; } @media screen and (max-width: 768px) { .card-custom .card-header .custom-select { max-width: 100px; } } /* Accordion -------------------------------------------------- */ .accordion.accordion-card-custom .btn i { color: #002f5f; transform: rotate(0deg); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .accordion.accordion-card-custom .btn.collapsed i { transform: rotate(-180deg); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .accordion.accordion-card-custom .card { border: none; } .accordion.accordion-card-custom .card:last-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } .accordion.accordion-card-custom .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .accordion.accordion-card-custom .card .card-header { background: #FFFFFF; border: none; text-align: left; padding: 20px; border: 1px solid transparent; margin-bottom: 0px; } .accordion.accordion-card-custom .card .card-header .btn { display: flex; text-align: left; justify-content: space-between; align-items: center; width: 100%; margin: 0; padding: 0; } .accordion.accordion-card-custom .card .card-header .btn h4 { color: #282828; } .accordion.accordion-card-custom .card .card-header .btn h5 { display: inline-block; margin: 0; margin-right: 8px; } .accordion.accordion-card-custom .card .card-header .btn span { color: #707070; display: inline-block; text-align: left; } /* List-accordion -------------------------------------------------- */ .accordion.accordion-card-custom.list-accordion { margin: 0; } .accordion.accordion-card-custom.list-accordion .card { border-bottom: 1px solid #F2F2F2; } .accordion.accordion-card-custom.list-accordion .card:first-of-type { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion.accordion-card-custom.list-accordion .card-header { padding: 12px 0; } .accordion.accordion-card-custom.list-accordion .card-header:hover { border-color: transparent; } .accordion.accordion-card-custom.list-accordion .card-header p { margin: 0; } .accordion.accordion-card-custom.list-accordion .list-body { background: #F2F2F2; padding: 16px; } /* les for charts -------------------------------------------------- */ .clickable-legend li { border-bottom: 1px solid #F2F2F2; background: #FFFFFF; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .clickable-legend li:hover { background: #F2F2F2; } .clickable-legend li p { color: #282828; } .clickable-legend li i { margin-left: 16px; } .legend { display: inline-block; margin: 20px 0; /*min-width:240px; max-height: 230px;*/ min-width: 240px; overflow-y: auto; } .legend ul { list-style: none; padding: 0; margin: 0; } .legend ul li { padding: 5px; } .legend ul li span { display: inline-block; height: 10px; width: 10px; margin-right: 10px; border-radius: 50px; } .legend ul li p { margin: 0; font-size: 14px; display: inline-block; min-width: 144px; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 6px; cursor: pointer; float: right; } @media screen and (max-width: 480px) { .legend ul li p { min-width: 140px; max-width: 140px; } } .legend ul li h5 { display: inline-block; color: #282828; margin: 0; color: #707070; padding-left: 10px; font-weight: normal !important; } /* Tabs -------------------------------------------------- */ .tabs .custom-control.custom-checkbox { border-bottom: 1px solid #F2F2F2; border-bottom: 1px solid #f2f2f2; padding: 16px 0px; padding-left: 1.5rem; } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 5px solid #f5f5f5; } .flex_display { display: flex !important; } @media (max-width: 768px) { .flex_display { display: block !important; } } #divPortfolio { width: 50% !important; display: block; text-align: left; margin-bottom: 10px; } @media screen and (max-width: 480px) { #divPortfolio { width: 100% !important; margin-top: 15px !important; } } #EndTimeSpan .k-timepicker, #StartTimeSpan .k-timepicker { width: 100% !important; } @media screen and (max-width: 480px) { #EndTimeSpan .k-timepicker, #StartTimeSpan .k-timepicker { width: 100% !important; margin-top: 15px !important; } } @media screen and (max-width: 480px) { #EndTimeSpan, #StartTimeSpan { margin: 15px 0 !important; } } .k-rtl #content { left: 0 !important; right: auto !important; } .k-rtl #divPortfolio { text-align: right !important; } .k-rtl .legend ul li span { margin-left: 15px !important; margin-right: 0 !important; float: right !important; margin-top: 13px !important; } @media (max-width: 576px) { .k-rtl .legend ul li span { margin-top: 0 !important; } } .k-rtl .card.card-custom .card-link.left { right: 20px !important; left: auto !important; } .k-rtl .card.card-custom .card-link.right { left: 20px !important; right: 0 !important; } .k-rtl .card.card-custom .card-header { direction: rtl !important; } .k-rtl .dashboard-advisor .dashboard-shortcuts .card-body { direction: rtl !important; } .k-rtl .status .dot { margin-left: 8px; } .k-rtl .legend ul li h5 { direction: ltr; } .k-rtl .accordion.accordion-card-custom .card .card-header .btn span { text-align: right !important; } @media (min-width: 768px) and (max-width: 1024px) { .card.changeInPort .card-body { min-height: 200px !important; } } header { position: fixed; width: 100%; height: 75px; background-color: #FFFFFF; z-index: 9; padding: 14px 0; box-shadow: 0 2px 6px 0 rgba(69, 78, 90, 0.1); } header .btn i { color: #444A59; } header .menu-button { position: absolute; top: 16px; left: 10px; background-color: transparent; border-color: transparent; } header .header-logo { margin-left: 53px; } header .header-alert .dropdown-toggle:after { content: none; } header .header-alert .btn { position: relative; } header .header-alert .badge { position: absolute; background-color: #002f5f; color: #FFFFFF; border-radius: 10px; } header .header-user { position: relative !important; } header .header-user .dropdown-menu { left: 0 !important; right: 0px !important; } @media screen and (max-width: 480px) { header .header-user .dropdown-menu { right: 0px !important; left: -12px !important; } } header .header-user span { font-size: 14px; margin-left: 8px; } header .header-user .dropdown-toggle:after { color: #BFBFBF; } header .dropdown-menu.dropdown-alert { min-width: 250px; max-width: 250px !important; padding: 0 !important; } header .dropdown-menu.dropdown-alert .dropdown-item p { white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ line-height: 15px; /* fallback */ max-height: 45px; /* fallback */ font-size: 14px; margin-bottom: 0; } header .dropdown-menu.dropdown-alert .dropdown-item span { color: #707070; font-size: 12px; } header .dropdown-menu .dropdown-item { font-size: 14px; padding: 10px 16px; border-bottom: 1px solid #F2F2F2; } header .dropdown-menu .dropdown-item .dot { height: 8px; width: 8px; } header .dropdown-menu .dropdown-item:last-child { border: none; } header .dropdown-menu .dropdown-item.active { background-color: #F2F2F2; color: #282828; } header .dropdown-menu .dropdown-item:active { background-color: #BFBFBF; color: #282828; } header .dropdown-menu .dropdown-item i { margin-right: 12px; } header .dropdown-menu .dropdown-item.to-alerts h6 { margin: 0; text-align: center !important; } header .dropdown-menu.show { position: absolute; left: auto !important; right: 10px !important; top: 40px !important; transform: translate3d(-8px, 15px, 0px) !important; } @media (width: 320px) { header .dropdown-menu.show { right: -13px !important; } } @media screen and (max-width: 480px) { .header-user span { display: none; } } .k-rtl header .menu-button { right: 10px !important; left: auto !important; } .k-rtl header a { float: right !important; } .k-rtl header a .header-logo { margin-right: 53px !important; } .k-rtl header .header-user .dropdown-menu { left: 0 !important; right: auto !important; } .k-rtl header .header-user .dropdown-menu .dropdown-item { text-align: right !important; direction: rtl; } .k-rtl header .header-user .dropdown-menu .dropdown-item i { margin-left: 12px !important; } .k-rtl header .header-user .dropdown-menu .dropdown-item .row-reverse { display: flex !important; flex-direction: row-reverse !important; } .k-rtl header .header-user span { margin-left: 0 !important; margin-right: 8px !important; } .k-rtl header .header-user .dropdown-toggle::after { margin-right: .255em !important; } .k-rtl header .dropdown-menu.show { left: 0 !important; right: auto !important; transform: translate3d(20px, 15px, 0px) !important; } .k-rtl .ApplicationAlert .flex-row { flex-direction: row !important; } /* code fetched from https://bootstrapious.com/p/bootstrap-sidebar */ .navbar { padding: 15px 10px; background: #fff; border: none; border-radius: 0; margin-bottom: 40px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); } /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */ .wrapper { display: flex; width: 100%; } #sidebar { width: 250px; position: fixed; top: 0; left: 0; height: 100vh; z-index: 999; background: #444A59; transition: all 0.3s; -webkit-box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.2); box-shadow: 4px 0 10px 0px rgba(0, 0, 0, 0.2); } #sidebar.active { margin-left: -250px; z-index: 10; } #sidebar .sidebar-header { position: relative; padding: 30px 0; text-align: center; } #sidebar .sidebar-header button { position: absolute; top: 16px; left: 10px; background-color: transparent; border-color: transparent; } #sidebar .sidebar-header button i, #sidebar .sidebar-header button svg { color: #FFFFFF; } #sidebar .sidebar-header .sidebar-logo { width: 68px; height: 60px; } #sidebar ul.components { padding: 20px 0 40px !important; -webkit-overflow-scrolling: touch !important; } @media screen and (max-width: 480px) { #sidebar ul.components { padding: 20px 0 80px !important; } } #sidebar ul.components li a.dropdown-toggle.collapsed i.fa-chevron-up { transform: rotate(180deg); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #sidebar ul.components li a.dropdown-toggle i.fa-chevron-up { transform: rotate(0deg); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #sidebar ul.components li a, #sidebar ul.components li i { color: rgba(255, 255, 255, 0.7); } #sidebar ul.components li a { padding: 16px 24px; font-size: 15px; display: block; text-decoration: none; transition: all 0.3s; } #sidebar ul.components li a:hover { color: #FFFFFF; } #sidebar ul.components li a[data-toggle="collapse"] { position: relative; } #sidebar ul.components li a i { margin-right: 16px; } #sidebar ul.components li a i.float-right { margin: 0; } #sidebar ul.components li a i.far { position: relative; top: 9px; } #sidebar ul.components li ul.list-unstyled li a { padding: 16px 24px 16px 70px; transition: all 0.0s; } #sidebar ul.components li.active a { color: #FFFFFF !important; } #sidebar ul.components li.active a i { color: #FFFFFF !important; font-weight: 800 !important; } #sidebar ul.components li.active ul.show li a { color: rgba(255, 255, 255, 0.7) !important; } #sidebar ul.components li.active ul.show li.active a { color: #FFFFFF !important; font-weight: 800 !important; } #sidebar footer { padding: 20px; color: #ffffff; cursor: pointer; } #sidebar ul li.active > a, a[aria-expanded="true"], #sidebar ul li.active i { color: #fff; } #sidebar .dropdown-toggle::after { display: none; } /* --------------------------------------------------- MEDIAQUERIES ----------------------------------------------------- */ @media (max-width: 1024px) { #sidebar { margin-left: -250px; } #sidebar.active { margin-left: 0; } #content { width: 100%; } #content.active { width: calc(100% - 250px); } } @media screen and (max-width: 1024px) and (max-width: 480px) { #content.active { width: 100% !important; } } @media (max-width: 1024px) { #sidebarCollapse span { display: none; } } .k-rtl #sidebar { right: 0 !important; left: auto; } .k-rtl #sidebar.active { margin-right: -250px; } .k-rtl #sidebar ul.components li a { text-align: right !important; direction: rtl; } .k-rtl #sidebar ul.components li a i { margin-left: 16px; } .k-rtl #sidebar ul.components li ul.list-unstyled li a { padding: 16px 24px 16px 70px; transition: all 0.0s; } .k-rtl #sidebar footer { text-align: right !important; padding-right: 50px !important; } .k-rtl .menuicon-rtl { margin: 0 0 0 16px !important; } .k-rtl awc-side-nav { --awc-side-nav-content-padding-lr: -500px !important; } .menuiconalign { min-width: 20px; } /* --------------------------------------------------- Dashboard Investor/advisor ----------------------------------------------------- */ /* Investor dashboard (to make them equal height /* when next to each other) -------------------------------------------------- */ .module-area .module-row .module { margin-bottom: 30px; } .module-area .module-row .card-custom { background: #FFFFFF; height: 100%; margin-bottom: 0; } @media screen and (max-width: 992px) { .module-area .module-row .card-custom { background: #FFFFFF; height: auto; } } @media screen and (max-width: 480px) { .module-area .module-row .module { margin-bottom: 16px; } } /* INVESTOR DASHBOARD -------------------------------------------------- */ /* Key metrics and shortcuts -------------------------------------------------- */ .dashboard-investor .custom-dropdown .k-picker { background: #fff; padding: 0.2rem; color: #000; } .dashboard-investor .key-metrics, .dashboard-investor .dashboard-shortcuts { margin-bottom: 30px; } .dashboard-investor #portfolio-performance { max-width: 700px; } @media screen and (max-width: 768px) { .dashboard-investor .dashboard-shortcuts { margin-bottom: 0px; } .dashboard-investor .dashboard-shortcuts .card-custom { margin-bottom: 30px; } } @media screen and (max-width: 480px) { .dashboard-investor .dashboard-shortcuts .card-custom { margin-bottom: 16px; } .dashboard-investor .key-metrics { margin-bottom: 16px; } .dashboard-investor .dashboard-shortcuts { margin-bottom: 0; } } .key-metrics .row .col { text-align: center; direction: ltr !important; } .key-metrics.dash-config { text-align: left !important; } .dashboard-shortcuts { text-align: center; } .dashboard-shortcuts .row { height: 100%; } .dashboard-shortcuts .shortcut { height: 100%; border: 1px solid transparent; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .dashboard-shortcuts .shortcut:hover { border-color: #002f5f; } .dashboard-shortcuts .shortcut i { font-size: 22px; } .dashboard-shortcuts .shortcut a { display: flex; text-decoration: none; height: 100%; align-items: center; } .dashboard-shortcuts .shortcut a:hover { text-decoration: none; } .dashboard-shortcuts i { margin-bottom: 8px; } .dashboard-shortcuts i.sc-trade { color: #06BEE1; } .dashboard-shortcuts i.sc-save { color: #FF8D0F; } .dashboard-shortcuts i.sc-documents { color: #D248BD; } .dashboard-shortcuts i.sc-contact { color: #63B9BF; } .dashboard-shortcuts p { margin: 0; font-size: 14px; color: #282828; word-break: break-word; /*break-all*/ } @media (width: 768px) { .dashboard-shortcuts p { font-size: 11px; } } @media screen and (max-width: 992px) { .dashboard-investor.module-row.keys-shortcuts { margin-bottom: 0; } } /* Asset allocation -------------------------------------------------- */ /* ADVISOR DASHBOARD -------------------------------------------------- */ .dashboard-advisor .key-metrics .card-custom, .dashboard-advisor .dashboard-shortcuts .card-custom { background: #FFFFFF; height: auto; margin-bottom: 24px; } .dashboard-advisor .key-metrics .card-body { padding-top: 0; padding-bottom: 30px !important; } .dashboard-advisor .key-metrics .key-numbers { justify-content: space-evenly; text-align: center; } .dashboard-advisor .key-metrics .key-numbers > div { flex-grow: 1; } .dashboard-advisor .dashboard-shortcuts .card-body { text-align: left; justify-content: space-between; align-items: center; } .dashboard-advisor .dashboard-shortcuts .card-body p { display: inline-block; font-size: 16px; } .dashboard-advisor .dashboard-shortcuts .card-body i { margin: 0; margin-right: 20px; color: #002f5f; } .dashboard-advisor .dashboard-shortcuts .card-body i.fa-chevron-right { margin: 0; font-size: .875em; color: #BFBFBF; } .dashboard-advisor .dashboard-shortcuts .card-body input { border: none; } .dashboard-advisor .dashboard-shortcuts .card-body .k-autocomplete { border-width: 0; border-style: none; box-shadow: none !important; background-image: none !important; } .k-rtl .dashboard-advisor .key-metrics .key-numbers h2 { direction: ltr !important; } .k-rtl dashboard-advisor .key-metrics .key-numbers h2 { direction: ltr !important; } @media screen and (max-width: 600px) { .key-numbers { display: block; padding: 20px; } .key-numbers > div { display: block; flex-direction: row-reverse; justify-content: space-between; border-bottom: 1px solid #F2F2F2; padding: 10px 0; align-items: center; } .key-numbers > div.border-right { border-right: none !important; } .key-numbers h2, .key-numbers h5 { margin: 0; } .key-numbers h5 { font-size: 16px; color: #282828; } } #PortfolioDiv .custom-dropdown .k-dropdown { width: 67% !important; } @media screen and (max-width: 600px) { #PortfolioDiv .custom-dropdown .k-dropdown { width: 80% !important; } } .k-rtl .dashboard-advisor .dashboard-shortcuts .card-body i { margin-right: 0 !important; margin-left: 20px !important; } .k-rtl .dashboard-advisor .dashboard-shortcuts .card-body i.fa-chevron-right { transform: rotate(-180deg); } .k-rtl .fa-chevron-right { transform: rotate(-180deg); } .asset-management { position: relative; } .asset-management .asset-chart { position: relative !important; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 1024px) { .asset-management .asset-chart { transform: none !important; position: initial !important; } } .BlankTileBgColor { height: 100% !important; } @media (max-width: 500px) { .k-rtl .list-body .justify-content-end { justify-content: flex-start; } } .dashboard-advisor .custom-dropdown .k-picker { background: #fff; padding: 0.2rem; color: #000; } .dashboard-advisor .custom-dropdown.k-dropdownlist { background: #fff; padding: 0.3rem; border: 1px solid #1e71d5; color: #000; } .protfolioicon { width: 10%; } .bio-info { padding: 5%; background: #fff; } .bio-image { text-align: center; } .bio-image img { border-radius: 50%; width: 80%; } .bio-content { position: relative; top: 50%; transform: translateY(-50%); } .bio-content h6 { text-align: center !important; } .bio-content h1 { text-align: center !important; } .empty-state-pie-chart { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M81.019 39.6251H60.0427L49.0159 57.4188C52.3274 59.4647 56.147 60.5458 60.0427 60.54C71.6276 60.54 81.019 51.176 81.019 39.6251Z' fill='%23F2F2F2'/%3e%3cpath d='M59.3317 58.6009C55.4179 58.6041 51.5809 57.518 48.2525 55.4649L48.168 55.4127L48.2202 55.3284L59.2762 37.4875H80.4075V37.5868C80.4075 49.174 70.9529 58.6009 59.3317 58.6009ZM48.4419 55.3481C51.7197 57.3485 55.4887 58.4057 59.3317 58.4025C70.8102 58.4025 80.1547 49.1186 80.2083 37.686H59.3872L48.4419 55.3481Z' fill='%23444A59'/%3e%3cpath d='M34 36.6119C33.9983 40.1778 34.9117 43.6848 36.6532 46.7993C38.3947 49.9139 40.9065 52.5323 43.9496 54.4057L54.9764 36.6119L36.7611 26.2336C34.9464 29.3928 33.9944 32.9713 34 36.6119Z' fill='%23F2F2F2'/%3e%3cpath d='M45.6707 53.8333L45.5861 53.781C40.9383 50.9157 37.5877 46.3631 36.2404 41.0828C34.8931 35.8026 35.6543 30.207 38.3636 25.4753L38.413 25.3893L56.804 35.8677L45.6707 53.8333ZM38.4871 25.6601C35.8428 30.3299 35.1071 35.8368 36.4333 41.034C37.7594 46.2311 41.0452 50.7179 45.6063 53.5599L56.5265 35.9381L38.4871 25.6601Z' fill='%23444A59'/%3e%3cpath d='M65.4092 12.9954L60.8872 33.4215H81.8635C81.8635 23.4187 74.8203 15.0574 65.4092 12.9954Z' fill='%23444A59'/%3e%3cpath d='M80.4074 34.6728H59.2078L63.7779 14.0294L63.8749 14.0506C68.5623 15.0836 72.7558 17.6807 75.7619 21.4124C78.7681 25.1442 80.4069 29.7871 80.4074 34.5736V34.6728ZM59.4555 34.4744H80.2082C80.1615 24.8481 73.3357 16.3747 63.9293 14.2659L59.4555 34.4744Z' fill='%23444A59'/%3e%3cpath d='M56.3984 11C52.7 10.9985 49.067 11.9725 45.8679 13.823C42.6689 15.6734 40.0176 18.3347 38.1831 21.5367L56.3984 31.9149L60.9204 11.4889C59.4352 11.1635 57.919 10.9996 56.3984 11Z' fill='%23F2F2F2'/%3e%3cpath d='M57.3555 33.7517L38.9363 23.2573L38.9858 23.1711C41.2188 19.2818 44.6391 16.205 48.7484 14.3891C52.8576 12.5732 57.441 12.1131 61.8308 13.0758L61.9281 13.0971L57.3555 33.7517ZM39.2082 23.1837L57.2194 33.4457L61.6908 13.2485C57.3712 12.3226 52.8684 12.7854 48.829 14.5705C44.7896 16.3555 41.4215 19.3709 39.2082 23.1837Z' fill='%23444A59'/%3e%3cpath d='M68.2034 27.7291L68.0586 27.593L78.9761 16.0409H87.8629V16.2393H79.0621L68.2034 27.7291Z' fill='%23444A59'/%3e%3cpath d='M92.307 17.5581H81.8188V17.9126H92.307V17.5581Z' fill='%23002f5f'/%3e%3cpath d='M92.307 19.0646H81.8188V19.4191H92.307V19.0646Z' fill='%23002f5f'/%3e%3cpath d='M92.307 20.5713H81.8188V20.9257H92.307V20.5713Z' fill='%23002f5f'/%3e%3cpath d='M88.725 61.4084H78.2368V61.7629H88.725V61.4084Z' fill='%23002f5f'/%3e%3cpath d='M88.725 62.9149H78.2368V63.2694H88.725V62.9149Z' fill='%23002f5f'/%3e%3cpath d='M88.725 64.4215H78.2368V64.776H88.725V64.4215Z' fill='%23002f5f'/%3e%3cpath d='M84.2475 59.6298H73.7477L73.7181 59.5869L65.5591 47.781L65.7229 47.6684L73.8522 59.4314H84.2475V59.6298Z' fill='%23444A59'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-line-chart { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 65.22H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 54.02H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 42.8301H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 31.63H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 20.4301H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 9.22998H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M31.818 16.52H26.198C24.8394 16.52 23.738 17.6214 23.738 18.98V63.36C23.738 64.7186 24.8394 65.82 26.198 65.82H31.818C33.1767 65.82 34.278 64.7186 34.278 63.36V18.98C34.278 17.6214 33.1767 16.52 31.818 16.52Z' fill='%23444A59'/%3e%3cpath d='M51.998 35.75H46.378C45.0193 35.75 43.918 36.8514 43.918 38.21V63.36C43.918 64.7186 45.0193 65.82 46.378 65.82H51.998C53.3566 65.82 54.458 64.7186 54.458 63.36V38.21C54.458 36.8514 53.3566 35.75 51.998 35.75Z' fill='%23444A59'/%3e%3cpath d='M72.1679 21.6801H66.5479C65.1893 21.6801 64.0879 22.7814 64.0879 24.1401V63.3501C64.0879 64.7087 65.1893 65.8101 66.5479 65.8101H72.1679C73.5265 65.8101 74.6279 64.7087 74.6279 63.3501V24.1401C74.6279 22.7814 73.5265 21.6801 72.1679 21.6801Z' fill='%23444A59'/%3e%3cpath d='M92.3378 42.63H86.7178C85.3592 42.63 84.2578 43.7314 84.2578 45.09V63.35C84.2578 64.7086 85.3592 65.81 86.7178 65.81H92.3378C93.6964 65.81 94.7978 64.7086 94.7978 63.35V45.09C94.7978 43.7314 93.6964 42.63 92.3378 42.63Z' fill='%23444A59'/%3e%3cpath d='M24.238 38.68L30.098 38.45L46.508 55.32L62.208 41.02L79.318 46.65L95.828 36.11' stroke='%23002f5f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.058 98.82C83.2992 98.82 99.708 97.7992 99.708 96.54C99.708 95.2808 83.2992 94.26 63.058 94.26C42.8167 94.26 26.408 95.2808 26.408 96.54C26.408 97.7992 42.8167 98.82 63.058 98.82Z' fill='%23F2F2F2'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-advisor-tile { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 108 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M72.2327 29.84C64.6127 29.84 56.8727 29.53 49.6327 27.52C42.3927 25.51 36.0327 21.72 30.1727 17.29C26.3627 14.4 22.8827 12.11 17.9527 12.46C13.1174 12.7173 8.49306 14.5229 4.76266 17.61C-1.56734 23.12 -0.567339 33.31 1.93266 40.47C5.71266 51.27 17.2227 58.76 27.0027 63.65C38.3027 69.29 50.7127 72.57 63.1627 74.46C74.1627 76.12 88.0927 77.32 97.5427 70.19C106.233 63.65 108.613 48.7 106.483 38.61C105.967 35.6278 104.381 32.9362 102.023 31.04C95.9227 26.58 86.8227 29.56 79.9627 29.71C77.4327 29.77 74.8327 29.83 72.2327 29.84Z' fill='%23F2F2F2'/%3e%3cpath d='M53.6127 92.14C72.0424 92.14 86.9827 91.2088 86.9827 90.06C86.9827 88.9113 72.0424 87.98 53.6127 87.98C35.1829 87.98 20.2427 88.9113 20.2427 90.06C20.2427 91.2088 35.1829 92.14 53.6127 92.14Z' fill='%23F2F2F2'/%3e%3cpath d='M90.6213 16.4316L21.5316 10.3141C19.5291 10.1368 17.762 11.6164 17.5847 13.6189L13.2833 62.1989C13.1059 64.2013 14.5855 65.9684 16.588 66.1457L85.6777 72.2632C87.6802 72.4405 89.4473 70.9609 89.6246 68.9584L93.926 20.3785C94.1033 18.376 92.6238 16.6089 90.6213 16.4316Z' fill='white' stroke='%23444A59' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M73.9253 34.1935L34.8581 30.7344C33.9449 30.6535 33.139 31.3283 33.0582 32.2415L32.8174 34.9608C32.7365 35.8741 33.4113 36.6799 34.3245 36.7608L73.3917 40.2199C74.3049 40.3008 75.1108 39.626 75.1916 38.7128L75.4324 35.9935C75.5133 35.0802 74.8385 34.2744 73.9253 34.1935Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.883 45.936L33.8159 42.4769C32.9027 42.396 32.0968 43.0708 32.0159 43.984L31.7752 46.7033C31.6943 47.6166 32.3691 48.4224 33.2823 48.5033L72.3494 51.9624C73.2627 52.0433 74.0685 51.3685 74.1494 50.4553L74.3902 47.736C74.471 46.8227 73.7963 46.0169 72.883 45.936Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M58.9337 56.7447L45.6557 55.569C44.957 55.5071 44.3405 56.0234 44.2786 56.722L43.969 60.2183C43.9072 60.917 44.4234 61.5335 45.1221 61.5954L58.4001 62.7711C59.0988 62.833 59.7153 62.3167 59.7772 61.6181L60.0868 58.1217C60.1486 57.4231 59.6324 56.8065 58.9337 56.7447Z' fill='%23444A59'/%3e%3cpath d='M65.1927 13.06C65.1927 15.3503 64.5136 17.5892 63.2411 19.4935C61.9687 21.3978 60.1602 22.8821 58.0442 23.7585C55.9282 24.635 53.5999 24.8643 51.3536 24.4175C49.1073 23.9707 47.0439 22.8678 45.4244 21.2483C43.8049 19.6288 42.702 17.5655 42.2552 15.3192C41.8084 13.0729 42.0377 10.7445 42.9142 8.62854C43.7907 6.51257 45.2749 4.70402 47.1792 3.4316C49.0835 2.15917 51.3224 1.48002 53.6127 1.48002C55.1356 1.47206 56.645 1.76616 58.0536 2.34529C59.4621 2.92442 60.7419 3.7771 61.8187 4.85399C62.8956 5.93088 63.7483 7.21061 64.3274 8.61915C64.9066 10.0277 65.2007 11.5371 65.1927 13.06Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M62.4326 20.59C61.3473 21.8571 60.0006 22.8743 58.4851 23.5718C56.9695 24.2692 55.3209 24.6303 53.6526 24.6303C51.9842 24.6303 50.3356 24.2692 48.82 23.5718C47.3045 22.8743 45.9578 21.8571 44.8726 20.59C45.0229 18.3638 46.0133 16.2778 47.6433 14.7542C49.2733 13.2305 51.4213 12.3829 53.6526 12.3829C55.8838 12.3829 58.0318 13.2305 59.6618 14.7542C61.2918 16.2778 62.2822 18.3638 62.4326 20.59Z' fill='%23444A59'/%3e%3cpath d='M53.6125 10.63C55.7112 10.63 57.4125 8.92871 57.4125 6.83003C57.4125 4.73135 55.7112 3.03003 53.6125 3.03003C51.5138 3.03003 49.8125 4.73135 49.8125 6.83003C49.8125 8.92871 51.5138 10.63 53.6125 10.63Z' fill='%23444A59'/%3e%3cpath d='M43.6826 36.28C44.6326 36.28 45.4026 35.51 45.4026 34.56C45.4026 33.6101 44.6326 32.84 43.6826 32.84C42.7327 32.84 41.9626 33.6101 41.9626 34.56C41.9626 35.51 42.7327 36.28 43.6826 36.28Z' fill='%23002f5f'/%3e%3cpath d='M50.6426 36.89C51.5925 36.89 52.3626 36.1199 52.3626 35.17C52.3626 34.2201 51.5925 33.45 50.6426 33.45C49.6927 33.45 48.9226 34.2201 48.9226 35.17C48.9226 36.1199 49.6927 36.89 50.6426 36.89Z' fill='%23002f5f'/%3e%3cpath d='M57.6026 37.51C58.5525 37.51 59.3226 36.7399 59.3226 35.79C59.3226 34.8401 58.5525 34.07 57.6026 34.07C56.6526 34.07 55.8826 34.8401 55.8826 35.79C55.8826 36.7399 56.6526 37.51 57.6026 37.51Z' fill='%23002f5f'/%3e%3cpath d='M64.5625 38.12C65.5125 38.12 66.2825 37.3499 66.2825 36.4C66.2825 35.4501 65.5125 34.68 64.5625 34.68C63.6126 34.68 62.8425 35.4501 62.8425 36.4C62.8425 37.3499 63.6126 38.12 64.5625 38.12Z' fill='%23002f5f'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-news-tile { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 37.92C71.0812 37.92 62.5612 37.58 54.5912 35.36C46.7712 33.19 39.5912 28.98 33.1912 24.11C29.0012 20.94 25.1912 18.42 19.7512 18.8C14.4247 19.0916 9.3336 21.0901 5.23121 24.5C-1.68879 30.5 -0.648793 41.73 2.12121 49.62C6.28121 61.5 18.9412 69.73 29.7012 75.11C42.1312 81.32 55.7912 84.92 69.4812 87C81.4812 88.82 96.9012 90.15 107.301 82.31C116.851 75.11 119.471 58.67 117.131 47.57C116.564 44.2879 114.818 41.3257 112.221 39.24C105.511 34.34 95.5012 37.61 87.9612 37.78C85.1612 37.84 82.3112 37.91 79.4512 37.92Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 106.45C79.2456 106.45 95.6812 105.425 95.6812 104.16C95.6812 102.895 79.2456 101.87 58.9712 101.87C38.6969 101.87 22.2612 102.895 22.2612 104.16C22.2612 105.425 38.6969 106.45 58.9712 106.45Z' fill='%23F2F2F2'/%3e%3cpath d='M74.564 0.321223L25.6887 6.92942C24.1234 7.14106 23.0261 8.58154 23.2377 10.1468L32.7159 80.249C32.9275 81.8143 34.368 82.9116 35.9333 82.7L84.8086 76.0918C86.3739 75.8802 87.4712 74.4397 87.2596 72.8744L77.7814 2.77223C77.5698 1.20694 76.1293 0.109587 74.564 0.321223Z' fill='%23444A59'/%3e%3cpath d='M90.8013 10.61H41.4813C39.9018 10.61 38.6213 11.8905 38.6213 13.47V84.21C38.6213 85.7895 39.9018 87.07 41.4813 87.07H90.8013C92.3809 87.07 93.6613 85.7895 93.6613 84.21V13.47C93.6613 11.8905 92.3809 10.61 90.8013 10.61Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M77.9911 18.5H54.2811C53.392 18.5 52.6711 19.2208 52.6711 20.11V20.12C52.6711 21.0092 53.392 21.73 54.2811 21.73H77.9911C78.8803 21.73 79.6011 21.0092 79.6011 20.12V20.11C79.6011 19.2208 78.8803 18.5 77.9911 18.5Z' fill='%23002f5f'/%3e%3cpath d='M77.1414 31.7H54.3914C54.1207 31.7 53.9014 31.9193 53.9014 32.1899V32.34C53.9014 32.6106 54.1207 32.8299 54.3914 32.8299H77.1414C77.412 32.8299 77.6314 32.6106 77.6314 32.34V32.1899C77.6314 31.9193 77.412 31.7 77.1414 31.7Z' fill='%23002f5f'/%3e%3cpath d='M82.9413 26.4099H49.4313C49.0723 26.4099 48.7812 26.7009 48.7812 27.0599C48.7812 27.4189 49.0723 27.7099 49.4313 27.7099H82.9413C83.3002 27.7099 83.5913 27.4189 83.5913 27.0599C83.5913 26.7009 83.3002 26.4099 82.9413 26.4099Z' fill='%23002f5f'/%3e%3cpath d='M89.0714 39.5H43.2114C42.0737 39.5 41.1514 40.4223 41.1514 41.56V81.33C41.1514 82.4677 42.0737 83.39 43.2114 83.39H89.0714C90.2091 83.39 91.1314 82.4677 91.1314 81.33V41.56C91.1314 40.4223 90.2091 39.5 89.0714 39.5Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M54.7974 63.0737C55.7439 62.993 56.4457 62.1603 56.365 61.2138C56.2843 60.2673 55.4515 59.5654 54.505 59.6462C53.5585 59.7269 52.8567 60.5596 52.9374 61.5061C53.0182 62.4526 53.8509 63.1545 54.7974 63.0737Z' fill='%23002f5f'/%3e%3cpath d='M61.7845 63.0899C62.731 63.0092 63.4328 62.1764 63.3521 61.2299C63.2713 60.2834 62.4386 59.5816 61.4921 59.6623C60.5456 59.7431 59.8438 60.5758 59.9245 61.5223C60.0052 62.4688 60.838 63.1706 61.7845 63.0899Z' fill='%23002f5f'/%3e%3cpath d='M68.7718 63.1161C69.7183 63.0354 70.4201 62.2027 70.3394 61.2562C70.2586 60.3097 69.4259 59.6079 68.4794 59.6886C67.5329 59.7693 66.8311 60.6021 66.9118 61.5486C66.9925 62.495 67.8253 63.1969 68.7718 63.1161Z' fill='%23002f5f'/%3e%3cpath d='M75.7583 63.1324C76.7048 63.0517 77.4067 62.2189 77.3259 61.2724C77.2452 60.3259 76.4125 59.6241 75.466 59.7048C74.5195 59.7856 73.8176 60.6183 73.8984 61.5648C73.9791 62.5113 74.8118 63.2131 75.7583 63.1324Z' fill='%23002f5f'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-grids { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4271 28.33C71.0471 28.38 62.5371 27.99 54.5771 25.78C46.6171 23.57 39.5771 19.4 33.1771 14.53C28.9871 11.36 25.1771 8.84001 19.7371 9.22001C14.4181 9.49956 9.33047 11.4841 5.22709 14.88C-1.69291 20.94 -0.642905 32.14 2.11709 40.02C6.27709 51.89 18.9371 60.13 29.6871 65.5C42.1171 71.71 55.7671 75.32 69.4571 77.39C81.4571 79.21 96.8671 80.54 107.257 72.7C116.807 65.51 119.427 49.07 117.087 37.97C116.518 34.6915 114.772 31.7333 112.177 29.65C105.467 24.75 95.4671 28.02 87.9271 28.19C85.1771 28.25 82.2871 28.32 79.4271 28.33Z' fill='%23F2F2F2'/%3e%3cpath d='M62.357 96.83C82.6258 96.83 99.057 95.8092 99.057 94.55C99.057 93.2908 82.6258 92.27 62.357 92.27C42.0881 92.27 25.657 93.2908 25.657 94.55C25.657 95.8092 42.0881 96.83 62.357 96.83Z' fill='%23F2F2F2'/%3e%3cpath d='M34.0871 1.20007H87.3871C88.7132 1.20007 89.9849 1.72686 90.9226 2.66454C91.8603 3.60222 92.3871 4.87399 92.3871 6.20007V69.6101C92.3871 70.9362 91.8603 72.2079 90.9226 73.1456C89.9849 74.0833 88.7132 74.6101 87.3871 74.6101H27.2571C25.931 74.6101 24.6592 74.0833 23.7215 73.1456C22.7839 72.2079 22.2571 70.9362 22.2571 69.6101V13.1501L34.0871 1.20007Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M92.147 32.1001H37.187V75.2201H92.147V32.1001Z' fill='%23BABABA'/%3e%3cpath d='M22.2571 13.1501H31.9471C32.5156 13.1474 33.0599 12.9197 33.4609 12.5168C33.8619 12.1139 34.0871 11.5686 34.0871 11.0001V1.20007L22.2571 13.1501Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M91.877 18.3301H37.517C35.4018 18.3301 33.687 20.0448 33.687 22.1601V33.7901C33.687 35.9053 35.4018 37.6201 37.517 37.6201H91.877C93.9923 37.6201 95.707 35.9053 95.707 33.7901V22.1601C95.707 20.0448 93.9923 18.3301 91.877 18.3301Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 31.34C46.0916 31.34 47.587 29.8447 47.587 28C47.587 26.1554 46.0916 24.66 44.247 24.66C42.4024 24.66 40.907 26.1554 40.907 28C40.907 29.8447 42.4024 31.34 44.247 31.34Z' fill='%23444A59'/%3e%3cpath d='M54.34 31.68C56.1846 31.68 57.68 30.1846 57.68 28.34C57.68 26.4954 56.1846 25 54.34 25C52.4954 25 51 26.4954 51 28.34C51 30.1846 52.4954 31.68 54.34 31.68Z' fill='%23444A59'/%3e%3cpath d='M65.237 31.34C67.0816 31.34 68.577 29.8447 68.577 28C68.577 26.1554 67.0816 24.66 65.237 24.66C63.3923 24.66 61.897 26.1554 61.897 28C61.897 29.8447 63.3923 31.34 65.237 31.34Z' fill='%23444A59'/%3e%3cpath d='M91.877 39.7101H37.517C35.4018 39.7101 33.687 41.4248 33.687 43.5401V55.1701C33.687 57.2853 35.4018 59.0001 37.517 59.0001H91.877C93.9923 59.0001 95.707 57.2853 95.707 55.1701V43.5401C95.707 41.4248 93.9923 39.7101 91.877 39.7101Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 52.73C46.0916 52.73 47.587 51.2347 47.587 49.39C47.587 47.5454 46.0916 46.05 44.247 46.05C42.4024 46.05 40.907 47.5454 40.907 49.39C40.907 51.2347 42.4024 52.73 44.247 52.73Z' fill='%23002f5f'/%3e%3cpath d='M54.747 52.73C56.5916 52.73 58.087 51.2347 58.087 49.39C58.087 47.5454 56.5916 46.05 54.747 46.05C52.9023 46.05 51.407 47.5454 51.407 49.39C51.407 51.2347 52.9023 52.73 54.747 52.73Z' fill='%23002f5f'/%3e%3cpath d='M65.237 52.73C67.0816 52.73 68.577 51.2347 68.577 49.39C68.577 47.5454 67.0816 46.05 65.237 46.05C63.3923 46.05 61.897 47.5454 61.897 49.39C61.897 51.2347 63.3923 52.73 65.237 52.73Z' fill='%23002f5f'/%3e%3cpath d='M91.877 61.1001H37.517C35.4018 61.1001 33.687 62.8148 33.687 64.9301V76.5601C33.687 78.6753 35.4018 80.3901 37.517 80.3901H91.877C93.9923 80.3901 95.707 78.6753 95.707 76.5601V64.9301C95.707 62.8148 93.9923 61.1001 91.877 61.1001Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 74.1101C46.0916 74.1101 47.587 72.6147 47.587 70.7701C47.587 68.9254 46.0916 67.4301 44.247 67.4301C42.4024 67.4301 40.907 68.9254 40.907 70.7701C40.907 72.6147 42.4024 74.1101 44.247 74.1101Z' fill='%23444A59'/%3e%3cpath d='M54.747 74.1101C56.5916 74.1101 58.087 72.6147 58.087 70.7701C58.087 68.9254 56.5916 67.4301 54.747 67.4301C52.9023 67.4301 51.407 68.9254 51.407 70.7701C51.407 72.6147 52.9023 74.1101 54.747 74.1101Z' fill='%23444A59'/%3e%3cpath d='M65.237 74.1101C67.0816 74.1101 68.577 72.6147 68.577 70.7701C68.577 68.9254 67.0816 67.4301 65.237 67.4301C63.3923 67.4301 61.897 68.9254 61.897 70.7701C61.897 72.6147 63.3923 74.1101 65.237 74.1101Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-requests { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4562 28.6116C71.0762 28.6116 62.5662 28.2716 54.5962 26.0516C46.7762 23.8716 39.5962 19.6716 33.1962 14.8016C28.9962 11.6216 25.1962 9.1016 19.7462 9.4816C14.4305 9.75968 9.34433 11.7366 5.23621 15.1216C-1.69379 21.1816 -0.643785 32.3916 2.11621 40.2716C6.28621 52.1416 18.9362 60.3916 29.7062 65.7616C42.1362 71.9716 55.7862 75.6116 69.4862 77.6116C81.4862 79.4416 96.8962 80.7616 107.296 72.9216C116.856 65.7216 119.476 49.2816 117.136 38.1816C116.568 34.9004 114.818 31.9408 112.216 29.8616C105.506 24.9516 95.4962 28.2316 87.9562 28.3916C85.1562 28.4916 82.3162 28.6116 79.4562 28.6116Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9663 97.1116C79.2407 97.1116 95.6763 96.0864 95.6763 94.8216C95.6763 93.5569 79.2407 92.5316 58.9663 92.5316C38.692 92.5316 22.2563 93.5569 22.2563 94.8216C22.2563 96.0864 38.692 97.1116 58.9663 97.1116Z' fill='%23F2F2F2'/%3e%3cpath d='M53.2963 68.8916C57.9161 75.3503 64.908 79.7139 72.7397 81.0261C80.5713 82.3382 88.6037 80.4918 95.0763 75.8916C95.8763 75.3239 96.6472 74.7165 97.3863 74.0716L109.316 77.6816L104.746 64.3316C107.028 59.5563 108.005 54.2625 107.579 48.9875C107.154 43.7124 105.34 38.6438 102.323 34.296C99.3058 29.9481 95.192 26.4759 90.3993 24.2315C85.6066 21.9871 80.3054 21.0505 75.0338 21.5167C69.7621 21.9829 64.7076 23.8353 60.3832 26.886C56.0587 29.9366 52.6182 34.077 50.4108 38.8868C48.2034 43.6967 47.3076 49.0049 47.8144 54.2728C48.3212 59.5407 50.2125 64.5808 53.2963 68.8816V68.8916Z' fill='white' stroke='%23002f5f' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M88.0662 53.4716C89.1597 53.4716 90.0462 52.5851 90.0462 51.4916C90.0462 50.3981 89.1597 49.5116 88.0662 49.5116C86.9727 49.5116 86.0862 50.3981 86.0862 51.4916C86.0862 52.5851 86.9727 53.4716 88.0662 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M78.5164 53.4716C79.6099 53.4716 80.4964 52.5851 80.4964 51.4916C80.4964 50.3981 79.6099 49.5116 78.5164 49.5116C77.4229 49.5116 76.5364 50.3981 76.5364 51.4916C76.5364 52.5851 77.4229 53.4716 78.5164 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M68.9763 53.4716C70.0699 53.4716 70.9563 52.5851 70.9563 51.4916C70.9563 50.3981 70.0699 49.5116 68.9763 49.5116C67.8828 49.5116 66.9963 50.3981 66.9963 51.4916C66.9963 52.5851 67.8828 53.4716 68.9763 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M63.0764 48.4816C58.4567 54.9403 51.4647 59.3039 43.6331 60.6161C35.8014 61.9282 27.769 60.0818 21.2964 55.4816C20.4941 54.9171 19.723 54.3095 18.9864 53.6616L7.0564 57.2916L11.6264 43.9316C9.34517 39.1563 8.36777 33.8625 8.79337 28.5874C9.21896 23.3124 11.0324 18.2437 14.0497 13.8959C17.067 9.54811 21.1807 6.07583 25.9734 3.83144C30.7662 1.58705 36.0673 0.65044 41.3389 1.11664C46.6106 1.58284 51.6651 3.43526 55.9895 6.48593C60.314 9.5366 63.7545 13.6769 65.9619 18.4868C68.1693 23.2967 69.0651 28.6049 68.5583 33.8728C68.0516 39.1407 66.1603 44.1808 63.0764 48.4816Z' fill='white' stroke='%23444A59' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.3362 32.9015C48.4297 32.9015 49.3162 32.015 49.3162 30.9215C49.3162 29.828 48.4297 28.9415 47.3362 28.9415C46.2427 28.9415 45.3562 29.828 45.3562 30.9215C45.3562 32.015 46.2427 32.9015 47.3362 32.9015Z' fill='%23444A59'/%3e%3cpath d='M37.7864 32.9015C38.8799 32.9015 39.7664 32.015 39.7664 30.9215C39.7664 29.828 38.8799 28.9415 37.7864 28.9415C36.6929 28.9415 35.8064 29.828 35.8064 30.9215C35.8064 32.015 36.6929 32.9015 37.7864 32.9015Z' fill='%23444A59'/%3e%3cpath d='M28.2464 32.9015C29.3399 32.9015 30.2264 32.015 30.2264 30.9215C30.2264 29.828 29.3399 28.9415 28.2464 28.9415C27.1528 28.9415 26.2664 29.828 26.2664 30.9215C26.2664 32.015 27.1528 32.9015 28.2464 32.9015Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-tasks { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 43.08C71.0812 43.08 62.5612 42.74 54.5912 40.52C46.7712 38.35 39.5912 34.14 33.1912 29.27C29.0012 26.1 25.1912 23.58 19.7512 23.96C14.4247 24.2516 9.3336 26.2502 5.23121 29.66C-1.68879 35.66 -0.648793 46.89 2.12121 54.78C6.28121 66.66 18.9412 74.89 29.7012 80.27C42.1312 86.48 55.7912 90.08 69.4812 92.16C81.4812 93.98 96.9012 95.31 107.301 87.47C116.851 80.27 119.471 63.83 117.131 52.73C116.564 49.4479 114.818 46.4858 112.221 44.4C105.511 39.5 95.5012 42.77 87.9612 42.94C85.1612 43 82.3112 43.07 79.4512 43.08Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 111.61C79.2456 111.61 95.6812 110.585 95.6812 109.32C95.6812 108.055 79.2456 107.03 58.9712 107.03C38.6969 107.03 22.2612 108.055 22.2612 109.32C22.2612 110.585 38.6969 111.61 58.9712 111.61Z' fill='%23F2F2F2'/%3e%3cpath d='M83.7967 7.63652L26.7636 13.5605C25.4617 13.6957 24.5159 14.8608 24.6511 16.1627L32.4513 91.2587C32.5865 92.5606 33.7515 93.5064 35.0534 93.3711L92.0866 87.4471C93.3885 87.3119 94.3343 86.1469 94.1991 84.845L86.3989 9.74898C86.2637 8.44707 85.0986 7.50129 83.7967 7.63652Z' fill='%23444A59'/%3e%3cpath d='M81.3426 11.1028L29.8695 16.4493C28.5676 16.5845 27.6218 17.7496 27.7571 19.0515L34.8113 86.9661C34.9465 88.268 36.1116 89.2138 37.4135 89.0786L88.8865 83.7321C90.1885 83.5969 91.1342 82.4318 90.999 81.1299L83.9448 13.2153C83.8095 11.9134 82.6445 10.9676 81.3426 11.1028Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.4613 14.43L71.6613 6.72998C71.6212 6.41038 71.4573 6.11927 71.2049 5.91919C70.9525 5.71912 70.6316 5.62605 70.3113 5.65998L60.7913 6.65998C60.7138 5.89174 60.4858 5.1463 60.1202 4.46619C59.7546 3.78609 59.2587 3.18465 58.6607 2.69621C58.0627 2.20777 57.3743 1.84191 56.6349 1.6195C55.8955 1.39709 55.1195 1.3225 54.3513 1.39998C53.5831 1.47746 52.8376 1.70549 52.1575 2.07106C51.4774 2.43664 50.876 2.93259 50.3875 3.5306C49.4011 4.73833 48.9348 6.28846 49.0913 7.83998L39.5413 8.83998C39.3804 8.85622 39.2242 8.90405 39.0818 8.98072C38.9394 9.05739 38.8134 9.1614 38.7113 9.2868C38.6091 9.4122 38.5327 9.55652 38.4863 9.7115C38.44 9.86648 38.4247 10.0291 38.4413 10.19L39.2413 17.89C39.2575 18.0509 39.3054 18.2071 39.382 18.3495C39.4587 18.4919 39.5627 18.6178 39.6881 18.72C39.8135 18.8222 39.9579 18.8986 40.1128 18.945C40.2678 18.9913 40.4304 19.0066 40.5913 18.99L71.3713 15.79C71.5328 15.7739 71.6895 15.7257 71.8321 15.6482C71.9748 15.5708 72.1005 15.4657 72.2021 15.339C72.3036 15.2123 72.3788 15.0667 72.4233 14.9106C72.4678 14.7545 72.4807 14.5911 72.4613 14.43Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3crect x='34.3438' y='29.4343' width='4' height='4' transform='rotate(-6.39807 34.3438 29.4343)' fill='%23002f5f'/%3e%3cpath d='M74.2845 26.3805L40.9834 30.1158C40.6266 30.1558 40.3698 30.4774 40.4099 30.8342C40.4499 31.1909 40.7715 31.4477 41.1283 31.4077L74.4294 27.6723C74.7862 27.6323 75.0429 27.3107 75.0029 26.9539C74.9629 26.5972 74.6413 26.3404 74.2845 26.3805Z' fill='%23444A59'/%3e%3crect x='36.2039' y='45.4512' width='4' height='4' transform='rotate(-6.39807 36.2039 45.4512)' fill='%23002f5f'/%3e%3cpath d='M76.1446 42.3973L42.8435 46.1326C42.4867 46.1726 42.2299 46.4943 42.27 46.851C42.31 47.2078 42.6316 47.4645 42.9884 47.4245L76.2895 43.6892C76.6463 43.6492 76.903 43.3275 76.863 42.9708C76.823 42.614 76.5014 42.3573 76.1446 42.3973Z' fill='%23444A59'/%3e%3crect x='35.2737' y='37.4427' width='4' height='4' transform='rotate(-6.39807 35.2737 37.4427)' fill='%23002f5f'/%3e%3cpath d='M75.2144 34.3889L41.9133 38.1242C41.5565 38.1642 41.2998 38.4859 41.3398 38.8426C41.3798 39.1993 41.7014 39.4561 42.0582 39.4161L75.3594 35.6808C75.7161 35.6408 75.9729 35.3191 75.9329 34.9624C75.8928 34.6056 75.5712 34.3489 75.2144 34.3889Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-portfolios { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 29.0556C71.0812 29.0556 62.5612 28.7156 54.5912 26.4956C46.7712 24.3256 39.5912 20.1156 33.1912 15.2456C29.0012 12.0756 25.1912 9.55559 19.7512 9.93559C14.4247 10.2272 9.3336 12.2258 5.23121 15.6356C-1.68879 21.6356 -0.648793 32.8656 2.12121 40.7556C6.28121 52.6356 18.9412 60.8656 29.7012 66.2456C42.1312 72.4556 55.7912 76.0556 69.4812 78.1356C81.4812 79.9556 96.9012 81.2856 107.301 73.4456C116.851 66.2456 119.471 49.8056 117.131 38.7056C116.564 35.4235 114.818 32.4614 112.221 30.3756C105.511 25.4756 95.5012 28.7456 87.9612 28.9156C85.1612 28.9756 82.3112 29.0456 79.4512 29.0556Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 97.5856C79.2456 97.5856 95.6812 96.5603 95.6812 95.2956C95.6812 94.0309 79.2456 93.0056 58.9712 93.0056C38.6969 93.0056 22.2612 94.0309 22.2612 95.2956C22.2612 96.5603 38.6969 97.5856 58.9712 97.5856Z' fill='%23F2F2F2'/%3e%3cpath d='M24.6214 31.8557C31.9171 31.8557 37.8314 25.9413 37.8314 18.6457C37.8314 11.35 31.9171 5.43567 24.6214 5.43567C17.3257 5.43567 11.4114 11.35 11.4114 18.6457C11.4114 25.9413 17.3257 31.8557 24.6214 31.8557Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M24.6212 28.2656C29.9342 28.2656 34.2412 23.9586 34.2412 18.6456C34.2412 13.3327 29.9342 9.02563 24.6212 9.02563C19.3082 9.02563 15.0012 13.3327 15.0012 18.6456C15.0012 23.9586 19.3082 28.2656 24.6212 28.2656Z' fill='%23BABABA'/%3e%3cpath d='M87.7912 61.0456L38.7212 73.3656C37.7485 73.6087 36.7331 73.6269 35.7523 73.4189C34.7714 73.211 33.8509 72.7823 33.0605 72.1654C32.27 71.5484 31.6306 70.7596 31.1906 69.8586C30.7506 68.9576 30.5217 67.9682 30.5212 66.9656V14.0156L85.9112 0.115588C86.4829 -0.0271494 87.0795 -0.0378351 87.6558 0.0843423C88.2322 0.20652 88.7732 0.458352 89.2377 0.820735C89.7023 1.18312 90.0782 1.64653 90.337 2.17583C90.5957 2.70513 90.7306 3.28642 90.7312 3.87559V57.2956C90.7298 58.1591 90.4396 58.9972 89.9068 59.6767C89.3741 60.3563 88.6294 60.8381 87.7912 61.0456Z' fill='%23444A59'/%3e%3cpath d='M30.5212 14.3656H99.7912C100.299 14.3656 100.803 14.4657 101.272 14.6602C101.742 14.8547 102.168 15.1397 102.528 15.4991C102.887 15.8585 103.172 16.2851 103.367 16.7546C103.561 17.2241 103.661 17.7274 103.661 18.2356V71.8956C103.661 72.4038 103.561 72.9071 103.367 73.3766C103.172 73.8461 102.887 74.2727 102.528 74.6321C102.168 74.9915 101.742 75.2765 101.272 75.471C100.803 75.6655 100.299 75.7656 99.7912 75.7656H35.1812C33.9453 75.7656 32.76 75.2746 31.8861 74.4007C31.0122 73.5268 30.5212 72.3415 30.5212 71.1056V14.3656Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M46.7913 29.1156H80.7913C80.7913 29.1156 82.7913 29.1156 82.7913 31.1156V51.1156C82.7913 51.1156 82.7913 53.1156 80.7913 53.1156H46.7913C46.7913 53.1156 44.7913 53.1156 44.7913 51.1156V31.1156C44.7913 31.1156 44.7913 29.1156 46.7913 29.1156Z' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M86.7832 33.1156V55.1156C86.7832 55.646 86.5725 56.1547 86.1974 56.5298C85.8223 56.9049 85.3136 57.1156 84.7832 57.1156H48.7832' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M90.7832 37.1156V59.1156C90.7832 59.646 90.5725 60.1547 90.1974 60.5298C89.8223 60.9049 89.3136 61.1156 88.7832 61.1156H52.7832' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M57.7913 41.1156C57.7913 42.7069 58.4234 44.233 59.5486 45.3582C60.6738 46.4835 62.2 47.1156 63.7913 47.1156C65.3826 47.1156 66.9087 46.4835 68.0339 45.3582C69.1591 44.233 69.7913 42.7069 69.7913 41.1156C69.7913 39.5243 69.1591 37.9982 68.0339 36.873C66.9087 35.7477 65.3826 35.1156 63.7913 35.1156C62.2 35.1156 60.6738 35.7477 59.5486 36.873C58.4234 37.9982 57.7913 39.5243 57.7913 41.1156Z' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M48.7913 49.1156H52.7913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M74.7913 33.1156H78.7913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-security-search { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.058 98.82C83.2992 98.82 99.708 97.7992 99.708 96.54C99.708 95.2808 83.2992 94.26 63.058 94.26C42.8167 94.26 26.408 95.2808 26.408 96.54C26.408 97.7992 42.8167 98.82 63.058 98.82Z' fill='%23F2F2F2'/%3e%3cpath d='M36 33.9167V38.4864C36 39.0924 36.2428 39.6735 36.6749 40.102C37.1071 40.5305 37.6932 40.7712 38.3043 40.7712H42.913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M42.913 11.0686H38.3043C37.6932 11.0686 37.1071 11.3093 36.6749 11.7378C36.2428 12.1663 36 12.7475 36 13.3534V17.9231' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M79.7827 17.8545V13.2848C79.7827 12.6788 79.5399 12.0977 79.1077 11.6692C78.6756 11.2407 78.0895 11 77.4783 11H72.8696' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M42.9131 17.9231V32.7744' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.8696 17.9231V32.7744' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.5217 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M59.0435 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M52.1306 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M68.261 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.5217 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M52.1306 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M59.0435 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M68.261 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 48.8366C63.6521 51.5816 64.7519 54.2142 66.7095 56.1553C68.6672 58.0963 71.3223 59.1868 74.0908 59.1868C76.8593 59.1868 79.5144 58.0963 81.4721 56.1553C83.4297 54.2142 84.5295 51.5816 84.5295 48.8366C84.5295 46.0915 83.4297 43.4589 81.4721 41.5178C79.5144 39.5768 76.8593 38.4863 74.0908 38.4863C71.3223 38.4863 68.6672 39.5768 66.7095 41.5178C64.7519 43.4589 63.6521 46.0915 63.6521 48.8366Z' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M89.0001 63.6194L81.511 56.1937' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-pie-chart { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M81.019 39.6251H60.0427L49.0159 57.4188C52.3274 59.4647 56.147 60.5458 60.0427 60.54C71.6276 60.54 81.019 51.176 81.019 39.6251Z' fill='%23F2F2F2'/%3e%3cpath d='M59.3317 58.6009C55.4179 58.6041 51.5809 57.518 48.2525 55.4649L48.168 55.4127L48.2202 55.3284L59.2762 37.4875H80.4075V37.5868C80.4075 49.174 70.9529 58.6009 59.3317 58.6009ZM48.4419 55.3481C51.7197 57.3485 55.4887 58.4057 59.3317 58.4025C70.8102 58.4025 80.1547 49.1186 80.2083 37.686H59.3872L48.4419 55.3481Z' fill='%23444A59'/%3e%3cpath d='M34 36.6119C33.9983 40.1778 34.9117 43.6848 36.6532 46.7993C38.3947 49.9139 40.9065 52.5323 43.9496 54.4057L54.9764 36.6119L36.7611 26.2336C34.9464 29.3928 33.9944 32.9713 34 36.6119Z' fill='%23F2F2F2'/%3e%3cpath d='M45.6707 53.8333L45.5861 53.781C40.9383 50.9157 37.5877 46.3631 36.2404 41.0828C34.8931 35.8026 35.6543 30.207 38.3636 25.4753L38.413 25.3893L56.804 35.8677L45.6707 53.8333ZM38.4871 25.6601C35.8428 30.3299 35.1071 35.8368 36.4333 41.034C37.7594 46.2311 41.0452 50.7179 45.6063 53.5599L56.5265 35.9381L38.4871 25.6601Z' fill='%23444A59'/%3e%3cpath d='M65.4092 12.9954L60.8872 33.4215H81.8635C81.8635 23.4187 74.8203 15.0574 65.4092 12.9954Z' fill='%23444A59'/%3e%3cpath d='M80.4074 34.6728H59.2078L63.7779 14.0294L63.8749 14.0506C68.5623 15.0836 72.7558 17.6807 75.7619 21.4124C78.7681 25.1442 80.4069 29.7871 80.4074 34.5736V34.6728ZM59.4555 34.4744H80.2082C80.1615 24.8481 73.3357 16.3747 63.9293 14.2659L59.4555 34.4744Z' fill='%23444A59'/%3e%3cpath d='M56.3984 11C52.7 10.9985 49.067 11.9725 45.8679 13.823C42.6689 15.6734 40.0176 18.3347 38.1831 21.5367L56.3984 31.9149L60.9204 11.4889C59.4352 11.1635 57.919 10.9996 56.3984 11Z' fill='%23F2F2F2'/%3e%3cpath d='M57.3555 33.7517L38.9363 23.2573L38.9858 23.1711C41.2188 19.2818 44.6391 16.205 48.7484 14.3891C52.8576 12.5732 57.441 12.1131 61.8308 13.0758L61.9281 13.0971L57.3555 33.7517ZM39.2082 23.1837L57.2194 33.4457L61.6908 13.2485C57.3712 12.3226 52.8684 12.7854 48.829 14.5705C44.7896 16.3555 41.4215 19.3709 39.2082 23.1837Z' fill='%23444A59'/%3e%3cpath d='M68.2034 27.7291L68.0586 27.593L78.9761 16.0409H87.8629V16.2393H79.0621L68.2034 27.7291Z' fill='%23444A59'/%3e%3cpath d='M92.307 17.5581H81.8188V17.9126H92.307V17.5581Z' fill='%23002f5f'/%3e%3cpath d='M92.307 19.0646H81.8188V19.4191H92.307V19.0646Z' fill='%23002f5f'/%3e%3cpath d='M92.307 20.5713H81.8188V20.9257H92.307V20.5713Z' fill='%23002f5f'/%3e%3cpath d='M88.725 61.4084H78.2368V61.7629H88.725V61.4084Z' fill='%23002f5f'/%3e%3cpath d='M88.725 62.9149H78.2368V63.2694H88.725V62.9149Z' fill='%23002f5f'/%3e%3cpath d='M88.725 64.4215H78.2368V64.776H88.725V64.4215Z' fill='%23002f5f'/%3e%3cpath d='M84.2475 59.6298H73.7477L73.7181 59.5869L65.5591 47.781L65.7229 47.6684L73.8522 59.4314H84.2475V59.6298Z' fill='%23444A59'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-line-chart { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 65.22H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 54.02H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 42.8301H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 31.63H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 20.4301H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M15.1079 9.22998H100.478' stroke='%23F2F2F2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M31.818 16.52H26.198C24.8394 16.52 23.738 17.6214 23.738 18.98V63.36C23.738 64.7186 24.8394 65.82 26.198 65.82H31.818C33.1767 65.82 34.278 64.7186 34.278 63.36V18.98C34.278 17.6214 33.1767 16.52 31.818 16.52Z' fill='%23444A59'/%3e%3cpath d='M51.998 35.75H46.378C45.0193 35.75 43.918 36.8514 43.918 38.21V63.36C43.918 64.7186 45.0193 65.82 46.378 65.82H51.998C53.3566 65.82 54.458 64.7186 54.458 63.36V38.21C54.458 36.8514 53.3566 35.75 51.998 35.75Z' fill='%23444A59'/%3e%3cpath d='M72.1679 21.6801H66.5479C65.1893 21.6801 64.0879 22.7814 64.0879 24.1401V63.3501C64.0879 64.7087 65.1893 65.8101 66.5479 65.8101H72.1679C73.5265 65.8101 74.6279 64.7087 74.6279 63.3501V24.1401C74.6279 22.7814 73.5265 21.6801 72.1679 21.6801Z' fill='%23444A59'/%3e%3cpath d='M92.3378 42.63H86.7178C85.3592 42.63 84.2578 43.7314 84.2578 45.09V63.35C84.2578 64.7086 85.3592 65.81 86.7178 65.81H92.3378C93.6964 65.81 94.7978 64.7086 94.7978 63.35V45.09C94.7978 43.7314 93.6964 42.63 92.3378 42.63Z' fill='%23444A59'/%3e%3cpath d='M24.238 38.68L30.098 38.45L46.508 55.32L62.208 41.02L79.318 46.65L95.828 36.11' stroke='%23002f5f' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.058 98.82C83.2992 98.82 99.708 97.7992 99.708 96.54C99.708 95.2808 83.2992 94.26 63.058 94.26C42.8167 94.26 26.408 95.2808 26.408 96.54C26.408 97.7992 42.8167 98.82 63.058 98.82Z' fill='%23F2F2F2'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-advisor-tile { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 108 93' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M72.2327 29.84C64.6127 29.84 56.8727 29.53 49.6327 27.52C42.3927 25.51 36.0327 21.72 30.1727 17.29C26.3627 14.4 22.8827 12.11 17.9527 12.46C13.1174 12.7173 8.49306 14.5229 4.76266 17.61C-1.56734 23.12 -0.567339 33.31 1.93266 40.47C5.71266 51.27 17.2227 58.76 27.0027 63.65C38.3027 69.29 50.7127 72.57 63.1627 74.46C74.1627 76.12 88.0927 77.32 97.5427 70.19C106.233 63.65 108.613 48.7 106.483 38.61C105.967 35.6278 104.381 32.9362 102.023 31.04C95.9227 26.58 86.8227 29.56 79.9627 29.71C77.4327 29.77 74.8327 29.83 72.2327 29.84Z' fill='%23F2F2F2'/%3e%3cpath d='M53.6127 92.14C72.0424 92.14 86.9827 91.2088 86.9827 90.06C86.9827 88.9113 72.0424 87.98 53.6127 87.98C35.1829 87.98 20.2427 88.9113 20.2427 90.06C20.2427 91.2088 35.1829 92.14 53.6127 92.14Z' fill='%23F2F2F2'/%3e%3cpath d='M90.6213 16.4316L21.5316 10.3141C19.5291 10.1368 17.762 11.6164 17.5847 13.6189L13.2833 62.1989C13.1059 64.2013 14.5855 65.9684 16.588 66.1457L85.6777 72.2632C87.6802 72.4405 89.4473 70.9609 89.6246 68.9584L93.926 20.3785C94.1033 18.376 92.6238 16.6089 90.6213 16.4316Z' fill='white' stroke='%23444A59' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M73.9253 34.1935L34.8581 30.7344C33.9449 30.6535 33.139 31.3283 33.0582 32.2415L32.8174 34.9608C32.7365 35.8741 33.4113 36.6799 34.3245 36.7608L73.3917 40.2199C74.3049 40.3008 75.1108 39.626 75.1916 38.7128L75.4324 35.9935C75.5133 35.0802 74.8385 34.2744 73.9253 34.1935Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.883 45.936L33.8159 42.4769C32.9027 42.396 32.0968 43.0708 32.0159 43.984L31.7752 46.7033C31.6943 47.6166 32.3691 48.4224 33.2823 48.5033L72.3494 51.9624C73.2627 52.0433 74.0685 51.3685 74.1494 50.4553L74.3902 47.736C74.471 46.8227 73.7963 46.0169 72.883 45.936Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M58.9337 56.7447L45.6557 55.569C44.957 55.5071 44.3405 56.0234 44.2786 56.722L43.969 60.2183C43.9072 60.917 44.4234 61.5335 45.1221 61.5954L58.4001 62.7711C59.0988 62.833 59.7153 62.3167 59.7772 61.6181L60.0868 58.1217C60.1486 57.4231 59.6324 56.8065 58.9337 56.7447Z' fill='%23444A59'/%3e%3cpath d='M65.1927 13.06C65.1927 15.3503 64.5136 17.5892 63.2411 19.4935C61.9687 21.3978 60.1602 22.8821 58.0442 23.7585C55.9282 24.635 53.5999 24.8643 51.3536 24.4175C49.1073 23.9707 47.0439 22.8678 45.4244 21.2483C43.8049 19.6288 42.702 17.5655 42.2552 15.3192C41.8084 13.0729 42.0377 10.7445 42.9142 8.62854C43.7907 6.51257 45.2749 4.70402 47.1792 3.4316C49.0835 2.15917 51.3224 1.48002 53.6127 1.48002C55.1356 1.47206 56.645 1.76616 58.0536 2.34529C59.4621 2.92442 60.7419 3.7771 61.8187 4.85399C62.8956 5.93088 63.7483 7.21061 64.3274 8.61915C64.9066 10.0277 65.2007 11.5371 65.1927 13.06Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M62.4326 20.59C61.3473 21.8571 60.0006 22.8743 58.4851 23.5718C56.9695 24.2692 55.3209 24.6303 53.6526 24.6303C51.9842 24.6303 50.3356 24.2692 48.82 23.5718C47.3045 22.8743 45.9578 21.8571 44.8726 20.59C45.0229 18.3638 46.0133 16.2778 47.6433 14.7542C49.2733 13.2305 51.4213 12.3829 53.6526 12.3829C55.8838 12.3829 58.0318 13.2305 59.6618 14.7542C61.2918 16.2778 62.2822 18.3638 62.4326 20.59Z' fill='%23444A59'/%3e%3cpath d='M53.6125 10.63C55.7112 10.63 57.4125 8.92871 57.4125 6.83003C57.4125 4.73135 55.7112 3.03003 53.6125 3.03003C51.5138 3.03003 49.8125 4.73135 49.8125 6.83003C49.8125 8.92871 51.5138 10.63 53.6125 10.63Z' fill='%23444A59'/%3e%3cpath d='M43.6826 36.28C44.6326 36.28 45.4026 35.51 45.4026 34.56C45.4026 33.6101 44.6326 32.84 43.6826 32.84C42.7327 32.84 41.9626 33.6101 41.9626 34.56C41.9626 35.51 42.7327 36.28 43.6826 36.28Z' fill='%23002f5f'/%3e%3cpath d='M50.6426 36.89C51.5925 36.89 52.3626 36.1199 52.3626 35.17C52.3626 34.2201 51.5925 33.45 50.6426 33.45C49.6927 33.45 48.9226 34.2201 48.9226 35.17C48.9226 36.1199 49.6927 36.89 50.6426 36.89Z' fill='%23002f5f'/%3e%3cpath d='M57.6026 37.51C58.5525 37.51 59.3226 36.7399 59.3226 35.79C59.3226 34.8401 58.5525 34.07 57.6026 34.07C56.6526 34.07 55.8826 34.8401 55.8826 35.79C55.8826 36.7399 56.6526 37.51 57.6026 37.51Z' fill='%23002f5f'/%3e%3cpath d='M64.5625 38.12C65.5125 38.12 66.2825 37.3499 66.2825 36.4C66.2825 35.4501 65.5125 34.68 64.5625 34.68C63.6126 34.68 62.8425 35.4501 62.8425 36.4C62.8425 37.3499 63.6126 38.12 64.5625 38.12Z' fill='%23002f5f'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-news-tile { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 37.92C71.0812 37.92 62.5612 37.58 54.5912 35.36C46.7712 33.19 39.5912 28.98 33.1912 24.11C29.0012 20.94 25.1912 18.42 19.7512 18.8C14.4247 19.0916 9.3336 21.0901 5.23121 24.5C-1.68879 30.5 -0.648793 41.73 2.12121 49.62C6.28121 61.5 18.9412 69.73 29.7012 75.11C42.1312 81.32 55.7912 84.92 69.4812 87C81.4812 88.82 96.9012 90.15 107.301 82.31C116.851 75.11 119.471 58.67 117.131 47.57C116.564 44.2879 114.818 41.3257 112.221 39.24C105.511 34.34 95.5012 37.61 87.9612 37.78C85.1612 37.84 82.3112 37.91 79.4512 37.92Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 106.45C79.2456 106.45 95.6812 105.425 95.6812 104.16C95.6812 102.895 79.2456 101.87 58.9712 101.87C38.6969 101.87 22.2612 102.895 22.2612 104.16C22.2612 105.425 38.6969 106.45 58.9712 106.45Z' fill='%23F2F2F2'/%3e%3cpath d='M74.564 0.321223L25.6887 6.92942C24.1234 7.14106 23.0261 8.58154 23.2377 10.1468L32.7159 80.249C32.9275 81.8143 34.368 82.9116 35.9333 82.7L84.8086 76.0918C86.3739 75.8802 87.4712 74.4397 87.2596 72.8744L77.7814 2.77223C77.5698 1.20694 76.1293 0.109587 74.564 0.321223Z' fill='%23444A59'/%3e%3cpath d='M90.8013 10.61H41.4813C39.9018 10.61 38.6213 11.8905 38.6213 13.47V84.21C38.6213 85.7895 39.9018 87.07 41.4813 87.07H90.8013C92.3809 87.07 93.6613 85.7895 93.6613 84.21V13.47C93.6613 11.8905 92.3809 10.61 90.8013 10.61Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M77.9911 18.5H54.2811C53.392 18.5 52.6711 19.2208 52.6711 20.11V20.12C52.6711 21.0092 53.392 21.73 54.2811 21.73H77.9911C78.8803 21.73 79.6011 21.0092 79.6011 20.12V20.11C79.6011 19.2208 78.8803 18.5 77.9911 18.5Z' fill='%23002f5f'/%3e%3cpath d='M77.1414 31.7H54.3914C54.1207 31.7 53.9014 31.9193 53.9014 32.1899V32.34C53.9014 32.6106 54.1207 32.8299 54.3914 32.8299H77.1414C77.412 32.8299 77.6314 32.6106 77.6314 32.34V32.1899C77.6314 31.9193 77.412 31.7 77.1414 31.7Z' fill='%23002f5f'/%3e%3cpath d='M82.9413 26.4099H49.4313C49.0723 26.4099 48.7812 26.7009 48.7812 27.0599C48.7812 27.4189 49.0723 27.7099 49.4313 27.7099H82.9413C83.3002 27.7099 83.5913 27.4189 83.5913 27.0599C83.5913 26.7009 83.3002 26.4099 82.9413 26.4099Z' fill='%23002f5f'/%3e%3cpath d='M89.0714 39.5H43.2114C42.0737 39.5 41.1514 40.4223 41.1514 41.56V81.33C41.1514 82.4677 42.0737 83.39 43.2114 83.39H89.0714C90.2091 83.39 91.1314 82.4677 91.1314 81.33V41.56C91.1314 40.4223 90.2091 39.5 89.0714 39.5Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M54.7974 63.0737C55.7439 62.993 56.4457 62.1603 56.365 61.2138C56.2843 60.2673 55.4515 59.5654 54.505 59.6462C53.5585 59.7269 52.8567 60.5596 52.9374 61.5061C53.0182 62.4526 53.8509 63.1545 54.7974 63.0737Z' fill='%23002f5f'/%3e%3cpath d='M61.7845 63.0899C62.731 63.0092 63.4328 62.1764 63.3521 61.2299C63.2713 60.2834 62.4386 59.5816 61.4921 59.6623C60.5456 59.7431 59.8438 60.5758 59.9245 61.5223C60.0052 62.4688 60.838 63.1706 61.7845 63.0899Z' fill='%23002f5f'/%3e%3cpath d='M68.7718 63.1161C69.7183 63.0354 70.4201 62.2027 70.3394 61.2562C70.2586 60.3097 69.4259 59.6079 68.4794 59.6886C67.5329 59.7693 66.8311 60.6021 66.9118 61.5486C66.9925 62.495 67.8253 63.1969 68.7718 63.1161Z' fill='%23002f5f'/%3e%3cpath d='M75.7583 63.1324C76.7048 63.0517 77.4067 62.2189 77.3259 61.2724C77.2452 60.3259 76.4125 59.6241 75.466 59.7048C74.5195 59.7856 73.8176 60.6183 73.8984 61.5648C73.9791 62.5113 74.8118 63.2131 75.7583 63.1324Z' fill='%23002f5f'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-grids { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4271 28.33C71.0471 28.38 62.5371 27.99 54.5771 25.78C46.6171 23.57 39.5771 19.4 33.1771 14.53C28.9871 11.36 25.1771 8.84001 19.7371 9.22001C14.4181 9.49956 9.33047 11.4841 5.22709 14.88C-1.69291 20.94 -0.642905 32.14 2.11709 40.02C6.27709 51.89 18.9371 60.13 29.6871 65.5C42.1171 71.71 55.7671 75.32 69.4571 77.39C81.4571 79.21 96.8671 80.54 107.257 72.7C116.807 65.51 119.427 49.07 117.087 37.97C116.518 34.6915 114.772 31.7333 112.177 29.65C105.467 24.75 95.4671 28.02 87.9271 28.19C85.1771 28.25 82.2871 28.32 79.4271 28.33Z' fill='%23F2F2F2'/%3e%3cpath d='M62.357 96.83C82.6258 96.83 99.057 95.8092 99.057 94.55C99.057 93.2908 82.6258 92.27 62.357 92.27C42.0881 92.27 25.657 93.2908 25.657 94.55C25.657 95.8092 42.0881 96.83 62.357 96.83Z' fill='%23F2F2F2'/%3e%3cpath d='M34.0871 1.20007H87.3871C88.7132 1.20007 89.9849 1.72686 90.9226 2.66454C91.8603 3.60222 92.3871 4.87399 92.3871 6.20007V69.6101C92.3871 70.9362 91.8603 72.2079 90.9226 73.1456C89.9849 74.0833 88.7132 74.6101 87.3871 74.6101H27.2571C25.931 74.6101 24.6592 74.0833 23.7215 73.1456C22.7839 72.2079 22.2571 70.9362 22.2571 69.6101V13.1501L34.0871 1.20007Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M92.147 32.1001H37.187V75.2201H92.147V32.1001Z' fill='%23BABABA'/%3e%3cpath d='M22.2571 13.1501H31.9471C32.5156 13.1474 33.0599 12.9197 33.4609 12.5168C33.8619 12.1139 34.0871 11.5686 34.0871 11.0001V1.20007L22.2571 13.1501Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M91.877 18.3301H37.517C35.4018 18.3301 33.687 20.0448 33.687 22.1601V33.7901C33.687 35.9053 35.4018 37.6201 37.517 37.6201H91.877C93.9923 37.6201 95.707 35.9053 95.707 33.7901V22.1601C95.707 20.0448 93.9923 18.3301 91.877 18.3301Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 31.34C46.0916 31.34 47.587 29.8447 47.587 28C47.587 26.1554 46.0916 24.66 44.247 24.66C42.4024 24.66 40.907 26.1554 40.907 28C40.907 29.8447 42.4024 31.34 44.247 31.34Z' fill='%23444A59'/%3e%3cpath d='M54.34 31.68C56.1846 31.68 57.68 30.1846 57.68 28.34C57.68 26.4954 56.1846 25 54.34 25C52.4954 25 51 26.4954 51 28.34C51 30.1846 52.4954 31.68 54.34 31.68Z' fill='%23444A59'/%3e%3cpath d='M65.237 31.34C67.0816 31.34 68.577 29.8447 68.577 28C68.577 26.1554 67.0816 24.66 65.237 24.66C63.3923 24.66 61.897 26.1554 61.897 28C61.897 29.8447 63.3923 31.34 65.237 31.34Z' fill='%23444A59'/%3e%3cpath d='M91.877 39.7101H37.517C35.4018 39.7101 33.687 41.4248 33.687 43.5401V55.1701C33.687 57.2853 35.4018 59.0001 37.517 59.0001H91.877C93.9923 59.0001 95.707 57.2853 95.707 55.1701V43.5401C95.707 41.4248 93.9923 39.7101 91.877 39.7101Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 52.73C46.0916 52.73 47.587 51.2347 47.587 49.39C47.587 47.5454 46.0916 46.05 44.247 46.05C42.4024 46.05 40.907 47.5454 40.907 49.39C40.907 51.2347 42.4024 52.73 44.247 52.73Z' fill='%23002f5f'/%3e%3cpath d='M54.747 52.73C56.5916 52.73 58.087 51.2347 58.087 49.39C58.087 47.5454 56.5916 46.05 54.747 46.05C52.9023 46.05 51.407 47.5454 51.407 49.39C51.407 51.2347 52.9023 52.73 54.747 52.73Z' fill='%23002f5f'/%3e%3cpath d='M65.237 52.73C67.0816 52.73 68.577 51.2347 68.577 49.39C68.577 47.5454 67.0816 46.05 65.237 46.05C63.3923 46.05 61.897 47.5454 61.897 49.39C61.897 51.2347 63.3923 52.73 65.237 52.73Z' fill='%23002f5f'/%3e%3cpath d='M91.877 61.1001H37.517C35.4018 61.1001 33.687 62.8148 33.687 64.9301V76.5601C33.687 78.6753 35.4018 80.3901 37.517 80.3901H91.877C93.9923 80.3901 95.707 78.6753 95.707 76.5601V64.9301C95.707 62.8148 93.9923 61.1001 91.877 61.1001Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M44.247 74.1101C46.0916 74.1101 47.587 72.6147 47.587 70.7701C47.587 68.9254 46.0916 67.4301 44.247 67.4301C42.4024 67.4301 40.907 68.9254 40.907 70.7701C40.907 72.6147 42.4024 74.1101 44.247 74.1101Z' fill='%23444A59'/%3e%3cpath d='M54.747 74.1101C56.5916 74.1101 58.087 72.6147 58.087 70.7701C58.087 68.9254 56.5916 67.4301 54.747 67.4301C52.9023 67.4301 51.407 68.9254 51.407 70.7701C51.407 72.6147 52.9023 74.1101 54.747 74.1101Z' fill='%23444A59'/%3e%3cpath d='M65.237 74.1101C67.0816 74.1101 68.577 72.6147 68.577 70.7701C68.577 68.9254 67.0816 67.4301 65.237 67.4301C63.3923 67.4301 61.897 68.9254 61.897 70.7701C61.897 72.6147 63.3923 74.1101 65.237 74.1101Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-requests { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4562 28.6116C71.0762 28.6116 62.5662 28.2716 54.5962 26.0516C46.7762 23.8716 39.5962 19.6716 33.1962 14.8016C28.9962 11.6216 25.1962 9.1016 19.7462 9.4816C14.4305 9.75968 9.34433 11.7366 5.23621 15.1216C-1.69379 21.1816 -0.643785 32.3916 2.11621 40.2716C6.28621 52.1416 18.9362 60.3916 29.7062 65.7616C42.1362 71.9716 55.7862 75.6116 69.4862 77.6116C81.4862 79.4416 96.8962 80.7616 107.296 72.9216C116.856 65.7216 119.476 49.2816 117.136 38.1816C116.568 34.9004 114.818 31.9408 112.216 29.8616C105.506 24.9516 95.4962 28.2316 87.9562 28.3916C85.1562 28.4916 82.3162 28.6116 79.4562 28.6116Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9663 97.1116C79.2407 97.1116 95.6763 96.0864 95.6763 94.8216C95.6763 93.5569 79.2407 92.5316 58.9663 92.5316C38.692 92.5316 22.2563 93.5569 22.2563 94.8216C22.2563 96.0864 38.692 97.1116 58.9663 97.1116Z' fill='%23F2F2F2'/%3e%3cpath d='M53.2963 68.8916C57.9161 75.3503 64.908 79.7139 72.7397 81.0261C80.5713 82.3382 88.6037 80.4918 95.0763 75.8916C95.8763 75.3239 96.6472 74.7165 97.3863 74.0716L109.316 77.6816L104.746 64.3316C107.028 59.5563 108.005 54.2625 107.579 48.9875C107.154 43.7124 105.34 38.6438 102.323 34.296C99.3058 29.9481 95.192 26.4759 90.3993 24.2315C85.6066 21.9871 80.3054 21.0505 75.0338 21.5167C69.7621 21.9829 64.7076 23.8353 60.3832 26.886C56.0587 29.9366 52.6182 34.077 50.4108 38.8868C48.2034 43.6967 47.3076 49.0049 47.8144 54.2728C48.3212 59.5407 50.2125 64.5808 53.2963 68.8816V68.8916Z' fill='white' stroke='%23002f5f' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M88.0662 53.4716C89.1597 53.4716 90.0462 52.5851 90.0462 51.4916C90.0462 50.3981 89.1597 49.5116 88.0662 49.5116C86.9727 49.5116 86.0862 50.3981 86.0862 51.4916C86.0862 52.5851 86.9727 53.4716 88.0662 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M78.5164 53.4716C79.6099 53.4716 80.4964 52.5851 80.4964 51.4916C80.4964 50.3981 79.6099 49.5116 78.5164 49.5116C77.4229 49.5116 76.5364 50.3981 76.5364 51.4916C76.5364 52.5851 77.4229 53.4716 78.5164 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M68.9763 53.4716C70.0699 53.4716 70.9563 52.5851 70.9563 51.4916C70.9563 50.3981 70.0699 49.5116 68.9763 49.5116C67.8828 49.5116 66.9963 50.3981 66.9963 51.4916C66.9963 52.5851 67.8828 53.4716 68.9763 53.4716Z' fill='%23002f5f'/%3e%3cpath d='M63.0764 48.4816C58.4567 54.9403 51.4647 59.3039 43.6331 60.6161C35.8014 61.9282 27.769 60.0818 21.2964 55.4816C20.4941 54.9171 19.723 54.3095 18.9864 53.6616L7.0564 57.2916L11.6264 43.9316C9.34517 39.1563 8.36777 33.8625 8.79337 28.5874C9.21896 23.3124 11.0324 18.2437 14.0497 13.8959C17.067 9.54811 21.1807 6.07583 25.9734 3.83144C30.7662 1.58705 36.0673 0.65044 41.3389 1.11664C46.6106 1.58284 51.6651 3.43526 55.9895 6.48593C60.314 9.5366 63.7545 13.6769 65.9619 18.4868C68.1693 23.2967 69.0651 28.6049 68.5583 33.8728C68.0516 39.1407 66.1603 44.1808 63.0764 48.4816Z' fill='white' stroke='%23444A59' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.3362 32.9015C48.4297 32.9015 49.3162 32.015 49.3162 30.9215C49.3162 29.828 48.4297 28.9415 47.3362 28.9415C46.2427 28.9415 45.3562 29.828 45.3562 30.9215C45.3562 32.015 46.2427 32.9015 47.3362 32.9015Z' fill='%23444A59'/%3e%3cpath d='M37.7864 32.9015C38.8799 32.9015 39.7664 32.015 39.7664 30.9215C39.7664 29.828 38.8799 28.9415 37.7864 28.9415C36.6929 28.9415 35.8064 29.828 35.8064 30.9215C35.8064 32.015 36.6929 32.9015 37.7864 32.9015Z' fill='%23444A59'/%3e%3cpath d='M28.2464 32.9015C29.3399 32.9015 30.2264 32.015 30.2264 30.9215C30.2264 29.828 29.3399 28.9415 28.2464 28.9415C27.1528 28.9415 26.2664 29.828 26.2664 30.9215C26.2664 32.015 27.1528 32.9015 28.2464 32.9015Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-tasks { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 43.08C71.0812 43.08 62.5612 42.74 54.5912 40.52C46.7712 38.35 39.5912 34.14 33.1912 29.27C29.0012 26.1 25.1912 23.58 19.7512 23.96C14.4247 24.2516 9.3336 26.2502 5.23121 29.66C-1.68879 35.66 -0.648793 46.89 2.12121 54.78C6.28121 66.66 18.9412 74.89 29.7012 80.27C42.1312 86.48 55.7912 90.08 69.4812 92.16C81.4812 93.98 96.9012 95.31 107.301 87.47C116.851 80.27 119.471 63.83 117.131 52.73C116.564 49.4479 114.818 46.4858 112.221 44.4C105.511 39.5 95.5012 42.77 87.9612 42.94C85.1612 43 82.3112 43.07 79.4512 43.08Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 111.61C79.2456 111.61 95.6812 110.585 95.6812 109.32C95.6812 108.055 79.2456 107.03 58.9712 107.03C38.6969 107.03 22.2612 108.055 22.2612 109.32C22.2612 110.585 38.6969 111.61 58.9712 111.61Z' fill='%23F2F2F2'/%3e%3cpath d='M83.7967 7.63652L26.7636 13.5605C25.4617 13.6957 24.5159 14.8608 24.6511 16.1627L32.4513 91.2587C32.5865 92.5606 33.7515 93.5064 35.0534 93.3711L92.0866 87.4471C93.3885 87.3119 94.3343 86.1469 94.1991 84.845L86.3989 9.74898C86.2637 8.44707 85.0986 7.50129 83.7967 7.63652Z' fill='%23444A59'/%3e%3cpath d='M81.3426 11.1028L29.8695 16.4493C28.5676 16.5845 27.6218 17.7496 27.7571 19.0515L34.8113 86.9661C34.9465 88.268 36.1116 89.2138 37.4135 89.0786L88.8865 83.7321C90.1885 83.5969 91.1342 82.4318 90.999 81.1299L83.9448 13.2153C83.8095 11.9134 82.6445 10.9676 81.3426 11.1028Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.4613 14.43L71.6613 6.72998C71.6212 6.41038 71.4573 6.11927 71.2049 5.91919C70.9525 5.71912 70.6316 5.62605 70.3113 5.65998L60.7913 6.65998C60.7138 5.89174 60.4858 5.1463 60.1202 4.46619C59.7546 3.78609 59.2587 3.18465 58.6607 2.69621C58.0627 2.20777 57.3743 1.84191 56.6349 1.6195C55.8955 1.39709 55.1195 1.3225 54.3513 1.39998C53.5831 1.47746 52.8376 1.70549 52.1575 2.07106C51.4774 2.43664 50.876 2.93259 50.3875 3.5306C49.4011 4.73833 48.9348 6.28846 49.0913 7.83998L39.5413 8.83998C39.3804 8.85622 39.2242 8.90405 39.0818 8.98072C38.9394 9.05739 38.8134 9.1614 38.7113 9.2868C38.6091 9.4122 38.5327 9.55652 38.4863 9.7115C38.44 9.86648 38.4247 10.0291 38.4413 10.19L39.2413 17.89C39.2575 18.0509 39.3054 18.2071 39.382 18.3495C39.4587 18.4919 39.5627 18.6178 39.6881 18.72C39.8135 18.8222 39.9579 18.8986 40.1128 18.945C40.2678 18.9913 40.4304 19.0066 40.5913 18.99L71.3713 15.79C71.5328 15.7739 71.6895 15.7257 71.8321 15.6482C71.9748 15.5708 72.1005 15.4657 72.2021 15.339C72.3036 15.2123 72.3788 15.0667 72.4233 14.9106C72.4678 14.7545 72.4807 14.5911 72.4613 14.43Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3crect x='34.3438' y='29.4343' width='4' height='4' transform='rotate(-6.39807 34.3438 29.4343)' fill='%23002f5f'/%3e%3cpath d='M74.2845 26.3805L40.9834 30.1158C40.6266 30.1558 40.3698 30.4774 40.4099 30.8342C40.4499 31.1909 40.7715 31.4477 41.1283 31.4077L74.4294 27.6723C74.7862 27.6323 75.0429 27.3107 75.0029 26.9539C74.9629 26.5972 74.6413 26.3404 74.2845 26.3805Z' fill='%23444A59'/%3e%3crect x='36.2039' y='45.4512' width='4' height='4' transform='rotate(-6.39807 36.2039 45.4512)' fill='%23002f5f'/%3e%3cpath d='M76.1446 42.3973L42.8435 46.1326C42.4867 46.1726 42.2299 46.4943 42.27 46.851C42.31 47.2078 42.6316 47.4645 42.9884 47.4245L76.2895 43.6892C76.6463 43.6492 76.903 43.3275 76.863 42.9708C76.823 42.614 76.5014 42.3573 76.1446 42.3973Z' fill='%23444A59'/%3e%3crect x='35.2737' y='37.4427' width='4' height='4' transform='rotate(-6.39807 35.2737 37.4427)' fill='%23002f5f'/%3e%3cpath d='M75.2144 34.3889L41.9133 38.1242C41.5565 38.1642 41.2998 38.4859 41.3398 38.8426C41.3798 39.1993 41.7014 39.4561 42.0582 39.4161L75.3594 35.6808C75.7161 35.6408 75.9729 35.3191 75.9329 34.9624C75.8928 34.6056 75.5712 34.3489 75.2144 34.3889Z' fill='%23444A59'/%3e%3c/svg%3e"); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-portfolios { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 98' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.4512 29.0556C71.0812 29.0556 62.5612 28.7156 54.5912 26.4956C46.7712 24.3256 39.5912 20.1156 33.1912 15.2456C29.0012 12.0756 25.1912 9.55559 19.7512 9.93559C14.4247 10.2272 9.3336 12.2258 5.23121 15.6356C-1.68879 21.6356 -0.648793 32.8656 2.12121 40.7556C6.28121 52.6356 18.9412 60.8656 29.7012 66.2456C42.1312 72.4556 55.7912 76.0556 69.4812 78.1356C81.4812 79.9556 96.9012 81.2856 107.301 73.4456C116.851 66.2456 119.471 49.8056 117.131 38.7056C116.564 35.4235 114.818 32.4614 112.221 30.3756C105.511 25.4756 95.5012 28.7456 87.9612 28.9156C85.1612 28.9756 82.3112 29.0456 79.4512 29.0556Z' fill='%23F2F2F2'/%3e%3cpath d='M58.9712 97.5856C79.2456 97.5856 95.6812 96.5603 95.6812 95.2956C95.6812 94.0309 79.2456 93.0056 58.9712 93.0056C38.6969 93.0056 22.2612 94.0309 22.2612 95.2956C22.2612 96.5603 38.6969 97.5856 58.9712 97.5856Z' fill='%23F2F2F2'/%3e%3cpath d='M24.6214 31.8557C31.9171 31.8557 37.8314 25.9413 37.8314 18.6457C37.8314 11.35 31.9171 5.43567 24.6214 5.43567C17.3257 5.43567 11.4114 11.35 11.4114 18.6457C11.4114 25.9413 17.3257 31.8557 24.6214 31.8557Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M24.6212 28.2656C29.9342 28.2656 34.2412 23.9586 34.2412 18.6456C34.2412 13.3327 29.9342 9.02563 24.6212 9.02563C19.3082 9.02563 15.0012 13.3327 15.0012 18.6456C15.0012 23.9586 19.3082 28.2656 24.6212 28.2656Z' fill='%23BABABA'/%3e%3cpath d='M87.7912 61.0456L38.7212 73.3656C37.7485 73.6087 36.7331 73.6269 35.7523 73.4189C34.7714 73.211 33.8509 72.7823 33.0605 72.1654C32.27 71.5484 31.6306 70.7596 31.1906 69.8586C30.7506 68.9576 30.5217 67.9682 30.5212 66.9656V14.0156L85.9112 0.115588C86.4829 -0.0271494 87.0795 -0.0378351 87.6558 0.0843423C88.2322 0.20652 88.7732 0.458352 89.2377 0.820735C89.7023 1.18312 90.0782 1.64653 90.337 2.17583C90.5957 2.70513 90.7306 3.28642 90.7312 3.87559V57.2956C90.7298 58.1591 90.4396 58.9972 89.9068 59.6767C89.3741 60.3563 88.6294 60.8381 87.7912 61.0456Z' fill='%23444A59'/%3e%3cpath d='M30.5212 14.3656H99.7912C100.299 14.3656 100.803 14.4657 101.272 14.6602C101.742 14.8547 102.168 15.1397 102.528 15.4991C102.887 15.8585 103.172 16.2851 103.367 16.7546C103.561 17.2241 103.661 17.7274 103.661 18.2356V71.8956C103.661 72.4038 103.561 72.9071 103.367 73.3766C103.172 73.8461 102.887 74.2727 102.528 74.6321C102.168 74.9915 101.742 75.2765 101.272 75.471C100.803 75.6655 100.299 75.7656 99.7912 75.7656H35.1812C33.9453 75.7656 32.76 75.2746 31.8861 74.4007C31.0122 73.5268 30.5212 72.3415 30.5212 71.1056V14.3656Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M46.7913 29.1156H80.7913C80.7913 29.1156 82.7913 29.1156 82.7913 31.1156V51.1156C82.7913 51.1156 82.7913 53.1156 80.7913 53.1156H46.7913C46.7913 53.1156 44.7913 53.1156 44.7913 51.1156V31.1156C44.7913 31.1156 44.7913 29.1156 46.7913 29.1156Z' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M86.7832 33.1156V55.1156C86.7832 55.646 86.5725 56.1547 86.1974 56.5298C85.8223 56.9049 85.3136 57.1156 84.7832 57.1156H48.7832' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M90.7832 37.1156V59.1156C90.7832 59.646 90.5725 60.1547 90.1974 60.5298C89.8223 60.9049 89.3136 61.1156 88.7832 61.1156H52.7832' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M57.7913 41.1156C57.7913 42.7069 58.4234 44.233 59.5486 45.3582C60.6738 46.4835 62.2 47.1156 63.7913 47.1156C65.3826 47.1156 66.9087 46.4835 68.0339 45.3582C69.1591 44.233 69.7913 42.7069 69.7913 41.1156C69.7913 39.5243 69.1591 37.9982 68.0339 36.873C66.9087 35.7477 65.3826 35.1156 63.7913 35.1156C62.2 35.1156 60.6738 35.7477 59.5486 36.873C58.4234 37.9982 57.7913 39.5243 57.7913 41.1156Z' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M48.7913 49.1156H52.7913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M74.7913 33.1156H78.7913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } .empty-state-security-search { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='250' height='200' viewBox='0 0 118 99' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M79.318 30.41C70.958 30.41 62.458 30.08 54.498 27.86C46.538 25.64 39.558 21.49 33.128 16.63C28.948 13.46 25.128 10.95 19.708 11.33C14.3952 11.6103 9.31411 13.595 5.21798 16.99C-1.69202 22.99 -0.642025 34.22 2.11797 42.09C6.26797 53.94 18.878 62.17 29.648 67.54C42.058 73.74 55.648 77.34 69.358 79.41C81.358 81.23 96.728 82.55 107.108 74.73C116.648 67.54 119.268 51.13 116.928 40.04C116.347 36.7826 114.602 33.8472 112.018 31.78C105.328 26.89 95.328 30.16 87.808 30.32C85.008 30.33 82.168 30.4 79.318 30.41Z' fill='%23F2F2F2'/%3e%3cpath d='M102.508 1H16.0379C13.5636 1 11.5579 3.00577 11.5579 5.48V67.33C11.5579 69.8042 13.5636 71.81 16.0379 71.81H102.508C104.982 71.81 106.988 69.8042 106.988 67.33V5.48C106.988 3.00577 104.982 1 102.508 1Z' fill='white' stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.058 98.82C83.2992 98.82 99.708 97.7992 99.708 96.54C99.708 95.2808 83.2992 94.26 63.058 94.26C42.8167 94.26 26.408 95.2808 26.408 96.54C26.408 97.7992 42.8167 98.82 63.058 98.82Z' fill='%23F2F2F2'/%3e%3cpath d='M36 33.9167V38.4864C36 39.0924 36.2428 39.6735 36.6749 40.102C37.1071 40.5305 37.6932 40.7712 38.3043 40.7712H42.913' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M42.913 11.0686H38.3043C37.6932 11.0686 37.1071 11.3093 36.6749 11.7378C36.2428 12.1663 36 12.7475 36 13.3534V17.9231' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M79.7827 17.8545V13.2848C79.7827 12.6788 79.5399 12.0977 79.1077 11.6692C78.6756 11.2407 78.0895 11 77.4783 11H72.8696' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M42.9131 17.9231V32.7744' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M72.8696 17.9231V32.7744' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.5217 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M59.0435 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M52.1306 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M68.261 17.9231V27.0624' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M47.5217 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M52.1306 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M59.0435 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M68.261 32.7744V31.632' stroke='%23002f5f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M63.6521 48.8366C63.6521 51.5816 64.7519 54.2142 66.7095 56.1553C68.6672 58.0963 71.3223 59.1868 74.0908 59.1868C76.8593 59.1868 79.5144 58.0963 81.4721 56.1553C83.4297 54.2142 84.5295 51.5816 84.5295 48.8366C84.5295 46.0915 83.4297 43.4589 81.4721 41.5178C79.5144 39.5768 76.8593 38.4863 74.0908 38.4863C71.3223 38.4863 68.6672 39.5768 66.7095 41.5178C64.7519 43.4589 63.6521 46.0915 63.6521 48.8366Z' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M89.0001 63.6194L81.511 56.1937' stroke='%23444A59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); background-repeat: no-repeat; width: 250px; height: 200px; padding-bottom: 20px; } /* --------------------------------------------------- Dashboard Investor/advisor ----------------------------------------------------- */ /* Investor dashboard (to make them equal height /* when next to each other) -------------------------------------------------- */ .onboarding { position: relative; } .steps { list-style: none; display: flex; flex-direction: row; align-items: center; padding: 0; margin-bottom: 24px; } .steps li { display: flex; flex-direction: row; justify-content: start; align-items: center; margin-right: 40px; } .steps li:last-child { margin: 0; } .steps li.active .badge { background: #06BEE1; color: #FFFFFF; } .steps li.active p { font-weight: 700; } .steps li .badge { background: #F2F2F2; font-size: 16px; color: #BFBFBF; padding: .45em .75em; } @media screen and (max-width: 480px) { .steps li .badge { padding: .45em !important; } } .steps li p { margin: 0 0 0 8px; font-size: 14px; color: #282828; } .steps li hr { width: 50px; height: 1px; background: #BFBFBF; margin-left: 16px; } @media screen and (max-width: 480px) { .steps li hr { margin-left: 2px !important; } } @media screen and (max-width: 480px) { .steps li { margin-right: 7px !important; } } @media screen and (max-width: 768px) { .steps { justify-content: center; } .steps li { margin-right: 16px; } .steps li p { display: none; } .steps li hr { width: 20px; } } /* Questions -------------------------------------------------- */ .question { margin-bottom: 50px; } .question h4 { margin-bottom: 16px; } /* Model selector -------------------------------------------------- */ .model .chart-portfolio-performance { max-width: 700px; } .model .brand-linkicon { margin-bottom: 0; } @media screen and (max-width: 768px) { .model .bar-chart { display: none !important; } } /* Investment-table -------------------------------------------------- */ @media screen and (max-width: 640px) { #model-chart-asset-allocation { width: 280px !important; height: 70px !important; } } .client-dashboard button .fal { color: #002f5f !important; font-size: 18px; } @media screen and (max-width: 480px) { .client-dashboard button .btn-label { display: none !important; } } @media screen and (width: 768px) { .risk-profile { display: flex; flex-direction: column; } } @media screen and (max-width: 768px) { .risk-profile .border-right { border: none !important; } } @media screen and (max-width: 480px) { .risk-profile .risk-profiling-session { display: block; } } @media screen and (max-width: 480px) { .risk-profile .risk-profiling-session .col { display: flex; justify-content: space-between; } } .LegendCenter { position: relative; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 100%; } @media screen and (min-width: 320px) and (max-width: 875px) { .LegendCenter { position: relative; top: 15%; left: 35%; transform: translate(0%, 0%); } } #profileCompleteness { width: 100%; height: 12px; background-color: #ffffff; border: none; margin-top: 3%; } #profileCompleteness ul li.k-state-selected { background-color: #002f5f !important; border-right: 2px solid white !important; color: #002f5f !important; } #profileCompleteness ul li.k-state-default { border-right: 2px solid white !important; } #profileCompleteness ul li.k-state-default.k-last { border-right: none !important; } #profileCompleteness ul li span.labelClass { cursor: pointer; } .k-progressbar-horizontal .k-item { border-width: 1px !important; } .phoneContent { width: 100%; } @media screen and (max-width: 1500px) { .phoneContent { display: none !important; } } @media (min-width: 280px) and (max-width: 480px) { .phoneContent { display: inline-block !important; } } .labelClass { position: relative; bottom: 25px; } @media (min-width: 280px) and (max-width: 480px) { .labelClass { display: none; } } .k-progressbar-horizontal .k-item { display: inline-block; height: 100%; text-align: center; position: relative; border-color: #FFFFFF; } .k-state-default { background-color: #D0D9DA; } .RiskWizardSteps .col h3, .RiskWizardSteps .col h5 { text-align: center; } .page-footer .rightbtn { position: absolute; right: 0 !important; } .tailormademodelbtn { display: none !important; } @media (min-width: 280px) and (max-width: 480px) { .tailormademodelbtn { display: block !important; margin-bottom: 16px; } } @media (min-width: 280px) and (max-width: 480px) { .tailormademodelbtndesktop { display: none !important; } } /*-------------Notification on small device scss ----------------*/ body.k-rtl { font-family: 'CustomFont-RTL'; } body.k-rtl { font-family: 'CustomFont-RTL'; } #circle-asset { width: 15px; position: relative; left: 35%; height: 15px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .k-widget.k-tooltip-validation { background-image: none !important; font-size: 12px !important; text-align: left !important; background-color: #fff3cd !important; display: inline; padding: 10px; z-index: 1 !important; box-shadow: none; margin: 4px 0 4px; border-style: none; } .k-widget.k-tooltip-validation .k-i-warning { display: none !important; } .k-widget.k-tooltip-validation.k-widget { width: auto; /*display: inline-block !important;*/ /*float: left !important;*/ } .error-text { background-image: none !important; font-size: 14px !important; text-align: left !important; color: #F53249; } .error-text .k-i-warning { display: none !important; } .primary-text { color: #444A59 !important; } .sub-text { color: #BFBFBF !important; font-size: 12px !important; } #investecklogin .error-text { font-size: 14px !important; text-align: center !important; margin-bottom: 0 !important; } .btn-wrapper .k-grid table.table-striped { width: 100% !important; } .card-body .norecords, .card .norecords { text-align: center !important; padding: 15px 50px; border: 1px solid #BFBFBF; width: 20em; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ } .card-body .norecords.v2, .card .norecords.v2 { text-align: center !important; padding: 15px 50px; border: 1px solid #BFBFBF; width: 20em; position: absolute; top: 50%; left: 50%; margin: 130px auto; transform: translate(-50%, -50%); } @media (max-width: 575px) { .card-body .norecords, .card .norecords { width: 90% !important; padding: 10px 0; } } .card-body .noRecord, .card .noRecord { padding: 15px 50px; border: 1px solid #BFBFBF; } .card-body .noRecordV1, .card .noRecordV1 { text-align: center; padding: 15px 50px; border: 1px solid #BFBFBF; width: 20em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .card.card-custom .card-body.modified-grid { padding: 0; } .card.card-custom .card-body.modified-grid .k-widget, .card.card-custom .card-body.modified-grid .k-grid { border: none !important; } .card.card-custom .card-body.modified-grid .k-widget .k-grouping-header, .card.card-custom .card-body.modified-grid .k-grid .k-grouping-header { border: none !important; padding: 1rem .55rem; } .card.card-custom .card-body.modified-grid .k-widget .k-grid-header, .card.card-custom .card-body.modified-grid .k-grid .k-grid-header { background-color: #FFFFFF; border-bottom-style: none !important; border-bottom-width: 0px !important; } .card.card-custom .card-body.modified-grid .k-widget .k-grid-header .k-grid-header-wrap, .card.card-custom .card-body.modified-grid .k-grid .k-grid-header .k-grid-header-wrap { border-width: 0 !important; } .card.card-custom .card-body.modified-grid .k-widget table thead, .card.card-custom .card-body.modified-grid .k-grid table thead { border-width: 0 !important; } .card.card-custom .card-body.modified-grid .k-widget table thead .k-header, .card.card-custom .card-body.modified-grid .k-grid table thead .k-header { border-width: 0 !important; } .card.card-custom .card-body.modified-grid .k-widget tr.k-alt, .card.card-custom .card-body.modified-grid .k-grid tr.k-alt { background-color: #FFFFFF; border-top: 1px solid #F2F2F2; } .card.card-custom .card-body.modified-grid .k-widget tr.first-child td, .card.card-custom .card-body.modified-grid .k-grid tr.first-child td { border-style: none !important; border-width: 0 0 0 0px !important; border-color: transparent !important; } .card.card-custom .card-body.modified-grid .k-widget td, .card.card-custom .card-body.modified-grid .k-grid td { border-style: solid !important; border-width: 1px 0 0 0px !important; border-color: #F2F2F2 !important; padding: 10px 16px; text-overflow: inherit !important; } .card.card-custom .card-body.modified-grid .k-widget td.text-truncate, .card.card-custom .card-body.modified-grid .k-grid td.text-truncate { text-overflow: ellipsis !important; } .card.card-custom .card-body.modified-grid .k-widget .k-grid-pager, .card.card-custom .card-body.modified-grid .k-grid .k-grid-pager { padding: 1rem 0 !important; } @media (max-width: 575px) { .my-3-m { margin: 1rem 0 !important; } } .bg-light { background-color: #F7F7F7 !important; } .bg-light.padding { padding: 25px 15px !important; } .pl-10per { padding-left: 10%; } @media (max-width: 575px) { .px-15-m { padding: 0 15px !important; } } @media (max-width: 575px) { .mb-2-m { margin-bottom: 2rem !important; } } .k-i-arrow-60-down:before { content: "\e015"; top: 5px; } .fa-star { color: #e6bc12 !important; } .dot.open { background-color: #BFBFBF; } .dot.closed { background-color: #CC2F64; } .dot.on-hold { background-color: #FF8D0F; } .dot.completed { background-color: #48A651; } .p-v2 { padding: .375rem .75rem !important; } .custom-flex { flex: 0 0 auto !important; } .k-file-validation-message { white-space: normal !important; width: 250px !important; } @media (max-width: 575px) { .k-file-validation-message { white-space: initial !important; width: 150px !important; } } .f-15 { font-size: 15px !important; } .k-file-information, .k-file-validation-message { white-space: normal !important; width: 100% !important; } .tableCenter { top: 50%; left: 50%; transform: translate(-50%, -50%); } .CenterLegend { position: relative; top: 50%; transform: translateY(-50%); } .pointer { cursor: pointer; } .card-active { border: 1px solid #444A59 !important; } .disabled-txt { padding: 5px 10px !important; } .form-group .control-label { pointer-events: none !important; } .ReadOnlyColor { background-color: #FFFFFF !important; } .k-rtl .float-right { float: left !important; } .k-rtl .float-left { float: right !important; } .k-rtl .text-left, .k-rtl h1, .k-rtl h2, .k-rtl h3, .k-rtl h4, .k-rtl h5, .k-rtl h6, .k-rtl p { text-align: right !important; } .k-rtl .text-right { text-align: left !important; } .k-rtl .mr-auto { margin-left: auto !important; margin-right: 0 !important; } .k-rtl .mr-sm-2, .k-rtl .mx-sm-2 { margin-left: .5rem !important; margin-right: 0 !important; } .k-rtl .mr-3 { margin-left: 1rem !important; margin-right: 0 !important; } .k-rtl .rtl { direction: rtl !important; } .k-rtl .ltr { direction: ltr !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .k-rtl #ReportGrid .MbColumnColumnValueMain { direction: ltr; } } .k-rtl .tabs input:checked + .tab-label::after { transform: rotate(-90deg); } @media only screen and (min-width: 320px) and (max-width: 480px) { .k-rtl .secondtab-content .col-xs-12 .custom-checkbox { right: -4px; left: 0; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .k-rtl .checkboxpadding { padding: 0 !important; } } @media (max-width: 950px) { .k-rtl .align-tabs { right: 8px; left: 0; } } .k-rtl label.filter-heading { width: 100% !important; display: block; } .k-rtl #SearchPanelForm label { display: block; } .k-rtl .k-file-name-size-wrapper { text-align: right; } .k-rtl .text-center { text-align: center !important; } @media (max-width: 576px) { .k-rtl #tradex #MbbuyTab .custom-control { display: flex; flex-direction: column; } } @media (max-width: 576px) { .k-rtl #tradex #MbbuyTab .terms-link { top: 0 !important; right: 1.8rem; } } .k-rtl .right-6 { right: -6px; } @media (max-width: 576px) { .k-rtl .right-5 { right: 5px; } } .k-rtl .k-list-filter input.k-input-inner { text-indent: 24px; } /*body::-webkit-scrollbar { width: 5px !important; } body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: red !important; outline: 1px solid red !important; }*/ #PasswordPolicyPopwindow .form-group .frm_label { font-weight: 600 !important; width: auto !important; } .k-tooltip-error { background-image: none !important; font-size: 12px !important; text-align: left !important; background-color: #fff3cd !important; display: inline; padding: 10px; z-index: 1 !important; box-shadow: none; margin: 4px 0 4px; border-style: none; color: black; } .k-tooltip-error .k-icon { display: none !important; } .k-group-footer td.k-group-cell { text-overflow: inherit !important; } .k-grid-footer-wrap, .k-grid-header-wrap { border-style: none !important; } @media screen and (max-width: 480px) { .hidden-xs { display: none !important; } } .PasswordInput { text-security: disc !important; -webkit-text-security: disc !important; -mox-text-security: disc !important; } /*.tooltip.show{ position: inherit !important; }*/ .disclaimer-text { color: white; cursor: pointer; } .k-rtl .search-items label { display: block; } .k-rtl #verifydiv .form-group { text-align: left !important; } #addDocumentToSavedSearch .custom-dropdown .k-widget.k-multiselect { width: 100%; } .k-i-file-data:before { content: "\e90a" !important; } .k-rtl .mr-4 { margin-left: 1.5rem !important; margin-right: 0 !important; } .k-rtl .doc-btn { float: left !important; } .k-rtl .page-footer .rightbtn { left: 0 !important; right: auto !important; } .k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link { padding: .6em 1.5em .6em !important; line-height: 0.8em; } .k-rtl .k-animation-container .k-column-menu.k-popup .k-header .k-state-hover .k-link, .k-rtl .k-animation-container .k-column-menu.k-popup .k-menu .k-link { direction: rtl; display: flex; } .k-rtl .k-animation-container .k-column-menu.k-popup .k-header .k-state-hover .k-link input, .k-rtl .k-animation-container .k-column-menu.k-popup .k-menu .k-link input { margin-left: 8px !important; } .k-rtl .dropdown.version2.show .dropdown-menu.show { right: auto !important; left: 0 !important; } .k-rtl .flex-row { display: flex !important; flex-direction: row-reverse !important; } .k-rtl .k-filter-help-text { text-align: right; } #illustration { margin: 0 auto !important; text-align: center !important; padding: 0 !important; border: none !important; width: auto !important; } #illustration svg { height: 30% !important; width: 30% !important; margin: 15% 0 !important; } #illustration .widget-text { font-size: 16px; color: black !important; } #illustration .sub-text { font-size: 14px !important; color: grey !important; position: relative; top: -8px; } .cstm-box { top: 0; right: 17px !important; } .k-rtl .cstm-box { top: 0; left: 6px; right: auto; } .text-truncate, .truncate { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } @media (min-width: 320px) and (max-width: 420px) { .card.card-custom .card-body.modified-grid .k-widget td, .card.card-custom .card-body.modified-grid .k-grid td { text-overflow: ellipsis !important; } } .textarea.form-control { height: initial !important; min-height: 50px !important; } .custom-dropdown .k-widget.k-datepicker { width: auto !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .custom-dropdown .k-widget.k-datepicker { width: 100% !important; } } #RequestworkflowDIV #RequestList td.text-truncate { text-overflow: ellipsis !important; } #RequestworkflowDIV #RequestList td.truncate { text-overflow: ellipsis !important; } .mobile-icon.cstm-box { right: 0 !important; left: 0 !important; margin-top: 15px !important; } .mobile-icon.cstm-box .cstm-icon { float: right !important; } .hidden-sm, .hidden-lg, .hidden-md { display: none !important; } @media (min-width: 320px) and (max-width: 480px) { .hidden-sm, .hidden-lg, .hidden-md { display: block !important; } } #AllTilesArea .module-area .module-row .card-custom { height: 126px; } /*-----------------Common responsiveness scss for Popup and grid scroll-----------------*/ .custom-dropdown .k-picker.k-focus, .custom-dropdown .k-widget.k-picker.k-focus, .custom-dropdown .k-widget.k-picker:focus, .custom-dropdown .k-picker:focus, .custom-dropdown .k-picker:focus-within { border-color: transparent; box-shadow: 0 0 4px 0 #BFBFBF; } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover, #tradex .dvamount .custom-dropdown .k-picker, #tradex .dvamount .form-control, #tradex .dvamount .k-numerictextbox { background-color: transparent; } @media (max-width: 950px) { .custom-grid .IsMobileHeaderExsist .k-grid-content { overflow-x: auto !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SearchPanelFormWithoutPortfolio #PortfolioDiv { top: 1.1rem; position: relative; left: -6px; } } @media (max-width: 950px) { div.k-window.k-widget { width: 700px !important; } } /*.rm-portfolio { @media only screen and (min-width: 576px) and (max-width: 767px) { margin-top: -25px; } }*/ @media only screen and (min-width: 320px) and (max-width: 480px) { .k-animation-container.k-animation-container-sm { left: auto !important; right: 0 !important; padding: 0 !important; width: 370px !important; } } /*--- Mayur D changes 6/15/2022----*/ @media only screen and (max-width: 499px) { .IsMobileHeaderExsist .k-columns-item { display: none !important; } } @media only screen and (max-width: 499px) { .k-menu-vertical .k-columns-item { display: block !important; } } /*-----------------Common issues scss-------------*/ .k-rtl { /* label { display: block; }*/ } @media only screen and (min-width: 320px) and (max-width: 480px) { .k-rtl .legend ul li p { vertical-align: middle; } } .k-rtl .list-body .brand-linkicon, .k-rtl .list-body .col-12 { text-align: right; } @media only screen and (min-width: 320px) and (max-width: 480px) { .k-rtl .list-body .error-text { direction: ltr; } } .k-rtl .btn.brand-linkicon i { transform: rotate(180deg); } .k-rtl .span#ValidatePercent { left: 15px; } .k-rtl .text-lg-right { text-align: left !important; } .k-rtl div#MonthlyDiv { padding-right: 0; } .k-rtl label#PortfolioRole_label { text-align: left; display: block; } .k-rtl .asset-chart .legend ul li span { margin-top: 0 !important; } .k-rtl .asset-chart .pl-md-0 { direction: ltr; } .k-rtl .k-file { direction: rtl; } .k-rtl a.addressAnchar { display: block; text-align: right; } .k-rtl .span#ValidatePercent { left: 15px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .legend ul li p { vertical-align: middle; } } /*------- Vella changes 6/28/2022-------*/ @media screen and (max-width: 768px) { #WorkFlowSidebar #WorkFlowStatusSideBar .k-widget { pointer-events: none; } } @media screen and (max-width: 576px) { #WorkFlowSidebar #WorkFlowStatusSideBar .k-widget { pointer-events: auto; } } /*----------------------- Kendo updated version overwrite scss 11/15/2022-------------------------*/ .k-grid-header th.k-header > .k-link { padding: 0.5em 1.3em 0.5em 0em; } /*------------ Trades busy fees and KIID scss -----------*/ .custom-grid th.text-center span.k-link { margin-right: 0; padding-left: 0.5em; } @media screen and (max-width: 576px) { #WorkFlowSidebar #WorkFlowStatusSideBar .k-widget { pointer-events: auto; } } /*----------------------- Kendo updated version overwrite scss 11/15/2022-------------------------*/ .k-grid-header th.k-header > .k-link { padding: 0.5em 1.3em 0.5em 0em; } /*------------ Trades busy fees and KIID scss -----------*/ .custom-grid th.text-center span.k-link { margin-right: 0; padding-left: 0.5em; } .k-header .k-header-column-menu { width: auto; top: 0; height: auto; } .custom-dropdown .k-datepicker .k-input-inner { height: 37px; box-sizing: border-box; } .custom-dropdown .k-datepicker .k-input-button { height: 37px; background: #002f5f; width: calc(1.4285714285714286 * 1em + (7px * 2)); border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .custom-dropdown .k-datepicker .k-input-button > .k-i-calendar { color: #FFFFFF; } .custom-dropdown .k-picker { padding: 4px 0; background: #FFFFFF; border-radius: 2px; } .custom-dropdown .k-multiselect-clearable { /*& .k-clear-value { visibility:hidden; }*/ } .custom-dropdown .k-multiselect-clearable .k-chip { border: 0; border-color: transparent; background: transparent; color: #002f5f; } .custom-dropdown .k-multiselect-clearable .k-chip:hover { border: 0; } .custom-dropdown .k-input { border-width: 0.9px; } .holdings-report .k-dropdownlist { padding: 0; font-size: 16px; } .k-list-filter { padding: 0; position: relative; } .k-list-filter.k-i-search { position: absolute; right: 0; } .k-calendar td.k-selected > .k-link { border-color: #1E71D5; color: #FFFFFF; background-color: #002f5f; box-shadow: inset 0 0 4px 0 #002f5f; } .k-column-menu span.k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md { margin: 10px 0; } .k-list-item.k-hover, .k-list-item:hover { background-color: #F2F2F2; } .k-pager-wrap .k-link.k-selected { background: #002f5f; } .k-list-item.k-selected, .k-focus.k-selected { background: #002f5f; box-shadow: inset 0 0 3px 1px #002f5f; border-radius: 0; } .k-list-item.k-selected:hover, .k-list-item.k-selected .k-hover, .k-focus.k-selected:hover, .k-focus.k-selected .k-hover { background: #F2F2F2; box-shadow: none; color: #282828; } .k-list-scroller { padding: 0; } .k-selected > .k-link, .k-state-selected > .k-link { color: #282828; } .k-menu-vertical > .k-separator { margin: 0; } #tradex .dvamount .k-numerictextbox { padding: 0; } #tradex .dvamount .custom-dropdown .k-picker { border: 0; } .k-checkbox:checked { border-color: #1E71D5; color: #FFFFFF; background-color: #002f5f; } .k-checkbox { border-radius: 2px; } .k-menu-group .k-item > .k-link:active { background-color: #F2F2F2; } .k-menu-group .k-item > .k-link:hover, .k-menu-group .k-item > .k-link .k-hover { background-color: #F2F2F2; } .k-group .k-menu-item .k-filterable .k-action-buttons .k-button-solid-primary { border-color: #1E71D5 !important; background-color: #002f5f !important; color: #FFFFFF; } .k-filterable .k-picker { background-color: transparent; } .k-grid-content .k-button.k-grid-update .k-button-text { color: #FFFFFF; } .k-grid-content .k-button.k-grid-edit { min-width: 64px; } .custom-grid .grid-wrapper .k-toolbar { background: #FFFFFF; display: flex; justify-content: end; } .custom-grid .custom-dropdown span.k-numerictextbox.k-input.text-box.single-line.k-expand-padding.k-input-solid.k-input-md.k-rounded-md { border: none !important; box-shadow: none; } .custom-grid table .k-master-row .k-selected { background-color: #FFFFFF !important; color: #282828 !important; background-image: none !important; } .k-list-item-text { /*line-height: 0em;*/ min-width: 100%; } .k-list-item-text .DrpWidthItem { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; /*margin: 20px 10px 10px 5px;*/ display: inline; padding: 1% 4.5% 1% 0; line-height: 1; /*width: 20% !important; display: inline-block !important;*/ } /*-------------- Kendo updated common scss ------------------*/ .k-picker.k-focus { border-color: #BFBFBF; } .k-picker:focus { border-color: #BFBFBF; } .k-widget.k-picker.k-focus { border-color: #BFBFBF; } .k-widget.k-picker:focus { border-color: #BFBFBF; } .k-grid-content .k-grid-update, .k-grid-content .k-grid-cancel { min-width: 64px; } .k-button-solid-base.k-active { border-color: #002f5f; color: #FFFFFF; background-color: #002f5f; } .k-button-solid-base.k-selected { border-color: #002f5f; color: #FFFFFF; background-color: #002f5f; } .k-button-solid-base:active { border-color: #002f5f; color: #FFFFFF; background-color: #002f5f; } .k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-colorpicker { background-color: #F2F2F2 !important; border-color: #d5d5d5 !important; color: #282828 !important; } .k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-colorpicker > .k-input-inner { height: auto; border-right: 1px solid #ddd; } .k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool { border: none; } .k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool:active { background: #002f5f; } .k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-tool-group .k-tool.k-selected { color: #FFFFFF; } .k-i-arrow-s:before { content: "\e015"; } /*------------ Form control scss--------------*/ .form-control { font-size: 14px; } /*label { font-weight: bold; }*/ .btn { font-size: 14px; } .card .card-body .k-datepicker.k-input { /*border-width: 0.5px;*/ } span.k-timepicker, span.k-multiselect { padding: 4px 0; } .k-menu .k-item > .k-link .k-menu-link-text { overflow: unset; } div.k-window.k-dialog .k-dialog-buttongroup { gap: 0; } .k-list-filter span.k-input-icon.k-icon.k-i-search { position: absolute; right: 5px; top: auto; } .captcha-icon { position: relative; } .captcha-icon #iRefreshCaptcha { position: absolute; top: 9px; } .k-list .k-selected { border-color: transparent; } /*.k-animation-container{ & { > .k-popup.k-group.k-reset{ width:280px !important; } } }*/ .k-list-content ul li .k-list-item-text { line-height: 14px; } #AddNewDiv span.k-multiselect { padding: 0; } #AddNewDiv span.k-multiselect .k-input-values { padding: 0; } .k-menu-vertical > .k-menu-item + .k-menu-item { margin-top: 0; } .k-multiselect .k-clear-value, .k-multiselect .k-i-x { visibility: hidden; } /*--------------- Kendo updated button scss---------------------*/ .k-item .k-filter-menu-container .k-button-solid-base { background: transparent; border-color: transparent; color: #002f5f; } .k-item .k-filter-menu-container .k-button-solid-base:active { color: #002f5f; } .k-checkbox:focus { border-color: #002f5f !important; } .field-validation-error { background-image: none !important; font-size: 12px !important; text-align: left !important; background-color: #fff3cd !important; display: inline; padding: 10px; z-index: 1 !important; box-shadow: none; margin: 4px 0 4px; border-style: none; position: absolute; } #investecklogin .field-validation-error { position: relative; top: 5px; } #ForgotPassword .field-validation-error { position: relative; top: 5px; } div.k-window #QuestionSection .field-validation-error { position: absolute; } .k-invalid { border-color: #bbb !important; } /*.k-editor { .k-editor-toolbar-wrap { .k-tool.k-selected { color: #333; } } }*/ .k-progressbar .k-selected { color: #282828; background: #002f5f; } .risk-score > h2, .risk-score h5 { text-align: center; } span.k-icon.k-i-arrow-s { color: #282828; } span.k-icon.k-i-arrow-s:hover { color: #282828; } .k-timepicker { height: 38px; padding: 0 !important; } .k-timepicker .k-input-button { height: 38px; background: #002f5f; color: #FFFFFF; width: 33px; } /*------------------Kendo update grid scss---------------------*/ .k-header .k-grid-filter { top: 0; height: auto !important; } .k-grid .k-grid-cancel:active { color: #1E71D5 !important; background: transparent; } .k-animation-container .k-list { font-size: 12px !important; } .k-animation-container .k-list .k-list-optionlabel { border-bottom: 0; } .k-animation-container .k-column-menu li.k-selected { background: #002f5f; color: #FFFFFF; } .k-list-item.k-focus { box-shadow: none; } .k-list-item:focus { box-shadow: none; } /*-------- Tailor mode model popup scss remove borders of fileds-----------*/ #TailorMadeModel .k-numerictextbox { padding: 0; } #TailorMadeModel .k-numerictextbox .form-control.k-input-inner { border: 0; } #Windowloader { text-align: center; } .k-focus { box-shadow: none; } .fa-refresh { font-size: 24px; color: #002f5f; cursor: pointer; } .fa-times { cursor: pointer; } /*--------------- Kendo updated RTL commom issues------------------*/ .k-rtl .custom-dropdown .k-datepicker .k-input-button { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rtl .k-list .k-list-content .k-list-item-text { text-align: right; } .k-rtl .k-grid-header th.k-header > .k-link { margin-right: 0; padding-bottom: 0; padding-right: 0; } .k-rtl #profileCompleteness > ul > .k-selected { border-left: 2px solid #FFFFFF !important; } .k-rtl .cstm-box { right: -1.7rem !important; } .k-rtl .risk-profiling-session { text-align: right; } .k-rtl .tooltip .tooltip-inner { direction: ltr; } .k-rtl #AddNewDiv .d-lg-flex > .custom-checkbox { text-align: right; padding-right: 0; position: relative; right: -5px; } .k-rtl .StandardForm .col-lg-11.col-md-11.col-sm-11.col-xs-11.p-0 { text-align: right; } .k-rtl .StandardForm .col-lg-8.col-md-8.col-sm-12.col-xs-12.p-0 { text-align: right; } /*------------- Added sudhir scss------- */ #mCSB_1_dragger_vertical { min-height: 170px !important; } /*----------Responsivness scss kendo update-----------*/ /*---------------------- Tablet relates scss-------------------------*/ @media (min-width: 600px) and (max-width: 1024px) { #AddSecurityWindow .custom-kendowindow-checkbox { vertical-align: initial; } .btn.brand-secondary:active { background-color: #002f5f; color: #FFFFFF; } .legend ul li p { float: none; } .flex_display .AllowReadWrite, .flex_display .AllowReadWrite { white-space: nowrap; } .cstm-box .cstm-icon { margin-left: 41px; } } /*------------------------ small devices scss-------------------------*/ @media only screen and (max-width: 600px) { .custom-dropdown .k-input { border-width: 1px; } .legend ul li p { float: none; top: 0; } .k-grouping-row p { padding: 0 0.2em; } #AddSecurityWindow .custom-kendowindow-checkbox { vertical-align: initial; } .k-grid .field-validation-error { white-space: nowrap; display: block; width: auto !important; } .k-grid .k-command-cell > .k-button + .k-button { margin-left: 3px; } div.k-window .field-validation-error { display: block; } .custom-dropdown .DrpWidthItem { width: 32% !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #WorkFlowAlertGrid .MobileContentColumns:nth-last-child(2) { float: left; width: 70%; } } .k-window #QuestionSection .text-box { display: block; } #WorkflowFormsTemplatesPopUp span.k-numerictextbox { height: 36px; border-radius: 0; } .btn-link { /*------------------- Respnsviness issues common scss after kendo update----------------------*/ } .btn-link:hover { text-decoration: none !important; color: #002f5f; } .btn-link .btn-link:hover { text-decoration: none !important; } .btn-link .btn-link:focus { text-decoration: none !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .btn-link .k-pager-sm .k-pager-numbers-wrap select.k-dropdown { align-items: center; } } @media only screen and (min-width: 577px) and (max-width: 900px) { .btn-link #PendingTask .k-grid-header th.k-header > .k-link { padding: 0.5em 0 0.5em 0; } } @media only screen and (min-width: 577px) and (max-width: 900px) { .btn-link .k-grid .k-command-cell > .k-button + .k-button { margin-left: 2px; margin-inline-end: unset; margin-inline-start: 3px; } } @media (width: 700px) { .btn-link #EndTimeSpan { margin: 2rem 0; } } @media (max-width: 950px) { .btn-link .k-grid-edit-row .k-grid-update { margin: 0 0.3rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .btn-link .k-grid-edit-row .k-grid-update { margin: 0; } } @media (max-width: 950px) { .btn-link .k-grid-edit-row .k-grid-update { margin: 0 0.3rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .btn-link { margin: 0; } } @media (max-width: 950px) { .pl-sm-7 { padding-left: 2.2rem !important; } } /*-------------- Workflow scroll scss---------------*/ /* width */ #DigramContentDiv::-webkit-scrollbar { width: 10px; } /* Track */ #DigramContentDiv::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ #DigramContentDiv::-webkit-scrollbar-thumb { background: #BFBFBF; } /* Handle on hover */ #DigramContentDiv::-webkit-scrollbar-thumb:hover { background: #555; } /*-------------RTL SCSS ------------*/ @media only screen and (min-width: 577px) and (max-width: 900px) { .k-button-group .k-button + .k-button { margin: 0 1px; } } @media only screen and (min-width: 577px) and (max-width: 900px) { .k-edit-form-container .WindowContent { width: auto !important; } } .accordion-card-custom .custom-control.custom-checkbox, #addDocumentToPortfoliodiv .custom-control.custom-checkbox { padding-left: 1.2rem; } .textbox-padding { padding: 0.49rem; } #count1 { display: flex; margin-left: 0.7rem; } span#Comments_validationMessage { padding: 0.3rem !important; } /*Workflow scss*/ input.k-input { padding: 8px 8px; } .custom-padding-group { padding: 0 1rem; } .padding-left-1 { padding-left: 1.2rem; } /*white labeling fix 11 March 2024 Stephen*/ /*common scrollbar for all*/ /* width */ ::-webkit-scrollbar { width: 4px !important; height: 4px !important; } /* Track */ ::-webkit-scrollbar-track { background: #F2F2F2 !important; } /* Handle */ ::-webkit-scrollbar-thumb { background: #BFBFBF !important; border-radius: 16px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #444A59 !important; } .DigramClose { background-color: #444A59 !important; color: white; font-weight: bold; cursor: pointer; } .btn-link { color: #002f5f; } .k-button-solid-base:focus { border-color: #BFBFBF; } .custom-select:focus { border-color: #BFBFBF; box-shadow: none; } /* common error page */ .common-error { font-size: 100px; color: #444A59; margin-top: 100px; } /* end */ .k-calendar .k-calendar-header .k-nav-today { color: #002f5f; } .k-calendar .k-calendar-header .k-nav-today:hover { color: #002f5f; } .k-calendar .k-footer .k-nav-today { color: #002f5f; } .k-calendar .k-footer .k-nav-today:hover { color: #002f5f; } .mobile-btn-grid .brand-secondary:hover h5 { color: #FFFFFF; } .k-rounded-md { border-radius: 2px; } #DivLanguageTags .k-grid-update { padding: 8px; } #DivLanguageTags .k-grid-update .k-button-icon { display: none !important; } #DivLanguageTags .k-grid-cancel { margin-left: 16px !important; padding: 8px; } #DivLanguageTags .k-grid-cancel .k-button-icon { display: none !important; } #DivLanguageTags .k-grid-edit { padding: 8px; } #RequestworkflowDIV .fa-times { font-size: 14px; } /* Dashboard save template responsive fix */ @media only screen and (min-width: 320px) and (max-width: 480px) { .TileHeader .brand-secondary { min-width: 23%; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .mobile-btn-grid { margin-top: 10px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .export-btn-mobile { line-height: 1.6 !important; } } .templatedropdown { width: 45%; } @media only screen and (min-width: 320px) and (max-width: 480px) { .templatedropdown { width: 100%; } } .k-chart text { font: inherit !important; font-size: 12px !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .commentalign { padding: 0px; } } /* Dashboard save template responsive fix - end */ /* Workflow charts - start */ @media screen and (min-width: 321px) and (max-width: 875px) { .legend-space ul li p { margin-left: 0rem !important; top: 3px !important; } } /* Workflow charts - end */ /* Model Builder Question (grid) */ .mobile-portrait-only { display: none; /* Hide the div by default */ } @media only screen and (min-width: 320px) and (max-width: 480px) { .mobile-portrait-only { padding: .2rem 1rem !important; margin-top: 20px; font-size: 12px; display: block !important; /* Display the div */ } } /* Loader */ .k-i-loading::after { border-color: #002f5f; } .k-i-loading::before { border-color: #002f5f; } .k-loading-image::after { border-color: #002f5f; } .k-loading-image::before { border-color: #002f5f; } /* Loader end */ .TosterSucessDiv { font-size: 12px; } /* custom colour picker button */ .k-colorpicker-popup .k-coloreditor-footer .k-button-solid-primary { background-color: #002f5f !important; border: none !important; color: #fff; } .k-colorpicker-popup .k-coloreditor-footer .k-button-solid-base { color: #002f5f !important; background-color: transparent; border-color: #002f5f !important; } #WhiteLabelingForm .control-label { font-weight: 800; } .k-coloreditor-header .k-button-flat { border-color: #BFBFBF !important; } .k-coloreditor-views .k-colorpalette-tile { border: 1px solid #BFBFBF; } #addNewPensionEmployee .field-validation-error { position: relative; top: 6px; } .margin-bottom-9 { margin-bottom: -9px; } .tab-label { background: #F2F2F2; color: #000; } .tab-label:hover { background: #F2F2F2; } .tabs input:checked + .tab-label { background: #F2F2F2; } /* Accordion styles */ .tabs { overflow: hidden; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5); } .tabs input:checked + .tab-label::after { transform: rotate(90deg); } .tabs input:checked ~ .tab-content { max-height: 100vh; padding: 1em; border: 1px solid #ddd; } .tab { width: 100%; color: #FFFFFF; overflow: hidden; margin-bottom: 7px; } .tab-label { display: flex; justify-content: space-between; padding: 1em; font-weight: bold; cursor: pointer; } .tab-label::after { content: "❯"; width: 1em; height: 1em; text-align: center; transition: all 0.35s; } .tab-close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; } .tab-close:hover { background: #444A59; } #customPdfWindow .WindowContent { max-height: none !important; } input#chck1 { position: absolute; z-index: -1; } input#chck2 { position: absolute; z-index: -1; } .checkboxpadding { padding: 0 24px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .checkboxpadding { padding: 0 20px; } } .checkboxpaddingrow { padding: 0 6px; } #SelfRegisterDiv, #SelfOnboardig { /*-------------------------------Thrift plan scss here----------------------------------------*/ /*-------------------------------Thrift plan scss here----------------------------------------*/ } #SelfRegisterDiv .field-validation-error, #SelfOnboardig .field-validation-error { position: relative; display: inline; top: 6px; } #SelfRegisterDiv #SelfRegisterDiv .field-validation-error, #SelfOnboardig #SelfRegisterDiv .field-validation-error { position: relative; display: inline; top: 6px; } #SelfRegisterDiv #SelfRegisterDiv .fa-info-circle, #SelfOnboardig #SelfRegisterDiv .fa-info-circle { color: #002f5f; } #SelfRegisterDiv #MbProductGrid .k-grid td, #SelfOnboardig #MbProductGrid .k-grid td { padding-right: 18px; } #SelfRegisterDiv #EmployeeGroups .k-button:hover, #SelfOnboardig #EmployeeGroups .k-button:hover { color: #282828 !important; } #SelfRegisterDiv .scroll-container, #SelfOnboardig .scroll-container { display: flex; overflow-x: auto; white-space: nowrap; } #SelfRegisterDiv .custom-shortcut .scroll-item, #SelfOnboardig .custom-shortcut .scroll-item { min-width: 200px; margin-right: 15px; background-color: #f8f9fa; padding: 24px 24px 11px 24px; text-align: center; } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .account-separator, #SelfOnboardig .account-separator { display: none !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #ApproveModelsGrid .MobileContentColumns, #SelfOnboardig #ApproveModelsGrid .MobileContentColumns { justify-content: end; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #PensionPlanEmployeesGrid .k-grid-header, #SelfOnboardig #PensionPlanEmployeesGrid .k-grid-header { display: none; } } #SelfRegisterDiv .padding-15, #SelfOnboardig .padding-15 { padding: 15px; } #SelfRegisterDiv .label-alignment, #SelfOnboardig .label-alignment { position: relative; left: -15px; } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .position-left, #SelfOnboardig .position-left { left: -5.2px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .padding-none, #SelfOnboardig .padding-none { padding: 0; margin-bottom: 0; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv label#PreferredLanguage_label, #SelfOnboardig label#PreferredLanguage_label { margin-top: 15px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .position-left-0, #SelfOnboardig .position-left-0 { padding-left: 1.2rem !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .checkbox-left, #SelfOnboardig .checkbox-left { padding-left: 0.7rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #GridModelCategories span.MbColumnHeaderText, #SelfRegisterDiv #ModelsGrid .MbColumnHeaderText, #SelfRegisterDiv #PensionPlanEmployeesGrid .MbColumnHeaderText, #SelfOnboardig #GridModelCategories span.MbColumnHeaderText, #SelfOnboardig #ModelsGrid .MbColumnHeaderText, #SelfOnboardig #PensionPlanEmployeesGrid .MbColumnHeaderText { white-space: nowrap; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #PensionPlanEmployeesGrid .MbColumnHeaderText, #SelfOnboardig #PensionPlanEmployeesGrid .MbColumnHeaderText { white-space: normal; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #EmployeeGroupsGrid .k-grid-header, #SelfRegisterDiv #ApproveEmployeesGrid .k-grid-header, #SelfRegisterDiv #ModelsGrid .k-grid-header, #SelfRegisterDiv #PensionPlanEmployeesGrid .k-grid-header, #SelfRegisterDiv #PensionPlanOrderGrid .k-grid-header, #SelfOnboardig #EmployeeGroupsGrid .k-grid-header, #SelfOnboardig #ApproveEmployeesGrid .k-grid-header, #SelfOnboardig #ModelsGrid .k-grid-header, #SelfOnboardig #PensionPlanEmployeesGrid .k-grid-header, #SelfOnboardig #PensionPlanOrderGrid .k-grid-header { display: none; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .padding-left-btn-go, #SelfOnboardig .padding-left-btn-go { padding-left: 0.5rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv div#PensionPlanEmployeesGrid, #SelfOnboardig div#PensionPlanEmployeesGrid { min-height: auto !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .secondtab-content .col-xs-12 .custom-checkbox, #SelfOnboardig .secondtab-content .col-xs-12 .custom-checkbox { position: relative; left: 1.1rem; } } #SelfRegisterDiv .secondtab-content .scroll-item, #SelfOnboardig .secondtab-content .scroll-item { min-width: 200px; margin-right: 15px; background-color: #f8f9fa; padding: 24px 24px 11px 24px; text-align: center; } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .account-separator, #SelfOnboardig .account-separator { display: none !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #ApproveModelsGrid .MobileContentColumns, #SelfOnboardig #ApproveModelsGrid .MobileContentColumns { justify-content: end; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #PensionPlanEmployeesGrid .k-grid-header, #SelfOnboardig #PensionPlanEmployeesGrid .k-grid-header { display: none; } } #SelfRegisterDiv .padding-15, #SelfOnboardig .padding-15 { padding: 15px; } #SelfRegisterDiv .label-alignment, #SelfOnboardig .label-alignment { position: relative; left: -15px; } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .position-left, #SelfOnboardig .position-left { left: -5.2px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .padding-none, #SelfOnboardig .padding-none { padding: 0; margin-bottom: 0; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv label#PreferredLanguage_label, #SelfOnboardig label#PreferredLanguage_label { margin-top: 15px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .position-left-0, #SelfOnboardig .position-left-0 { padding-left: 1.2rem !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .checkbox-left, #SelfOnboardig .checkbox-left { padding-left: 0.7rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .checkbox-left div > .custom-checkbox, #SelfOnboardig .checkbox-left div > .custom-checkbox { left: -4px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #GridModelCategories span.MbColumnHeaderText, #SelfRegisterDiv #ModelsGrid .MbColumnHeaderText, #SelfRegisterDiv #PensionPlanEmployeesGrid .MbColumnHeaderText, #SelfOnboardig #GridModelCategories span.MbColumnHeaderText, #SelfOnboardig #ModelsGrid .MbColumnHeaderText, #SelfOnboardig #PensionPlanEmployeesGrid .MbColumnHeaderText { white-space: nowrap; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #PensionPlanEmployeesGrid .MbColumnHeaderText, #SelfOnboardig #PensionPlanEmployeesGrid .MbColumnHeaderText { width: 70%; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv #EmployeeGroupsGrid .k-grid-header, #SelfRegisterDiv #ApproveEmployeesGrid .k-grid-header, #SelfRegisterDiv #ModelsGrid .k-grid-header, #SelfRegisterDiv #PensionPlanEmployeesGrid .k-grid-header, #SelfOnboardig #EmployeeGroupsGrid .k-grid-header, #SelfOnboardig #ApproveEmployeesGrid .k-grid-header, #SelfOnboardig #ModelsGrid .k-grid-header, #SelfOnboardig #PensionPlanEmployeesGrid .k-grid-header { display: none; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .padding-left-btn-go, #SelfOnboardig .padding-left-btn-go { padding-left: 0.5rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv div#PensionPlanEmployeesGrid, #SelfOnboardig div#PensionPlanEmployeesGrid { min-height: auto !important; } } #SelfRegisterDiv .secondtab-content, #SelfOnboardig .secondtab-content { white-space: normal; } @media only screen and (min-width: 320px) and (max-width: 480px) { #SelfRegisterDiv .secondtab-content .col-xs-12 .custom-checkbox, #SelfOnboardig .secondtab-content .col-xs-12 .custom-checkbox { position: relative; left: 1.1rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #EmployeeGroupsGrid .k-grid-header, #ApproveEmployeesGrid .k-grid-header, #ModelsGrid .k-grid-header, #PensionPlanEmployeesGrid .k-grid-header { display: none; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .padding-left-btn-go { padding-left: 0.5rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { div#PensionPlanEmployeesGrid { min-height: auto !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .secondtab-content .col-xs-12 .custom-checkbox { position: relative; left: 1.1rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .secondtab-content .col-lg-12 { padding: 0; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #IncludeExitEmp > div { margin-top: 0 !important; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #ExcludeEmpFromContri > .form-group { right: 6px; position: relative; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #EmployeeGroups label { line-height: normal; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #EmployerModelGrph .asset-chart { display: grid; justify-items: center; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .asset-chart { display: grid; justify-items: center; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #IncludeExitEmp { white-space: nowrap; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .k-grid-norecords { position: relative; top: 5rem; } } #NewEmployeeModel .card-body, #NewEmployerModel .card-body { background: white; } @media only screen and (min-width: 320px) and (max-width: 480px) { p.text-truncate { width: 65%; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #ExcludeEmpFromContri > .form-group { right: 6px; position: relative; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #EmployeeGroups label { width: 80%; line-height: normal; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #EmployerModelGrph .asset-chart { display: grid; justify-items: center; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .asset-chart { display: grid; justify-items: center; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { #IncludeExitEmp { white-space: nowrap; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .k-grid-norecords { position: relative; top: 5rem; } } #NewEmployeeModel .card-body, #NewEmployerModel .card-body { background: white; } @media only screen and (min-width: 320px) and (max-width: 480px) { p.text-truncate { width: 65%; } } #DelegationPopup { height: auto; } span.k-icon.k-i-arrow-s.k-button-icon { color: #002f5f !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { #PensionPlanEmployer .MbColumnHeaderText { width: 52% !important; } } #PensionPlanOrderGrid .k-grid-content.k-auto-scrollable { height: 200px !important; } span.k-icon.k-i-arrow-s.k-button-icon { color: #002f5f !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .tabs input:checked ~ .tab-content { padding: 15px; } } @media screen and (min-width: 1024px) and (max-width: 1366px) { .redemtion_align { min-height: 38px; } } .delegate-dropdown-toggle::after { color: white; } .text-indent-field .dvbuyamount { text-indent: 8px; } span.k-picker.k-dropdownlist { background: #fff; padding: 0.3rem; color: #000; } @media only screen and (min-width: 320px) and (max-width: 480px) { .tabs input:checked ~ .tab-content { padding: 15px !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #PensionPlanEmployer .MbColumnHeaderText { width: 52% !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #PensionPlanEmployeesGrid .MbColumnHeaderText { width: 54% !important; } } @media (max-width: 950px) { .align-tabs { left: 8px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #customPdfWindow .WindowContent { overflow: hidden !important; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #ApproveModelsGrid .MobileContentColumns:last-child { justify-content: end; } } /*@media (width: 1024px) { }*/ @media only screen and (min-width: 320px) and (max-width: 480px) { .padding-none { padding-left: 0; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #PreferredLanguage_label { margin-top: 1rem; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #ApproveEmployeesGrid .MobileContentColumns:last-child { justify-content: flex-end; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #ApproveModelsGrid span.MbColumnHeaderText { font-size: 0.84rem; } } #UploadEmployeeDetails .k-button-solid-primary { background-color: #002f5f; border-color: #002f5f; color: #fff; } #UploadEmployeeDetails .k-button-solid-primary:hover { color: #FFFFFF; } #UploadEmployeeDetails .k-button-solid-base { background-color: #FFFFFF; border-color: #002f5f; color: #002f5f; } #UploadEmployeeDetails .k-button-solid-base:hover { background-color: #002f5f; border-color: #002f5f; color: #FFFFFF; } .k-grid-edit-row .k-form-error { position: absolute !important; width: max-content !important; display: block !important; } .dropdown-item:active { color: #FFFFFF; text-decoration: none; background-color: #002f5f; } @media (max-width: 1024px) { .hidecontent { display: none !important; } } /*------------------------ Tab scss added------------------------*/ @media (width: 1024px) { .legend ul li { flex-wrap: wrap; } .legend ul li span { margin-bottom: 2px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #PensionPlanAddEditModel .checkbox-left .custom-checkbox { left: -5px; } } .custom-grid { /*.k-widget{ &.k-numerictextbox{ width: 100%; } } }*/ } .custom-grid .grid-wrapper .k-widget, .custom-grid .grid-wrapper .k-grid { border: none !important; background-color: #FFFFFF; /*.k-grid-pager { background-color: white !important; .k-pager-numbers { cursor: pointer !important; .k-state-selected { background-color: $brand-secondary; border-color: $brand-secondary; cursor: pointer !important; } }*/ } .custom-grid .grid-wrapper .k-widget .k-grouping-header, .custom-grid .grid-wrapper .k-grid .k-grouping-header { background-color: white !important; padding: 8px 5px; border-color: #F2F2F2 !important; } .custom-grid .grid-wrapper .k-widget .k-grouping-header .k-group-indicator, .custom-grid .grid-wrapper .k-grid .k-grouping-header .k-group-indicator { background-color: #F2F2F2 !important; border: none !important; padding: .5em .3em .5em .5em !important; } @media (max-width: 575px) { .custom-grid .grid-wrapper .k-widget .k-grouping-header, .custom-grid .grid-wrapper .k-grid .k-grouping-header { display: none !important; } } .custom-grid .grid-wrapper .k-widget .k-grid-toolbar, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar { border-color: #F2F2F2 !important; } .custom-grid .grid-wrapper .k-widget .k-grid-toolbar.k-header, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar.k-header { background-color: transparent !important; background-image: none !important; padding-bottom: 0.6rem !important; } .custom-grid .grid-wrapper .k-widget .k-grid-toolbar .k-button, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar .k-button { float: right !important; background-image: none !important; background-color: #002f5f !important; color: #FFFFFF !important; border-color: #002f5f !important; } .custom-grid .grid-wrapper .k-widget table thead.k-grid-header, .custom-grid .grid-wrapper .k-grid table thead.k-grid-header { background-color: #FFFFFF !important; border-color: #F2F2F2 !important; } .custom-grid .grid-wrapper .k-widget table thead.k-grid-header .k-header, .custom-grid .grid-wrapper .k-grid table thead.k-grid-header .k-header { /*padding: 0.8em .6em 0.8em .6em !important;*/ padding: 0.6rem !important; background-color: white !important; border-color: #F2F2F2; } .custom-grid .grid-wrapper .k-widget table thead.k-grid-header .k-header th.k-group-cell, .custom-grid .grid-wrapper .k-grid table thead.k-grid-header .k-header th.k-group-cell { border-right-width: 0 !important; } .custom-grid .grid-wrapper .k-widget td, .custom-grid .grid-wrapper .k-grid td { border-color: #F2F2F2; padding: 0.875rem 0.8rem; background-color: #FFFFFF !important; cursor: default !important; text-align: left !important; } .custom-grid .grid-wrapper .k-widget td.k-state-focused, .custom-grid .grid-wrapper .k-grid td.k-state-focused { box-shadow: none !important; } .custom-grid .grid-wrapper .k-widget td.text-right, .custom-grid .grid-wrapper .k-grid td.text-right { text-align: right !important; } .custom-grid .grid-wrapper .k-widget td.text-center, .custom-grid .grid-wrapper .k-grid td.text-center { text-align: center !important; } .custom-grid .grid-wrapper .k-widget th, .custom-grid .grid-wrapper .k-grid th { text-align: left; } .custom-grid .grid-wrapper .k-widget th.text-right, .custom-grid .grid-wrapper .k-grid th.text-right { text-align: right; } .custom-grid .grid-wrapper .k-widget .k-grid-header, .custom-grid .grid-wrapper .k-grid .k-grid-header { background-color: #FFFFFF !important; border-color: #F2F2F2 !important; padding-right: 0 !important; } .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap { border-color: #F2F2F2 !important; } .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap table thead .k-header, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap table thead .k-header { padding: 0.9rem !important; background-color: white !important; border-color: #F2F2F2; /*position: relative;*/ /*.k-header-column-menu{ position: absolute; top: 40%; }*/ } @media (max-width: 575px) { .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap table thead .k-header, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap table thead .k-header { white-space: normal !important; vertical-align: middle !important; position: relative !important; text-overflow: clip !important; } } .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap table thead .k-header.k-group-cell, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap table thead .k-header.k-group-cell { text-overflow: clip !important; } .custom-grid .grid-wrapper .k-widget .k-grid-header .k-grid-header-wrap table thead .k-header th.k-group-cell, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-grid-header-wrap table thead .k-header th.k-group-cell { border-right-width: 0 !important; } .custom-grid .grid-wrapper .k-widget .k-grid-header .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-link { font-weight: 800; color: #282828; /*@include respond-below(xs){ text-overflow: initial !important; white-space: normal !important; position: absolute; top: 40%; }*/ } @media (max-width: 575px) { .custom-grid .grid-wrapper .k-widget .k-grid-header .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-link { /*margin-right: 0 !important;*/ } } .custom-grid .grid-wrapper .k-widget .k-grid-footer, .custom-grid .grid-wrapper .k-grid .k-grid-footer { background-color: #FFFFFF !important; border-color: #F2F2F2 !important; padding-right: 0 !important; } .custom-grid .grid-wrapper .k-widget .k-grid-footer .k-grid-footer-wrap table tbody .k-footer-template td, .custom-grid .grid-wrapper .k-grid .k-grid-footer .k-grid-footer-wrap table tbody .k-footer-template td { padding: .55rem .55rem .55rem 0.85rem !important; background-color: white !important; border: none !important; } .custom-grid .grid-wrapper .k-widget .k-grid-footer .k-grid-footer-wrap table tbody .k-footer-template td.k-group-cell, .custom-grid .grid-wrapper .k-grid .k-grid-footer .k-grid-footer-wrap table tbody .k-footer-template td.k-group-cell { text-overflow: clip !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager, .custom-grid .grid-wrapper .k-grid .k-grid-pager { background-color: white !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers-wrap, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers-wrap { cursor: pointer !important; border: none !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers-wrap .k-pager-numbers, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers-wrap .k-pager-numbers { border: none !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers-wrap .k-current-page, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers-wrap .k-current-page { background-color: #002f5f; border-color: #002f5f; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers-wrap .k-current-page .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers-wrap .k-current-page .k-link { color: #FFFFFF !important; border: transparent !important; width: 2em !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-pager-numbers-wrap .k-current-page .k-link:hover, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers-wrap .k-current-page .k-link:hover { background-color: #002f5f; border-color: #002f5f; background-image: none !important; } .custom-grid .grid-wrapper .k-widget .k-grid-pager .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-link { border: none !important; cursor: pointer !important; text-align: center; } .custom-grid .grid-wrapper .k-widget tr:hover, .custom-grid .grid-wrapper .k-grid tr:hover { background-color: #f1f1f1 !important; cursor: pointer !important; } .custom-grid .grid-wrapper .k-widget .k-grid-content, .custom-grid .grid-wrapper .k-grid .k-grid-content { height: auto !important; min-height: 200px !important; /*overflow-y: hidden !important;*/ /* width */ /* Track */ /* Handle */ } .custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar { width: 5px; height: 5px; } .custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar-track, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #BFBFBF; border-radius: 5px; } .custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar-thumb, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar-thumb { background: #c5c5c5; border-radius: 5px; } .custom-grid .grid-wrapper.bordered-grid { border: 1px solid #BFBFBF !important; } .custom-grid .grid-wrapper.bordered-grid .k-grid-pager { border-top: 1px solid #BFBFBF !important; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-header-locked { float: right; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-header-locked th { background-color: #FFFFFF; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked { float: right; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-edit { border-color: #002f5f; background-color: #002f5f; background-image: none !important; color: #FFFFFF; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-delete { border-color: transparent !important; background-color: transparent !important; background-image: none !important; color: #002f5f; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-update { border-color: #002f5f; background-color: #002f5f; background-image: none !important; color: #FFFFFF; } .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-cancel { border-color: transparent !important; background-color: transparent !important; background-image: none !important; color: #002f5f; } .custom-grid .k-grid-content { /*tr.k-alt { background-color: $white; }*/ } .custom-grid .k-grid-content .k-grouping-row td, .custom-grid .k-grid-content .k-resize-handle-inner, .custom-grid .k-grid-content td.k-group-cell { background-color: #FFFFFF; text-overflow: clip !important; } .custom-grid .k-grid-content::-ms-scrollbar { height: 5px; } .custom-grid .k-grid-content::-ms-scrollbar-track { background: #ddd; } .custom-grid .k-grid-content::-ms-scrollbar-thumb { background: #666; } .custom-grid .k-grid-content::-webkit-scrollbar { height: 5px; } .custom-grid .k-grid-content::-webkit-scrollbar-track { background: #ddd; } .custom-grid .k-grid-content::-webkit-scrollbar-thumb { background: #666; } .custom-grid .k-grid-content td.text-truncate { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } .custom-grid.remove-k-alt .k-alt { background-color: transparent !important; } .custom-grid .k-callout-n { border-bottom-color: #ffffff !important; display: none; } .custom-grid .custom-dropdown .k-datepicker.k-input { border: 1px solid #BFBFBF; padding: 0; } .grid-height .k-grid-content { height: auto !important; min-height: 200px !important; max-height: 500px !important; position: relative !important; background-color: #FFFFFF !important; /* Track */ /* Handle */ } .grid-height .k-grid-content .k-grid-norecords .k-grid-norecords-template { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } .grid-height .k-grid-content::-webkit-scrollbar { width: 5px; height: 5px; } .grid-height .k-grid-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #BFBFBF; border-radius: 5px; } .grid-height .k-grid-content::-webkit-scrollbar-thumb { background: #c5c5c5; border-radius: 5px; } .grid-height-v2 .k-grid-content { height: auto !important; min-height: 200px !important; max-height: 320px !important; position: relative !important; background-color: #FFFFFF !important; overflow-y: auto !important; /* Track */ /* Handle */ } .grid-height-v2 .k-grid-content .k-grid-norecords .k-grid-norecords-template { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .grid-height-v2 .k-grid-content::-webkit-scrollbar { width: 5px; height: 5px; } .grid-height-v2 .k-grid-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #BFBFBF; border-radius: 5px; } .grid-height-v2 .k-grid-content::-webkit-scrollbar-thumb { background: #c5c5c5; border-radius: 5px; } .grid-height-v3 .k-grid-content { height: auto !important; min-height: 220px !important; max-height: 220px !important; position: relative !important; background-color: #FFFFFF !important; overflow-y: auto !important; /* Track */ /* Handle */ } .grid-height-v3 .k-grid-content .k-grid-norecords .k-grid-norecords-template { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .grid-height-v3 .k-grid-content::-webkit-scrollbar { width: 5px; height: 5px; } .grid-height-v3 .k-grid-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #BFBFBF; border-radius: 5px; } .grid-height-v3 .k-grid-content::-webkit-scrollbar-thumb { background: #c5c5c5; border-radius: 5px; } .tiles-div { height: 126px; } @media (max-width: 575px) { .tiles-div { height: auto; } } .tiles-div .form-group .control-label { width: 100%; } table.k-selectable .k-state-selected { background-color: #FFFFFF !important; color: #282828 !important; background-image: none !important; } .bordered-tbl table td { border-color: #F2F2F2; padding: .55rem .55rem .55rem 0.5rem !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-left: none; } @media (max-width: 575px) { .bordered-tbl table td { border-left-width: 0 !important; } } .right-bordered-tbl table td { border-color: #F2F2F2; padding: .55rem .55rem .55rem 0.85rem !important !important; border-bottom-width: 0 !important; border-right-width: 1px !important; border-left-width: 0; } .bottom-bordered-tbl table td { border-color: #F2F2F2; padding: .55rem !important; border-bottom-width: 1px !important; border-right-width: 0px !important; border-left-width: 0; } .bottom-bordered-tbl table th.k-header { border-color: #F2F2F2; border-width: 0px !important; } .bottom-bordered-tbl .k-grid-header-wrap { border-width: 0px !important; border-style: none !important; } #divCoreAssetAllocationGraph .bordered-tbl table th.k-header { border-color: #F2F2F2; padding: .55rem !important; border-width: 1px !important; } #divCoreAssetAllocationGraph .bordered-tbl table .k-grid { border-color: #F2F2F2; } .k-grid-content { overflow: auto; overflow-x: auto; overflow-y: auto; } #divHoldingsReport .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { top: 50%; left: 50%; transform: translate(-50%, -50%) !important; position: absolute !important; } #divPerformanceOverviewReport .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { top: 50%; left: 50%; transform: translate(-50%, -50%) !important; position: absolute !important; } #ReportGrid .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { top: 50%; left: 50%; /*margin-left: -10em !important; margin-top: -2em !important;*/ position: absolute !important; transform: translate(-50%, -50%) !important; } #RequestList .k-grid-norecords-template { margin: 0; position: absolute; transform: translate(-50%, -50%); } /*#divTransactionsReport{ .custom-grid{ .k-grid td { overflow: inherit !important; } } }*/ #divClientDocumentsSummary .custom-grid .k-grid-content { overflow-x: hidden !important; } .Linebreak-truncate { overflow: visible; white-space: normal; word-break: break-all !important; word-wrap: break-word !important; } @media (max-width: 575px) { .k-header > .k-header-column-menu { /*top: 35% !important;*/ position: absolute !important; right: 0 !important; } } @media (max-width: 575px) { .k-header > .k-header-column-menu .k-i-more-vertical { right: 4px !important; } } @media (max-width: 575px) { .k-column-menu { width: 200px; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } } .k-column-menu .k-menu .k-state-selected > .k-link { background-color: #002f5f !important; border-color: #002f5f !important; } @media (max-width: 575px) { .k-column-menu .k-menu .k-animation-container .k-menu-group { position: fixed !important; top: -20% !important; left: 50% !important; transform: translateX(-50%) !important; width: 200px; margin-top: 6px; } } .k-column-menu .k-menu .k-animation-container .k-menu-group .k-numeric-wrap { border: 1px solid #BFBFBF !important; } .k-column-menu .k-menu .k-animation-container .k-menu-group form.k-filter-menu .k-widget { margin-bottom: 10px !important; } .k-grid-norecords-template { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 575px) { .k-grid-norecords-template { width: 14em !important; position: absolute !important; transform: translate(-50%, -50%); } } .k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table { width: 100% !important; } .card.card-custom .card-body.modified-grid .k-widget.k-editable .k-numeric-wrap, .card.card-custom .card-body.modified-grid .k-grid.k-editable .k-numeric-wrap { border: none !important; } /*.IsMobileHeaderExsist .k-hierarchy-col, .k-hierarchy-cell { display: none; @include respond-below(xs) { display: block; } } .k-columns-item { @include respond-below(xs) { display: none; } } .k-footer-template { @include respond-below(xs) { display: none; } } .IsMobileHeaderExsist .k-hierarchy-col { @include respond-below(xs) { display: table-column; } } .IsMobileHeaderExsist .k-hierarchy-cell { @include respond-below(xs) { display: table-cell; } } .MbColumnHeaderText { font-weight: 600; width: 50% !important; } .MbColumnColumnValue { text-align: right !important; width: 50% !important; }*/ /*--------------------------------Mobile View Style------------------------------*/ .k-hierarchy-col, .k-hierarchy-cell { display: none; } .IsMobileHeaderExsist .k-hierarchy-col, .k-hierarchy-cell { display: none; } @media only screen and (max-width: 499px) { .IsMobileHeaderExsist .k-hierarchy-cell, .k-hierarchy-col { display: block; } .k-columns-item { display: none !important; } .k-footer-template { display: none; } } @media only screen and (max-width: 499px) { .IsMobileHeaderExsist .k-hierarchy-col { display: table-column; } .k-grid.k-hierarchy-cell { position: relative !important; } .IsMobileHeaderExsist .k-hierarchy-cell { display: table-cell; position: relative !important; } .IsMobileHeaderExsist .k-detail-row .k-detail-cell { padding: .55rem .7rem .55rem 0.85rem !important; } } .MobileContentColumns { display: flex !important; } .MbColumnHeaderText { font-weight: 600; width: 51% !important; } @media (width: 320px) { .MbColumnHeaderText { width: 65% !important; } } @media (min-width: 321px) and (max-width: 480px) { .MbColumnHeaderText { width: 52% !important; } } .MbColumnColumnValue { text-align: right !important; width: 47% !important; } @media (width: 320px) { .MbColumnColumnValue { width: 35% !important; } } @media (min-width: 321px) and (max-width: 480px) { .MbColumnColumnValue { width: 45% !important; } } .IsMobileHeaderNotExsist .k-hierarchy-col { display: none !important; } .k-rtl #RequestList .MbColumnHeaderText { font-weight: 600; width: 51% !important; } @media (width: 320px) { .k-rtl #RequestList .MbColumnHeaderText { width: 35% !important; } } @media (min-width: 321px) and (max-width: 480px) { .k-rtl #RequestList .MbColumnHeaderText { width: 30% !important; } } .k-rtl #RequestList .MbColumnColumnValue { text-align: right !important; width: 47% !important; } @media (width: 320px) { .k-rtl #RequestList .MbColumnColumnValue { width: 65% !important; } } @media (min-width: 321px) and (max-width: 480px) { .k-rtl #RequestList .MbColumnColumnValue { width: 70% !important; } } @media (min-width: 320px) and (max-width: 480px) { .k-rtl #RequestList .MbColumnColumnValue .close { text-align: left !important; margin-top: 10px !important; font-size: 1.2rem !important; float: left !important; padding-left: 5px; } } /*End of Mobile View Style*/ .k-rtl .custom-grid .grid-wrapper .k-grid .k-grouping-header { text-align: right !important; } .k-rtl .custom-grid .grid-wrapper .k-grid td { text-align: right !important; } .k-rtl .custom-grid .grid-wrapper .k-grid td.text-right { padding-left: 2.6rem !important; direction: ltr; text-align: left !important; /*direction: ltr;*/ } .k-rtl .custom-grid .grid-wrapper .k-grid td.text-right.splCase { padding: 0.9rem 0.5rem !important; } .k-rtl .custom-grid .grid-wrapper .k-grid th { text-align: right; } .k-rtl .custom-grid .grid-wrapper .k-grid th.text-right { text-align: left !important; } .MbColumnHeaderTextMain { display: none !important; } @media (min-width: 320px) and (max-width: 499px) { .k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon { /*position: relative; top: -19px;*/ position: absolute; top: 11px; } } #divHoldingsReport .IsMobileHeaderExsist .k-grid .k-hierarchy-cell .k-icon, #divHoldingsReport .IsMobileHeaderExsist .k-scheduler-table .k-icon, #divHoldingsReport .IsMobileHeaderExsist .k-treeview .k-icon, #divHoldingsSummaryReport .IsMobileHeaderExsist .k-grid .k-hierarchy-cell .k-icon, #divHoldingsSummaryReport .IsMobileHeaderExsist .k-scheduler-table .k-icon, #divHoldingsSummaryReport .IsMobileHeaderExsist .k-treeview .k-icon { /*@media (min-width: 320px) and (max-width: 480px) { position: relative; top: -11px; }*/ } .k-widget.k-menu .k-menu-vertical .k-state-default { background-color: transparent !important; } .k-widget.k-menu .k-menu-vertical .k-state-default .k-menu-link { position: relative; text-align: right; padding-right: 35px; } .k-widget.k-menu .k-menu-vertical .k-state-default .k-menu-link .k-icon { position: absolute; right: 15px; top: 11px; } .k-state-default { background-color: transparent !important; } .IsMobileHeaderExsist .k-grid-content { overflow-x: hidden !important; } .k-rtl .k-animation-container .k-widget.k-menu .k-menu-vertical .k-state-default .k-menu-link { position: relative; text-align: right; padding-right: 35px; } .k-rtl .k-animation-container .k-widget.k-menu .k-menu-vertical .k-state-default .k-menu-link .k-icon { position: absolute; right: 15px; top: 11px; } .k-rtl .custom-grid .k-grid-header .k-header .k-header-column-menu { left: 10px; right: auto; } .k-rtl .custom-grid .grid-wrapper .k-widget .k-grid-toolbar .k-button, .k-rtl .custom-grid .grid-wrapper .k-grid .k-grid-toolbar .k-button { float: left !important; } .k-rtl .custom-grid .grid-wrapper#divHoldingsReport .grid-wrapper .k-grid td.text-right { padding-left: 0.85rem !important; } @media (max-width: 1024px) and (min-width: 320px) { .k-footer-template { /* display: block !important; */ } } .custom-grid#GridDepositeAccounts .k-grid-header .k-grid-header-wrap table thead .k-header { display: none !important; } .k-rtl .card.card-custom .card-body.modified-grid .k-widget .k-grid-header, .k-rtl .card.card-custom .card-body.modified-grid .k-grid .k-grid-header { padding-left: 0 !important; } .k-rtl .custom-grid .grid-wrapper .k-widget .k-grid-footer, .k-rtl .custom-grid .grid-wrapper .k-grid .k-grid-footer { padding-left: 0 !important; } .k-rtl .custom-grid .grid-wrapper .k-widget .k-grid-header, .k-rtl .custom-grid .grid-wrapper .k-grid .k-grid-header { padding-left: 0 !important; } .k-rtl table.table.table-regular td.text-right { direction: ltr !important; } table.table.table-regular th { line-height: 1.2 !important; } @media (min-width: 320px) and (max-width: 480px) { .module .changeInPort .card-body { min-height: 150px; } } @media (width: 320px) { .MbColumnHeaderText, .MbColumnColumnValue { font-size: 12px; } } .custom-kendowindow-checkbox { position: relative; top: 0.3rem !important; left: 0 !important; } @media (min-width: 320px) and (max-width: 480px) { .custom-kendowindow-checkbox { position: relative !important; /*top: 0.8rem !important;*/ left: 0 !important; } } #UserWorkFlowTaskGrid .btn.brand-secondary { min-width: 66px; } .k-rtl #UserWorkFlowTaskGrid .btn.brand-secondary { min-width: 60px; } .custom-dropdown .k-widget { width: 100%; } .custom-dropdown .k-widget.k-datepicker .k-picker-wrap, .custom-dropdown .k-widget.k-datepicker .k-state-default { border-right: none !important; border-color: #BFBFBF !important; background-image: none !important; border-radius: 4px !important; /*width: 100% !important;*/ } .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-input, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-input { padding: 6px 0 7px !important; height: 37px !important; } .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-select, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-select { border-color: #002f5f; background-color: #002f5f; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 4px; height: 39px; position: absolute; top: -1px; } .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-icon, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-icon { color: #FFFFFF !important; } .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-icon.k-i-calendar, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-icon.k-i-calendar { position: relative !important; top: 3px !important; } .custom-dropdown .k-widget.k-timepicker .k-picker-wrap, .custom-dropdown .k-widget.k-timepicker .k-state-default { border-right: none !important; border-color: #BFBFBF !important; background-image: none !important; border-radius: 4px !important; } .custom-dropdown .k-widget.k-timepicker .k-picker-wrap .k-input, .custom-dropdown .k-widget.k-timepicker .k-state-default .k-input { padding: 6px 0 7px !important; height: 37px !important; } .custom-dropdown .k-widget.k-timepicker .k-picker-wrap .k-select, .custom-dropdown .k-widget.k-timepicker .k-state-default .k-select { border-color: #002f5f; background-color: #002f5f; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 0 4px; height: 39px; position: absolute; top: -1px; } .custom-dropdown .k-widget.k-timepicker .k-picker-wrap .k-icon, .custom-dropdown .k-widget.k-timepicker .k-state-default .k-icon { color: #FFFFFF !important; } .custom-dropdown .k-widget.k-timepicker .k-picker-wrap .k-icon.k-i-clock, .custom-dropdown .k-widget.k-timepicker .k-state-default .k-icon.k-i-clock { position: relative !important; top: 3px !important; } .custom-dropdown .k-widget .k-numeric-wrap { border-color: #BFBFBF !important; border-radius: 2px !important; } .custom-dropdown .k-widget .k-calender .k-content td.k-state-selected, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-selected { background-color: #002f5f !important; color: #FFFFFF; border-color: #002f5f !important; border-radius: 0 !important; } .custom-dropdown .k-widget .k-calender .k-content td.k-state-focused, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-focused { background-color: #002f5f !important; color: white; border-color: #002f5f !important; } .custom-dropdown .k-widget .k-calender .k-content td.k-state-focused.k-state-selected, .custom-dropdown .k-widget .k-calender .k-content .k-draghandle.k-state-focused.k-state-selected { background-color: #002f5f !important; color: white !important; border-color: #002f5f !important; border-radius: 0; } .custom-dropdown .k-widget.k-multiselect { width: 76% !important; } .custom-dropdown .k-widget.k-multiselect .k-multiselect-wrap { padding: 4px 5px !important; } .custom-dropdown .k-widget.k-multiselect .k-multiselect-wrap .k-clear-value { display: none !important; } @media (width: 768px) { .custom-dropdown .k-widget.k-multiselect { width: 66% !important; } } .custom-dropdown .k-widget.k-dropdown { border-radius: 2px !important; border-color: #BFBFBF !important; } .custom-dropdown .k-widget.k-dropdown .k-input { font-size: 14px; padding: 7px 0 !important; } .custom-dropdown .k-widget.k-dropdown .k-dropdown-wrap { background-image: none !important; background-color: white; border-radius: 2px !important; border-color: #BFBFBF !important; } .custom-dropdown .k-widget.k-dropdown.k-header { padding: 0 !important; } .custom-dropdown .k-widget.k-upload-sync { padding: 0 !important; } .custom-dropdown .k-widget.k-upload.k-header { background-color: #F2F2F2 !important; border-color: #F2F2F2 !important; box-shadow: none !important; background-image: none !important; } .custom-dropdown .k-widget.k-upload.k-header .k-button { background-color: #FFFFFF !important; border-color: #FFFFFF !important; box-shadow: none !important; background-image: none !important; } .custom-dropdown.holdings-report { float: right; box-shadow: none !important; } .custom-dropdown.holdings-report .k-dropdown { width: 105px !important; background-color: transparent !important; } .custom-dropdown.holdings-report .k-dropdown .k-input { color: #002f5f !important; font-size: 16px; padding: 4px 0 !important; border-color: #002f5f !important; } .custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap { background-image: none !important; border-color: #002f5f !important; background-color: #F2F2F2; text-align: center; padding-right: 1em !important; } .custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap .k-select { width: 1em !important; } .custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap .k-icon { color: #002f5f !important; bottom: 3px !important; } .custom-dropdown .search-icons .fa { font-size: 16px; padding: 8px 10px 8px 1px; cursor: pointer; } @media (min-width: 320px) and (max-width: 360px) { .custom-dropdown .search-icons .fa { padding: 8px 7px; } } .custom-dropdown .text-box { border-color: #BFBFBF; border-radius: 2px !important; height: calc(2.25rem + 4px); border-style: solid; border-width: 1px; text-indent: .571em; } .custom-dropdown .k-numerictextbox .k-link { height: 1.2em !important; } #ui-datepicker-div { background-color: #FFFFFF; border: 1px solid #BFBFBF; border-radius: 4px; } #ui-datepicker-div .ui-datepicker-header { color: #002f5f !important; padding: 5px; cursor: pointer; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next { float: right; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title { text-align: center; } #ui-datepicker-div .ui-datepicker-calendar table tr th { padding: 3px !important; } #ui-datepicker-div .ui-datepicker-calendar table tr td { padding: 5px !important; text-align: center !important; } .k-animation-container .k-list-container { padding: 0 !important; background-color: #FFFFFF; font-weight: normal !important; } .k-animation-container .k-list-container .k-item { border-radius: 0 !important; } .k-animation-container .k-list-container .k-item.k-state-hover { box-shadow: none !important; background-color: #F2F2F2 !important; color: black !important; } .k-animation-container .k-list-container .k-item.k-state-selected { box-shadow: none !important; background-color: #002f5f; color: white !important; } .k-animation-container .k-list-container .k-item.k-state-selected.k-state-focused { box-shadow: none !important; } .k-animation-container .k-list-container .k-item.k-state-selected.k-state-focused.k-state-hover { box-shadow: none !important; background-color: #F2F2F2 !important; color: black !important; } .k-animation-container .k-list-container .k-item.k-state-selected.k-state-hover { box-shadow: none !important; background-color: #F2F2F2 !important; color: black !important; } .holdings-report .k-animation-container .k-list-container { width: 108px !important; } .password-policy { background-color: white !important; border-color: #F2F2F2 !important; } .password-policy .k-widget { background-color: white !important; border-color: #F2F2F2 !important; } .password-policy .k-widget .k-window-titlebar { background-color: white !important; } .k-widget.k-window.KenodPopUpWidth { width: 500px !important; top: 125px !important; } @media screen and (max-width: 414px) { .k-widget.k-window.KenodPopUpWidth { width: 300px !important; } } /*#columnCheckboxDiv{ label{ font-weight: 400; margin: 0 5px; position: relative; top: -3px; font-size: 13px; } }*/ .k-numeric-wrap.k-expand-padding, .k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused { background-color: transparent !important; background-image: none !important; box-shadow: none !important; /*border-width: 0 !important; border-style: none !important;*/ } .k-numeric-wrap.k-expand-padding .k-input { height: 37px !important; } .k-state-selected { background-color: #002f5f !important; border: none !important; background-image: none !important; } .k-state-selected.k-state-hover, .k-state-selected.k-state-focused { background-color: #002f5f !important; border: none !important; background-image: none !important; color: #FFFFFF !important; } .cstm-box { width: 100%; } .cstm-box .cstm-input { display: inline-flex; width: 87%; } @media (max-width: 576px) { .cstm-box .cstm-input { margin-right: 0.4rem; width: 90%; } } .cstm-box .cstm-icon { /* margin-left: 15px;*/ } .cstm-box .cstm-icon a { border-radius: 50%; padding: 1px 6px; position: relative; } .dropdown.version2 #exportDropdownButton { border-color: #002f5f; color: black; background-color: transparent !important; min-width: inherit !important; } .dropdown.version2 #exportDropdownButton.dropdown-toggle:after { color: black; top: 0px; position: relative; box-sizing: border-box; height: 7px; width: 7px; border-style: solid; border-color: black; border-width: 0px 1px 1px 0px; transform: rotate(45deg); transition: border-width 150ms ease-in-out; } .dropdown.version2.show .dropdown-menu.show { display: block; min-width: 100px !important; right: auto !important; left: auto !important; } .k-rtl .custom-dropdown .k-widget.k-datepicker .k-picker-wrap, .k-rtl .custom-dropdown .k-widget.k-datepicker .k-state-default { border-right: 1px solid #BFBFBF !important; } .k-rtl .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-select, .k-rtl .custom-dropdown .k-widget.k-datepicker .k-state-default .k-select { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .k-rtl .k-dropdown-wrap .k-input, .k-rtl .k-rtl .k-numeric-wrap .k-input, .k-rtl .k-rtl .k-picker-wrap .k-input { text-align: right !important; } .k-rtl .k-animation-container .k-list-container .k-item { text-align: right !important; } .k-rtl .k-list-optionlabel { text-align: right !important; } .k-rtl .custom-dropdown.holdings-report { float: left !important; } .k-dropzone { background-color: #f7f7f7 !important; border-radius: 2px !important; border-style: none !important; border: none !important; } .k-dropzone .k-upload-button { background-color: white !important; color: black !important; } .k-dropzone .k-upload-button:hover { border: 1px solid #BFBFBF !important; cursor: pointer; } .k-upload-files { border: 1px solid #f7f7f7 !important; } .switch { position: relative; display: block; vertical-align: top; width: 52px; height: 20px; padding: 3px 0; margin: 0 10px 10px 0; border-radius: 18px; cursor: pointer; } .switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #bebebe; border-radius: inherit; } .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before { content: attr(data-off); right: 11px; color: #FFFFFF; } .switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; opacity: 0; } .switch-input:checked ~ .switch-label { background: #002f5f; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-label:before { opacity: 0; } .switch-input:checked ~ .switch-label:after { opacity: 1; } .switch-handle { position: absolute; top: 4px; left: 1px; width: 18px; height: 18px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; } .switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; } .switch-input:checked ~ .switch-handle { left: 34px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switch-label, .switch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .k-window { position: fixed !important; } div.k-window * { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } div.k-window { transform: translate(-50%, -50%) !important; top: 50% !important; left: 50% !important; } div.k-window.k-widget { border: 0 !important; border-radius: auto !important; margin-top: 0 !important; padding-top: 0 !important; background-color: white !important; } @media (max-width: 575px) { div.k-window.k-widget { width: 365px !important; } } @media (width: 768px) { div.k-window.k-widget { width: 500px !important; } } div.k-window.k-widget .k-window-titlebar { background-color: #FFFFFF; background-image: none !important; border-color: transparent !important; margin-top: 0 !important; color: #000; padding: 20px 15px; } div.k-window.k-widget .k-window-titlebar .k-header-column-menu { color: black !important; } div.k-window.k-widget .k-window-titlebar .k-window-actions { top: 12px !important; right: 15px !important; position: absolute; } div.k-window.k-widget .k-window-titlebar .k-window-actions .k-bare { opacity: 1; } div.k-window.k-widget .k-window-titlebar .k-window-actions .k-bare.k-window-action { width: auto !important; height: auto !important; padding: 0 !important; } div.k-window.k-widget .k-window-titlebar .k-window-title { padding: 0 !important; width: 80% !important; white-space: normal !important; } div.k-window.k-widget .k-window-titlebar.k-upload-empty { background-color: #F2F2F2 !important; } div.k-window.k-widget .k-window-titlebar.k-upload-empty .k-upload-button { border-color: transparent !important; color: black !important; background-color: #ffffff !important; border-radius: 0 !important; } div.k-window.k-widget .k-window-titlebar.k-upload-sync { background-color: #F2F2F2 !important; } div.k-window.k-widget .k-window-titlebar.k-upload-sync .k-upload-button { border-color: transparent !important; color: black !important; background-color: #ffffff !important; border-radius: 0 !important; } div.k-window.k-widget.k-header.k-upload, div.k-window.k-widget.k-header.k-upload-sync, div.k-window.k-widget.k-header.k-upload-empty, div.k-window.k-widget.k-header.k-editor-widget { background-color: #F2F2F2 !important; } div.k-window.k-widget.k-window-content { max-height: 380px !important; overflow-y: auto !important; padding: 10px 10px 7px !important; } div.k-window.k-dialog { padding-top: 0 !important; width: 300px !important; } div.k-window.k-dialog.k-content { padding: 1em 1em 1.5m; } div.k-window.k-dialog .k-dialog-titlebar.k-header { padding: 15px 10px !important; } div.k-window.k-dialog .k-dialog-titlebar .k-dialog-actions { top: 21px !important; } div.k-window.k-dialog .k-dialog-titlebar .k-dialog-actions .k-dialog-close { display: none !important; } div.k-window.k-dialog .k-dialog-buttongroup { padding: 0 !important; border: 0 !important; } div.k-window.k-dialog .k-dialog-buttongroup.k-button { color: white !important; } div.k-window.k-dialog .k-dialog-buttongroup.k-button:first-child { color: black !important; } div.k-window.k-dialog .k-dialog-buttongroup .k-button { color: #444A59 !important; border-color: #F2F2F2; background-color: #F2F2F2; box-shadow: none !important; background-image: none !important; flex: 1 !important; padding: 8px 0 !important; } div.k-window.k-dialog .k-dialog-buttongroup .k-button:first-child { color: black !important; color: white !important; background-color: #002f5f; } div.k-window.k-dialog .k-dialog-buttongroup .k-button:focus, div.k-window.k-dialog .k-dialog-buttongroup .k-button:hover, div.k-window.k-dialog .k-dialog-buttongroup .k-button :active { box-shadow: none !important; background-image: none !important; } div.k-window.k-dialog .k-dialog-buttongroup .k-button + .k-button { margin-left: 0 !important; } div.k-window table.k-editor-widget { background-color: #f2f2f2 !important; color: black !important; border-color: #e6e6e6 !important; } div.k-window table.k-editor-widget .k-editor-toolbar-wrap .k-button-group .k-tool { border: none !important; } div.k-window table td > .k-editable-area { border-color: #e6e6e6 !important; } div.k-window table .k-tool-group span.k-editor-widget { background-color: #f2f2f2 !important; border-color: #e6e6e6 !important; color: black !important; } div.k-window table .k-tool-group span.k-editor-widget .k-editor-dropdown .k-dropdown-wrap { border-color: #e6e6e6 !important; } div.k-window .custom-dropdown span .k-header { background-color: none !important; } .password-policy { background-color: white !important; border-color: #F2F2F2 !important; } .password-policy .k-widget { background-color: white !important; border-color: #F2F2F2 !important; } .password-policy .k-widget .k-window-titlebar { background-color: white !important; } div.k-window-content { max-height: 450px; padding: 15px 15px 15px !important; } @media screen and (min-width: 430px) and (max-width: 875px) { div.k-window-content { max-height: 280px !important; } } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: none !important; } .k-editor-toolbar .k-toolbar-resizable .k-header { padding: 0 !important; } /*#SelectPortfoliosRMPopup{ .k-grid-content>.k-grid-norecords>.k-grid-norecords-template{ margin-left: -10em !important; margin-top: -2em !important; position: absolute !important; } }*/ #KYCNOTIFICATION.k-window-content { padding: 0 !important; } #KYCNOTIFICATION.k-window-content .btn.brand-primary { background-color: #002f5f; } .WindowContent { max-height: 258px !important; overflow-y: scroll !important; overflow-x: hidden !important; } .k-window > .k-popup-edit-form .k-edit-buttons { display: flex; justify-content: end; } .k-rtl div.k-window.k-widget .k-window-titlebar .k-window-actions { left: 15px !important; right: auto !important; } .k-rtl div.k-window.k-widget .k-window-titlebar .k-window-title { text-align: right !important; } .WindowContent .custom-grid .grid-wrapper .k-widget table thead.k-grid-header .k-header, .WindowContent .custom-grid .grid-wrapper .k-grid table thead.k-grid-header .k-header { padding: 0.55rem !important; } .custom-tabs { border-radius: .6em; } .custom-tabs nav .nav, .custom-tabs nav .nav-tabs { text-align: center; display: block; } .custom-tabs nav .nav .nav-link, .custom-tabs nav .nav-tabs .nav-link { display: inline-block; border: none !important; border-radius: 0 !important; color: #000 !important; background-color: transparent !important; padding: 10px 40px; } @media (max-width: 575px) { .custom-tabs nav .nav .nav-link, .custom-tabs nav .nav-tabs .nav-link { padding: 10px 20px; } } .custom-tabs nav .nav .nav-link.active, .custom-tabs nav .nav-tabs .nav-link.active { border-bottom: 2px solid #002f5f !important; font-weight: 800 !important; padding: 10px 40px; background-color: transparent !important; } @media (max-width: 575px) { .custom-tabs nav .nav .nav-link.active, .custom-tabs nav .nav-tabs .nav-link.active { padding: 10px 20px; } } .custom-tabs .nav-pills { border-bottom: 1px solid #BFBFBF; text-align: center; display: inline-block; width: 100%; padding: 10px 0; } .custom-tabs .nav-pills .nav-items { color: black; } .custom-tabs .nav-pills .nav-items.active a { color: #002f5f; border-bottom: 3px solid #002f5f; padding: 10px 45px; text-decoration: none !important; } .custom-tabs .nav-pills .nav-items a { color: black; padding: 10px 45px; border-top-left-radius: 0.6em; border-radius: 0; text-decoration: none !important; } .custom-tabs .nav-pills .nav-items a:hover, .custom-tabs .nav-pills .nav-items a:focus { background-color: transparent !important; } .custom-tabs .tab-content { margin-top: 20px; /*background-color: white;*/ width: 100%; padding: 20px; border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em; } .custom-tabs .tab-content.tradex .card.card-custom { margin-bottom: 0 !important; } .custom-tabs .tab-content.tradex .custom-grid .k-grid .k-grid-pager { padding: 1rem 0 0 !important; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip { box-shadow: none !important; border-width: 1px !important; background-image: none !important; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-content, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-content { margin: 0; border: none !important; border-top: 0; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items { border-bottom: 1px solid #F2F2F2; padding: 0; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item { border: none !important; background-color: white !important; color: #000; padding: 5px 25px; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item:hover, .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item:focus, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item:hover, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item:focus { background-color: white !important; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item.k-state-active, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item.k-state-active { border-bottom: 2px solid #002f5f !important; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items li.k-item .k-link, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items li.k-item .k-link { color: #002f5f !important; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget .k-tabstrip-items .k-loading, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-loading { border-top: unset; } .risk-assessment-tabs .k-tabstrip-wrapper .k-widget, .risk-assessment-tabs .k-tabstrip-wrapper .k-tabstrip * { box-sizing: border-box !important; } .risk-assessment-tabs .riskSubSection .riskSubSectionHeader { padding: 10px 0; } .risk-assessment-tabs .riskSubSection .riskSubSectionHeader b { color: #002f5f !important; } .risk-assessment-tabs .riskSubSection .bor { padding: 5px 0px; } .risk-assessment-tabs .riskSubSection .bor .control-label { padding-bottom: 5px; } .risk-assessment-tabs .riskSubSection .bor .form-group { margin-bottom: 0 !important; } .risk-assessment-tabs .riskSubSection .bor .form-group .form-control { padding: 0 12px !important; } .risk.risk-container { height: 120px; } .risk.risk-container .risk-content { line-height: 20px !important; } .risk.risk-container .risk-content .heading { /*color: $primary-color !important;*/ padding-right: 5px; font-weight: 600; } .risk.risk-container.client-dashboard { height: 205px !important; } .switch-tabs .nav-tabs { border-bottom: 0 !important; } .switch-tabs .nav-tabs a:first-child { border: 1px solid #F2F2F2 !important; padding: 0 20px !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .switch-tabs .nav-tabs a:nth-child(2) { border: 1px solid #F2F2F2 !important; padding: 0 20px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; margin-left: -4px; } .switch-tabs .nav-tabs a.nav-link.active { border: 1px solid #444A59 !important; background-color: #444A59 !important; color: white !important; } .k-rtl .switch-tabs .nav-tabs a:first-child { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .k-rtl .switch-tabs .nav-tabs a:nth-child(2) { border: 1px solid #F2F2F2 !important; padding: 0 20px !important; border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; margin-left: -4px; } .page-template { position: absolute; width: 100%; height: 100%; top: 30px; bottom: 1px; } .page-template .header { position: absolute; width: 94.6%; color: white; padding: 10px 0; } .page-template .header .pdf-title { font-size: 22px; text-align: center !important; padding: 10px 0; } .page-template .header .page-title { font-size: 22px; text-align: center; color: #000000; padding: 8px 0; } .page-template .footer { position: absolute; width: 94.6%; color: white; padding: 10px 0; } .page-template .footer .t-right { text-align: right; float: right; } .page-template .footer .t-left { text-align: left; float: left; } form .form-group .col-form-label { text-align: right; pointer-events: none; } @media (max-width: 575px) { form .form-group .col-form-label { text-align: left; } } #ReportGridClone { border: 10px solid #F2F2F2 !important; } .ReportGridClone .k-grid-footer { padding-right: 0px !important; border: 1px solid #F2F2F2; } .ReportGridClone .k-group-cell { background-color: #fff; } .ReportGridClone .k-grid tbody td:first-child { border-left-width: 1px !important; } .ReportGridClone .k-grid tbody td .k-group-cell { background-color: white !important; } .ReportGridClone .k-grid .k-grouping-row .k-reset { background-color: transparent !important; } .ReportGridClone .k-grid .k-widget table tr td { color: black !important; } .ReportGridClone .k-grid .k-widget table tr td a { color: black !important; } .ReportGridClone .k-grid .k-grid-header .k-header > .k-link { color: white !important; } .ReportGridClone .k-grid-header .k-cell-inner .k-link { color: white !important; padding-top: 10px; padding-bottom: 10px; } .ReportGridClone .k-cell-inner > .k-link { display: block; } .ReportGridClone.k-grid td { border-style: solid; border-width: 1px; padding: .4em .6em; overflow: hidden; line-height: 1.6em; vertical-align: middle; text-overflow: ellipsis; } .ReportGridClone.k-grid tbody td:first-child { border-left-width: 1px !important; border-top-width: 1px !important; } .ReportGridClone.k-grid .k-grid-header { background-color: #002f5f !important; background-image: none !important; } .ReportGridClone.k-grid .k-header { background-color: #002f5f !important; background-image: none !important; color: white !important; font-weight: bold; } .ReportGridClone.k-grid .k-grid-footer { background-image: none !important; color: white !important; } .ReportGridClone.k-grid .k-alt { background-color: #F2F2F2 !important; } .ReportGridClone.k-grid .k-group-footer td { background-color: white !important; } .pdffooter { background-color: #002f5f !important; } .k-animation-container .k-notification { padding: 0 5px !important; bottom: 10px; white-space: normal !important; /*@media (width: 320px){ left: 265px; bottom: 20px; width: 280px; } @media (min-width: 321px) and (max-width: 480px){ left: 170px; bottom: 20px; max-width: 300px !important; }*/ } .k-animation-container .k-notification.k-notification-info { background-color: #cce5ff !important; background-image: none !important; box-shadow: none !important; border: none; font-weight: normal; padding: 10px 50px !important; width: 350px; } .k-animation-container .k-notification.k-notification-info h5 { margin-bottom: 0 !important; padding: 10px 0 !important; color: #112d50 !important; font-size: 12px !important; } .k-animation-container .k-notification .k-icon { font-size: 12px !important; } .k-animation-container .k-notification.k-notification-error { background-color: #ff3448 !important; background-image: none !important; box-shadow: none !important; } .k-animation-container .k-notification.k-notification-error h5 { margin-bottom: 0 !important; padding: 10px 0 !important; color: white !important; font-size: 12px !important; } @media (max-width: 575px) { .k-animation-container .k-notification.k-notification-error { right: 15px; left: auto !important; } } .k-animation-container .k-notification.k-notification-success { background-color: #1ea021 !important; background-image: none !important; box-shadow: none !important; } .k-animation-container .k-notification.k-notification-success h5 { margin-bottom: 0 !important; padding: 10px 0 !important; color: white !important; font-size: 12px !important; } .k-widget.k-tooltip-validation.k-widget { display: inline-block; } /*.k-animation-container{ .k-notification{ padding: 0 5px !important; min-width: 300px; max-width: 500px; bottom: 10px; right: 0 !important; left: 0 !important; white-space: normal !important; @include respond-below(xs){ min-width: 220px !important; max-width: 300px !important; left: 78px !important; right: 0 !important; } .k-icon{ font-size: 12px !important; } &.k-notification-error{ background-color: #ff3448 !important; background-image: none !important; box-shadow: none !important; h5{ margin-bottom: 0 !important; padding: 10px 0 !important; color: white !important; font-size: 12px !important; } } &.k-notification-success{ background-color: #1ea021 !important; background-image: none !important; box-shadow: none !important; h5{ margin-bottom: 0 !important; padding: 10px 0 !important; color: white !important; font-size: 12px !important; } @media screen and (width: 320px){ min-width: 220px !important; max-width: 280px !important; } @media (width: 375px) and (max-width: 418px){ min-width: 220px !important; max-width: 360px !important; } @media (min-width: 414px) and (max-width: 480px){ min-width: 220px !important; max-width: 360px !important; } } } } .k-rtl{ .k-animation-container{ .k-notification{ direction: ltr !important; left: auto !important; right: auto !important; @media screen and (width: 320px){ left: 5px !important; right: auto !important; } @media (width: 375px) and (max-width: 411px){ left: 5px !important; right: auto !important; } } } } .k-widget.k-tooltip-validation.k-widget{ display: inline-block; } .k-grid .field-validation-error{ @media screen and (max-width: 480px){ width: 48% !important; } }*/ /* The container */ .cstm-radio { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cstm-radio input { position: absolute; opacity: 0; cursor: pointer; } .cstm-radio input:checked ~ .checkmark { background-color: #002f5f; border-color: #002f5f; } .cstm-radio input:checked ~ .checkmark:after { display: block; } .cstm-radio .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: 1px solid grey; } .cstm-radio .checkmark:after { content: ""; position: absolute; display: none; } .cstm-radio .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .custom-control-label { line-height: 30px !important; } .radio-card .cstm-radio { position: relative; float: right; right: 15px; top: -5px; } .radio-card .cstm-radio.v2 { position: absolute; right: 30px; top: 10px; z-index: 8; } .card-active { border: 1px solid #002f5f !important; } /*.question .custom-radio .custom-control-label::before { border-radius: 50%; top: 8px; } .question .custom-radio .custom-control-input:checked~.custom-control-label::after{ top: 8px; } .custom-radio .custom-control-label::before{ top: 0 !important; } .custom-radio .custom-control-input:checked~.custom-control-label::after{ top: 0 !important; }*/ .k-tool-group .k-editor-widget .k-i-arrow-60-down:before { top: 0 !important; } .k-tool-group .k-colorpicker .k-tool-icon { top: 0 !important; } .k-grid-content > .k-grid-norecords > .k-grid-norecords-template { margin-left: 0; margin-top: 0; } .custom-control-label::after { top: 0.39rem !important; } .custom-control-label::before { top: 0.39rem !important; } #columnCheckboxDiv { position: relative; left: 8px; } .custom-checkbox .custom-control-label::before { box-sizing: border-box; } #PdfSettigForm .page-header { padding-left: 3px !important; } .k-rtl .radio-card .card-input-element { left: 20px !important; right: auto !important; } .k-calendar td.k-state-focused .k-link { box-shadow: none !important; } .k-calendar td.k-state-selected .k-link { box-shadow: none !important; border-color: #002f5f !important; color: #FFFFFF; background-color: #002f5f !important; } .k-calendar td.k-state-hover .k-link { box-shadow: none !important; border-color: transparent !important; color: #002f5f; background-color: transparent !important; } .k-animation-container .k-column-menu { background-color: #ffffff !important; } .k-animation-container .k-column-menu.k-popup { border: none !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); background-color: #ffffff !important; } .k-animation-container .k-column-menu.k-popup .k-header, .k-animation-container .k-column-menu.k-popup .k-menu { background-color: #ffffff !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-state-hover, .k-animation-container .k-column-menu.k-popup .k-menu .k-state-hover { background-image: none !important; background-color: none !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-state-hover .k-link, .k-animation-container .k-column-menu.k-popup .k-menu .k-state-hover .k-link { background-image: none !important; background-color: transparent !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-state-selected .k-link, .k-animation-container .k-column-menu.k-popup .k-menu .k-state-selected .k-link { background-image: none; background-color: transparent; } .k-animation-container .k-column-menu.k-popup .k-header .k-first, .k-animation-container .k-column-menu.k-popup .k-menu .k-first { background-image: none !important; background-color: transparent !important; border: none !important; outline: none !important; } .k-animation-container .k-column-menu.k-popup .k-header :focus, .k-animation-container .k-column-menu.k-popup .k-menu :focus { outline: none !important; box-shadow: none !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-filterable .k-filter-menu-container .k-action-buttons, .k-animation-container .k-column-menu.k-popup .k-menu .k-filterable .k-filter-menu-container .k-action-buttons { background-image: none !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-filterable .k-filter-menu-container .k-action-buttons.k-primary, .k-animation-container .k-column-menu.k-popup .k-menu .k-filterable .k-filter-menu-container .k-action-buttons.k-primary { border-color: #002f5f !important; background-color: #002f5f !important; color: white !important; } .k-animation-container .k-column-menu.k-popup .k-header .k-filterable .k-filter-menu-container label:second-child, .k-animation-container .k-column-menu.k-popup .k-menu .k-filterable .k-filter-menu-container label:second-child { padding-left: 10px !important; } @media (max-width: 575px) { .k-animation-container .k-column-menu ul li:nth-child(3) { display: none !important; } } .CustomDragDropHint { display: block; width: 180px; height: 40px; background-color: #1E71D5; color: #fff; cursor: move; top: 5px; text-align: center; font-size: 16px; padding: 8px; } .CustomDragDropHint:after { content: ""; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #1E71D5; position: absolute; left: 180px; top: 15px; } :root { --genesis-top-bar-preview-badge-large-width: 320px; --genesis-top-bar-preview-badge-small-width: 160px; --size-font-xxxl: 3rem; --size-font-xxl: 2rem; --size-font-xl: 1.5rem; --size-font-large: 1.25rem; --size-font-medium: 1rem; --size-font-small: 0.875rem; --size-font-tiny: 0.75rem; --header-position: 47px; --header-delegate-position: 0px; --select-menu-item-font-size: 12px; --color-base-slate: #b1b1b1; --select-menu-item-color: #ffff; } .genesis-preview-badge { position: fixed; left: 50%; transform: translateX(-50%); background-color: black; color: var(--color-base-snow, #FFFFFF); font-family: "CustomFont-Light", arial, sans-serif !important; font-weight: 900; text-align: center; z-index: 99; margin: 0; } @media only screen and (min-width: 954px) { .genesis-preview-badge { font-size: var(--size-font-small, 1rem); letter-spacing: 2px; line-height: 20px; z-index: 1001; padding: 0px 60px 0px 60px; border-radius: 0px 0px 6px 6px; } } @media only screen and (max-width: 954px) { .genesis-preview-badge { right: -4px; font-size: var(--size-font-small, 1rem); letter-spacing: 0px; line-height: 20px; width: 100%; top: var(--header-position); } } .menuiconalign { min-width: 20px; } .oxygen-header { left: 80px; padding: 0px !important; } .oxygen-header .header-logov2 { margin-left: 0px !important; } @media screen and (max-width: 960px) { .oxygen-header { left: 0px; top: calc(var(--header-position) + var(--header-delegate-position)) !important; } .profile-icon { width: 22px !important; margin: 0px 4px 0px 4px; font-size: 12px; } .profile-icon__initials { font-size: 12px !important; } .genesis-preview-badge-position { --header-delegate-position: 20px !important; } } awc-top-bar { line-height: normal; padding: 10px 20px; } /*v2 header */ @media only screen and (min-width: 1024px) { .oxygen-content { width: calc(100% - 80px) !important; } } @media only screen and (max-width: 1023px) { .oxygen-content { margin-top: calc(var(--header-position) + var(--header-delegate-position) + 100px) !important; } } .side-nav-mobile { position: fixed !important; } @media only screen and (max-width: 480px) { .logo-menu { display: none; } } /*@media (min-width: 600px) { // Your styles for 600px and above go here awc-side-nav { position: fixed; } }*/ .side-nav-white-label { position: fixed; /* width: 100%;*/ } @media (max-width: 950px) { .side-nav-white-label { width: 100% !important; } } :root { --size-font-small: 0.874rem; --size-font-base: var(--size-font-small); --color-base-clouds: #ebebeb; --color-warning-bronze: #fff; --size-padding-static-tiny: 0.25rem; --size-font-tiny: 0.75rem; --size-weight-regular: 400; --mdc-icon-size: 24px; --font-family-base: 'CustomFont-Light', Helvetica, Arial, sans-serif; } .logo-menu { position: fixed; right: 24px; transform: translateY(-50%); } .profile-icon { display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 960px) { .profile-icon { height: 36px !important; } #announce_badge_mobile { position: absolute; background-color: red; border-radius: 4px; padding: 1px; margin-left: 21px; margin-top: -17px; height: 16px; } } .profile-icon__initials { font-size: 14px; color: var(--awc-side-nav-color); border: 1px solid; border-color: var(--awc-side-nav-color); border-radius: 50%; padding: 4px; text-align: center; line-height: normal; } .profile-icon_submenu { color: var(--color-base-snow); border-color: var(--color-base-snow); } #announce_badge { position: absolute; background-color: red; border-radius: 4px; padding: 1px; margin-left: -11px; margin-top: -3px; height: 16px; } .side-nav-content-header-investrack { font-size: 24px; letter-spacing: 2px; font-weight: 600; } .ac-select-menu { --select-menu-padding: 10px 16px; --select-menu-color-primary: var(--color-base-snow, #FFFFFF); --select-menu-color-secondary: var(--color-base-slate, #b1b1b1); --select-menu-color: var(--select-menu-color-primary); --select-menu-font-size: var(--size-font-base, 1rem); --select-menu-font-weight: 400; --select-menu-hover-color: var(--color-base-abyss, #1b2836); --select-menu-secondary-item-width: 30px; --select-menu-gap-item: 8px; } .ac-select-menu ac-select-menu-item { --select-menu-item-primary-item-padding: 8px 4px; } .ac-select-menu ac-select-menu-item-single { --select-menu-item-single-color: var(--select-menu-item-color); --select-menu-item-single-font-size: var(--select-menu-item-font-size); } .ac-select-menu-item-pair { --select-menu-item-pair-font-size: var(--select-menu-item-font-size); --select-menu-item-pair-top-font-size: var(--select-menu-item-pair-font-size); --select-menu-item-pair-bottom-font-size: var(--select-menu-item-pair-font-size); --select-menu-item-pair-color: var(--select-menu-item-color); --select-menu-item-pair-top-color: var(--select-menu-item-pair-color); --select-menu-item-pair-bottom-color: var(--select-menu-item-pair-color); --select-menu-item-pair-top-font-weight: 700; --select-menu-item-pair-bottom-font-weight: 500; line-height: normal; font-weight: 400; } .select-menu { position: relative; color: var(--select-menu-color); font-size: var(--select-menu-font-size); padding: var(--select-menu-padding); } .select-menu-item { display: flex; gap: 8px; color: var(--color-base-slate); font-size: var(--select-menu-item-font-size); font-weight: 700; } .select-menu__items { position: relative; } .select-menu-item__secondary-item { min-width: 30px; display: flex; justify-content: center; align-items: center; color: var(--color-base-snow); } .select-menu-item-pair { font-size: var(--select-menu-item-pair-font-size); } .select-menu-item__primary-item { flex-grow: 1; padding: 8px 10px; border-radius: 4px; transition-duration: 0.3s; line-height: normal; } .select-menu-item__primary-item--no-hover { position: relative; } .select-menu-item__primary-item--no-hover:hover { background-color: inherit !important; cursor: inherit !important; } .select-menu-item__primary-item:hover { background-color: var(--awc-side-nav-item-bg-hover-color); cursor: pointer; } .select-menu-item-pair__top { font-size: 12px; font-weight: 700; color: #b1b1b1; } .select-menu__header { position: relative; } .select-menu-item-single { font-size: 0.875rem; font-weight: 400; } .ac-menu-link { color: var(--color-base-slate) !important; } .ac-select-menu-item-single { color: var(--color-base-snow); } .ac-menu-link:hover { color: inherit; text-decoration: inherit; flex-grow: 1; } .select-menu-item-pair__bottom { font-size: var(--select-menu-item-pair-bottom-font-size); font-weight: var(--select-menu-item-pair-bottom-font-weight); /* color: var(--select-menu-item-pair-bottom-color); */ } .select-menu-item-pair__top { font-size: var(--select-menu-item-pair-top-font-size); font-weight: var(--select-menu-item-pair-top-font-weight); color: var(--select-menu-item-pair-top-color); } .awc__badge awc__badge-warn { color: white !important; } .side-nav-logo-mobile { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Logo@1x'); width: var(--awc-side-nav-logo-img-width); height: var(--awc-side-nav-logo-img-height); } .side-nav-logo { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>Logo@1x'); width: var(--awc-side-nav-logo-img-width); height: var(--awc-side-nav-logo-img-height); } .request-workflow .profile-img { float: left; margin-right: 20px; } .request-workflow .profile-img img { width: 85px; height: 85px; border-radius: 50%; } .request-workflow .user-details { float: left; } @media (max-width: 575px) { .request-workflow .user-details .contact-links a { display: block !important; } } @media (max-width: 575px) { .request-workflow .border-right { border-right: none !important; } } @media (max-width: 575px) { .request-workflow .module { margin: 20px 0 !important; } } #BtnNewRequest { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .request-details { position: relative; } @media screen and (width: 414px) { .request-details { width: 47% !important; } } @media screen and (width: 411px) { .request-details { width: 47% !important; } } @media screen and (width: 360px) { .request-details { width: 41% !important; } } @media screen and (width: 375px) { .request-details { width: 42% !important; } } .request-details .top-content { margin: 45px 20px 20px 25px !important; border-bottom: 1px solid #F2F2F2; position: relative !important; /*@media (device-width: 320px){ width: 39% !important; } @media (device-width: 360px){ width: 51% !important; padding: 45px 20px 0 15px !important; } @media (device-width: 375px){ width: 51% !important; } @media (device-width: 414px){ width: 51% !important; } @media (device-width: 480px){ width: 65% !important; }*/ } @media (min-width: 360px) and (max-width: 480px) { .request-details .top-content { width: 100% !important; } } @media only screen and (min-width: 360px) and (max-width: 480px) and (min-width: 320px) and (max-width: 480px) { .request-details .top-content { margin: 0px !important; } } .request-details .top-content .close { font-size: 16px; position: absolute; top: -30px; right: 0; } .request-details .top-content .status-code { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 5px; } .request-details .mid-content { width: 100%; height: 200px; overflow-y: auto; /*@media (device-width: 320px){ width: 49%; } @media (device-width: 360px){ width: 56% !important; } @media (device-width: 375px){ width: 57% !important; } @media (device-width: 414px){ width: 64% !important; } @media (device-width: 480px){ width: 72% !important; }*/ } .request-details .mid-content .Right { float: right; } .request-details .mid-content .Right .time { color: #707070; margin-bottom: 5px; margin-top: 10px; text-align: right; } .request-details .mid-content .Right .attachment { background-color: #F4F8FD; padding: 10px; border-radius: 4px; margin-top: 5px; color: #20A7E9; max-width: 500px; min-width: 50px !important; display: block; float: right; } @media (min-width: 360px) and (max-width: 480px) { .request-details .mid-content .Right .attachment { width: 70% !important; } } .request-details .mid-content .Right .attachment a { text-decoration: underline; } .request-details .mid-content .Right .comment { background-color: #06BEE1; color: #FFFFFF; padding: 10px; border-radius: 4px; margin-top: 10px; font-size: 14px; max-width: 500px; min-width: 50px !important; display: block; float: right; } @media (min-width: 360px) and (max-width: 480px) { .request-details .mid-content .Right .comment { width: 50% !important; } } .request-details .mid-content .Left { float: left; } .request-details .mid-content .Left .time { color: #707070; margin-bottom: 5px; margin-top: 10px; text-align: left; } .request-details .mid-content .Left .attachment { background-color: #F4F8FD; padding: 10px; border-radius: 4px; margin-top: 5px; color: #20A7E9; max-width: 500px; min-width: 50px !important; display: block; float: left; } .request-details .mid-content .Left .attachment a { text-decoration: underline; } .request-details .mid-content .Left .comment { background-color: #F2F2F2; color: #282828; padding: 10px; border-radius: 4px; margin-top: 10px; font-size: 14px; max-width: 500px; min-width: 50px !important; display: block; float: left; } @media (min-width: 360px) and (max-width: 480px) { .request-details .mid-content .Left .comment { max-width: 215px !important; } } .request-details .bottom-content { border-top: 1px solid #F2F2F2; width: 100%; /*height: 40px;*/ } .request-details .bottom-content .input-box { width: 90%; float: left; margin-right: 20px; } .request-details .bottom-content .input-box input { width: 100%; border: none !important; padding: 15px 0px 15px 15px; } .request-details .bottom-content .input-box input:focus { border: none !important; outline: none !important; } @media screen and (width: 414px) { .request-details .bottom-content .input-box { width: 62% !important; } } @media screen and (width: 375px) { .request-details .bottom-content .input-box { width: 55% !important; } } @media screen and (width: 360px) { .request-details .bottom-content .input-box { width: 53% !important; } } @media screen and (width: 411px) { .request-details .bottom-content .input-box { width: 61% !important; } } .request-details .bottom-content .input-box .k-widget.k-tooltip-validation { padding-left: 18px !important; padding-top: 8px !important; } .request-details .bottom-content .attach-ic { padding: 15px 10px 14px; color: #002f5f !important; display: inline-block; } .request-details .bottom-content .attach-ic .fal { font-size: 20px; } .request-details .bottom-content .send-ic { /*padding: 8px 10px 0; color: $brand-secondary !important;*/ position: relative; top: 8px; } .request-details .bottom-content .send-ic .fal { font-size: 12px; background-color: #002f5f; color: white; width: 30px; border-radius: 50%; height: 30px; } .request-details .bottom-content .send-ic .fal.fa-arrow-up:before { position: absolute; top: -8px; left: 10px; } .request-details .attached-file { background-color: #F7F7F7; padding: 10px; border-radius: 4px; margin-top: 5px; color: #002f5f; float: right; width: 50%; margin: 10px 15px; } .request-details .attached-file .fal { position: relative; top: 6px; } .k-detail-row .k-detail-cell { padding: 0 !important; background-color: #FFFFFF; } #RequestList table tr td { border-bottom: 1px solid #F2F2F2 !important; } #RequestList table tr td.k-detail-cell { border-left: none !important; padding: 0 !important; } #RequestList table tr.k-alt { background-color: transparent !important; } #addRequest .custom-dropdown .k-widget.k-multiselect { width: 100% !important; } .risk-doc-block { background-color: #F2F2F2 !important; } @media (max-width: 575px) { .risk-doc-block { background-color: transparent !important; } } .risk-doc-block .risk-doc-list { background-color: #FFFFFF !important; border: 1px solid #BFBFBF !important; margin: 25px auto !important; } @media (max-width: 575px) { .risk-doc-block .risk-doc-list { border: none !important; margin: 0 !important; } } .risk-doc-block .risk-doc-list .list-item { border-bottom: 1px solid #F2F2F2 !important; padding: 15px 15px 18px !important; } @media (max-width: 575px) { .risk-doc-block .risk-doc-list .list-item { padding: 15px 0px 36px !important; } } .risk-doc-block .risk-doc-list .list-item .fal { font-size: 20px !important; color: #707070 !important; } .risk-doc-block .risk-doc-list .list-item a { position: relative; top: -3px; left: 10px; text-decoration: underline !important; } @media (max-width: 575px) { .risk-doc-block .risk-doc-list .list-item a { top: 0; } } .risk-doc-block .risk-doc-list .list-item .custom-checkbox { position: relative; left: -4px; top: 5px; } .risk-doc-block .risk-doc-list .list-item .k-invalid-msg.field-validation-error { padding: 0 !important; margin: 0 !important; } .k-rtl #RequestList table tr td:first-child { border-right: 3px solid #707070 !important; border-left: none !important; } .k-rtl .request-details .top-content .close { left: 0 !important; right: auto !important; } .k-rtl .request-details .bottom-content .input-box { float: right !important; } .k-rtl .request-workflow.border-right { border-left: 1px solid #F2F2F2 !important; border-right: 0 !important; } .k-rtl .request-workflow .profile-img { float: right; margin-left: 20px; } .k-rtl .request-workflow .user-details { float: right; } /*.custom-grid .grid-wrapper .k-widget{ &#RequestList{ .k-grid-content{ overflow-y: hidden !important; } } }*/ #RequestList .k-grid-content { overflow-y: hidden !important; overflow-x: hidden !important; } @media (width: 768px) { #RequestList .MbColumnHeaderText { width: 20% !important; } } @media (width: 768px) { #RequestList .MbColumnColumnValue { text-align: left !important; width: 55% !important; } } @media (width: 768px) { .request-details .mid-content { width: 80% !important; } } @media (width: 768px) { .request-details .bottom-content .input-box { width: 65% !important; } } @media (width: 768px) { .request-details .top-content { width: 73% !important; } } @media (width: 768px) { .IsMobileHeaderExsist .k-grid-content { overflow-x: auto !important; } } @media (min-width: 575px) and (max-width: 704px) { .requestbtn-s7 { float: left; text-align: center; } } @media screen and (orientation: landscape) { .requestbtn-s7 { float: left; text-align: center; } } /* SS&C color palette -------------------------------------------------- */ /* NEUTRAL COLORS -------------------------------------------------- */ /* ACCENT, MESSAGING & CTA COLORS -------------------------------------------------- */ /* BRAND COLORS -------------------------------------------------- */ /* CHART & VISUALIZATION COLORS -------------------------------------------------- */ /* equity buttons -------------------------------------------------- */ /* Empty states -------------------------------------------------- */ #tradex .custom-searchbox .cstm-input { background-color: #F2F2F2; border: none; border-radius: .2rem; box-sizing: border-box; color: #848484; display: block; font-size: 1rem; height: 40px; padding: 0 2rem 0 3rem; width: 100%; -webkit-appearance: none; } #tradex .custom-searchbox .fa-search { background-color: transparent; border: none; cursor: pointer; height: 1.5rem; padding: 0; position: absolute; top: 0.8rem; width: 1.5rem; color: #848484; left: 1.3rem; padding-left: 10px; } #tradex .dvbuyamount { padding: 0; } #tradex .empty-buylist .empty-text { color: #282828; font-size: 18px; } #tradex .dvamount { position: relative; padding: 0; } #tradex .dvamount .k-widget { background: none; border: none; background-image: none; width: 70px; box-shadow: none !important; height: 36px !important; } #tradex .dvamount .k-widget .k-dropdown-wrap { background: none; border: none; background-image: none; border-width: 0px !important; box-shadow: none !important; border-style: none !important; border-radius: 2px !important; } #tradex .dvamount .k-widget .k-input { font-size: 14px; height: 35px !important; border-radius: 2px !important; } #tradex .dvamount .k-widget.read-only { background-color: #F2F2F2 !important; border-radius: 0 !important; } #tradex .dvamount .k-widget.k-dropdown { /*border: 1px solid $grey !important;*/ } #tradex .dvamount .custom-dropdown { position: absolute !important; top: 3px !important; right: 4px !important; } #tradex .dvamount .form-control { border: none; } #tradex .ucits-action { position: relative; left: 1.5rem; } #tradex .fixed-tbl-scroll { overflow-x: auto; } #tradex .fixed-table { table-layout: fixed; } #tradex .fixed-table thead th { border-bottom: 0 !important; border-top: 0 !important; text-align: left !important; } #tradex .fixed-table th { border-top: 0 !important; } #tradex .fixed-table tbody td { text-align: left !important; } #tradex .fixed-table tbody #td_ThAmount { white-space: nowrap; } #tradex .prod-details { position: relative; top: 0; font-size: 14px; color: #BFBFBF; } #tradex .prod-details .prod-text { position: relative; top: -11px; } #tradex .prod-details .prod-text-1 { position: relative; top: -21px; } #tradex .prod-details-mb { position: relative; top: 5px; font-size: 12px; color: #BFBFBF; } #tradex .prod-details-mb .prod-text { position: relative; top: -4px; } #tradex .prod-details-mb .prod-text-1 { position: relative; top: -7px; } #tradex .terms-link { position: relative; /*top: -3px;*/ left: -12px; color: #002f5f !important; } @media (max-width: 575px) { #tradex .terms-link { float: left !important; top: -30px; line-height: 1.5; left: 11px; } } #tradex .input-group { /*.dvamount { .custom-dropdown { top: 0 !important; right: 0 !important; .k-dropdown-wrap { border: none !important; } } .k-widget { .k-numeric-wrap & .k-state-default { border: none !important; } } }*/ border-radius: 2px !important; } #tradex .input-group.dvamount input { width: 100%; border: 0; } #tradex .input-group.dvamount .custom-dropdown { top: 0 !important; right: 0 !important; } #tradex .input-group.dvamount .custom-dropdown .k-dropdown-wrap { border: none !important; } @media screen and (max-width: 480px) { #tradex .input-group.dvamount .custom-dropdown .k-dropdown-wrap { border: none !important; } } .k-numeric-wrap #tradex .input-group.k-widget .k-state-default { border: none !important; } #tradex .input-group.dvUnit .k-widget.k-numerictextbox { width: 100% !important; } #tradex .input-group.dvUnit .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default .k-input { height: 36px !important; } @media screen and (max-width: 480px) { #tradex .input-group.dvUnit .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default .k-input { height: 35px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.dvUnit .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default.k-expand-padding { height: 35px !important; } } #tradex .input-group.dvUnit .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default.k-expand-padding .k-input { border-radius: 2px !important; height: 36px !important; } @media screen and (max-width: 480px) { #tradex .input-group.dvUnit .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default.k-expand-padding .k-input { border-radius: 2px !important; height: 35px !important; } } @media screen and (max-width: 480px) { #tradex .input-group .divUnit { border-radius: 2px !important; height: 36px !important; } } @media screen and (max-width: 480px) { #tradex .input-group .divUnit .form-control { border-radius: 2px !important; height: 35px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .dvamount { border-radius: 2px !important; height: 37px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .dvcurrency .k-dropdown { position: relative; top: 0px; right: 4px; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .divUnit { width: 100% !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .divUnit { border-radius: 2px !important; height: 39px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .divUnit .form-control { border-radius: 2px !important; height: 38px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .dvpercent { width: 100% !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mbswitch .dvpercent .k-input { border-radius: 2px !important; height: 38px !important; } } #tradex .input-group.mbswitch .dvpercent .Percentdvpercent { position: absolute; right: 11px; top: 5px; } @media screen and (max-width: 480px) { #tradex .input-group.mb-switch-buy .k-numerictextbox { height: 38px !important; } } @media screen and (max-width: 480px) { #tradex .input-group.mb-switch-buy .k-input { height: 37px !important; } } #tradex .input-group.mb-switch-buy .percent { width: 20px; position: relative; top: 3px; right: 4px; } @media (max-width: 576px) { #tradex .input-group.mb-switch-buy .percent { left: 1rem; } } .k-numeric-wrap { border-radius: 0 !important; background-image: none !important; background-color: transparent !important; box-shadow: none !important; } .k-numeric-wrap.k-state-hover { background-color: transparent !important; box-shadow: none !important; } .k-numeric-wrap:focus { border: none !important; } #SelectedProductConfirmation tr { border-bottom: 1px solid #F2F2F2 !important; } #SelectedProductConfirmation tr td { padding: 0.7rem 0 !important; } #SelectedProductConfirmationForSell tr { border-bottom: 1px solid #F2F2F2 !important; } #SelectedProductConfirmationForSell tr td { padding: 0.7rem 0 !important; } #WorkFlowAlertGrid .k-edit-form-container { width: 100% !important; } .k-edit-form-container { width: 100% !important; } #editShapeTemplate .k-edit-form-container .k-state-default { border-width: 0 !important; border-color: transparent !important; } #editShapeTemplate .k-edit-form-container .k-state-default.k-edit-buttons { background-color: transparent !important; border-width: 0 !important; border-color: transparent !important; } #editShapeTemplate .k-edit-form-container .k-edit-buttons { background-color: transparent !important; border-width: 0 !important; border-color: transparent !important; } .k-window .k-state-default { /*border-width: 0 !important; border-color: transparent !important;*/ } .k-window .k-state-default.k-edit-buttons { background-color: transparent !important; border-width: 0 !important; border-color: transparent !important; } .k-window .k-edit-buttons { background-color: transparent !important; border-width: 0 !important; border-color: transparent !important; padding: 20px 0; } .k-window .k-edit-buttons .k-diagram-update { background-color: #002f5f !important; background-image: none !important; box-shadow: none !important; color: #FFFFFF; padding: 5px 15px; } .k-window .k-edit-buttons .k-diagram-update .k-icon { display: none !important; } .k-window .k-edit-buttons .k-diagram-cancel { background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; color: #307FE2; padding: 5px 15px; } .k-window .k-edit-buttons .k-diagram-cancel .k-icon { display: none !important; } .k-window .k-edit-buttons .k-grid-update { background-image: none !important; background-color: #002f5f !important; color: #FFFFFF !important; border-color: #002f5f !important; } .k-window .k-edit-buttons .k-grid-cancel { background-image: none !important; background-color: #FFFFFF !important; color: #002f5f !important; border-color: #002f5f !important; } #queryBuilder .btn-group.group-actions, #queryBuilder .btn-group.group-conditions { display: inline-flex !important; } #queryBuilder #queryBuilder_group_0 { width: 100%; } #queryBuilder #queryBuilder_group_0 .rules-group-body { display: block; border: 1px solid #dedede; margin-bottom: 10px; position: relative; padding: 10px; margin-top: 10px; } #queryBuilder #queryBuilder_group_0 .rules-group-body .rules-list .rule-container { margin: 10px 0; } #queryBuilder #queryBuilder_group_0 .rule-header { position: absolute; right: 8px; /*top: 0;*/ } #queryBuilder #queryBuilder_group_0 .rule-header .btn.btn-xs { border-radius: 0; } #queryBuilder #queryBuilder_group_0 .rule-filter-container, #queryBuilder #queryBuilder_group_0 .rule-operator-container, #queryBuilder #queryBuilder_group_0 .rule-value-container { margin: 0 10px; display: inline-flex; } #queryBuilder #queryBuilder_group_0 .rule-filter-container .k-valid, #queryBuilder #queryBuilder_group_0 .rule-operator-container .k-valid, #queryBuilder #queryBuilder_group_0 .rule-value-container .k-valid { margin: 0 10px; } #queryBuilder .rules-group-container { margin-top: 15px; } #queryBuilder .rules-group-container:first-child { margin-top: 0 !important; } .k-rtl #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-header { left: 15px !important; right: auto !important; } .k-rtl .pull-right { float: left !important; } #queryBuilderConsistency .btn-group.group-actions, #queryBuilderConsistency .btn-group.group-conditions { display: inline-flex !important; } #queryBuilderConsistency #queryBuilderConsistency_group_0 { width: 100%; } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rules-group-body { display: block; border: 1px solid #BFBFBF; margin-bottom: 10px; position: relative; padding: 10px; margin-top: 10px; } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rules-group-body .rules-list .rule-container { margin: 10px 0; } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-header { position: absolute; right: 8px; /*top: 0;*/ } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-header .btn.btn-xs { border-radius: 0; } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-filter-container, #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-operator-container, #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-value-container { margin: 0 10px; display: inline-flex; } #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-filter-container .k-valid, #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-operator-container .k-valid, #queryBuilderConsistency #queryBuilderConsistency_group_0 .rule-value-container .k-valid { margin: 0 10px; } #queryBuilderConsistency .rules-group-container { margin-top: 15px; } #queryBuilderConsistency .rules-group-container:first-child { margin-top: 0 !important; } /*#WorkFlowGrid, #FormList{ min-height: 150px !important; max-height: 500px !important; height: auto !important; }*/ #diagram .k-toolbar { background-color: #FFFFFF; } #diagram .k-toolbar .k-icon-button { background-color: #FFFFFF; color: #002f5f; border: 0; } #diagram .k-toolbar .k-icon-button:active { border-color: #002f5f; color: #002f5f; } #diagram .k-toolbar .k-icon-button:hover { background-color: #FFFFFF; } #diagram .k-toolbar .k-icon-button:focus { border-color: #002f5f; color: #002f5f; } #WorkFlowIcon { width: 30px; position: fixed; top: 40%; right: 5%; z-index: 10; background-color: #444A59; padding: 0px 0 0 7px; font-size: 12px; color: #FFFFFF; display: none; } #WorkFlowSidebar { width: 80px; position: fixed; /*top: 40%;*/ right: 0; z-index: 10; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; } #WorkFlowSidebar #WorkFlowStatusSideBar { padding: 0; margin: 0; list-style: none !important; } #WorkFlowSidebar #WorkFlowStatusSideBar .k-diagram { /*height: 150px !important; overflow-y: auto !important;*/ } #WorkFlowSidebar #WorkFlowStatusSideBar .k-widget { background-color: #F2F2F2 !important; } #WorkFlowSidebar #WorkFlowStatusSideBar .DigramHeading { background-color: #444A59 !important; color: #FFFFFF; font-weight: bold; cursor: pointer; } #WorkFlowSidebar #WorkFlowStatusSideBar .DigramHeading #DvWorkFlowShortName .k-i-arrow-chevron-right { font-size: 25px; } #WorkFlowSidebar #WorkFlowStatusSideBar .DigramHeading #DvWorkFlowLongName { display: none; } #WorkFlowSidebar.open { width: 250px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s; } #WorkFlowSidebar.open #WorkFlowStatusSideBar .DigramHeading #DvWorkFlowShortName { display: none; } #WorkFlowSidebar.open #WorkFlowStatusSideBar .DigramHeading #DvWorkFlowLongName { display: block; } #WorkFlowSidebar.open #WorkFlowStatusSideBar .DigramHeading #DvWorkFlowLongName .k-i-arrow-chevron-left { font-size: 25px; } .k-rtl #WorkFlowSidebar { left: 0 !important; right: auto !important; } #EmployeeGroups .frm_label { width: 70%; } @media (max-width: 575px) { #EmployeeGroups .frm_label { width: 88%; } } #ProductList .k-grid-norecords-template { margin: 30px auto !important; } /*.k-numeric-wrap{ border-color: $grey !important; border-radius: 2px 0 0 2px !important; }*/ #FormRiskSummary .m-t-20-per { margin-top: 20% !important; } @media (max-width: 575px) { #FormRiskSummary .m-t-20-per { margin-top: 5% !important; margin-bottom: 2% !important; } } #MbProductGrid tr td .fal, #MsHoldingsGrid tr td .fal { padding: 0 !important; text-decoration: none !important; } .switch-tabs .nav-tabs { border-bottom: 0 !important; } .switch-tabs .nav-tabs a.nav-link.active { border: 1px solid #444A59 !important; background-color: #444A59 !important; color: white !important; font-weight: 100 !important; } .csmt-numericbox .k-widget.k-numerictextbox { height: 41px; } .ScrollStyle { width: 331px; max-height: 150px; overflow-y: scroll; } .k-rtl #tradex .fixed-table thead th { text-align: right !important; } .k-rtl #tradex .fixed-table tbody td { text-align: right !important; } .k-rtl #tradex .terms-link { top: 0px !important; left: 10px !important; } .k-rtl .k-listbox .k-list-scroller li { text-align: right !important; } .k-rtl #tradex .input-group.dvamount .custom-dropdown { right: auto !important; left: 0 !important; } .k-rtl div.k-window-content { text-align: right !important; } .k-rtl div.k-window-content .k-grid-edit-row > td > .text-box { display: block; } .k-rtl div.k-window.k-dialog .k-dialog-buttongroup .k-button + .k-button { margin-left: 0 !important; margin-right: 0 !important; } #tradex #periodicSubscription .custom-searchbox .fa-search { left: 1rem; } #tradex #periodicSubscription .custom-searchbox .cstm-input { padding: 0 2rem 0 2.5rem; } .switchTrade { position: relative; display: block; vertical-align: top; width: 105px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } .switchTrade-input { position: absolute; top: 0; left: 0; opacity: 0; } .switchTrade-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #002f5f; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } .switchTrade-label:before, .switchTrade-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switchTrade-label:before { content: attr(data-off); right: 11px; color: #FFFFFF; } .switchTrade-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switchTrade-input:checked ~ .switchTrade-label { background: #002f5f; } .switchTrade-input:checked ~ .switchTrade-label:before { opacity: 0; } .switchTrade-input:checked ~ .switchTrade-label:after { opacity: 1; } .switchTrade-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .switchTrade-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switchTrade-input:checked ~ .switchTrade-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switchTrade-label, .switchTrade-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } /*#SwitchIn{ &{ .k-grid-header{ table thead tr { th:nth-child(5) { .k-link{ margin-right:0; padding-right: 0; } } th:nth-child(6) { .k-link{ margin-right:0; padding-right: 0; } } } } } }*/ #tradex .custom-grid .k-grid-header th.margin-right > .k-link { margin-right: 0; padding-right: 0; } .confirmorder tr td { padding: 4px !important; } #mbaccordionExample .card-header .btn { justify-content: right; } .confirmcardhead { border-top: 3px solid #002f5f; } .confirmorder.collapsed .rotate { transform: rotate(180deg); } .confirmcard .accordion .card:first-of-type { border-bottom: 1px solid #BFBFBF !important; border-radius: 4px; } /* Trading scss */ .divUnit .k-numerictextbox > input { border: none; } /*Pension plan model filter scsss*/ .k-filter-menu .k-filter-menu-container label { display: inline-flex; margin-right: 4px; } .k-filter-menu .k-filter-menu-container input[type="radio"] { margin: 0 4px; } .confirmorder tr td:first-child { width: 40%; display: inline-block; } .confirmorder tr td:last-child { width: 60%; display: inline-block; text-align: left !important; } .small-wrapper .confirmorder { align-items: center; } .SwitchtDvMobileBuy input.dvbuyamount { border: none; } body { background-size: cover; padding: 0; margin: 0; font-size: 14px; font-weight: 300; color: black; line-height: 30px; overflow-x: hidden; } /***** Top content *****/ .top-content .select-lang-dropdown { border: 1px solid #F2F2F2; margin: 0 auto; display: block; } .top-content .select-lang-dropdown .k-dropdown-wrap { border: none; } .inner-bg .form-box2 { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40%; background-color: #fff; } @media only screen and (min-width: 320px) and (max-width: 480px) { .inner-bg .form-box2 { width: 90% !important; } } @media (max-width: 950px) { .inner-bg .form-box2 { width: 90% !important; } } .inner-bg .form-box2 h3 { background-color: #F7F7F7; } .inner-bg .form-box2 .form-control, .inner-bg .form-box2 .form-control[readonly] { height: 34px; } .inner-bg .form-box2 label { font-weight: 500; } .inner-bg .form-box { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; } @media (max-width: 575px) { .inner-bg .form-box { width: 85%; } } .inner-bg .form-box .form-top { overflow: hidden; padding: 0 25px 15px 25px; background: white; text-align: left; border-top-left-radius: 4px; border-top-right-radius: 4px; } .inner-bg .form-box .form-control { height: 34px !important; } .inner-bg .form-box .form-top-left { margin: 0 auto; width: 75%; padding-top: 25px; } .inner-bg .form-box .form-top-left h3 { margin-top: 0; } .inner-bg .form-box .form-bottom { padding: 25px 25px 30px 25px; background: white; text-align: left; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .inner-bg .form-box .form-bottom form textarea { height: 100px; } .inner-bg .form-box .form-bottom form button.btn { width: 100%; } .inner-bg .form-box .form-bottom form .input-error { border-color: #48A651; } #investecklogin .error-text { text-align: center !important; font-size: 14px !important; } @media only screen and (min-width: 600px) and (max-width: 900px) { .flex-sm { display: flex; } } .k-rtl { /*.inner-bg .form-box #txtPassword{ text-indent:20px; }*/ } .k-rtl .otplabel { position: fixed; bottom: 133px; } .k-rtl .inner-bg .form-box .form-bottom { direction: rtl; text-align: right; } .k-rtl #togglePassword, .k-rtl #toggleConfirmPassword, .k-rtl #toggleNewPassword, .k-rtl #toggleOldPassword { left: 12px; right: unset !important; } .buysellconfirm { background-color: #1E71D5 !important; color: #fff; } #SelectedProductConfirmation tr:nth-child(odd) { background: #fff; } #SelectedProductConfirmation tr td { padding: 5px 6px 5px 1px !important; } .btn-sell { background-color: #f8d7da !important; color: #721c24 !important; border-color: #721c24 !important; border-radius: 2px; } .btn-sell:hover { background-color: #721c24 !important; color: white !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .btn-sell { width: 47%; } } .btn-buy { background-color: #d4edda !important; color: #155724 !important; border-color: #155724 !important; border-radius: 2px; } .btn-buy:hover { background-color: #155724 !important; color: white !important; } @media only screen and (min-width: 320px) and (max-width: 480px) { .btn-buy { width: 47%; } } .buyconfirm { background-color: #d4edda !important; color: #155724 !important; border-color: #155724 !important; } .sellconfirm { background-color: #f8d7da !important; color: #721c24 !important; border-color: #721c24 !important; } .confirmcard { margin: 0 auto; } .confirmcardhead { background-color: #f2f2f2 !important; } #sellSelectedProductConfirmation tr:nth-child(odd) { background: #fff; } #sellSelectedProductConfirmation tr td { padding: 5px 10px !important; } #innerTbl { width: 103%; padding: 0px; color: #979A9A; } #sellSelectedProductConfirmation #selldemo1 td { padding: 0.3rem 0.9rem !important; } .d-flex1 { display: flex; } @media only screen and (min-width: 320px) and (max-width: 480px) { .d-flex1 { display: block; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .buysell-btn-group { margin-top: 20px; margin-bottom: 20px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { .buysell-btn-group .brand-secondary { width: 45%; } } #SecPanelBar .k-link { color: black !important; } #SecPanelBar .k-selected { color: black !important; } .Security-details-container .k-panelbar { border-color: white !important; } .marketplaceinfo { padding: 3px 14px; background-color: #cce5ff; color: #004085 !important; border-radius: 4px; } .marketplaceinfo > label { cursor: pointer; } #MbBuytradebalance, #MbSelltradebalance { padding: 3px 14px; background-color: #cce5ff; color: #004085 !important; border-radius: 4px; } @media only screen and (min-width: 320px) and (max-width: 480px) { .accordion.accordion-card-custom .card #buyheadingOne .btn { display: block !important; } } /*--------------------Equity QA issues scss by Harshad 5/Apr/2024------------------------*/ .k-button-solid-base:focus, .k-button-solid-base.k-focus { border-color: #BFBFBF; box-shadow: 0 0 4px 0 #BFBFBF; } .Security-details-container ul a .k-panelbar-item-text { font-size: 18px; font-weight: bold; } @media only screen and (min-width: 320px) and (max-width: 480px) { #eqty { margin-bottom: 24px; } } @media screen and (min-width: 321px) and (max-width: 875px) { #eqty { margin-bottom: 24px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { #eqtysl { margin-bottom: 24px; } } @media screen and (min-width: 321px) and (max-width: 875px) { #eqtysl { margin-bottom: 24px; } } /*--------------------Equity QA issues scss by Stephen 19/Apr/2024------------------------*/ @media only screen and (min-width: 320px) and (max-width: 480px) { #eSellCancelbtn .brand-secondary { width: 45%; } } #SecPanelBar .k-i-arrow-chevron-up { color: #002f5f; } #SecPanelBar .k-i-arrow-chevron-down { color: #002f5f; } #buysellEquityForm .k-upload .k-dropzone .k-upload-button { border: 1px solid #707070 !important; } .k-rtl #Orderconfirmation .k-loading-mask { right: 0px !important; } .k-rtl #BuyRequestConfirmationWindow .k-loading-mask { right: 0px !important; } #equityPlaceOrder .k-widget.k-tooltip-validation, #sellEquityOrder .k-widget.k-tooltip-validation { margin: 0px 0 4px !important; } body { background-color: #fdfaf6; } .side-nav-white-label { --awc-side-nav-bg-color: #002f5f; --awc-side-nav-content-bg-color:#002f5f; --color-base-snow:#ffffff; --awc-side-nav-color: #ffffff; --awc-side-nav-border-color: #ffffff; --awc-side-nav-item-bg-hover-color: #BA9C73; --awc-side-nav-item-border-color: #ffffff; --awc-side-nav-border-color:#ffffff; --color-base-abyss: #BA9C73; --color-base-slate:#ffffff; --color-base-clouds:#ffffff; } .breadcrumb-white-label { --awc-breadcrumb-color: #BA9C73 !important; --awc-breadcrumb-hyperlink-color: #002F5F !important; --color-base-clearskies: #BA9C73 !important; --color-base-cloudy:#EBEAEA !important ; } .power-user { background-image: url('data:image/svg+xml,'); width: 100%; /* or any specific width */ height: 450px; /* or any specific height */ background-size: contain; /* or cover */ background-repeat: no-repeat; background-position: right; } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .power-user { background-position: center !important; } } @media only screen and (max-width: 960px) { .power-user { background-position: center !important; } } /* SS&C color palette -------------------------------------------------- */ /* NEUTRAL COLORS -------------------------------------------------- */ /* ACCENT, MESSAGING & CTA COLORS -------------------------------------------------- */ /* BRAND COLORS -------------------------------------------------- */ /* CHART & VISUALIZATION COLORS -------------------------------------------------- */ /* equity buttons -------------------------------------------------- */ /* Empty states -------------------------------------------------- */