.multiselect-demo .p-multiselect {
    min-width: 15rem !important;
}

[dir] .multiselect-demo .multiselect-custom .p-multiselect-label:not(.p-placeholder):not(.p-multiselect-items-label) {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.multiselect-demo .multiselect-custom .country-item-value {
    display: flex;
    color: var(--primary-color-text);
}

[dir] .multiselect-demo .multiselect-custom .country-item-value {
    padding: .25rem .5rem;
    border-radius: 3px;
    background-color: var(--primary-color);
}

[dir=ltr] .multiselect-demo .multiselect-custom .country-item-value {
    margin-right: .5rem;
}

[dir=rtl] .multiselect-demo .multiselect-custom .country-item-value {
    margin-left: .5rem;
}

.multiselect-demo .multiselect-custom .country-item-value img.flag {
    width: 17px;
}

.p-multiselect {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    display: flex !important;

  }

[dir] .p-multiselect {
    background: #ffffff04;
    border: 1px solid #ced4da;
    border-radius: 6px;

  }
  [dir] .p-multiselect:not(.p-disabled):hover {
    border-color: #6366F1;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
  }
  [dir] .p-multiselect:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 0.2rem #c1c2f9;
    border-color: #6366F1;
  }
  [dir=ltr] .p-multiselect.p-multiselect-clearable .p-multiselect-label {
    padding-right: 1.75rem;
  }
  [dir=rtl] .p-multiselect.p-multiselect-clearable .p-multiselect-label {
    padding-left: 1.75rem;
  }
  .p-multiselect .p-multiselect-label {
    min-width: 125px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  [dir] .p-multiselect .p-multiselect-label {
    padding:1px 1px;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    color: #4338CA;
  }
  [dir] .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    background: #ffffff04;
    border-radius: 6px;
  }
  [dir=ltr] .p-multiselect.p-multiselect-chip .p-multiselect-token {
    margin-right: 0.5rem;
  }
  [dir=rtl] .p-multiselect.p-multiselect-chip .p-multiselect-token {
    margin-left: 0.5rem;
  }
  [dir=ltr] .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  [dir=rtl] .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-right: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    color: inherit;
    width: 3rem;
  }
  [dir] .p-multiselect .p-multiselect-trigger {
    background: inherit;
  }
  [dir=ltr] .p-multiselect .p-multiselect-trigger {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  [dir=rtl] .p-multiselect .p-multiselect-trigger {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-multiselect .p-multiselect-clear-icon {
    color: #6c757d;
  }
  [dir=ltr] .p-multiselect .p-multiselect-clear-icon {
    right: 3rem;
  }
  [dir=rtl] .p-multiselect .p-multiselect-clear-icon {
    left: 3rem;
  }
  [dir] .p-multiselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  
  [dir] .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }
  [dir] .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
    padding: 0.75rem 0.75rem;
  }

  .p-multiselect-label {
    font-family: "Montserrat", Helvetica, Arial, serif;
    font-size: small;
    font-weight: 400;
    color: inherit;
    font-size: 12px;
  }
  [dir=ltr] .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
    padding-right: 1.75rem;
  }
  [dir=rtl] .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
    padding-left: 1.75rem;
  }
  
  .p-multiselect-panel {
    color: inherit;
    direction: inherit;
  }
  
  [dir] .p-multiselect-panel {
    background: inherit;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  [dir=rtl] .p-multiselect-panel{
    right: inherit !important;
  }
  
  .p-multiselect-panel .p-multiselect-header {
    color: #343a40;
  }
  
  [dir] .p-multiselect-panel .p-multiselect-header {
    border-bottom: 1px solid #dee2e6;
    background: #ffffff04;
    margin: 0;
  }
  
  [dir=ltr] .p-multiselect-panel .p-multiselect-header {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  
  [dir=rtl] .p-multiselect-panel .p-multiselect-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  [dir] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
    margin: 0 0.5rem;
  }
  [dir=ltr] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.75rem;
  }
  [dir=rtl] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-left: 1.75rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    color: #6c757d;
  }
  [dir=ltr] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
  }
  [dir=rtl] .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    left: 0.75rem;
  }
  
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  
  [dir] .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    border: 0 none;
    background: transparent;
    border-radius: 50%;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #343a40;
  }
  [dir] .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    border-color: transparent;
    background: #ffffff04;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
    outline: 0 none;
    outline-offset: 0;
  }
  [dir] .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
    box-shadow: 0 0 0 0.2rem #c1c2f9;
  }
  [dir] .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    color: inherit;
    transition: box-shadow 0.2s;
    font-size: 12px;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 3px 5px;
    border: 0 none;
    background: inherit;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #4338CA;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    background: #ffffff04;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    
    background: #ffffff04;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    outline: 0 none;
    outline-offset: 0;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    box-shadow: inset 0 0 0 1px #c1c2f9;
  }
  [dir=ltr] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  [dir=rtl] .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-left: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    color: #343a40;
    font-weight: 400;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    background: #ffffff04;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    color: #495057;
  }
  [dir] .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    background: transparent;
  }
  
  [dir] .p-input-filled .p-multiselect {
    background: inherit;
  }
  [dir] .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: inherit;
  }
  [dir] .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: inherit ;
  }
  
  [dir=ltr] .dropdown-panel {
    right: unset !important;
     
}
  
  [dir=rtl] .dropdown-panel {
     left: unset !important;
     
}
[dir=rtl] .p-dropdown-panel{
  right: unset !important;
    left: 816.388px;
}
@font-face{font-family:"Cairo";src:local("Cairo"),url(/static/media/Cairo-Bold.eb93c1ca.ttf) format("truetype")}
.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
  display: block;
  height: 22.85px;
  font-size: 12px;
}

.css-b8ldur-Input{
  top:40%;
  font-size: 12px
}

[dir] .css-b8ldur-Input{
  padding-top: 0px
}
.select__control .select__placeholder, .react-select__control .select__placeholder {
  top:40%;
  font-size: 12px;
}
.select__control .select__single-value, .react-select__control .select__single-value {
   top:30%;
  font-size: 12px;
}

.select__indicator, .select__dropdown-indicator, .css-qj08tm-indicatorContainer{
    color: hsl(0deg 92% 52%);
    
    align-self: flex-start;
}


.select__menu .select__menu-list{
   font-size: 11px;
   
}


[dir] .select__indicator, [dir] .select__dropdown-indicator, [dir] .css-qj08tm-indicatorContainer{
  padding: 0px;
}

[dir] .select__menu .select__menu-list .select__option,
 [dir] .select__menu .select__menu-list .react-select__option,
  [dir] .select__menu .react-select__menu-list .select__option,
   [dir] .select__menu .react-select__menu-list .react-select__option,
    [dir] .react-select__menu .select__menu-list .select__option, [dir]
     .react-select__menu .select__menu-list .react-select__option, [dir] 
     .react-select__menu .react-select__menu-list .select__option, 
     [dir] .react-select__menu .react-select__menu-list .react-select__option {
  padding: 5px;
}



.card-transaction .transaction-item .avatar .avatar-content {
  width: 30px;
  height: 30px;
}




[dir] .input-group:not(.bootstrap-touchspin):focus-within {
  box-shadow: inherit ;
  border-radius: inherit;
}

.react-datepicker-popper{
  z-index: 19900 !important;
}