:root {
  --clr-base: #141414;
  --clr-base-dk: #262626;
  --clr-dark: #000;
  --clr-light: #fff;
  --clr-ash-gray: #3d3d3d; /* drop down color*/
  --clr-sherk-green: #ABBE5D; /* drop down color caret*/
  --clr-thunder-gray: #1A1A1A; /* drop down color caret*/
  
}
body.dark-mode
{
  background-color: var(--clr-dark);
}
.dark-mode .left-sidebar
{
  background: rgb(0,0,0);
background: linear-gradient(180deg, #000 41%, #1A1A1A 100%);
}
.dark-mode .form-element .form-control:disabled
{
  color:#848282!important
}
.dark-mode .menu-dropdown > button
{
  color: var(--clr-light);
}
.dark-mode .menu-dropdown > button:hover, .dark-mode  .menu-dropdown > button:focus
{ 
  color: var(--clr-light);
}

.dark-mode  .menu-dropdown .dropdown-menu
{
  background-color: var(--clr-ash-gray);
}

.dark-mode  .menu-dropdown .dropdown-menu li a
{
    color:var(--clr-light);   
}
.dark-mode .menu-dropdown .dropdown-menu li a:hover
{
  background-color:var(--clr-dark);
}
.dark-mode .menu-dropdown .dropdown-toggle::after
{
  border-top:.3em solid var(--clr-sherk-green);
}
.dark-mode .left-sidebar .page-content
{
  background-image: url('./images/sidebar-logo-dark.svg');
  background-repeat: no-repeat;
  background-position: bottom;
}
.dark-mode .header-user-brand
{
  background-color: var(--clr-thunder-gray);

}

.dark-mode .header-user-brand
{
  border-radius: 10px;
  box-shadow: 1px 3px 3px #000;
}
.dark-mode .btn-common-blue
{
  background-color: var(--clr-ash-gray); 
  color: var(--clr-light);
  border: 1px solid var(--clr-ash-gray);
}
.dark-mode .btn-common-outline-blue
{
  color: var(--clr-light);
  border: 1px solid var(--clr-denim);
  
}
.dark-mode .data-grid-content
{
  background-color: var(--clr-thunder-gray);
}

.dark-mode  .box-content .tabulator .tabulator-header
{
  background-color: var(--clr-ash-gray)!important;
  border-top:1px solid var(--clr-dark-border)!important;
  border-bottom:1px solid var(--clr-dark-border)!important;
  border-radius: 0px;
}
.dark-mode  .box-content .tabulator-cell
{
  background-color: transparent;
  border-bottom: 1px solid var(--clr-dark-border)!important;
}
.dark-mode  .box-content .tabulator-row.tabulator-row-even, .dark-mode  .box-content .tabulator-row
{
  background-color: var(--clr-thunder-gray)!important;
}

.dark-mode  .filter-drop-down .svelte-select
{
  background-color: var(--clr-ash-gray)!important;
  border: 1px solid var(--clr-dark-border)!important;
  
}
.dark-mode  .filter-drop-down .selected-item
{
  color:var(--clr-light)!important
}
.dark-mode  .tabulator      .tabulator-paginator      span.tabulator-pages      .tabulator-page
{
  background-color: var(--clr-ash-gray)!important;
  border: 1px solid var(--clr-dark-border)!important;
}
.dark-mode  .tabulator .tabulator-paginator > button.tabulator-page, .dark-mode  .tabulator .tabulator-paginator > button.tabulator-page:hover
{
  background-color: var(--clr-ash-gray)!important;
  border: 1px solid var(--clr-dark-border)!important;
}
.dark-mode  .tabulator .tabulator-paginator > button.tabulator-page.active
{
  background-color: var(--clr-denim)!important;
}
.dark-mode  .tabulator .tabulator-footer .tabulator-page-size
{
  background-color: var(--clr-ash-gray)!important;
  border: 1px solid var(--clr-dark-border)!important;
}
.dark-mode  .bread-crumb 
{
  color:var(--clr-light)
}
.dark-mode  .search-form input {
  background-color: var(--clr-ash-gray);
  border: 1px solid var(--clr-dark-border);
  color: var(--clr-light);
  }
  .dark-mode  .search-form input:focus {
    border-color: var(--clr-light);
  } 
  .dark-mode    .data-grid-content
  {
    box-shadow: 1px 3px 9px #000000;
  }
  .selected-item
{
  font-size: 14px!important;
}
.dark-mode  .header-user-brand .selected-item
{
  color:var(--clr-light)!important
  
}
.filter-block-new .title
{
  color:var(--light)
}


.dark-mode  .filter-block-new .title
{
  color:var(--light)
}
.dark-mode  .filter-select-new  input::placeholder
{
  color:var(--light)!important;
}
.dark-mode  .filter-select-new .svelte-select
{
  background-color: var(--clr-ash-gray) !important;
  border: 1px solid var(--clr-dark-border)!important;
}  
.dark-mode .filter-drop-down-new .svelte-select
{
  background-color: var(--clr-ash-gray)!important;
  border: 1px solid var(--clr-dark-border)!important;
}
.dark-mode .custom-tabs
{
  border-color:var(--clr-dark-border)!important;
  
}

.dark-mode  .filter-date-picker-new .flatpickr input
{
  background-color: var(--clr-ash-gray) !important;
  border: 1px solid var(--clr-dark-border)!important;
}
.dark-mode  .pg-back-btn
{
  background-image: url('./images/back-white-icon.svg');
}
.dark-mode .form-control
{
  background-color: var(--clr-ash-gray);
    border: 1px solid var(--clr-dark-border);
}

.dark-mode .table-content thead th
{
  background-color: var(--clr-ash-gray);
  border-bottom: 0px solid var(--clr-ash-gray) !important;
  color: var(--light);
  font-weight: normal;
}
.manage-commitment-data thead th, .manage-commitment-data tfoot th
{
  border:0px!important;
}
.dark-mode table.manage-commitment-data  thead tr, .dark-mode table.manage-commitment-data  tfoot tr
{
  background-color: var(--clr-ash-gray);
}

.dark-mode .table-content tfoot th {
  background-color: var(--clr-ash-gray);
  color: var(--light);
  font-weight: normal;
}
.dark-mode .table-dark tr,
.dark-mode .table-content tr {
  border-bottom: 1px solid var(--clr-dark-border);
}
.dark-mode  .table-content tbody td {
  color: var(--clr-base-lt);
}
.dark-mode .data-table tr.active {
  background-color: var(--clr-ash-gray);
}

.dark-mode  .form-control:focus {
  background-color: var(--clr-base);
  color: var(--light);
  border: 1px solid var(--light);
}

.dark-mode  .modal-dark .modal-content {
  background-color: var(--clr-thunder-gray);
  border: 1px solid var(--input-border);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 55%);
}

