@charset "UTF-8";
/* SS&C color palette
-------------------------------------------------- */
/* NEUTRAL COLORS
-------------------------------------------------- */
/* ACCENT, MESSAGING & CTA COLORS
-------------------------------------------------- */
/* BRAND COLORS
-------------------------------------------------- */
/* CHART & VISUALIZATION COLORS
-------------------------------------------------- */
/*@font-face {
    font-family: 'Volte';
    src: url('../Webfonts/Volte.otf') format('opentype');
}*/
@font-face {
  font-family: 'Volte';
  src: url("../Webfonts/Volte.ttf") format("truetype"); }

@font-face {
  font-family: 'Volte-Regular';
  src: url("../Webfonts/Volte-Regular.ttf") format("truetype"), url("../Webfonts/Volte-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Volte';
  src: url("../Webfonts/Volte.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

#sidebar {
  background: #002F6C; }
  #sidebar .sidebar-header button i, #sidebar .sidebar-header button svg {
    color: #FFFFFF !important; }
  #sidebar ul.components li a, #sidebar ul.components li i {
    color: rgba(255, 255, 255, 0.7) !important; }
  #sidebar ul.components li a:hover {
    color: #FFFFFF !important; }
  #sidebar ul.components li.active a {
    color: #FFFFFF !important; }
    #sidebar ul.components li.active a i {
      color: #FFFFFF !important; }

.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; }
    .custom-dropdown .k-widget.k-datepicker .k-picker-wrap .k-select, .custom-dropdown .k-widget.k-datepicker .k-state-default .k-select {
      border-color: #0057B7;
      background-color: #0057B7; }
    .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-numeric-wrap {
    border-color: #BFBFBF !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: #0057B7 !important;
    color: #FFFFFF;
    border-color: #0057B7 !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: #0057B7 !important;
    color: white;
    border-color: #0057B7 !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: #0057B7 !important;
      color: white !important;
      border-color: #0057B7 !important; }
  .custom-dropdown .k-widget.k-dropdown {
    border-color: #BFBFBF !important; }
    .custom-dropdown .k-widget.k-dropdown .k-dropdown-wrap {
      background-color: white;
      border-color: #BFBFBF !important; }
  .custom-dropdown .k-widget.k-upload.k-header {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important; }
    .custom-dropdown .k-widget.k-upload.k-header .k-button {
      background-color: #FFFFFF !important;
      border-color: #FFFFFF !important; }

.custom-dropdown.holdings-report .k-dropdown .k-input {
  color: #0057B7 !important;
  border-color: #0057B7 !important; }

.custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap {
  border-color: #0057B7 !important;
  background-color: #F2F2F2; }
  .custom-dropdown.holdings-report .k-dropdown .k-dropdown-wrap .k-icon {
    color: #0057B7 !important; }

.custom-dropdown .text-box {
  border-color: #BFBFBF; }

#ui-datepicker-div {
  background-color: #FFFFFF;
  border: 1px solid #BFBFBF; }
  #ui-datepicker-div .ui-datepicker-header {
    color: #0057B7 !important; }

.k-animation-container .k-list-container {
  background-color: #FFFFFF;
  border-color: #0057B7; }
  .k-animation-container .k-list-container .k-item.k-state-hover {
    background-color: #F2F2F2 !important;
    color: black !important; }
  .k-animation-container .k-list-container .k-item.k-state-selected {
    background-color: #0057B7;
    color: white !important; }
    .k-animation-container .k-list-container .k-item.k-state-selected.k-state-focused.k-state-hover {
      background-color: #F2F2F2 !important;
      color: black !important; }
    .k-animation-container .k-list-container .k-item.k-state-selected.k-state-hover {
      background-color: #F2F2F2 !important;
      color: black !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-state-selected {
  background-color: #0057B7 !important; }
  .k-state-selected.k-state-hover, .k-state-selected.k-state-focused {
    background-color: #0057B7 !important;
    color: #FFFFFF !important; }

/*.cstm-box {
    .cstm-icon {
        border: 1px solid $red;

        .fa-times {
            color: $red;
        }
    }
}*/
.custom-grid .grid-wrapper .k-widget, .custom-grid .grid-wrapper .k-grid {
  background-color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-widget .k-grouping-header, .custom-grid .grid-wrapper .k-grid .k-grouping-header {
    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; }
  .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-button, .custom-grid .grid-wrapper .k-grid .k-grid-toolbar .k-button {
      background-color: #0057B7 !important;
      color: #FFFFFF !important;
      border-color: #0057B7 !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 {
      background-color: white !important;
      border-color: #F2F2F2; }
  .custom-grid .grid-wrapper .k-widget td, .custom-grid .grid-wrapper .k-grid td {
    border-color: #F2F2F2;
    background-color: #FFFFFF !important; }
  .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; }
    .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 {
        border-color: #F2F2F2; }
    .custom-grid .grid-wrapper .k-widget .k-grid-header .k-link, .custom-grid .grid-wrapper .k-grid .k-grid-header .k-link {
      color: #282828; }
  .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; }
  .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 .k-state-selected, .custom-grid .grid-wrapper .k-grid .k-grid-pager .k-pager-numbers .k-state-selected {
      background-color: #0057B7;
      border-color: #0057B7; }
  .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 {
    /* Track */
    /* Handle */ }
    .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; }
    .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; }

.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: #0057B7;
    background-color: #0057B7;
    color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-delete {
    color: #0057B7; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-update {
    border-color: #0057B7;
    background-color: #0057B7;
    color: #FFFFFF; }
  .custom-grid .grid-wrapper .k-grid-lockedcolumns .k-grid-content-locked .k-grid-cancel {
    color: #0057B7; }

.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; }

.custom-grid.remove-k-alt .k-alt {
  background-color: transparent !important; }

.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::-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 {
  background-color: #FFFFFF !important;
  /* Track */
  /* Handle */ }
  .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 {
  background-color: #FFFFFF !important;
  /* Track */
  /* Handle */ }
  .grid-height-v3 .k-grid-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #BFBFBF; }
  .grid-height-v3 .k-grid-content::-webkit-scrollbar-thumb {
    background: #c5c5c5; }

table.k-selectable .k-state-selected {
  background-color: #FFFFFF !important;
  color: #282828 !important; }

.bordered-tbl table td {
  border-color: #F2F2F2; }

.right-bordered-tbl table td {
  border-color: #F2F2F2; }

.bottom-bordered-tbl table td {
  border-color: #F2F2F2; }

.bottom-bordered-tbl table th.k-header {
  border-color: #F2F2F2; }

#divCoreAssetAllocationGraph .bordered-tbl table th.k-header {
  border-color: #F2F2F2; }

#divCoreAssetAllocationGraph .bordered-tbl table .k-grid {
  border-color: #F2F2F2; }

.custom-tabs nav .nav .nav-link.active, .custom-tabs nav .nav-tabs .nav-link.active {
  border-bottom: 2px solid #0057B7 !important; }

.custom-tabs .nav-pills .nav-items.active a {
  color: #0057B7;
  border-bottom: 3px solid #0057B7; }

.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 #0057B7 !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: #0057B7 !important; }

.risk-assessment-tabs .riskSubSection .riskSubSectionHeader b {
  color: #0057B7 !important; }

div.k-window.k-widget .k-window-titlebar {
  background-color: #FFFFFF; }
  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 {
      color: black !important;
      background-color: #ffffff !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-dialog .k-dialog-buttongroup .k-button {
  color: #444A59 !important;
  border-color: transparent !important;
  background-color: #F2F2F2 !important; }
  div.k-window.k-dialog .k-dialog-buttongroup .k-button:first-child {
    background-color: #0057B7 !important; }

div.k-window table.k-editor-widget {
  background-color: #f2f2f2 !important;
  color: black !important;
  border-color: #e6e6e6 !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; }

/* ---------------------------------------------------
    FORMS
----------------------------------------------------- */
/* Inputs
-------------------------------------------------- */
.btn.brand-primary {
  color: #FFFFFF;
  background-color: #0057B7; }
  .btn.brand-primary:hover {
    background-color: #1e89ff; }
  .btn.brand-primary:active {
    background-color: #002751; }

.btn.brand-secondary {
  color: #0057B7;
  border-color: #0057B7; }
  .btn.brand-secondary:hover {
    color: #FFFFFF;
    background-color: #0057B7; }
    .btn.brand-secondary:hover i {
      color: #FFFFFF !important; }
  .btn.brand-secondary:active {
    background-color: #1a2839; }
  .btn.brand-secondary.btn-rounded.active {
    background-color: #1a2839;
    color: #FFFFFF !important; }

.btn.brand-link {
  color: #0057B7; }
  .btn.brand-link:hover {
    color: #0057B7;
    border-color: #0057B7; }
  .btn.brand-link:active {
    color: #0057B7;
    background-color: #84beff; }

.btn.brand-icon {
  background-color: #b7d9ff;
  color: #0057B7; }

.btn.brand-linkicon {
  color: #0057B7; }
  .btn.brand-linkicon i {
    color: #0057B7; }

.btn.brand-grey {
  background-color: #F2F2F2 !important;
  color: #307FE2 !important; }

.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 {
  color: #282828;
  background-color: #FFFFFF;
  border-color: #BFBFBF; }

.btn-customgroup {
  color: #0057B7; }
  .btn-customgroup.active {
    border: 1px solid #0057B7;
    color: #0057B7; }
  .btn-customgroup:hover {
    color: #0057B7; }

.k-grid-content .k-button {
  background-color: #FFFFFF !important;
  color: #0057B7 !important; }
  .k-grid-content .k-button.k-grid-edit {
    background-color: #FFFFFF !important;
    color: #0057B7 !important;
    border-color: #0057B7 !important; }
  .k-grid-content .k-button.k-primary.k-grid-update {
    background-color: #0057B7 !important;
    color: #FFFFFF !important;
    border-color: #0057B7 !important; }

.doc-btn {
  background-color: #0057B7 !important;
  color: #FFFFFF !important;
  border-color: #0057B7 !important; }

.k-widget.k-tooltip-validation {
  background-color: #ffc000 !important; }

.error-text {
  color: #F53249; }

.card-body .norecords, .card .norecords {
  border: 1px solid #BFBFBF; }
  .card-body .norecords.v2, .card .norecords.v2 {
    border: 1px solid #BFBFBF; }

.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; }

.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 td, .card.card-custom .card-body.modified-grid .k-grid td {
  border-color: #F2F2F2 !important; }

.bg-light {
  background-color: #F7F7F7 !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; }

body {
  background-color: #F7F7F7;
  font-family: 'Volte';
  /*text-transform:capitalize;*/ }

/* ---------------------------------------------------
    GENERAL CLASSES
----------------------------------------------------- */
.dot {
  background-color: #06BEE1; }
  .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; }

.fa-chevron-right {
  color: #BFBFBF; }

/* ---------------------------------------------------
    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 .card-list {
  border-bottom: 1px solid #F2F2F2;
  color: #282828;
  background: #FFFFFF; }
  .card.card-custom .card-list:hover {
    background: #F2F2F2; }
  .card.card-custom .card-list i {
    color: #BFBFBF; }

.card.card-custom .card-header {
  background: #FFFFFF; }

.card.card-custom .card-link {
  color: #0057B7; }

.card.card-custom .card-footer {
  background: #FFFFFF; }

/* Accordion
-------------------------------------------------- */
.accordion.accordion-card-custom .btn i {
  color: #0057B7; }

.accordion.accordion-card-custom .card .card-header {
  background: #FFFFFF; }
  .accordion.accordion-card-custom .card .card-header .btn h4 {
    color: #282828; }
  .accordion.accordion-card-custom .card .card-header .btn span {
    color: #707070; }

/* List-accordion
-------------------------------------------------- */
.accordion.accordion-card-custom.list-accordion .card {
  border-bottom: 1px solid #F2F2F2; }

.accordion.accordion-card-custom.list-accordion .list-body {
  background: #F2F2F2; }

/* les for charts
-------------------------------------------------- */
.clickable-legend li {
  border-bottom: 1px solid #F2F2F2;
  background: #FFFFFF; }
  .clickable-legend li:hover {
    background: #F2F2F2; }
  .clickable-legend li p {
    color: #282828; }

.legend ul li h5 {
  color: #282828;
  color: #707070; }

/* Tabs
-------------------------------------------------- */
.tabs .custom-control.custom-checkbox {
  border-bottom: 1px solid #F2F2F2; }

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; }

/* ---------------------------------------------------
    FORMS (These classes will override the bootstrap-classes,
    but are so general, they should not break the original styles)
----------------------------------------------------- */
/* Inputs
-------------------------------------------------- */
.form-control {
  border-color: #BFBFBF; }

/* Select
-------------------------------------------------- */
.custom-select {
  border-color: #BFBFBF; }

/* Range
-------------------------------------------------- */
.custom-range::-webkit-slider-thumb {
  background: #0057B7; }

.custom-range::-moz-range-thumb  {
  background: #0057B7; }

/* Radio card
-------------------------------------------------- */
.radio-card .card.card-custom:hover {
  border-color: #0057B7; }

.radio-card .card-input-element:checked + .card.card-custom {
  border-color: #0057B7; }

/* Checkbox
-------------------------------------------------- */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #0057B7;
  background-color: #0057B7; }

.custom-date .input-group-text {
  border-color: #0057B7;
  background-color: #0057B7;
  color: #FFFFFF; }

header {
  background-color: #FFFFFF; }
  header .btn i {
    color: #444A59; }
  header .header-alert .badge {
    background-color: #0057B7;
    color: #FFFFFF; }
  header .header-user .dropdown-toggle:after {
    color: #BFBFBF; }
  header .dropdown-menu.dropdown-alert .dropdown-item span {
    color: #707070; }
  header .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #F2F2F2; }
    header .dropdown-menu .dropdown-item.active {
      background-color: #F2F2F2;
      color: #282828; }
    header .dropdown-menu .dropdown-item:active {
      background-color: #BFBFBF;
      color: #282828; }

table.table.table-regular th {
  border-bottom: 1px solid #F2F2F2; }

table.table.table-regular td {
  border-bottom: 1px solid #F2F2F2; }

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 .level1, table.table.table-regular .level2, table.table.table-regular .level3 {
  border-left: 5px solid #06BEE1; }
  table.table.table-regular .level1 i, table.table.table-regular .level2 i, table.table.table-regular .level3 i {
    color: #0057B7; }

table.table.table-regular .group1 {
  border-color: #63B9BF; }

table.table.table-regular .group2 {
  border-color: #784F9B; }

table.table.table-regular .group2 {
  border-color: #E6BE0A; }

.clickable-row:hover {
  background: #F2F2F2; }

/* Typography
-------------------------------------------------- */
body {
  color: #282828;
  background-color: #F7F7F7; }

h5 {
  color: #707070; }

h6 {
  color: #707070; }

a {
  color: #0057B7; }

.grey-text {
  color: #707070; }

.green-text {
  color: #48A651; }

.red-text {
  color: #CC2F64; }

.possitive-val {
  color: #48A651; }

.negative-val {
  color: #CC2F64; }

/* ---------------------------------------------------
    Dashboard Investor/advisor
----------------------------------------------------- */
/* Investor dashboard (to make them equal height
/* when next to each other)
-------------------------------------------------- */
.module-area .module-row .card-custom {
  background: #FFFFFF; }

@media screen and (max-width: 992px) {
  .module-area .module-row .card-custom {
    background: #FFFFFF; } }

/* INVESTOR DASHBOARD
-------------------------------------------------- */
/* Key metrics and shortcuts
-------------------------------------------------- */
.dashboard-shortcuts .shortcut:hover {
  background-color: white;
  border-color: #0057B7; }

.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 {
  color: #282828; }

/* Asset allocation
-------------------------------------------------- */
/* ADVISOR DASHBOARD
-------------------------------------------------- */
.dashboard-advisor .key-metrics .card-custom, .dashboard-advisor .dashboard-shortcuts .card-custom {
  background: #FFFFFF; }

.dashboard-advisor .dashboard-shortcuts .card-body i {
  color: #0057B7; }
  .dashboard-advisor .dashboard-shortcuts .card-body i.fa-chevron-right {
    color: #BFBFBF; }

@media screen and (max-width: 600px) {
  .key-numbers > div {
    border-bottom: 1px solid #F2F2F2; }
  .key-numbers h5 {
    color: #282828; } }

body {
  background-color: #F2F2F2; }

/***** Top content *****/
.top-content .select-lang-dropdown {
  border: 1px solid #F2F2F2; }

.inner-bg .form-box .form-bottom form .input-error {
  border-color: #4aaf51; }

.request-details .top-content {
  border-bottom: 1px solid #F2F2F2; }

.request-details .mid-content .Right .time {
  color: #707070; }

.request-details .mid-content .Right .attachment {
  background-color: #F4F8FD;
  color: #20A7E9; }

.request-details .mid-content .Right .comment {
  background-color: #06BEE1;
  color: #FFFFFF; }

.request-details .mid-content .Left .time {
  color: #707070; }

.request-details .mid-content .Left .attachment {
  background-color: #F4F8FD;
  color: #20A7E9; }

.request-details .mid-content .Left .comment {
  background-color: #F2F2F2;
  color: #282828; }

.request-details .bottom-content {
  border-bottom: 1px solid #F2F2F2;
  border-top: 1px solid #F2F2F2; }

.request-details .attach-ic {
  color: #0057B7 !important; }

.request-details .send-ic {
  color: #0057B7 !important; }

.attached-file {
  background-color: #f5f5f5;
  color: #20A7E9; }

.k-detail-row .k-detail-cell {
  background-color: #FFFFFF; }

#RequestList table tr td {
  border-bottom: 1px solid #F2F2F2 !important; }
  #RequestList table tr td:first-child {
    border-left: 3px solid #ffc107 !important; }

#tradex .custom-searchbox .cstm-input {
  background-color: #F2F2F2; }

#tradex .empty-buylist .empty-text {
  color: #282828; }

#tradex .dvamount .k-widget.read-only {
  background-color: #F2F2F2 !important; }

#SelectedProductConfirmation tr {
  border-bottom: 1px solid #F2F2F2 !important; }

#SelectedProductConfirmationForSell tr {
  border-bottom: 1px solid #F2F2F2 !important; }

.k-window .k-edit-buttons .k-diagram-update {
  background-color: #0057B7 !important;
  color: #FFFFFF; }

.k-window .k-edit-buttons .k-diagram-cancel {
  color: #307FE2; }

.k-window .k-edit-buttons .k-grid-update {
  background-color: #0057B7 !important;
  color: #FFFFFF !important;
  border-color: #0057B7 !important; }

.k-window .k-edit-buttons .k-grid-cancel {
  background-color: #FFFFFF !important;
  color: #0057B7 !important; }

#diagram .k-toolbar {
  background-color: #FFFFFF; }

#WorkFlowIcon {
  background-color: #002F6C;
  color: #FFFFFF; }

#WorkFlowSidebar #WorkFlowStatusSideBar .k-widget {
  background-color: #F2F2F2 !important; }

#WorkFlowSidebar #WorkFlowStatusSideBar .DigramHeading {
  background-color: #002F6C !important;
  color: #FFFFFF; }

/* ---------------------------------------------------
    Dashboard Investor/advisor
----------------------------------------------------- */
/* Investor dashboard (to make them equal height
/* when next to each other)
-------------------------------------------------- */
.steps li.active .badge {
  background: #06BEE1;
  color: #FFFFFF; }

.steps li .badge {
  background: #F2F2F2;
  color: #BFBFBF; }

.steps li p {
  color: #282828; }

.steps li hr {
  background: #BFBFBF; }

@media (width: 320px) {
  #RequestworkflowDIV .request-details .bottom-content .input-box {
    width: 61% !important; } }

@media (width: 480px) {
  #RequestList table tr td {
    width: 100% !important; } }

@media (width: 480px) {
  .close {
    margin-top: 10px !important;
    font-size: 1.0rem !important; } }

.accordion .card .list-body .col-6.text-left {
  padding: 0 !important; }
  @media (Width: 320px) {
    .accordion .card .list-body .col-6.text-left .btn {
      font-size: 12px !important; } }

.accordion .card .list-body .col-6.text-right {
  padding: 0 !important; }
  @media (Width: 320px) {
    .accordion .card .list-body .col-6.text-right .btn {
      font-size: 12px !important; } }

.accordion .card .card-header.pending-req .btn div p {
  white-space: nowrap;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 240px; }
  @media (Width: 320px) {
    .accordion .card .card-header.pending-req .btn div p {
      width: 200px !important; } }

#dashboard-investor .module .tabs .btn-group {
  display: inherit !important; }

#RiskCurrency-list {
  width: auto !important;
  right: 11px !important; }
  @media (min-width: 320px) and (max-width) {
    #RiskCurrency-list {
      right: 0 !important; } }

header .header-logo {
  margin-top: 7px; }

/*--------------------Media Query Mixin------------------*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .accordion.accordion-card-custom.list-accordion .list-body .brand-linkicon {
    margin-bottom: 0;
    line-height: 2; } }

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .legend ul li p {
    top: 0 !important; } }

@media only screen and (max-width: 767px) and (min-width: 576px) {
  #PortfolioDiv label {
    display: none !important; } }

@media (max-width: 950px) {
  div.k-window.k-widget {
    width: 700px !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  div.k-window.k-widget {
    width: 310px !important; } }

@media (width: 1024px) {
  .card .text-left > .col-lg-4 {
    display: inline; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .card .card-body .col-sm > .custom-checkbox {
    padding-left: 16px; } }

@media (max-width: 950px) {
  .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 only screen and (min-width: 320px) and (max-width: 480px) {
  .k-animation-container.k-animation-container-sm {
    left: auto !important;
    right: 5px !important;
    width: 370px !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .k-notification.k-notification-error {
    padding: 0 11px 0 10px !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #divPerformanceOverviewReport #PortfoloGrid .MbColumnHeaderText {
    white-space: nowrap; } }

@media (max-width: 950px) {
  #RequestworkflowDIV .row .module-row {
    display: flex !important; } }

#RemoveSecurityGrid .k-grid-content {
  overflow-x: hidden; }

/*-------Add contact cross button alignment---------*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #Phone1 .mobile-icon.cstm-box {
    padding-right: 0; } }

header .dropdown-menu.dropdown-alert {
  word-break: break-all;
  height: calc(100vh - 100px);
  overflow: auto; }
  @media (max-width: 950px) {
    header .dropdown-menu.dropdown-alert {
      height: auto; } }

.ApplicationAlert .notificationlistitem {
  white-space: normal !important; }

/*--------Grid scrollbar-----------------*/
.custom-grid .grid-wrapper .k-widget .k-grid-content::-webkit-scrollbar, .custom-grid .grid-wrapper .k-grid .k-grid-content::-webkit-scrollbar {
  height: 8px; }

/*-------- Grid Header fixed-------------------*/
.custom-grid .grid-wrapper .k-widget .k-grid-content, .custom-grid .grid-wrapper .k-grid .k-grid-content {
  max-height: 350px !important; }

/*------- Disclaimer popup scss -------*/
#disclaimerContent {
  text-transform: none; }

/*------ Request page scss------*/
div#RequestworkflowDIV .card .card-body .new-rmbox .no-record {
  text-transform: none; }

.SearchPanelArea .card .card-header label {
  text-transform: capitalize; }

.k-grouping-header, .alert-danger {
  text-transform: none !important; }

/*-------------- Register page scss----------------------*/
.registration-wrapper .form-control {
  height: calc(2.25rem + 15px);
  font-size: 14px; }

.registration-wrapper .col-lg-12 .row .field-validation-error {
  width: calc(100% - -6rem);
  display: inline-block;
  padding: 0px 4px; }

.width-40 {
  width: 40%; }

.text-transform-none {
  text-transform: none; }

.buttons-wrapper .btn {
  max-width: 49% !important;
  margin-right: 9px; }

.buttons-wrapper .btn.brand-secondary:hover {
  border-color: #0057B7 !important;
  background: transparent !important; }

.buttons-wrapper .btn.brand-secondary > a {
  color: #0057B7 !important; }

/*-------------- Workflow scss---------------*/
/* width */
#WorkFlowSidebar::-webkit-scrollbar {
  width: 9px; }

/* Track */
#WorkFlowSidebar::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
#WorkFlowSidebar::-webkit-scrollbar-thumb {
  background: #888; }

/* Handle on hover */
#WorkFlowSidebar::-webkit-scrollbar-thumb:hover {
  background: #555; }