:root {
  --clr-base: #141414;
  --clr-base-dk: #262626;
  --clr-light-gray: #f5f5f5;
  --clr-light: #fff;
  --clr-thunder-gray: #1A1A1A; /* drop down color caret*/
  --clr-border: #d1d3d4; /* border color*/
  --clr-thunder-green: #11283e; 
  --clr-header-gray: #F5F5F5; 
  --input-disable-light: #d1d3d4; 
  --berlin-blue: #11283e; 
  --white-smoke: #f5f5f5
}
body.light-mode
{
  background-color: var(--clr-light);
}
input:checked + .slider
{
    background-color: var(--berlin-blue);
}
.light-mode .left-sidebar
{
  background: rgb(0,0,0);
background: linear-gradient(180deg, var(--berlin-blue) 41%, #525761  100%);
}
.light-mode .menu-dropdown > button
{
  color: var(--clr-dark);
}

.light-mode .menu-dropdown > button:hover
{
  color: var(--clr-thunder-green);
}

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

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

.light-mode .header-user-brand
{
    background-color: var(--white-smoke);
    border-radius: 10px;
     box-shadow: 1px 3px 9px #d4d4d4;
}

.light-mode .btn-common-blue
{
  background-color: var(--berlin-blue);
  color: var(--clr-light);
  border: 1px solid var(--berlin-blue);
}
.light-mode .btn-common-outline-blue
{
  color: var(--clr-light);
  border: 1px solid var(--clr-denim);
  
}
.light-mode .data-grid-content
{
  background-color: var(--white-smoke);
}

.light-mode  .box-content .tabulator .tabulator-header
{
  background-color: var(--berlin-blue)!important;
  border-top:1px solid var(--clr-border)!important;
  border-bottom:1px solid var(--clr-border)!important;
  border-radius: 0px;
}
.light-mode  .box-content .tabulator-cell
{
  background-color: transparent;
  border-bottom: 1px solid var(--clr-border)!important;
}
.light-mode  .box-content .tabulator-row.tabulator-row-even, .light-mode  .box-content .tabulator-row
{
  background-color: var(--white-smoke)!important;
}

.light-mode  .filter-drop-down .svelte-select
{
  background-color:  var(--berlin-blue)!important;
  border: 1px solid var(--clr-border)!important;
  
}

.light-mode  .filter-drop-down .selected-item
{
  color:var(--light)!important
}
.light-mode  .tabulator      .tabulator-paginator      span.tabulator-pages      .tabulator-page
{
  background-color: var(--clr-light)!important;
  border: 1px solid var(--clr-border)!important;
}
.light-mode  .tabulator .tabulator-paginator span.tabulator-pages .tabulator-page:hover, .light-mode  .tabulator .tabulator-paginator span.tabulator-pages .tabulator-page.active
{
  color:var(--clr-base-dk)!important
}
.light-mode  .tabulator .tabulator-paginator > button.tabulator-page, .light-mode  .tabulator .tabulator-paginator > button.tabulator-page:hover
{
  background-color: var(--clr-light)!important;
  border: 1px solid var(--clr-border)!important;
}
.light-mode .tabulator .tabulator-paginator > button.tabulator-page
{
  color:var(--clr-dark)
}
.light-mode .tabulator .tabulator-paginator > button.tabulator-page:hover
{
  color:var(--clr-dark)
}
.light-mode  .tabulator .tabulator-paginator > button.tabulator-page.active
{
  background-color: var(--clr-denim)!important;
}
.light-mode  .tabulator .tabulator-footer .tabulator-page-size
{
  
  border: 1px solid var(--clr-border)!important;
}
.light-mode  .bread-crumb 
{
  color:var(--clr-thunder-green)
}

.light-mode  .search-form input {
  background-color: var(--berlin-blue);
  border: 1px solid var(--clr-border);
  color: var(--light);
  }
  .light-mode  .tabulator-headers
  {
    color:var(--clr-thunder-green)
  }
  .light-mode    .data-grid-content
  {
    box-shadow: 1px 3px 9px #d4d4d4;
  }
  .light-mode  .tabulator-tableholder .color-secondary
  {
    color:var(--clr-tertiary)
  }
  .light-mode  .tabulator-tableholder .color-secondary.btn-click-on
  {
    color:var(--clr-tertiary)
  }

  .light-mode .btn-action svg, .light-mode .btn-delete-disable
  {
    fill:var(--clr-dark)
  }
  .light-mode  .header-user-brand .selected-item
{
  color:var(--clr-dark)!important
  
}

.light-mode  .filter-block-new .title
{
  color:var(--clr-dark)
}

.light-mode table .svelte-select-list, .light-mode  .select-dropdown .svelte-select-list
{
  background-color: var(--clr-light-gray)!important;

}
.light-mode .select-dropdown .svelte-select.focused
{ 
  color:var(--clr-dark)!important
}

.light-mode table .item.hover, .light-mode  .select-dropdown .item.hover, .light-mode  table .item.active, .light-mode  .select-dropdown .item.active {
  background-color: var(--clr-light) !important;
  color:var(--clr-dark)!important
}
.light-mode .color-light
{
  color:var(--clr-dark)!important
}
.light-mode .nav-profile-img {
 
  background-color: var(--berlin-blue) !important;
  border:1px solid var(--clr-thunder-green)!important
}
.light-mode .nav-profile-img .color-light
{ 
  color:var(--light)!important
}
.light-mode  .dorpdown-item-name-1
{
  color:var(--clr-dark)!important
}
.light-mode  .trash-delete-btn
{
  background-image: url('./images/trash-black-icon.svg');
}
.light-mode .edit-pencil-btn
{
  background-image: url('./images/pencil-black.svg');
}
.light-mode .block-card
{
  color:var(--clr-thunder-green)!important;
  background-color: var(--clr-light)!important;
  border-color: var(--clr-light)!important;
}

.light-mode .form-title .text-white
{
  color:var(--clr-dark)!important;
}
.light-mode  .title-block 
{
 
  background-color: var(--input-disable-light)!important;
}
.light-mode  .title-block .text-white
{
  
  color:var(--clr-dark)!important;
}
.light-mode .form-element .form-control 
{
  background-color: var(--clr-light);
  border: 1px solid var(--clr-border);
  color:var(--clr-dark)
}
.light-mode .form-element .form-control:disabled
{
  background-color: var(--input-disable-light) !important;
  color:var(--input-disable)!important
}
.light-mode .date-picker-blue .form-control
{
  border: 1px solid var(--clr-border) !important;
  background-color: var(--berlin-blue)!important;
}
 .light-mode .form-element .svelte-select
{
  border: 1px solid var(--clr-border) !important;
  background-color: var(--light)!important;
}
.light-mode .form-element .svelte-select .selected-item
{
  /* color:var(--light)!important */
}
.light-mode  .filter-select-new  input::placeholder
{
  color:var(--light)!important;
}

.light-mode .add-issuers-form .filter-drop-down-new  .svelte-select
{
  border: 1px solid var(--clr-border) !important;
  background-color: var(--light)!important;
}
.light-mode .add-issuers-form .filter-drop-down-new  .svelte-select .selected-item
{
  color:var(--clr-dark)!important
}
.light-mode  .edit-icon svg path {
  stroke: var(--clr-tertiary);
}
.light-mode  .edit-icon
{
  color:var(--clr-dark)
}

.light-mode  .filter-select-new .svelte-select
{
  background-color: var(--berlin-blue)!important;
  border: 1px solid var(--clr-border)!important;
}  

.light-mode  .filter-select-new .selected-item
{
  color:var(--clr-light)!important;
}
.light-mode .drop-top-nav .value-container input
{
  color: var(--clr-dark)!important;
  font-size: 22px!important;
}

 .light-mode .tabulator-headers .tabulator-frozen-zone-left.tabulator-frozen
{
  background-color: var(--berlin-blue)!important;
}

.light-mode  .tabulator-col.tabulator-frozen.tabulator-frozen-left
{
  background-color: var(--berlin-blue) !important;
}
.light-mode  .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  background-color: var(--clr-header-gray)!important;
}