.dark-mode  .box-content .tabulator-footer .tabulator-cell
{
  background-color: var(--clr-base) !important;
}
.table-commitments table td:first-child
{
  background-color: #080808;
}

.dark-mode  .link-block a:hover,
.dark-mode  a.color-secondary:hover {
  color: var(--light);
  transition: all ease-in-out 400ms;
}
.dark-mode .modifier-chveron-right
{
  background-image: url('./images/cheveron-next-white-icon.svg');
  background-repeat: no-repeat;
  height:30px;
}
.dark-mode  .form-select-dropdown 
{
  color: var(--light);
}
.dark-mode  .form-select-dropdown button {
  color: var(--light);
}
.dark-mode  .flatpickr input
{
  color: var(--light)!important;
}
.dark-mode  .filter-drop-down-new .selected-item
{
  color: var(--light)!important;
}

.dark-mode  .filter-drop-down-new .svelte-select.disabled
{
  background-color: var(--input-disable) !important
}

.dark-mode .svelte-select.disabled .selected-item
{
  color:#848282!important
}
.dark-mode .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  background-color: var(--clr-thunder-gray)!important
}


.dark-mode   .flatpickr-input.flatpickr-mobile
{
  background-color: var(--clr-ash-gray);
  border: 1px solid var(--clr-dark-border);
  color: var(--clr-base-lt);
  
}
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
  {
    border-bottom: 6px solid var(--clr-sherk-green)!important;
  }
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
  border-top: 6px solid  var(--clr-sherk-green)!important;
}
.dark-mode .remove-option
{
  background-color: var(--clr-thunder-gray);
} 

.dark-mode  .tabulator-cell.table-drop-down::before{
  background-color: var(--clr-thunder-gray);
}

.dark-mode .drop-top-nav .value-container input
{
  font-size: 22px!important;
}
.dark-mode  .form-control
{
  color:var(--light)
}

.dark-mode .login-form-block .color-dark
{
  color:var(--light)
}
.dark-mode .slider
{
  background-color:#3d3d3d!important
}
.dark-mode  .slider:before
{
  background-color:#3d3d3d!important
}
.dark-mode  .nav-profile-img
{
  background-color:#3d3d3d
}

.dark-mode  #autocomplete-items-list {
  background: var(--input-border);
  border-color: var(--input-border);
  width: 100%;
}

.dark-mode  ul li.autocomplete-items:hover,
.dark-mode    ul li.autocomplete-items:active {
    background: var(--clr-base-dk) !important;
  }
  .dark-mode   .btn-export-import svg
  {
    fill: var(--clr-tertiary) !important;
  }  

