.process_modal .ant-modal-content {
    background-color: #33383C !important;
    border: 1px solid #f5f5f594 !important;
}

.process_modal .ant-modal-header {
    background: #33383C !important;
    color: #fff !important;
}

.process_modal .anticon svg {
    display: inline-block;
    color: #fff !important;
}

.process_modal_search {
    width: 80% !important;
}
.download_modal{
    width: 37% !important;
    min-width: 600px !important;
    margin: 10px 0px;
}

.process_modal_search .ant-modal-content {
    background-color: #33383C !important;
    border: 1px solid #f5f5f594 !important;
}

.process_modal_search .ant-modal-header {
    background: #33383C !important;
    color: #fff !important;
}

.process_modal_search .ant-modal-close-icon svg {
    display: inline-block;
    color: #fff !important;
}
.process_modal_search .anticon-reload{
    color: #fff !important;
}

.apply-button {
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background-color: #007a7a;
    color: #ffffff;
    font-size: 12px!important;
    border-radius: 5px;
  }
  .apply-button:disabled, .download-apply-button:disabled{
    background-color: #999999;
    cursor: no-drop;
  }
  .download-apply-button {
    padding: 4px 15px;
    text-align: center;
    border: none;
  }
  .download-apply-button:hover, .apply-button:hover, .download-apply-button:focus, .apply-button:focus {
    background-color: #cbd4d5 !important;
    color: #526e74 !important;
  }
  .download-apply-button:disabled:hover, .apply-button:disabled:hover {
    background-color: #999999 !important;
    cursor: no-drop;
    color: rgba(0, 0, 0, 0.25) !important;
  }

  .batch_modal {
    width: 80% !important;
    background-color: transparent !important;
    margin: 10px 0px;
  
}
.batch_modal .ant-tabs-content-holder{
    max-height: calc(100vh - 120px) !important;
    overflow: auto;
    padding: 0px 10px;
}
.batch_modal .ant-tabs-content-holder{
    max-height: calc(100vh - 120px) !important;
    overflow: auto;
    padding: 0px 10px;
}
.create_batch_modal .ant-tabs-content-holder{
    max-height: calc(100vh - 170px) !important;
}


.create_batch_modal .ok_batch_button{
    height: 28px;
    background-color: #36BDBE;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
    }
.create_batch_modal .ok_batch_button svg {
    width: 15px;
    height: 15px;
}
.create_batch_modal .cancel_batch_button {
    height: 28px;
    background-color: #898b8ed9;
    border: none;
    color: #ffffff;
    margin-right: 5px;
}

.create_batch_modal .ok_batch_button:hover {
    color: #ffffff !important;
    background-color: #36BDBE !important;
    transform: scale(1.1);
}

.create_batch_modal .cancel_batch_button:hover {
    color: #000000 !important;
    background-color: #898b8ed9 !important;
    transform: scale(1.1);
}

.create_batch_modal .ant-modal-footer {
    padding: 0px 25px 20px 20px;
    display: flex;
    justify-content: end;
}




.batch_modal .ant-modal-content {
    background-color: #33363C !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 0px !important;
}

.batch_modal .ant-modal-header {
    background: #33363C !important;
    color: #fff !important;
}
.batch_modal .ant-modal-close{
    top: 18px;
    right: 22px;
}
.quota_modal{
    max-width: 900px !important;
}

/* quota table progress bar */
.quota-section .custom-progress {
  background-color: #f0f0f0;
}
.quota-section .ant-progress{
  margin-top: 30px;
}
.quota-section .custom-progress .ant-progress-bg {
  background-color: #36BDBE; 
  border-width: 10px;
}
.quota-section svg {
  width: 210px;
  height: 210px; /* Change the scale value as needed to adjust the size */
}
.quota-section .ant-progress-text{
  color: #ffffff !important;
}
.quota-section .progress_inner_text{
  font-size: 16px;
}
.quota-section .progress_inner_sub_text{
  font-size: 13px;
  padding-top: 10px;
}
.quota-section .percentage-value{
  color: #36BDBE;
}
.quota-section .ant-progress .ant-progress-circle-trail {
  stroke: #5C5E63;
}