.light-mode .custom-tabs .nav-link
{
  color: var(--clr-dark);
}
.light-mode .custom-tabs .nav-link:hover
{
  color: var(--clr-tertiary);
}


.light-mode .custom-tabs
{
  border-color:var(--clr-border)!important;
  
}
.light-mode  .select-dropdown .customItem:active
{
  background-color: var(--light)!important;
}
.light-mode  .filter-date-picker-new .flatpickr input
{
  background-color: var(--berlin-blue)!important;
  border: 1px solid var(--clr-border)!important;
}
.light-mode  .custom-tabs .nav-link.active
{
  color:var(--clr-tertiary)!important
}
.light-mode .bread-crumb
{
  color: var(--clr-dark)!important;
}
.light-mode  .filter-multi-select .form-control
{
  background-color: var(--berlin-blue)!important;
  border: 1px solid var(--clr-border)!important;
  color: var(--light)!important;
}
.light-mode  .form-select-dropdown .dropdown-menu
{ 
  background-color: var(--white-smoke)!important;
}
.light-mode  .form-select-dropdown .dropdown-menu
{
  color: var(--clr-dark)!important;
}
.light-mode .chckbox-block:hover
{
  background-color: var(--clr-header-gray)!important;
}
.light-mode .tabulator-cell
{
  color: var(--clr-dark)!important;
}
.light-mode .text-white
{
  color: var(--clr-dark)!important; 
}
.light-mode  .gp-total {
  color: var(--clr-dark)!important; 
}

