@import "variables.css";


html,
body {
  margin: 0;
  height: 100%; /* needed for proper layout */
  /* background-color: var(--clr-base-dk); */
  font-family: Century Gothic, "Trebuchet MS", sans-serif;
  font-family: Arial, "Trebuchet MS", sans-serif;
  font-size: 14px;
}

::-moz-selection { /* Code for Firefox */
  color: var(--light);
  background: var(--clr-secondary);
}

::selection {
  color: var(--light);
  background: var(--clr-secondary);
}



.btn {
  box-shadow: none !important;
}
* {
  outline: none;
}
body {
  overflow: hidden;
}

.page {
  display: flex;
  flex-direction: column;
}

.page-content {
  flex: 1 1 auto;
  position: relative; /* need this to position inner content */
  overflow-y: auto;
}
.modal {
  overflow: hidden;
}
.content-wrapper {
  padding: 13px 20px 20px;
  margin: auto;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}

.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}

.font-size-17 {
  font-size: 17px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-19 {
  font-size: 19px;
}
.font-size-20 {
  font-size: 20px;
}
.font-bold {
  font-weight: bold;
}
.color-dim-gray,
.color-base-light {
  color: var(--clr-base-lt);
}
.color-secondary {
  color: var(--clr-secondary);
}
.hr-line {
  background: var(--clr-base-lt);
}
.data-table {
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table-content thead th,
.table-content tfoot th {

  font-weight: normal;
}
.table-content {
  border-color: var(--input-border);
}

.table-content thead tr th:first-child {
  border-top-left-radius: 0px;
}
.table-content thead tr th:last-child {
  border-top-right-radius: 0px;
}
.table-content tfoot tr th:first-child {
  border-bottom-left-radius: 00px;
}
.table-content tfoot tr th:last-child {
  border-bottom-right-radius: 0px;
}
.table-content tbody th,
.table-content tbody td {
  background-color: transparent;
  border: 0px;
  vertical-align: middle;
}

.table > :not(caption) > * > * {
  border-bottom-width: 0px;
}

.btn-common-action {
  border-radius: 25px;
  min-width: 99px;
  padding: 7px 10px;
  min-height: 37px;
}
.btn-common-action.background-red:hover {
  color: var(--light);
}
.background-pink {
  background-color: var(--clr-secondary);
}
.background-white {
  background-color: var(--light);
}
.icon-16 {
  max-width: 16px;
  height: 16px;
}
.background-gray {
  background-color: var(--clr-base-lt);
}
.form-control {
  padding: 4px 12px;
  color: var(--light);
  box-shadow: none;
  transition: all ease-in-out 400ms;
  border-radius: 8px;
}
.form-control:focus {

  box-shadow: none;
  
}

table .selectContainer,
.modal-dialog-slideout .selectContainer,
.select-dropdown .selectContainer,
.form-select-dark .selectContainer {
  background-color: var(--clr-base) !important;
  padding: 6px 12px !important;
  border: 1px solid var(--input-border) !important;
  color: var(--clr-base-lt) !important;
  /* box-shadow: none !important; */
  height: 31px !important;
}
.select-dropdown .multiSelect {
  min-height: 34px !important;
  height: auto !important;
}
.selectContainer .indicator {
  margin-top: -6px;
}
.modal-dialog-slideout .indicator,
.select-dropdown .indicator,
.form-select-dark .indicator {
  margin-top: -8px;
}
.select-dropdown .selectContainer.focused {
  border-color: var(--light) !important;
  color: var(--light) !important;
}
.select-dropdown .selectContainer.disabled {
  background-color: var(--input-disable) !important;
}
.form-control:disabled {
  background-color: var(--input-disable) !important;
}

.select-dropdown .selectContainer.disabled input::placeholder {
  color: var(--clr-base-lt) !important;
}
.select-dropdown .selectContainer.focused input {
  color: var(--light) !important;
  font-size: 12px;
}
table .clearSelect,
.select-dropdown .clearSelect {
  margin-top: -6px;
}
table .listContainer,
.select-dropdown .listContainer {
  background-color: var(--clr-black) !important;
}
table .item.hover,
.select-dropdown .item.hover,
table .item.active,
.select-dropdown .item.active {
  background-color: var(--clr-base-dk) !important;
  color: var(--light) !important;
}

.side-modal .modal-dialog {
  position: fixed;
  right: 0;
  top: 0px;
  margin: 0px;
}
.side-modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}

.side-modal.modal.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.side-modal.modal.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0) scale(1);
  transform: translate(100%, 0) scale(1);
}
.side-modal.modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.side-modal.modal.modal.fade.show
  .modal-dialog.modal-dialog-slideout
  .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog-slideout .modal-content {
  border: 0;
}
.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
  height: 69px;
  display: block;
}
.modal-dialog-slideout .modal-header h5 {
  float: left;
  font-weight: bold;
}
.side-modal .modal-dialog {
  width: 600px;
}
.side-modal .modal-content {
  border-radius: 0px;
}
.side-modal .modal-header {
  background-color: var(--clr-base);
  border-radius: 0px;
}
.side-modal .modal-footer {
  background-color: var(--clr-base);
  border-radius: 0px;
}
.side-modal .modal-content {
  background-color: var(--clr-base-dk);
  border-radius: 0px;
}