.btn-common-blue.btn-add-list
  {
    background: #7c7c7c;
    border-color: #7c7c7c;
    min-width: 100px;
  }

  .dark-mode  .btn-action svg
  {
    fill:var(--light)
  }

  .dark-mode .portfolio-pivot-option  .tabulator-cell
  {
    color:var(--light)!important
  }

  .dark-mode   .done-btn
{
  font-weight: 600;
  color:#7c7c7c;
}
.dark-mode  .edit-icon svg path {
  stroke: var(--clr-tertiary);
}
.dark-mode  .edit-icon
{
  color:var(--light)
}

.dark-mode  .btn-filter-action
{ 
  background-color: #7c7c7c!important;
}

.dark-mode  .btn-pivot-by svg
{
  fill: var(--clr-tertiary);
}
.dark-mode   .pivot-dropdown > button
{
  background-color: var(--clr-ash-gray)!important;
   
}

.dark-mode   .refresh-icon
{
  color:var(--clr-light)
}

.dark-mode  .refresh-icon svg {
  fill: var(--clr-tertiary);
  color:var(--light)!important
}
.dark-mode  .refresh-icon:hover svg {
  fill: var(--light)!important;
}

.dark-mode  .c-checkbox input[type="checkbox"]:checked + span, .dark-mode  .c-radio input[type="checkbox"]:checked + span, .dark-mode  .c-checkbox input[type="radio"]:checked + span, .dark-mode .c-radio input[type="radio"]:checked + span {
  
  background-color: var(--clr-ash-gray)!important;
  border-color:var(--clr-dark-border)
}
.dark-mode  .block-header
{
  background: #7c7c7c;
  color: var(--light);
}
.dark-mode  .block-card
{
  border: 2px solid var(--input-border);
  background-color: var(--clr-dark);
}
.dark-mode  .block-card svg
{
  fill: var(--clr-tertiary);
}
.dark-mode  .block-card:hover svg {
  fill: var(--light);
}

.dark-mode .btn-download-template
{
  color:var(--light)
}

.dark-mode .filepond--root {
  border: 2px dashed #7c7c7c !important;
  border-radius: 4px;
}
.dark-mode  .list-block
{
  color:var(--light)
}
.dark-mode  .browse-file
{
  color:var(--light)!important
}
.dark-mode  .btn-upload-files
{
  background-color: var(--clr-ash-gray)!important;
  border-color:var(--clr-ash-gray)!important;
  color:var(--light)!important
}
.dark-mode .center-divider::before
{
  background: var(--clr-ash-gray)!important;
  border: 3px solid var(--clr-ash-gray)!important;
}

.dark-mode .tabulator-col.tabulator-frozen.tabulator-frozen-left, .dark-mode  .tabulator-headers  .tabulator-frozen-zone-left.tabulator-frozen {
    background-color: var(--clr-ash-gray)!important;
  }

.dark-mode .drop-top-nav .svelte-select input
{
  color:var(--light)!important
}
.dark-mode  .logout-menu svg
{
  fill:var(--light)
}
.dark-mode  .header-user-brand  .dropdown-item
{
  color:var(--light)!important
}

.dark-mode .portfolio-pivot-option .tabulator-frozen-right
{
  background-image: url(./images/drag-vertical-icon.svg);
}
.dark-mode  .color-dark
{
  color:var(--light)
}
.dark-mode .doc-file-upload .filepond--drop-label {
  border: 2px dashed #7c7c7c !important;
 
}
.dark-mode .btn-action svg
{
  fill: var(--clr-tertiary)!important;
}

.dark-mode .tabulator-cell.table-drop-down.tabulator-editing input {
  color: var(--light) !important; 
}
.dark-mode  .tabulator-col.tabulator-col-group:nth-child(2n + 1)
{
  background-color: var(--clr-ash-gray)!important;
}
.dark-mode  .entity-eye-icon  svg
{
  fill: var(--clr-tertiary)!important;
}
.dark-mode  .cheveron-icon
{
  background-image: url(./images/cheveron-left-pink.svg);
  background-size: 20px;  
}
.dark-mode  .cheveron-icon.active {
  background-image: url(./images/cheveron-left-yellow-shiny.svg);
  background-size: 28px;
}
.dark-mode .btn-sort svg
{
  fill: var(--light);
}
.dark-mode  .trash-contacts svg
{
  fill: var(--clr-tertiary);
}

.dark-mode  .publish.background-pink
{
  background-color:var(--clr-tertiary)!important ;
  color:var(--clr-dark)!important
}
.dark-mode  .hr-divider
{
  background-color: var(--light);
}