.light-mode .dropdown-dark .dropdown-menu
{
  background-color: var(--white-smoke)!important;
  border-color:var(--white-smoke)!important;
  box-shadow: 1px 3px 9px #d4d4d4;
}
.light-mode .tabulator-cell .color-secondary span:hover, .light-mode .tabulator-cell .color-secondary:hover
{
  color: var(--clr-thunder-green)!important; 
}

.light-mode  .pg-back-btn
{
  background-image: url('./images/back-green-icon.svg');
}

.light-mode  .fields-list-block-container
{
  background-color: var(--clr-light)!important;
  border: 1px solid var(--clr-border)!important;
}

.light-mode .table-content thead th,
.light-mode .table-content tfoot th {
  background-color: var(--berlin-blue)!important;
    color: var(--light)!important; 

}
.light-mode .table-dark tr,
.light-mode .table-content tr {
  border-bottom: 1px solid var(--input-disable-light);
}

.light-mode  .table-content tbody td {
  color: var(--clr-dark); 
}
.light-mode .data-table tr.active {
  background-color: var(--clr-header-gray);
}

.light-mode  .form-control:focus {
  background-color: var(--light);
  color: var(--clr-dark);
  border: 1px solid var(--input-disable-light);
}
.light-mode .flatpickr input:focus, .light-mode .flatpickr input.active
{
  border-color: var(--clr-border)!important;
}
.light-mode .center-divider::before
{
  background: var(--berlin-blue);
  border: 1px solid var(--berlin-blue);
}

.light-mode  .modal-dark .modal-content {
  background-color: var(--clr-light-gray);
  border: 1px solid var(--clr-header-gray);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 55%);
}
.light-mode .sucess-message .text-white
{
  color:var(--light)!important
}
.light-mode .table-dark tr.disabled td
{
  background-color: var(--input-disable-light)!important;
}
.light-mode tr.active td
{
  background: #e4e4e4;
}
.light-mode button.color-secondary:hover
{
  color: var(--clr-thunder-green);  
}

.light-mode .svelte-select  input:focus
{
  color: var(--light)!important;  
}

.light-mode  .box-content .tabulator-footer .tabulator-cell
{
  background-color: var(--clr-header-gray) !important;
}

.light-mode  .table-commitments table td:first-child
{
  background-color: var(--white-smoke);
}

.light-mode .btn.background-pink.text-white
{
  color:var(--light)!important
}