.c-checkbox input[type="checkbox"]:checked + span {
  background-image: url("/images/check.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}
input[type="radio"]:checked + span {
  background-image: url("/images/check.svg");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}


.form-title {
  max-width: 180px;
  flex: 0 0 180px;
}
.form-title span {
  line-height: 15px;
  display: block;
  margin-right: 6px;
}
.btn-outline-pink {
  border: 1px solid var(--clr-secondary);
}
.btn-outline-pink:hover {
  color: var(--clr-secondary) !important;
}
.color-smoke {
  color: var(--clr-base-lt);
}
.switch-dark .form-check-input {
  /* background-color: var(--clr-base);
  border: 1px solid var(--input-border); */
  width: 58px;
  height: 29px;
}
.switch-dark .form-check-input:checked {
  background-color: var(--clr-secondary);
}
.select-dropdown .multiSelectItem {
  color: var(--clr-base);
}
.select-dropdown .multiSelectItem:hover {
  background-color: var(--clr-secondary) !important;
}
.select-dropdown .multiSelect {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.title-block {
  background-color: var(--clr-base);
}
.custom-tabs {
  border-color: var(--clr-base);
}
.custom-tabs .nav-link {
  color: var(--light);
  border: 0px;
  position: relative;
  margin-right: 2px;
}
.custom-tabs .nav-link:hover {
  color: var(--clr-tertiary);
}
.color-tertiary
{
  color: var(--clr-tertiary);
}
.quick-add-inv:hover
{
  color: var(--clr-tertiary);
}
.custom-tabs .nav-link.active:after,
.custom-tabs .nav-link:hover:after {
  position: absolute;
  bottom: 0px;
  height: 3px;
  background-color: var(--clr-tertiary);
  left: 0px;
  width: 100%;
  content: "";
  animation-name: example;
  animation-duration: 0.5s;
}

@keyframes example {
  from {
    bottom: -5px;
  }
  to {
    bottom: 0px;
  }
}

.custom-tabs .nav-link.active {
  color: var(--clr-tertiary);
  background-color: transparent;
}

.bread-crumb a {
  color: var(--clr-tertiary);
  text-decoration: none;
}
.login-block {
  max-width: 600px;
  background-color: var(--clr-primary);
  border-radius: 10px;
}

.logo img {
  max-width:226px;
  margin-top: 15px;
}
.login-title {
  font-size: 28px;
  font-weight: 600;
}
.login-form-block {
  width: 100%;
  max-width: 400px;
  margin: auto;
}
.login-form-block input {
  width: 100%;
}

.btn-login {
  width: 100%;
  border-radius: 25px;
  padding: 10px 20px;
}

.color-danger {
  color: var(--clr-danger);
}
button.color-secondary:hover {
  color: var(--light);
}
.color-light {
  color: var(--light);
}

.input-file-upload button {
  background-color: var(--clr-base-lt);
  border-radius: 0px 20px 20px 0px;
  color: var(--clr-base-dk);
}

.button-actions {
  flex: 1 1 550px;
  max-width: 550px;
  justify-content: flex-end;
}

.search-form input {
  background-color: var(--clr-base);
  padding: 6px 12px;
  border: 1px solid var(--input-border);
  color: var(--clr-base-lt);
  width: 350px;
  border-radius: 40px;
  padding-left: 45px;
  transition: all ease-in-out 400ms;
}
.search-form input:focus {
  border: 1px solid var(--light);
}
.search-form img {
  margin-top: 10px;
  margin-left: 15px;
}
.color-base-light {
  color: var(--clr-base-lt);
}
.tag-list,
.tag-list-list {
  list-style: none;
}

.tag-list li,
.tag-list-list li span {
  display: inline-block;
  padding: 7px 18px;
  background-color: var(--clr-base);
  min-width: 80px;
  text-align: center;
  border-radius: 60px;
  margin-bottom: 8px;
  margin-right: 4px;
}
.tag-list-list li {
  /* padding: 7px 18px !important; */
}
.mailing-preview button
{
  padding: 7px 18px;
}
button.background-pink:hover {
  color: var(--light);
}

.filter-dropwdown .selectContainer {
  width: 100%;
  border: 0px;
  background-color: transparent !important;
  border: 0px !important;
  padding-left: 0px !important;
}
.filter-dropwdown .selectContainer.multiSelect .indicator {
  top: 10px !important;
}
.filter-dropwdown .selectContainer input {
  padding: 0px !important;
  border: 0px !important;
  font-size: 14px !important;
}
.filter-dropwdown .selectedItem .selection {
  color: #fff;
}
.filter-dropwdown .clearSelect {
  position: relative;
  top: 16px !important;
}
.filter-dropwdown .indicator {
  position: relative;
  top: 14px !important;
}
.filter-dropwdown svg {
  width: 15px;
  height: 15px;
}
.filter-dropwdown .selectContainer input:placeholder {
  color: var(--light) !important;
}
.search-entry svg {
  fill: var(--clr-base-lt);
}
.search-entry svg:hover {
  fill: var(--clr-secondary);
}
.icon-right svg {
  transform: rotate(180deg);
}

.title-name {
  width: 60px;
  display: inline-block;
}
.cusor {
  cursor: ponter;
}
.sucess-message {
  border-radius: 0px 20px 20px 0px;
  width: 100%;
  max-width: 400px;
  padding: 6px 12px;
}
.mail-template-block {
  flex: 0 0 320px;
  max-width: 320px;
  margin-left: 15px;
}
.background-red {
  background-color: var(--clr-red);
}
.colun {
  flex: 0 0 32px;
  max-width: 32px;
  color: var(--clr-base-lt);
}

.badge-block {
  background-color: var(--clr-base-lt);
  display: inline-block;
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
}

.button-margin {
  background: var(--input-disable);
  border: 1px solid var(--clr-base-lt);
}
.arrow-bottom {
  transform: rotate(180deg);
}
.arrow-left {
  transform: rotate(-90deg);
}
.arrow-right {
  transform: rotate(90deg);
}

.tag-list {
  list-style: none;
}
.tag-list li {
  padding: 0px;
}
.tag-list li button {
  padding: 1px 10px;
  background-color: var(--clr-base);
  min-width: 80px;
  text-align: center;
  border-radius: 60px;
  color: var(--clr-base-lt);
}

.tag-list li button.active,
.tag-list li button:hover {
  background: var(--clr-secondary);
  color: var(--light);
}

.icon-12 {
  max-width: 12px;
}
.icon-14 {
  max-width: 14px;
}
.icon-20 {
  max-width: 20px;
}
.sidebar-links
{
  padding-bottom: 120px;;
}
.sidebar-links a {
  color: #999;
  text-decoration: none;
  font-size: 14px;
  padding: 4px 10px 4px 20px;
  display: block;
}
.sidebar-links a:hover,
.sidebar-links button:hover {
  color: var(--light);
}
.sidebar-links button {
  padding: 4px 10px 4px 20px;
  color: var(--clr-base-lt);
  width: 100%;
  text-align: left;
}
.sidebar-links a svg,
.sidebar-links button svg {
  margin-right: 10px;
}
.sidebar-links ul {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  list-style: none;
  
}
.sidebar-links ul .multi-collapse {
  margin-left: 37px;
}
.sidebar-links ul .multi-collapse a {
  padding: 6px 21px;
}
.dropdown-dark .dropdown-menu {
  background-color: var(--clr-base);
  border: 1px solid var(--input-border);
}

.dropdown-dark .dropdown-menu li a {
  padding: 6px 12px;
  color: var(--clr-base-lt);
  text-decoration: none;
}
.dropdown-dark .dropdown-menu li a:hover {
  color: var(--light);
}

.logout-menu svg {
  fill: #b8b8b7;
  margin-right: 6px;
}
.filter-title {
  display: block;
  margin-right: 20px;
}
.form-container {
  max-width: 1650px;
  margin: auto;
}
.add-form-container
{
  max-width: 1250px;
  margin: auto;
}
.text-append input {
  padding-right: 25px;
}
.text-append .symbol {
  right: 6px;
  top: 8px;
}
.text-prepend input {
  padding-left: 25px;
}
.text-prepend .symbol {
  left: 10px;
  top: 6px;
}

.group-btn-decimal .btn-primary {
  background-color: var(--clr-base);

  border: 1px solid var(--input-border);
}
.table-dark tr.active td {
  background-color: var(--dropdown-bg);
}
.table-dark tr.disabled td {
  background: var(--dropdown-bg);
  opacity: 0.6;
}
.table-dark tr.disabled td.cursor {
  cursor: not-allowed !important;
}
.cursor {
  cursor: pointer;
}
.table-dark tr:last-child {
  border: 0px;
}
.group-btn-decimal .btn-primary svg {
  fill: var(--clr-base-lt);
}
.group-btn-decimal .btn-primary:hover svg {
  fill: var(--light);
}
.group-btn-decimal .btn-primary.active {
  background-color: var(--clr-secondary);
}
.group-btn-decimal .btn-primary.active svg {
  fill: var(--light);
}
.block-mailing-content .block-btn {
  margin-left: 0px !important;
}
.material-switch .form-check-input:checked {
  border: 0px;
}
.select-dropdown .multiSelect .indicator,
.select-dropdown .multiSelect .clearSelect {
  height: 39px !important;
}
.upload-icon {
  position: relative;
  top: -2px;
}
.footer-block .btn-common-action {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-block .btn-common-action.background-pink img {
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.footer-block .btn-common-action.background-white img {
  margin-right: 10px;
  position: relative;
  top: -1px;
}


.edit-icon:hover svg path {
  stroke: var(--light);
}
.cursor {
  cursor: pointer;
}
.sidebar-links a:hover svg path {
  stroke: red;
}

#dashboard-icon path {
  fill: #b8b8b7;
}
.left-link a:hover svg {
  filter: invert(27%) sepia(20%) saturate(200%) hue-rotate(346deg)
    brightness(175%) contrast(97%);
}
.left-link a.active {
  color: var(--clr-tertiary);
}
.left-link a.active svg {
  filter: invert(40%) sepia(14%) saturate(2943%) hue-rotate(39deg) brightness(94%) contrast(81%);
}
.btn.background-pink:hover {
  background-color: var(--clr-secondary-dk);
}

.btn.background-gray:hover {
  background-color: var(--clr-base-lt-hover);
}
.top-links .active {
  color: var(--clr-secondary);
}
.top-nav-right > button svg {
  fill: var(--clr-base-lt-hover);
}
.top-nav-right > button:hover svg,
.top-nav-right > button.active svg {
  fill: var(--clr-secondary-dk);
}

.btn-action svg, .btn-delete-disable {
  fill: var(--clr-base-lt);
}
.btn-delete-disable
{
  margin-top: 4px;
  margin-left: 7px;
}
.btn-action:hover svg {
  fill:var(--clr-tertiary)
}

.edit-btn-action svg {
  fill: var(--clr-secondary-dk);
}
.edit-btn-action:hover svg {
  fill: var(--light);
}
.alert-message {
  min-height: 40px;
  max-width: 428px;
  margin: auto;
}
.otp-input-block div {
  width: 100%;
}
.otp-input-block input,
.otp-input-block input:focus {
  background-color: transparent;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-top: 0;
  border-left: 0px;
  border-right: 0px;
  font-size: 29px;
  letter-spacing: 5px;
  max-width: 154px;
  text-align: center;
  margin: auto;
}

.error-msg {
  color: var(--light);
  padding: 0px 6px;
  z-index: 9999;
  bottom: -38px;
  background-color: var(--clr-danger);
  padding: 1px 6px;
  right: 0px;
  animation-name: error-animation;
  animation-duration: 0.5s;
}
.error-msg:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--clr-danger);
  top: -7px;
  border-radius: 6px;
}
@keyframes error-animation {
  0% {
    bottom: -50px;
  }
  100% {
    bottom: -38px;
  }
}
.input-error {
  border: 1px solid var(--clr-danger) !important;
  box-shadow: 0px 0px 8px var(--clr-danger);
}

.table-row {
  border-bottom: 1px solid var(--input-border);
  background-color: var(--clr-primary);
  color: var(--clr-base-lt);
  border-right: 0px !important;
}
.ui-data-table .tabulator-sortable.table-row {
  background-color: var(--clr-base);
  color: var(--light);
  font-weight: normal;
  border: 0px !important;
}
.ui-data-table .tabulator-headers {
  border: 0px !important;
  background-color: var(--clr-base) !important;
  color: var(--light);
  font-weight: normal;
  border: 0px !important;
}
.ui-data-table .tabulator-sortable {
  background-color: transparent !important;
}
.ui-data-table .tabulator-header {
  border-bottom: 1px solid var(--input-border) !important;
}
.tabulator {
  border: 0px !important;
  padding-bottom: 0px !important;
}
.ui-data-table {
  background-color: transparent !important;
}
.tabulator-row .tabulator-cell {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.btn-action svg {
  width: 24px;
  height: 24px;
}

.tabulator-loader-msg {
  background-color: var(--clr-base);
  border: 1px solid var(--input-border);
  color: var(--clr-base-lt);
  transition: all ease-in-out 400ms;
}
.page-content .tabulator .tabulator-loader .tabulator-loader-msg {
  background-color: var(--clr-base);
  border: 1px solid var(--input-border);
}
.tabulator-loader-msg.tabulator-loading {
  color: var(--clr-base-lt) !important;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  border: 1px solid var(--input-border) !important;
}

.tabulator-loader-msg.tabulator-error {
  background-color: var(--clr-red) !important;
  color: var(--light) !important;
  display: none !important;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  border: 0px !important;
}
.tabulator-cell .btn-link {
  box-shadow: none;
}
.form-input-block .form-element {
  width: 400px !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  opacity: 0;
}
.input-error {
  padding-right: 35px;
}
.icon-svg svg {
  fill: var(--clr-base-lt);
}
.icon-svg svg:hover {
  fill: var(--clr-secondary-dk);
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-sortable[aria-sort="none"]
  .tabulator-col-content
  .tabulator-col-sorter
  .tabulator-arrow {
  border-bottom: 6px solid var(--clr-base-lt) !important;
}
.cheveron-select .selectedItem {
  position: relative;
}
.cheveron-select .selectedItem:after {
  content: " ";
  position: absolute;
  right: 0px;
  background-image: url(./images/cheveron-down.svg);
  background-position: 0 0px;
  width: 10px;
  height: 20px;
  top: 17px;
  background-repeat: no-repeat;
}

.otp-input-block input {
  padding-right: 12px !important;
}

.otp-input-block .error-icon {
  right: -4px !important;
  top: 18px !important;
}
.form-control[type="color"] {
  padding: 4px;
  width: 30px;
  border-radius: 4px !important;
  height: 30px;
}
.wizard-footer button img {
  position: relative;
  top: -1px;
}

.top-filter-content .selectContainer {
  min-width: 135px;
}

.pencil-small svg {
  width: 16px;
  height: 16px;
}
.table-commitments {
  overflow: auto;
}
.table-commitments table thead th,
.table-commitments table tbody td,
table.table-associations thead th,
table.table-associations tbody td {
  padding: 3px !important;
}
.table-commitments table td .selectContainer,
table.table-associations .selectContainer {
  padding: 3px 5px !important;
  height: 23px !important;
}
.table-commitments table td .selectContainer .indicator,
table.table-associations .selectContainer .indicator {
  margin-top: -11px;
}
.heading-block button {
  position: relative;
  top: -2px;
}
.edit-column svg {
  fill: var(--clr-secondary);
  position: relative;
  top: -2px;
}
.edit-column:hover svg {
  fill: var(--light);
}
.data-table tr.active {
  position: relative;
}

.table-fixed-head-footer thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.table-fixed-head-footer tfoot th {
  position: sticky;
  bottom: 0;
  z-index: 1000;
}

.error-border .error-msg {
  display: none;
}
.table thead th,
.table tfoot td,
.table tfoot th,
.table tbody td {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
table .manage-commitment th
{
  padding-left: 3px!important;
  padding-right: 3px!important;
}
.allocation-scheme-block {
  max-height: 500px;
  overflow: auto;
  height: auto;
}
.drop-top-nav .selectContainer {
  border: 0px !important;
  padding-left: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}
.drop-top-nav .selectContainer input {
  padding-left: 0px !important;
}

.drop-top-nav .selectedItem {
  background-image: url("./images/cheveron-down.svg");
  background-repeat: no-repeat;
  background-position: right center;
}

.date-range-form {
  width: 210px;
}
.tbl-padding-0 .tabulator {
  padding-bottom: 0;
}
.selection {
  max-width: 350px;
}
#modifierModel .info-select-block .selection {
  max-width: 100% !important;
}
.modiefier-select .selectContainer,
.modiefier-select .form-element {
  max-width: 282px;
}
.checkbox input[type="checkbox"][disabled] {
  background-color: red;
}
.modiefier-select .listContainer .item {
  white-space: normal !important;
  overflow: visible !important;
  line-height: 19px !important;
  height: auto;
  padding: 8px 13px;
}
.listContainer {
  z-index: 10000 !important;
}
.multiSelectItem_clear.s-LEH-Ylqns5Fx:hover svg.s-LEH-Ylqns5Fx,
.active.s-LEH-Ylqns5Fx .multiSelectItem_clear svg.s-LEH-Ylqns5Fx {
  fill: var(--clr-base) !important;
}
.tabulator-col.tabulator-col-group:nth-child(2n + 1) {
  background-color: #2a2a28 !important;
}
.tabulator-col.tabulator-col-group:nth-child(2n) {
  background-color: #4a4a45 !important;
}
.tabulator
  .tabulator-header
  .tabulator-col.tabulator-col-group
  .tabulator-col-group-cols {
  border-top: 0px !important;
}

.tabulator-col.tabulator-col-group
  > .tabulator-col-content
  .tabulator-col-title {
  color: var(--clr-tertiary);
  font-size: 17px;
  text-align: center;
}

.portfolio-pivot-option .tabulator-frozen-right {
  background-image: url(./images/drag-vertical-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent !important;
  background-size: 14px;
}
.portfolio-pivot-option .tabulator-cell {
  border: 0px !important;
}
.tabulator-moving .tabulator-cell {
  background: rgb(247, 247, 208) !important;
  border: 0px !important;
  border-radius: 6px;
  border: 1px dashed var(--input-disable);
}
.tabulator-moving {
  background-color: transparent !important;
  border: 0px !important;
}
.multi-line-dropdown .dorpdown-item-name {
  white-space: normal !important;
  line-height: 20px;
}
.multi-line-dropdown .customItem {
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.c-checkbox input:focus + span,
.c-radio input:focus + span,
.c-checkbox input:active + span,
.c-radio input:active + span {
  border-color: var(--light);
}
.flatpickr input:focus,
.flatpickr input.active {
  border-color: var(--light) !important;
}
.cheveron-icon {
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-position: center;
}
.cheveron-icon.active {
  background-image: url(./images/cheveron-left-pink-shiny.svg);
  background-size: 28px;
}
.filepond--root.doc-file-upload.filepond--hopper {
  border: 0px !important;
}
.icon-pink svg {
  fill: var(--clr-tertiary);
}
.icon-pink:hover svg {
  fill: var(--clr-tertiary);
}
.icon-pink:hover svg {
  fill: var(--light);
}
.tabulator-cell .btn-common-action {
  border-radius: 25px;
  min-width: 74px;
  padding: 0px 10px !important;
  min-height: 12px;
}
.pdf-preview {
  min-height: 600px;
}
.report-modal {
  width: 100%;
  max-width: 1500px;
}

.input-numbers input[type="number"]::-webkit-outer-spin-button,
.input-numbers input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button !important;
  background: black;
  color: red;
}
.input-numbers input[type="number"] {
  max-width: 200px;
}

.unit-measurment {
  right: 10px;
  top: 5px;
  color: var(--clr-base-lt);
  z-index: 10;
}

.tabulator-row .tabulator-cell.tabulator-editing {
  border-right: 1px solid var(--clr-base-lt) !important;
}
/* .dorpdown-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 244px !important;
  word-break: break-word !important;
} */
.select-dropdown .customItem > div {
  width: 100%;
}

.mail-list-filter .roles-filters .filter-dropwdown {
  align-items: flex-start !important;
}
.mail-list-filter .roles-filters .filter-dropwdown span {
  margin-top: 10px;
}
.filter-entitty-mail {
  margin-top: 4px;
}
.custom-checkbox-cell input {
  width: 20px;
}

.tbl-snapshot .tabulator-calcs-bottom .tabulator-cell:first-child:after {
  content: "Total";
  position: absolute;
  left: 11px;
  top: 7px;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-right {
  border-left: 0px !important;
}
.block-mail-detail {
  background-color: var(--clr-primary);
}
.margin-title-area {
  flex: 0 0 50px;
}
.table-content td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.drop-top-nav .listContainer {
  min-width: 500px !important;
  min-height: 400px !important;
}
.edit-pencil-btn {
  background-image: url("./images/pencil-green.svg");
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.trash-delete-btn {
  background-image: url("./images/trash-green-icon.svg");
  width: 20px;
  height: 20px;
}
.list-block ol {
  padding-left: 14px;
}
.form-title-block {
  flex: 0 0 110px;
  max-width: 110px;
}
.dashboard-news {
  max-height: 150px;
  overflow: auto;
}

.entity-divider
{
  height:1px; background: var(--clr-base); margin-bottom:10px;
}
.delete-entity svg
{
  fill:var(--clr-secondary)
}

.sorting-column .btn-sorting
{
  right:-1px;
}
.sorting-column
{
  padding-right: 20px;
}
.descending-icon
{
  transform: rotate(180deg);
}
.table-sorting
{
  position: relative;
  padding:0 6px 6px 4px;
}
.table-sorting
{
  background-color: transparent;
  border: 0px;
  box-shadow: none;
  position: absolute;
  right: 3px;
  top: 7px;

}
.unsort-data.table-sorting:after
{
  content: " ";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #969595;
  position: absolute;
}
.sort-data.table-sorting:after
{ 
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #969595;

  content: " ";
  width: 0;
  height: 0;
  position: absolute;
}
.title-tbl
{

}
.td-hrdivider
{
    margin:3px -15px;
    opacity: 0.06;
    
}
.table-content thead th, .table-content tfoot th {
  
  line-height: 15px;

}
.btn-action
{
  position: relative;
}
.btn-action.active::before
{
  box-shadow: 0px 0px 6px 5px #A5BF4C;
  content: "";
  position: absolute;
  left: 12px;
  top: 12px;
  width: 0;
  height: 0px;
  padding: 3px;
  z-index: 0;
  opacity: 0.5;
  background-color: #A5BF4C;
}
.btn-action svg
{
  
  position: relative;
  z-index: 100000;
}
.investor-associations-tbl .tabulator-col-title
{
  white-space: break-spaces!important;
  line-height: 15px!important;
  padding-right: 18px !important;
}
.investor-associations-tbl .tabulator-col
{
  width:80px;
}
.btn-click-on
{
  cursor: pointer;
}
.eye-icon-block svg
{
  fill:var(--clr-secondary)
}
.eye-icon-block:hover svg
{
  fill:var(--light)
}

@keyframes example {
  0%   {color: var(--light);}
  100%  {color:var(--clr-red)}
  
  
}

.text-animation {
 
  animation-name: example;
  animation-duration: 1s;
  animation-iteration-count: 5;
  color: var(--light)
}

.top-navigation .selectContainer input
{
  cursor: pointer !important;
  
}

.filter-block .select-dropdown .selectContainer
{
  top: 1px;
}

.tabulator-tableholder .color-secondary
{
  color:var(--clr-tertiary)
}
.bottom-border-gray
{
  border-bottom:1px solid var(--clr-base-lt)!important;
}
.tr-divider
{
  background-color: var(--input-border)!important;
    border-radius: 0px;
    font-size: 1px;
    padding: 0px!important;
}
.column-heading-block th
{
  border-top:1px solid var(--clr-base)!important;
}
.table-border-content
{
  position: relative;
}
.center-divider::before
{
  position: absolute;
  left: 0px;
  top: 21px;
  content: "r";
  background: #3E3E3E;
  width: 100%;
  height: 3px;
  border:1px solid #141414
}
.btn-disabled-gray, .btn-disabled-gray:hover
{
    border-color:var(--clr-base-lt);
    color:var(--clr-base-lt)!important;
    opacity: 0.5;
    cursor: not-allowed;
  
}
.btn-disabled-gray svg
{
  fill: var(--clr-base-lt);
}
.allocation-report-table .tabulator-col-title 
{
 padding-right: 10px!important;
}

.tabulator-cell.table-drop-down.tabulator-editable
{
  padding-right: 23px !important;
}
.entity-multi-select .form-select-dropdown .dropdown-toggle:after
{
  background-size:10px 15px;
  right: 8px!important;
  top: 5px!important;
}
.informative-issuer-info .form-title span, .informative-issuer-info .form-control:disabled, .informative-issuer-info .selectContainer input, .informative-issuer-info .selection,   .informative-issuer-info  .selectContainer  input::placeholder, .informative-issuer-info .color-base-light
{
  font-size: 9px !important;
}
.informative-issuer-info .form-control
{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 17px !important;
}
.informative-issuer-info .flatpickr img
{
  top: 5px!important;
  width: 10px;
}
.informative-issuer-info  .percent-icon
{
  top: 4px;
}
.informative-issuer-info .form-element  .selectContainer
{
  padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 19px !important;
}
.informative-issuer-info .form-element  .selectContainer .indicator
{
  display: none;
}
.file-name-details{
  max-height: 45px;
  overflow: hidden;
  line-height: 21px;
}

.preview-notice-details
{
  min-height:225px;
}

.select-dropdown .customItem:active
{
  background-color: var(--clr-base-dk) !important;
}
.remove-option
{
  position: absolute;
  right: 14px;
  top: 1px;
  padding: 2px 7px;
}
.entity-tbl-content .tabulator-cell.table-drop-down
{
  padding-right:40px!important;
}
.pdf-preview-notice-block
{
  max-width:1050px;
}
.preview-text-ellipsis
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 840px;
}
.preview-duplicate-file
{
  color:var(--clr-tertiary)
}

.error-duplicate-files
{
  background-color: var(--clr-danger);
  padding: 8px 15px;
  color: var(--light);
  display: block;
  width: 100%;
  border-radius: 8px;
  margin-top: 25px !important;
}
.single-file-client-logo .filepond--download-icon
{
  top:10px;
  left:0px!important;
}

.user-active-icon:before
{
  box-shadow: none!important;
}
.custom-password-msg .error-msg
{
  position: relative!important;
  right: 0px;
  top: 11px !important;
  bottom: auto;
  float: right;
    
   
}
.custom-password-msg .error-msg::before
{
  
}


/* select v2 */
.dorpdown-item-name-1
{
  color:var(--light);
  font-size: 14px;
}
.add-issuers-form .select-dropdown  .svelte-select
{
  height: 24px !important;
  min-height: 24px !important;
  padding-bottom: 2px !important;
  padding-top: 2px !important;
}
.drop-top-nav .svelte-select
{
  padding-left: 0px !important;
}
.select-dropdown  .customItem
{
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.add-issuers-form .select-dropdown  .icon.clear-select svg
{
  width:12px;
  height:12px;
} 
.header-user-brand .selected-item
{
  font-size: 22px!important;
  
}

.add-issuers-form .select-dropdown input::placeholder
{
  font-size: 12px!important;
}
.add-issuers-form .selected-item
{
  font-size: 12px!important;
  line-height: 12px;
}
 .add-issuers-form  .svelte-select
{
  padding-top: 2px !important;
  padding-bottom: 0px !important;
}
.svelte-select-list
{
  z-index: 1000000!important;
  
}
.select-dropdown .svelte-select
{
  
    padding: 6px 12px;
  
    color: var(--clr-base-lt) !important;
    /* box-shadow: none !important; */
    height: 31px !important;
    min-height: 31px !important;
    font-size: 12px;
}
.select-dropdown input
{
  /* font-size: 13px!important; */
}

.drop-top-nav .svelte-select
{
  border:0px!important;
}

.select-dropdown  .value-container
{
  padding:0!important
}
.select-dropdown .svelte-select-list
{
  background-color: var(--clr-black) !important;
}

.filter-dropwdown .svelte-select {
  width: 100%;
  border: 0px;
  background-color: transparent !important;
  border: 0px !important;
  padding-left: 0px !important;
}

.filter-dropwdown .value-container .selected-item {
  color: #fff!important;
  font-size:14px!important;
}
.filter-dropwdown svg {
  width: 15px !important;
  height: 15px !important;
}
.select-dropdown .select-dropdown .customItem > div
{
  font-size: 14px;
}


.drop-top-nav .selected-item {
  background-image: url("./images/down-arrow-icon.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px 12px;
  font-size: 14px;
}
.informative-issuer-info .form-element .svelte-select {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 19px !important;
  min-height: 19px !important;
}
.informative-issuer-info .selected-item
{
  font-size: 9px!important;
}
.select-dropdown .svelte-select.disabled {
  background-color: var(--input-disable) !important;
}
.modiefier-select .select-dropdown .svelte-select.disabled input
{
  font-size: 9px!important;
}
.select-dropdown .svelte-select .clear-select svg
{
    width:14px;
    height:14px
}
.multi-line-dropdown .svelte-select-list
{
  min-width: 200px!important;
}
.svelte-select-list  .list-item .item {
  word-wrap: break-word!important;
  word-break: break-word!important;
  white-space: normal !important;
  line-height: 17px !important;
}
.svelte-select
{
  font-size: 14px!important;
}
.select-dropdown .svelte-select
{
  border-radius: 0.25rem !important;
}
.form-error .svelte-select {
  border: 1px solid var(--clr-danger)!important;
  box-shadow: 0 0 8px var(--clr-danger);
  border-radius: 4px;
}

table .svelte-select,
.modal-dialog-slideout .svelte-select,
.select-dropdown .svelte-select,
.form-select-dark .svelte-select {
  background-color: transparent!important;
  padding: 6px 12px !important;
  border: 1px solid var(--input-border) !important;
  color: var(--clr-base-lt) !important;
  /* box-shadow: none !important; */
  height: 31px !important;
}
.select-dropdown .svelte-select.focused {
  border-color: var(--light) !important;
  color: var(--light) !important;
}
.select-dropdown .svelte-select.disabled {
  background-color: var(--input-disable) !important;
}

.select-dropdown  .svelte-select.disabled input::placeholder {
  color: var(--clr-base-lt) !important;
}
.select-dropdown  .svelte-select.focused input {
  color: var(--light) !important;
  font-size: 12px;
}

table .svelte-select-list,
.select-dropdown .svelte-select-list {
  background-color: var(--clr-black) !important;
}

.modiefier-select .svelte-select-list .item {
  white-space: normal !important;
  overflow: visible !important;
  line-height: 19px !important;
  height: auto;
  padding: 8px 13px;
}

.svelte-select-list {
  z-index: 10000 !important;
}

.drop-top-nav .svelte-select-list {
  min-width: 500px !important;
  min-height: auto !important;
}
.drop-top-nav .svelte-select-list
{
  max-height: 400px !important;
}
.filter-dropwdown .value-container .selected-item {
  color: #fff;
}

.cheveron-select .value-container {
  position: relative;
}
.filter-dropwdown .svelte-select
{
  border:0px!important;
  padding-left: 0px!important;
  background-color: transparent!important;
}
.drop-top-nav .svelte-select
{
  border:0px!important;
  padding:0px!important;
}
.select-dropdown .value-container input
{
  font-size: 14px!important;
}
.add-issuers-form .select-dropdown  .svelte-select input
{
  padding-top:2px!important;
}
.filter-dropwdown .svelte-select input
{
  padding-top:2px!important;
}
.select-dropdown .customItem
{
  padding-left: 0px;
  padding-right: 0px;
}
.filter-dropwdown .list-item .item
{
  height: auto!important;
    text-overflow: unset !important;
    white-space: normal !important;
    line-height: 20px!important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}
.select-dropdown .svelte-select  .list-item  .item
{
  height: auto!important;
}
.footer-item-btn
{
  white-space: break-spaces;
  line-height: 17px;
  
}
.indicators
{
  
}

.selectContainer .chevron {
  margin-top: -6px;
}
.select-dropdown  .chevron
{
  width: 15px !important;
}

.cheveron-select .selected-item {
  position: relative;
}
.cheveron-select .selected-item:after {
  content: " ";
  position: absolute;
  right: 0px;
  background-image: url(./images/down-arrow-icon.svg);
  background-size: 8px;
  top: 5px;
  background-position: 0 0px;
  width: 10px;
  height: 20px;
  background-repeat: no-repeat;
}
.info-select-block .svelte-select-list
{
  left:0px!important;
}
.investment-modifier .value-container  .selected-item
{
  position: relative;
  top:-2px;
}
.investment-modifier .value-container input
{
  padding-top:3px !important;
}
.multi-line-dropdown .list-item .item, .select-dropdown .svelte-select .svelte-select-list .list-item .item
{
  padding-top: 11px!important;
    padding-bottom: 11px!important;
}
.multi-line-dropdown .customItem
{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}
.drop-top-nav.select-dropdown .svelte-select .svelte-select-list .list-item .item, .client-select-list.select-dropdown .svelte-select .svelte-select-list .list-item .item
{
  padding-top:0px!important;
  padding-bottom:0px!important;
}
.customItem .edit
{
  border:0px!important;
}
.svelte-select
{
  transition: all ease-in-out 400ms;
}
.clear-select
{
  width: 13px!important;
}
.by-security-dropdown .svelte-select-list
{
  right: 0px !important;
    left: auto;
}
.add-issuers-form .svelte-select
{
  padding-top: 0px !important;
padding-bottom: 0px !important;
}
.select-dropdown .svelte-select 
{
  padding-top: 1px!important;
  padding-bottom: 1px!important;
}
/* select v2 */

.left-drawer-menu-hide
{
  flex: 0 0 85px!important;
  max-width: 85px!important;
  overflow: hidden!important;
}
.left-drawer-menu-hide svg
{
  margin-right: 0px!important;
}
.left-drawer-menu-hide .multi-collapse a span
{
  font-size: 12px;
}
.left-drawer-menu-hide .left-link  .left-link-text
{
  display: none;
}
.left-drawer-menu-hide .logo-img
{
  max-width: 100% !important;
}

.left-drawer-menu-hide .sidebar-links ul .multi-collapse
{
  margin-left: -10px;
}
.menu-close #previewModal .modal-dialog
{
  padding-left: 75px;
}

.left-drawer-menu-hide .sidebar-links button
{
  text-align: center;
}
.left-drawer-menu-hide .sidebar-links a
{
  text-align: center;
}
.checkbox-investors .checkbox
{
  width:30px;
}
.checkbox-investors
{
  width:30px;
}


/* The switch - the box around the slider */
.switch {
  font-size: 17px;
  position: relative;
  display: inline-block;
  width: 3.5em;
  height: 2em;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  --background: var(--light);
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background);
  transition: .5s;
  border-radius: 30px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  left: 10%;
  bottom: 15%;
  box-shadow: inset 8px -4px 0px 0px var(--clr-base);
  background: var(--background);
  transition: .5s;
}

input:checked + .slider {
  background-color: var(--clr-denim);
}

input:checked + .slider:before {
  transform: translateX(100%);
  box-shadow: inset 15px -4px 0px 15px #fff;
}

.top-menu-bar
{
  padding: 20px 20px;
}

.filter-drop-down .svelte-select
{
  min-height: 34px!important;
  border-radius: 8px !important; 
}

.filter-multi-select .form-control
{
  background-color: var(--clr-ash-gray)!important;
    border: 1px solid var(--clr-dark-border)!important;
    min-height: 34px!important;
    border-radius: 8px !important;
}

.filter-multi-select
{
  width:220px;
}
.filter-multi-select .dropdown-toggle:after
{
  top: 12px!important;
}
.menu-dropdown > button
{
  background-color: transparent;
  border: 0px;
  padding: 0px;
  font-size: 26px;
  text-decoration: none;
  font-weight: bold;
}
.menu-dropdown .dropdown-menu li a
{
  padding:10px 16px;
    display: inline-block;
    width: 217px;
    font-size: 16px;
    text-decoration:none
}

.btn-common-blue
{
  border-radius: 6px;
  padding: 5px 18px;
  font-weight: 600;
  font-size: 16px;
}
.btn-common-blue:disabled
{
  opacity: 0.6;
}
.btn-common-outline-blue
{
  background-color: transparent;
  border-radius: 6px;
  padding: 5px 18px;
  font-weight: 600;
  font-size: 16px;
}
.data-grid-content
{
  border-radius: 10px;

}

 .filter-drop-down .svelte-select
{
  margin-right:6px!important;
}

.sidebar-title
{
  letter-spacing: 5px;
  font-size: 17px;
}
.filter-drop-down-new .svelte-select
{
  border-radius: 8px !important;
}
.filter-drop-down-new .svelte-select .icon.chevron
{
  
  background-image: url(./images/down-arrow-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
    background-position: center center !important;
}
.filter-drop-down-new .svelte-select .icon.chevron svg
{
  opacity: 0!important;
}
.filter-date-picker-new .flatpickr input
{
  padding:6px 12px 7px !important;
  border-radius: 8px!important;
  
}
.filter-date-picker-new .flatpickr img
{
  top: 9px!important;
}
.pg-back-btn
{
    width:30px;
    height:30px
}
.min-h-100
{
  min-height: 100%;
}
.light-mode .sidebar-title.text-white 
{
  color:var(--light)!important
}


 .btn-close
{
  background-image: url('./images/round-close.svg');
  background-size: 24px 24px;
}

.table-content thead th, .table-content tfoot th
{
  font-weight: bold!important;
}

.flatpickr-input.flatpickr-mobile
{
  padding: 4px 12px;
  box-shadow: none;
  transition: all ease-in-out 400ms;
  border-radius: 8px;
  font-size: 13px;
  width: 100%;
  appearance: none;
}

.manage-investors .tabulator-cell.no-cursor.tabulator-frozen.tabulator-frozen-left
{
  min-height: 23px;
}

.flatpickr-input.flatpickr-mobile::-webkit-inner-spin-button,
.flatpickr-input.flatpickr-mobile::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.firm-management svg
{
  fill: var(--clr-tertiary);
}
.ibox-content .bread-crumb span
{
  font-weight: bold;
}
.customItem_name
{
  font-weight: normal!important;
}
.bread-crumb .title
{
  font-weight: 600;
}
.dark-mode .btn-export-import
{
  background-color: var(--clr-dark) !important;
  border-color: var(--clr-tertiary) !important;
  color:var(--light)
}
.btn-export-import
{
  font-weight: 600;
  font-size: 16px;
}
.btn-add-list
{
  border-radius: 22px;
  padding-left: 15px;
  padding-right: 15px;
}
 #pivotDropdown .reset-btn
{
  color:var(--clr-tertiary)!important;
  font-weight: bold;
}

.font-bold
{
  font-weight: bold;
}

.btn-export-import
{
  padding:5px 18px;
  border-radius: 30px;
}

.menu-close .sidebar-title {
  letter-spacing: 0;
  font-size: 8px;
}
.dropdown-filter-mailing .input-error
{
  padding-right: 0px!important;
  box-shadow: none !important;
  border:0px!important;
}
.bulk-action-dropdown
{
  max-width: 250px;
}
.bulk-action-dropdown .svelte-select {
  min-height: 34px!important;
}
.dark-mode .investor-contacts .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  border-radius: 0px!important;
  height: 30px!important;
  margin: 0px!important;
  margin-top: 1px;
  border-top: 0px !important;
}

.dark-mode .investor-contacts .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  border-left: 0px!important;
  border-right: 0px!important;
}


.light-mode .investor-contacts .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  border-radius: 0px!important;
  height: 30px!important;
  margin: 0px!important;
  margin-top: 1px;
  border-top: 0px !important;
}

.light-mode  .investor-contacts .tabulator-row .tabulator-frozen.tabulator-frozen-left
{
  border-left: 0px!important;
  border-right: 0px!important;
}

.modal-header .icon-pink:hover svg {
  fill: var(--clr-tertiary);
}
.security-type-select .input-error
{
  padding-right: 0px!important;
}
.user-active-icon::before
{
  display: none!important;
}
.welcome-brand-logo
{
  width:226px;
  height:113px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 226px;
}
.bread-crumb-wizard-link
{
  text-decoration: none!important;
}
.bread-crumb-wizard-link:hover
{
  color:var(--clr-tertiary)
}


.right-content-area
{
  flex: 0 0 150px;
  max-width: 150px;
}


.right-content-area
{
  flex: 0 0 150px;
  max-width: 150px;
}

.left-drawer-menu
{
  transition: all 0.5s;
}
.left-drawer-menu-hide
{
  transition: all 0.5s;
}

.investor-portal-delete-entry
{
  width:auto!important;
}
.dashboard-chart-content
{
  font-size:17px
}
.dashboard-chart-content table svg
{
  fill:var(--clr-tertiary)!important;
}
.left-drawer-menu-hide .sidebar-links   a
{
  padding: 4px 10px 4px 10px;
}
.visuals-title
{
  flex: 0 0 180px;
  max-width: 180px;
}
.commitments-slider
{
    max-width: 600px;
}  
.commitments-slider .slider-title
{
  font-size: 18px;
  font-weight: 600;
}
.commitments-slider-outer
{
  height: 26px;
 
  border-radius: 6px;
}
.commitments-slider-inner
{
  background-color: var(--clr-tertiary);
  border-radius: 6px;
}
.funded-capital
{
  width: 15px;
    height: 15px;
    background-color: var(--clr-tertiary);
    border-radius: 4px;
}
.commitments-value
{
  font-weight: 600;
  font-size: 18px;
}
.hide-pagination .tabulator-footer
{
  display: none !important; 
}
.show-pagination .tabulator-footer
{
  display: block !important;
  min-height: 38px !important; 
}
.add-issuers-form .form-element .error-icon
{
  width: 14px;
  top: 5px;
}


.delete-entry .chevron
{
  background-image: url(/images/down-arrow-icon.svg) !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 2px 15px !important;
}
.delete-entry .chevron svg
{
  opacity: 0;
}

.delete-entry input::placeholder
{
    color:var(--light)!important
}
.left-drawer-menu-hide .sidebar-links button
{
  padding:4px 10px 4px 10px;
}
.portfolio-dashboard-value
{
  margin-right:15px;
  margin-bottom:15px;
}
.multiselect-dropdown-content .dropdown-toggle:after
{
  background-size: 10px 10px !important;
  background-position: 1px -2px;
}
.multiselect-dropdown-content  .filter-multi-select .form-control
{
  min-height: 31px!important;
}
.select-user-section .selected-item
{
  font-size: 26px !important;
  font-weight: bold;
}
 .select-user-section .select-dropdown .svelte-select .svelte-select-list .list-item .item
{
  padding-top:15px !important;
  padding-bottom:15px !important;
}
.select-user-section  .svelte-select
{
  border:0px!important;
}

.select-user-section  .selected-item {
  background-image: url(./images/down-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px 12px;
  font-size: 14px;
}
.select-user-section  .svelte-select
{
  padding-left: 0px!important;
}

.select-user-section   .svelte-select-list
{
  min-width:217px;
}
.select-user-section .value-container
{
  min-height: 35px;
}
.select-user-section .select-dropdown .value-container input
{
  font-size: 26px !important;
  font-weight: bold;
}
/* .entity-table .table-drag
{
  background-color: #F7F5CC;
  transition: color 0.15s ease-in-out, background-color 0.30s ease-in-out,      border-color 0.15s ease-in-out;;
}
.entity-table .table-drop
{
  background-color: var(--clr-black);
} */

/* transition */
.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms
}

.hover\:bg-gray-100:hover {
	/* --tw-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity)) */
}



.dragable-block-hover {
	background-color: #F7F5CC!important;
}

.border-blue-300 {
	--tw-border-opacity: 1;
	border-color: rgb(147 197 253 / var(--tw-border-opacity))
}

.bg-gray-100 {
	--tw-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.cursor-grab
{
  cursor: grab;
}
.coterie-logo
{
  background-image: url('/images/the-coterie.png') !important;
  width: 354px;
  height:200px;
  height: 100px;
}
/* transition */
.my-investment .nav-profile-img span
{
  font-size: 32px!important;
}
.my-investment  .userProfileImg
{
  border-radius: 0px!important;
  background-size: contain !important;
}
.header-logo-img
{
  background-image: url('/images/valence-header-logo.png');
  width:36px;
  height:37px;
}
.coterie-loader
{
  
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
}
.coterie-loader span
{
  animation: coterie-spinner-border 1.5s linear infinite;
  display: inline-block;
  background-image: url(/images/loader-icon.png);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center center;
}

@keyframes coterie-spinner-border {
  to { transform: rotate(360deg); }
}

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

.coterie-status
{
  position: absolute;
  right: -8px;
  bottom: -12px;
  background-color: transparent;
  border: 0;
  
}
.coterie-status button
{
  background-color: transparent;
  border:0px;
  font-style: italic;
}
.vector-coterie-logo
{
  width: 391px;
  height: 60px;
  margin: auto;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
.vector-coterie-logo-large
{
  width: 863px;
    height: 129px;
    margin: auto;
    background-repeat: no-repeat;
    margin-bottom: 25px;    
}

.popover
{
  background-color: var(--clr-dark);
 
}
.popover-body
{
  color:var(--light)
}
.bs-popover-top>.popover-arrow::after 
{

  border-top-color:var(--clr-dark);
}
.bs-popover-end>.popover-arrow::after
{

  border-right-color:var(--clr-dark);
}
.btn-popover-info svg
{
  fill: var(--clr-tertiary) !important;
}
.manage-commitment-data thead tr th:first-child , .manage-commitment-data tfoot tr th:first-child  
{
  z-index: 1000!important;
}
.manage-commitment-data thead tr th  , .manage-commitment-data tbody tr td, .manage-commitment-data tfoot tr th 
{
  z-index: 999!important;
}

.manage-commitment-data thead
{
  z-index: 1000!important;
}

.manage-commitment-data tbody tr 
{
  z-index: 999!important;
}
.table-commitments tfoot tr th::after
{
  content:"";
  position: absolute;
  bottom:0px;
  height:10px;
  border-bottom: 6px solid red;
}
.supporting-documents
{
  max-width: 600px;
  flex:0 0 600px
}
.support-file-upload-select
{
  margin-left: -13px;
    margin-right: -13px;
    padding: 13px 13px;
    border: 1.8px dashed var(--clr-border) !important
}