.dark-mode   .flatpickr-day.endRange, .flatpickr-day.startRange, .dark-mode   .flatpickr-day.startRange:hover {
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
.dark-mode .svelte-select.focused{
  border-color: var(--light)!important;
}
.dark-mode  .filter-multi-select .form-control:focus
{
  border-color:var(--light)!important
}
.dark-mode   .tabulator-editing input
{
  color:var(--light)
}

.dark-mode  .date-picker-light input
{
  color:var(--light)!important
}
.dark-mode  .tabulator-frozen-zone-left.tabulator-frozen
{
  background-color: var(--clr-thunder-gray);
}
.dark-mode  #allocation-report-list .tabulator-header
{
  background-color: var(--clr-thunder-gray)!important;
}
.dark-mode  #allocation-report-list .box-content .tabulator .tabulator-header
{
  background-color: var(--clr-thunder-gray)!important;
}
.dark-mode   #allocation-report-list .tabulator-col.tabulator-frozen.tabulator-frozen-left
{
  background-color: var(--clr-thunder-gray)!important;
}


.dark-mode  .tabulator-edit-list {
  background-color: var(--input-border) !important;
  color: var(--light) !important;
}
.dark-mode  .tabulator-edit-list-item {
  color: var(--light) !important;
}
.dark-mode  .tabulator-edit-list-item:hover {
  background-color: var(--clr-primary) !important;
  color: var(--light) !important;
}
.dark-mode .commitments-total-amount th
{
  
  background-color: var(--clr-thunder-gray) !important;
}

.dark-mode  .flatpickr  input
{
  color:var(--light)!important
}


.dark-mode  .table-fixed-head-footer .color-secondary
{
  color:var(--clr-base-lt)
}


.dark-mode .security-type-select .input-error
{
  border: 0px !important;
  box-shadow: none!important;
}
.dark-mode .security-type-select .input-error > .form-control
{
  border: 1px solid var(--clr-danger) !important;
    box-shadow: 0px 0px 8px var(--clr-danger);
}


.dark-mode .security-type-select .dropdown-toggle:after {
    position: absolute;
    right: 12px;
    top: 10px!important;
}
.dark-mode  .import-btn-top
{
  background: #7c7c7c!important;
  border-color:#7c7c7c!important;
}


.dark-mode  .text-editor.light-mode .ql-editor
{
  color:var(--clr-dark)!important
}
.dark-mode .editor-wrapper.light-mode .ql-toolbar.ql-snow
{
  border-color:#ccc!important;
}

.dark-mode .ql-toolbar.ql-snow
{
  border-color:var(--input-border);
}
.dark-mode  .ql-container.ql-snow
{
  border-color:var(--input-border);
}

.dark-mode .light-mode .ql-container.ql-snow
{
  border-color: #ccc!important;
}

.dark-mode .welcome-brand-logo
{
  background-image: url('/images/logo.svg');
}


.dark-mode  .commitments-slider-outer
{
  background: #7c7c7c;
}

.dark-mode  .remaining-commitements  .funded-capital
{
  background-color:  #7c7c7c;
}

.dark-mode .commitments-value
{
  color: var(--clr-tertiary);
}

.dark-mode .switch-dark .form-check-input:checked
{
  background-color: var(--clr-tertiary);
}
.dark-mode  .search-entry .background-pink
{
  background-color: var(--clr-tertiary);
}
.dark-mode  .select-document-control button:hover
{
  color:var(--light)

}
.dark-mode .coterie-logo
{
    background-position: 0px -100px;
}

.dark-mode  .coterie-loader
{
  /* background-color: rgba(0, 0, 0, 0.8); */
}

.dark-mode .pending-acceptance:hover
{
  color:var(--light)!important
}


.dark-mode .status-label {
  color: var(--light)
}

.dark-mode  .my-investment-logo  .nav-profile-img
{
  border-color: var(--clr-black)!important;
  border-radius: 15px!important;
}

.dark-mode  .coterie-connect-button
{
  background-color: var(--clr-black)!important;
  color:var(--light)!important
}
.dark-mode .coterie-header-logo
{
  background-image: url(/images/connect-with-coterie.png) !important;
}


.dark-mode  .vector-coterie-logo-large
{
  
  background-image: url(/images/coterie-vector-logo-dark.jpg) !important;
    
}

.dark-mode .search-drop-down
{
  background-color: var(--clr-ash-gray) !important;
  border: 1px solid var(--clr-dark-border) !important;
}


.dark-mode  .vector-coterie-logo
{
  background-image: url(/images/vector-coterie-logo-dark.jpg)

}

.dark-mode  .support-file-upload-select
{
 
    border: 1.8px dashed #7c7c7c !important
}

.dark-mode  .password-text button svg
{
   fill:var(--clr-base-lt-hover)
}