.light-mode  .link-block a:hover,
.light-mode  a.color-secondary:hover {
  color: var(--clr-thunder-green);
  transition: all ease-in-out 400ms;
}
.light-mode .reset-btn:hover
{
  color: var(--clr-thunder-green)!important;
}
.light-mode  .flatpickr-calendar
{
  background-color: var(--clr-light-gray);
  border-color:var(--clr-border)
}
.light-mode .flatpickr-weekday, .light-mode  .flatpickr-current-month .flatpickr-monthDropdown-months, .light-mode .numInput.cur-year
{
  color: var(--berlin-blue)!important;
  font-weight: bold;
}

.light-mode  .flatpickr-prev-month svg, .light-mode  .flatpickr-next-month svg
{
  fill: var(--clr-thunder-green)!important;
}
.light-mode .flatpickr-day.today
{
  background-color: var(--clr-border); 
  color: var(--clr-dark)!important;
  border-color: var(--clr-border); 
}
.light-mode .flatpickr-calendar.multiMonth .cur-month
{
  color: var(--berlin-blue)!important;
}
.light-mode  .shortcut-buttons-flatpickr-buttons, .light-mode .shortcut-buttons-flatpickr-buttons button
{
  border-color:  var(--input-disable-light);
}
.light-mode   .refresh-icon:hover svg
{
  fill: var(--clr-thunder-green)!important;
}
.light-mode .form-select-dropdown button
{
  color: var(--clr-light)!important;
}
.light-mode  .side-modal .modal-header,  .light-mode  .side-modal .modal-footer
{
  background-color: var(--clr-header-gray);
}
.light-mode .side-modal .modal-content
{
  background-color: var(--clr-light-gray);
}
.light-mode  .modifier-chveron-right
{
  background-image: url('./images/cheveron-next-green-icon.svg');
  background-repeat: no-repeat;
  height:30px;
}
.light-mode .edit-icon:hover svg path
{
  stroke: var(--clr-thunder-green);
}
.light-mode .flatpickr input
{
  color: var(--clr-light)!important;
}
.light-mode  .add-issuers-form input
{
  color: var(--clr-dark)!important;
}
.light-mode .flatpickr input:focus
{
  border-color: var(--clr-dark)!important;
}
.light-mode .filter-date-picker-new .flatpickr input:focus
{
  border-color: var(--clr-thunder-green)!important;
}
.light-mode .filter-select-new .svelte-select.focused, .light-mode .filter-multi-select .form-control.show
{
  border-color: var(--clr-thunder-green)!important;
}
.light-mode .form-control:focus
{
  border-color: var(--clr-dark)!important;
}
.light-mode .filter-drop-down-new .svelte-select.focused 
{
  border-color: var(--clr-dark)!important;
}
.light-mode .menu-dropdown .dropdown-menu
{
  background-color: var(--clr-header-gray);
  color:var(--clr-thunder-green)!important;
}
.light-mode .menu-dropdown .dropdown-menu a
{
  color:var(--clr-dark)!important;
}
.light-mode .menu-dropdown .dropdown-menu li a:hover
{
  background-color: var(--light);
}
.light-mode  .c-checkbox input:focus + span, .light-mode  .c-radio input:focus + span, .light-mode  .c-checkbox input:active + span, .light-mode  .c-radio input:active + span {
  border-color:var(--clr-thunder-green)!important;
}
.light-mode .flatpickr-day.inRange
{
  -webkit-box-shadow: -5px 0 0 #ccd5d1, 5px 0 0 #ccd5d1;
  box-shadow: -5px 0 0 #ccd5d1, 5px 0 0 #ccd5d1;
}
.light-mode  .flatpickr-day.inRange, .light-mode  .flatpickr-day.prevMonthDay.inRange, .light-mode  .flatpickr-day.nextMonthDay.inRange, .light-mode  .flatpickr-day.today.inRange, .light-mode  .flatpickr-day.prevMonthDay.today.inRange, .light-mode  .flatpickr-day.nextMonthDay.today.inRange, .light-mode  .flatpickr-day:hover,  .light-mode  .flatpickr-day.prevMonthDay:hover, .light-mode  .flatpickr-day.nextMonthDay:hover, .light-mode  .flatpickr-day:focus, .light-mode  .flatpickr-day.prevMonthDay:focus, .light-mode  .flatpickr-day.nextMonthDay:focus
{
  background: #ccd5d1;
  border-color: #ccd5d1;
}
.light-mode  .filter-drop-down-new .selected-item
{
  color:var(--clr-dark)!important;
}
.light-mode .search-form input:focus
{
  border-color: var(--clr-thunder-green);
}
.light-mode  .filter-drop-down-new .svelte-select.disabled
{
  background-color: var(--input-disable-light) !important;
}
.light-mode  .portfolio-pivot-option
{
  background-color: var(--clr-header-gray)!important;
    border: 1px solid var(--clr-border)!important;
}
.light-mode  .tabulator .tabulator-header
{
  background-color: var(--clr-header-gray)!important;
 
}
.light-mode  .tabulator-cell, .light-mode  .tabulator .tabulator-tableholder .tabulator-table
{
  background-color: var(--white-smoke)!important;
}