.quota-section .ant-progress-inner,
.quota-section svg.ant-progress-circle {
    width: 210px !important;
    height: 210px !important;
    font-size: 16px !important;
    color: #ffffff;
}

.quota_owner_select .ant-select-selector, .aoi_select .ant-select-selector{
  background-color: #5C5E63 !important;
  border: none !important;
  border-radius: 4px;
  color: #ffffff;
}
.quota_owner_select .ant-select-arrow, .aoi_select .ant-select-arrow{
  color: #939598 !important;
}
.quota_owner_select .ant-select-arrow svg, .aoi_select .ant-select-arrow svg{
  width: 13px !important;
  height: 13px !important;
}
.quota_owner_select{
  margin-bottom: 30px;
}
/* .quota-section .custom-progress .ant-progress-circle path {
  transform-origin: center;
  transform: scale(2); 
} */


.conversation_modal{
    max-width: 950px !important;
    width: 90% !important;
}

.custom_tag_dropdown .ant-select-item-option {
    background-color: #232529 !important;
    color: #ffffff !important;
  }
  
  .custom_tag_dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #36BDBE;
    color: white;
  }
  .custom_tag_dropdown .rc-virtual-list-holder, .custom_tag_dropdown .rc-virtual-list-holder-inner, .custom_tag_dropdown .ant-select-item-option, 
  .custom_tag_dropdown .ant-select-item-option-content{
    background-color: #232529 !important;
    color: #ffffff;
  }
  .custom_tag_dropdown .ant-select-item-option:hover .ant-select-item-option-content{
    background-color: #36BDBE !important;
    color: #ffffff !important;
    border-radius: 0px;
  }
  
  .custom_tag_dropdown .ant-select-item-option:hover, .custom_tag_dropdown .ant-select-item-option:hover .ant-select-item-option-content{
    background-color: #36BDBE !important;
    color: #ffffff !important;
    border-radius: 0px;
  }
  .ant-select-item-option-content:hover{
    background-color: #36BDBE !important;
    color: #ffffff !important;
    border-radius: 0px;
  }
  .custom_tag_dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{
    color: #ffffff;
  }
  .custom_tag_dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state svg{
    width: 14px;
    height: 14px;
  }

  /* conversion select css */
  .permission_input{
    border: 1px solid lightgray;
    border-radius: 4px;
    margin-right: 8px;
    width: 100%;
    height: 32px;
    padding: 5px;
  }

  .permission_custom_btn{
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 5px;
    border-radius: 4px;
    color: #000000;
    background-color: #36BDBE;
  }
  .permission_custom_btn:hover{
    color: #ffffff !important;
    background-color: #5C5E63 !important;
  }
  .transaction_modal .left-footer-buttons {
    text-align: left;
    width: 100%;
    padding: 0px 15px;
}

  .transaction_modal .left-footer-buttons .ok_batch_button {
      float: left;
  }
  .transaction_modal .ant-modal-footer{
      margin-top: 0px;
  }
  .transaction_modal .left-footer-buttons .ok_batch_button span{
    color: #000000;
  }
  .transaction_info_wrapper .ant-popconfirm-message-icon{
    display: none;
  }
  .transaction_info_wrapper{
    max-width: 350px;
  }
  .transaction_info_wrapper .ant-col{
    overflow-wrap: anywhere;
    font-size: 13px;
    padding-bottom: 6px;
  }
  .transaction_info_wrapper .ant-popover-inner{
    background-color: #636A76;
  }
  .transaction_info_wrapper .ant-popover-arrow:before{
    background: #636A76;
    clip-path: polygon(50% 0, 0% 100%, 100% 100%);
    width: 14px;
    height: 13px;
  }
  .transaction_info_wrapper .transaction_info_box{
    color: #ffffff;
  }
  .transaction_info_wrapper .gutter-row_right{
    text-align: right;
  }
  .transaction_info_wrapper .gutter-row_right{
    text-align: right;
  }
  .transaction_info_wrapper .ant-btn-primary{
    background-color: #36BDBE;
    color: #000000;
    padding: 5px 12px;
    height: auto;
    margin-top: 5px;
    border: 1.5px solid #36BDBE;
    transition: background-color 0.2s ease-out, color 0.2s ease-out; 
  }
  .transaction_info_wrapper .ant-btn-primary:hover{
    background-color: transparent !important;
    color: #ffffff;
    padding: 5px 12px;
    height: auto;
    margin-top: 5px;
  }
  .transaction_info_wrapper .ant-btn-default{
    display: none;
  }
  .menu_dropdown .ant-dropdown-menu{
    background-color: #33363C;
    padding: 0px;
    border-radius: 0px;
  }
  .menu_dropdown .ant-dropdown-menu-item{
    color: #ffffff !important;
    border-bottom: 1px solid #6A727C;
    border-radius: 0px !important;
    padding: 10px 10px !important;
    /* margin: 0px 8px !important; */
  }
  .menu_dropdown .ant-dropdown-menu-item:hover{
    background-color: #36BDBE !important;
    color: #000000 !important;
    border-radius: 0px;
  }
  .menu_dropdown .ant-dropdown-menu-item:last-child{
    border-bottom: none;
  }
  .menu_dropdown .ant-dropdown-menu-item:last-child:hover{
    /* border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important; */
  }
  .menu_dropdown .ant-dropdown-menu-item:first-child:hover{
    /* border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important; */
  }

  /* transaction dispute modal css */
  .transaction_dispute_modal .left-footer-buttons button {
      float: right;
      margin-right: 0px;
  }
  .transaction_dispute_modal .left-footer-buttons{
    padding: 0px;
  }
  .transaction_dispute_modal .left-footer-buttons .ok_batch_button {
      float: right;
      margin-right: 10px;
  }
  .transaction_dispute_modal .custom-tab-container{
    min-width: 300px !important;
  }
  .transaction_dispute_modal .ant-tabs-content-holder{
    padding: 0px;
  }

  /* conversion tooltip css */
  .data_label{
    float: left;
    margin-right: 10px;
  }
  .data_label_value{
    overflow-wrap: anywhere;
  }
  .project_inner_detail_block{
    display: inline-block;
  }
  .transaction_dispute_btn:disabled{
    opacity: 0.3;
  }
  .transaction_dispute_btn:disabled:hover{
    transform: unset;
  }
  .email_text{
    color: #acacac;
    font-size: 14px;
    text-align: center;
    padding: 8px 10px;
    border-bottom: 1px solid #6A727C;
  }
  .menu_dropdown .ant-dropdown-menu-item:hover svg path {
    stroke: #000000 !important;
  }
  .customAutocompletePopper{
    background-Color: #232529 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5) !important;
  }
  .info_modal .info_footer_btn{
    color: #000000;
    height: 35px;
    padding: 5px 15px;
    font-weight: 500;
  }
  .custom-message {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    z-index: 1000;
    font-size: 14px;
    background: rgba(48, 51, 54, 0.8);
    border: 1px solid #ffffff;
    color: #ffffff;
  }
  
  .custom-message-content {
    display: flex;
    align-items: center;
    color: #ffffff;
  }  .share_dropdown_box .ant-select-multiple .ant-select-selection-overflow-item-suffix{
    background-color: transparent !important;
  }
  .share_dropdown_box .ant-select .ant-select-selection-item{
    border: none;
    margin: 0px;
    padding: 0px;
  }
  .share_dropdown_box .ant-select-selection-item-content{
    font-size: 13px !important;
  }


  @media only screen and (max-width: 850px) {
    .download_modal{
        min-width: 93% !important;
    }  
    .conversation_modal{
        width: 95% !important;
    }  
  }

  @media only screen and (max-width: 1510px) {
    .transaction_detail_modal{
      width: 90% !important;
    }
  }

  @media only screen and (max-width: 1400px) {
    .transaction_detail_modal{
      width: 95% !important;
    }
  }

  @media only screen and (max-width: 1300px) {
    .transaction_detail_modal{
      width: 98% !important;
    }
  }