.light-mode  .tabulator-row.tabulator-row-even, .tabulator-row
{
  background-color: var(--clr-light)!important;
}
.light-mode  .tabulator-row.tabulator-row-even, .light-mode  .tabulator-row
{
  background-color: var(--clr-light)!important;
}

.light-mode .block-mail-detail
{
  background-color: var(--clr-light-gray);
}
.light-mode  .tag-list li button
{
  background-color: var(--clr-light-gray);
  border-color: 1px solid var(--clr-border);
}
.light-mode  .tag-list li button:hover
{
  background-color: var(--berlin-blue);
  border-color: var(--clr-thunder-green);
}


.light-mode  .mail-template-block  .text-light
{
  color:var(--clr-thunder-green)!important;
}

.light-mode  .tag-list li, .light-mode  .tag-list-list li span
{
  background-color: var(--berlin-blue)!important;
  color:var(--light)
}
 

.light-mode  .total-target
{
  background-color: var(--clr-header-gray) !important;
}
.light-mode .group-btn-decimal .btn-primary
{
  background-color: var(--berlin-blue);
}
.light-mode  .tabulator-col.tabulator-col-group:nth-child(2n + 1)
{
  background-color: var(--berlin-blue)!important;
}
.light-mode  .flatpickr-day
{
  color: var(--clr-dark)!important;
}

.light-mode  .flatpickr-day.nextMonthDay
{
  color:var(--clr-base-lt) !important
}

.light-mode   .flatpickr-input.flatpickr-mobile
{
  background-color: var(--clr-light);
  border: 1px solid var(--clr-border);
  color: var(--clr-thunder-green);
  
}

.light-mode  .tabulator-col-title
{
  color:var(--light)!important
}
.light-mode  .search-form
{
  color:var(--light)!important
}

.light-mode  .search-form input::placeholder
{
  color:#ffffff80
}

.light-mode .remove-option
{
  background-color: var(--white-smoke);
} 

.light-mode  .tabulator-cell.table-drop-down::before{
  background-color: var(--white-smoke);
}
.light-mode .publish.color-light{
  color: var(--light)!important;
}

.light-mode  .switch-dark .form-check-input:checked
{
  background-color: var(--berlin-blue);
}


.light-mode  .unpublish.color-light
{
  color:var(--light)!important
}

.light-mode .login-block{
  background-color: var(--white-smoke);
  border-radius: 10px;
  box-shadow: 1px 3px 9px #d4d4d4;
}
.light-mode .login-block a
{
  color:var(--clr-tertiary)!important 
}
.light-mode  #autocomplete-items-list {
  background: var(--white-smoke) !important;
  border-color: var(--input-border);
  width: 100%;
}
.light-mode  #autocomplete-items-list .autocomplete-items:hover
{
  background: var(--light) !important;
}
.light-mode ul li.autocomplete-items:hover,
.light-mode   ul li.autocomplete-items:active {
    background: var(--clr-light) !important;
}

.light-mode  ul li.autocomplete-items
{ 
  background: var(--clr-light) !important;
  color: var(--clr-dark) !important;
}

.light-mode  .autocomplete-items-select
{
  background-color: transparent!important;
}
.light-mode .autocomplete-items-select-close
{
  background: var(--clr-light) !important;
  color: var(--clr-dark) !important;
}
.light-mode .flatpickr-day {
  color: var(--clr-dark) !important;
}


.light-mode .flatpickr-day.selected:hover, .light-mode .flatpickr-day.selected {
  background-color: var(--berlin-blue) !important;
  color: var(--light) !important;
  border-color: var(--berlin-blue) !important;
}
.light-mode .btn-export-import
{
  background-color: var(--light) !important;
  border-color: var(--clr-dark) !important;
  color:var(--clr-dark);
  padding:5px 18px;
  border-radius: 30px;
}
.light-mode  .btn-export-import svg
{
  fill: var(--clr-dark) !important;
}

.light-mode .portfolio-pivot-option  .tabulator-col-title
{
  color:var(--clr-dark)!important;
}
.light-mode .portfolio-pivot-option  .tabulator-row.tabulator-row-even, .light-mode .tabulator-row
{
  background-color: transparent!important;
}
.light-mode  #pivotDropdown > button
{
  background-color: var(--berlin-blue) !important;
}
.light-mode .portfolio-pivot-option   .tabulator .tabulator-header
{
  border-color:#dee2e6!important;
}
.light-mode   .done-btn
{
  font-weight: 600;
  color:var(--berlin-blue)
}
.light-mode  .btn-filter-action
{
  background-color: var(--berlin-blue)!important;
}


.light-mode  .btn-filter-action
{
  background-color: var(--clr-ash-gray)!important;
}

.light-mode  .btn-filter-action
{
  background-color: var(--berlin-blue)!important;
}

.light-mode  .btn-pivot-by svg
{
  fill: var(--light);
}

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

.light-mode  .c-checkbox input[type="checkbox"]:checked + span, .light-mode  .c-radio input[type="checkbox"]:checked + span, .light-mode  .c-checkbox input[type="radio"]:checked + span, .light-mode .c-radio input[type="radio"]:checked + span {
  
  background-color: var(--berlin-blue)!important;
}
.light-mode  .search-entry .background-pink
{
  background-color: var(--berlin-blue)!important;
}

.light-mode .filter-drop-down-new .svelte-select.disabled .selected-item
{
  color:var(--input-disable)!important;
}

.light-mode .modal-content
{
  background-color: var(--clr-light-gray);
}


.light-mode  .block-header
{
  background: var(--berlin-blue);
  color: var(--light);
}
.light-mode  .block-card
{
  border: 2px solid var(--clr-border)!important;
  background-color: var(--clr-dark);
}
.light-mode  .block-card svg
{
  fill: var(--clr-tertiary);
}
.light-mode  .block-card:hover svg {
  fill: var(--berlin-blue);
}
.light-mode  .btn-download-template
{
  color:var(--clr-dark)
}

.light-mode .filepond--root {
  border: 2px dashed var(--clr-border) !important;
  border-radius: 4px;
}
.light-mode  .browse-file
{
  color:var(--clr-dark)!important
}

.light-mode  .btn-upload-files
{
  background-color: var(--berlin-blue)!important;
  border-color:var(--berlin-blue)!important;
  color:var(--light)!important
}
.light-mode  .drop-top-nav .svelte-select input
{
  color:var(--clr-dark)!important
}
.light-mode .logout-menu svg
{
  fill:var(--clr-dark)
}
.light-mode .portfolio-pivot-option .tabulator-frozen-right
{
  background-image: url(./images/drag-vertical-dark-icon.svg);
}


.light-mode .select-dropdown-blue .svelte-select
{
  border: 1px solid var(--clr-border) !important;
  background-color: var(--berlin-blue)!important;
}
.light-mode .select-dropdown-blue .svelte-select .selected-item
{
  color:var(--light)!important
}

.light-mode .btn-export-import .spinner-border
{
  border-color: var(--clr-dark)!important;
}
.light-mode  .btn-drawer-menu
{
  background-color: var(--berlin-blue)!important;
}

.light-mode .doc-file-upload .filepond--drop-label {
  border: 2px dashed #d1d3d4 !important;
 
}
.light-mode .tabulator-tableholder .delete svg
{
  fill:var(--clr-dark)
}
.light-mode  #previewModal .modal-content
{
  background-color: var(--clr-light-gray);
}

.light-mode .tabulator-cell.table-drop-down.tabulator-editing input {
  color: var(--clr-dark) !important; 
}
.light-mode  .color-dark
{
  color:var(--dark)
}
.light-mode  .tabulator-col.tabulator-col-group > .tabulator-col-content .tabulator-col-title
{
  color:var(--clr-tertiary)!important 
}
.light-mode .entity-eye-icon  svg
{
  fill: var(--clr-dark)!important;
}

.light-mode  .cheveron-icon
{
  background-image: url(./images/cheveron-left-black.svg);
  background-size: 20px;
}
.light-mode  .cheveron-icon.active {
  background-image: url(./images/cheveron-left-pink-shiny.svg);
  background-size: 28px;
}

.light-mode .btn-sort svg
{
  fill: var(--clr-dark);
}
.light-mode  .trash-contacts svg
{
  fill: var(--clr-dark);
}
.light-mode .block-mail-detail
{
  color:var(--clr-dark)
}
.light-mode  .publish.background-pink
{
  background-color:var(--berlin-blue)!important 
}

.light-mode  .message-block.mail-content-block
{
  color:var(--clr-dark)
}
.light-mode  .block-mail-detail
{
  background-color: var(--input-disable-light)!important
}
.light-mode  .form-control
{
  color:var(--clr-dark)
}

.light-mode   .flatpickr-day.endRange, .flatpickr-day.startRange, .light-mode   .flatpickr-day.startRange:hover {
  background-color: var(--berlin-blue);
  border-color: var(--berlin-blue);
}
.table-commitments .pencil-small  svg, .table-commitments  .remove-icon-red svg
{
  fill:var(--clr-tertiary)!important 
}
.light-mode  .logout-submenu button:active
{
  color:var(--dark)
}
.light-mode   .tabulator-editing input
{
  color:var(--clr-dark)
}

.light-mode .date-picker-light input
{
  color:var(--clr-dark)!important
}
.light-mode .ql-snow.ql-toolbar button:hover .ql-fill
{
  fill:var(--berlin-blue)!important;
}
.light-mode .dark-mode .ql-snow .ql-formats button:hover .ql-stroke
{
  stroke: var(--berlin-blue) !important;
}
.light-mode  .tag-list li button
{
  border:1px solid var(--berlin-blue)!important;
  color: var(--clr-base-lt);
  color:var(--clr-dark)
}
.light-mode  .tag-list li button:hover
{
  color:var(--light)
}

.light-mode  .select-dropdown .svelte-select .clear-select svg
{
  color:var(--clr-border)
}

.light-mode  .tabulator-edit-list {
  background-color: var(--clr-header-gray) !important;
  color: var(--clr-dark) !important;
}

.light-mode  .tabulator-edit-list-item {
  color: var(--clr-dark) !important;
}
.light-mode  .tabulator-edit-list-item:hover {
  background-color: var(--berlin-blue) !important;
  color: var(--light) !important;
}
.light-mode  .login-select-block .svelte-select.list-open
{
  border-color: black!important;
}
.light-mode .login-select-block  .svelte-select input
{
  color: black!important;
}

.light-mode .table-content tfoot  .commitments-total-amount th
{
  
  background-color: var(--clr-light-gray) !important;
  color:var(--clr-dark) !important;
}

.light-mode  .entity-table .svelte-select  input, .light-mode  .form-select-light .svelte-select  input
{
  color: var(--dark)!important;  
}


.light-mode  .sucess-message
{
  background-color: var(--berlin-blue);
}
.light-mode  .filepond--download-icon, .light-mode  .filepond--download-icon:hover
{
  background-color: #999;
}
.light-mode  .table-fixed-head-footer .color-secondary
{
  color:var(--clr-dark)
}
.light-mode .security-type-select .input-error
{
  border: 0px !important;
  box-shadow: none!important;
}
.light-mode .security-type-select .input-error > .form-control
{
  border: 1px solid var(--clr-danger) !important;
    box-shadow: 0px 0px 8px var(--clr-danger);
}


.light-mode .security-type-select .dropdown-toggle:after {
    position: absolute;
    right: 12px;
    top: 10px!important;
}

.light-mode .security-type-select  .form-control
{
  color:var(--clr-dark) !important
}



.light-mode  .import-btn-top
{
  background: var(var(--berlin-blue));
  border-color:var(var(--berlin-blue));
}

.light-mode .text-editor.dark-mode
{
  background-color: var(--clr-base)!important;
  border: 1px solid var(--input-border)!important;
}
.light-mode .dark-mode .ql-editor
{
   color:var(--clr-light);
}



.light-mode .quill-editor-main  .text-editor.dark-mode {
  background-color: var(--light)!important;
  border: 0px solid #d9d7d7!important;
}

.light-mode  .quill-editor-main .ql-editor
{
  color:var(--dark)!important
}



.light-mode .quill-editor-main .dark-mode .ql-toolbar.ql-snow
{
  border-color:#ccc
}
.light-mode .quill-editor-main .dark-mode .ql-container.ql-snow
{
  border-color:#ccc
}

.light-mode .welcome-brand-logo
{
  background-image: url('/images/valence-logo-light.svg');
}
.light-mode .login-block .select-dropdown .svelte-select.focused
{
  border-color:var(--dark)!important
}

.light-mode  .value-total
{
  color: var(--berlin-blue)!important;
}

.light-mode  .commitments-slider-outer
{
  background-color: var(--berlin-blue);
}

.light-mode  .remaining-commitements .funded-capital
{
  background-color: var(--berlin-blue);
}
.light-mode .commitments-value
{
  color: var(--berlin-blue);
}  

.light-mode  .c-checkbox input[type="checkbox"]:checked + span
{
      border-color: var(--berlin-blue);
}
.light-mode  .flatpickr-day.endRange:hover
{
  background-color: var(--berlin-blue)!important;
  color:var(--light)!important
}
.light-mode .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1))
{
  -webkit-box-shadow: -10px 0 0 #ccd5d1!important;
    box-shadow: -10px 0 0 #ccd5d1!important;
}
.light-mode  .flatpickr-day.endRange
{
  color:var(--light)!important
}
.light-mode  .select-document-control button:hover
{
  color:var(--berlin-blue)
}
.light-mode  .text-animation
{
  color:var(--dark)
}
.light-mode .client-select-list .spinner-border, .light-mode .drop-top-nav .spinner-border {
  border-color: #ccc !important
}
.light-mode .dragable-block-hover td{ 
	background-color: #f6f4bf!important;
}
.light-mode .header-logo-img
{
  background-position: 0px -40px;
}
.light-mode  .coterie-loader
{
  /* background-color: rgba(255, 255, 255, 0.6); */
}
.light-mode .pending-acceptance:hover
{
    color:var(--berlin-blue)
}

.light-mode .status-label {
    color: var(--berlin-blue);
}

.light-mode  .my-investment-logo button
{
  background-color: var(--light)!important;
  
}

.light-mode  .my-investment-logo  .nav-profile-img
{
  border-color: var(--light)!important;
  border-radius: 15px!important;
  background-color: var(--light)!important;
}
.light-mode  .my-investment-logo  .nav-profile-img .color-light
{
  color:var(--clr-black)!important
}
.light-mode  .coterie-connect-button
{
  background-color: var(--light)!important;
  color:var(--clr-black)!important
}
.light-mode  .status-label.color-green
{
  color: #acd132!important;
}
.light-mode .coterie-header-logo
{
  background-image: url(/images/connect-with-coterie.png) !important;
  background-position: 0px -43px ;
}
.light-mode  .vector-coterie-logo
{
  background-image: url(/images/vector-coterie-logo-light.jpg);
}
.light-mode .search-drop-down
{
  background-color: var(--berlin-blue) !important;
  border: 1px solid var(--clr-border) !important;
  color: var(--light) !important;
}

.light-mode .filter-multi-select .serach-list-items
{
  color: var(--clr-dark) !important;
}

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

.light-mode  .commitment-manage:after
  {
    background-color: var(--white-smoke)!important;
   }

   .light-mode  .password-text button svg
   {
      fill:var(--berlin-blue)
   }