:root {
	--primary-color: #22c55e;
	--primary-text-color: #1B1E1C;
	--text-black-color:#000;
	/* --primary-hover: #33373F; */
	/* --sidebar-bg: #1C1E22; */
	--text-color: #FFFFFF;
	--bg-color: #E4E4E7;
	--bg-color-white: #FFFFFF;
	/* --bg-color-light: #e8f9ee; */
	--bg-danger-color:#E02424;
	--decline-bg-dark:#E0242426;
	/* --bg-approve-dark:#26B12626; */
	--bg-pending-status:#E39B0026;
	--bg-warning-status:#E39B00;
	--bg-processing-card: #71d997;
	--bg-bank-review-card:#b2ebc7;
	--bg-buyer-review-card:#ccf1da;
	--bg-body-color:#f4f5f8;
	--text-color-light-gray:#8d8e8d;
	--bg-warning-bg-status:#fbf0d9;
	--text-orange-refund:#E76E50;
	--text-dark-gray:#1b1e1c80;
	--bg-red-status-bg:#fadede;
	--bg-table-header:#f2f2f2;
	/* --bg-green-bg-status:#d7ecd7; */
	--card-hover-bg:#f1f1f1;
	--cardbg-hover-accordian:#f0f0f0;
	--coverage-chart-fill:#ffbc55;
	--bg-accordian-content:#fafafa;
	--bg-scroll-thumb:#888;
	--bg-scroll-hover-thumb:#555;
	/* --svg-icon-color:#17C155; */
	--disable-svg-icon-color:#b0b0b0;
	/* --input_card-shadow: 0 0 0 0.20rem #26c2525c; */


	
}
.primary_colorset{
	fill: var(--focus-color) !important;
	stroke: var(--bg-color-white) !important;
}
.primary_whitecolor{
	fill: var(--bg-color-white) !important;
	stroke:var(--bg-color-white) !important

}

.strike_color{
	color: var(--primary-set-color) !important;
}

.welcome-block a {
    color: #74788D;
	text-decoration: none;
}

/* homepage-css---start */



.lottie-loader-small {
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.lottie-loader-small iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    min-width: 150px !important;
    min-height: 150px !important;
}
.apexcharts-toolbar {
    display: none;
}
.select2-container--default .select2-results__option--highlighted{
	background-color: var(--focus-color);
}

   .routing_confirm_modal .modal-footer button:nth-child(2),
    .assign_routing_confirm_modal .modal-footer button:nth-child(2) {
        background-color:var(--focus-color);
    }
	 #fileName_uploadevidenace {
      margin-top: 20px;
      font-style: italic;
    }

    /* Hide the actual file input */
    #file-input {
      display: none;
    }

.mid_namedrop {
    position: relative;
    width: 168px !important;
    height: 44px;
    margin-right: 4px;
}

.date_input .home-searchbar input {
    padding: 10px 0px 10px 20px !important;
    width: auto !important;
}

.btn_faqcard {
    outline: none !important;
    font-size: 14px;
    background: #fff;
    border: unset;
}

.home_page__tooltip .tooltip-text {
    z-index: 9999999999;

    transform: unset !important;
    right: 0px !important;
    left: unset !important;
    right: calc(100% - 210px) !important;
    top: calc(100% - 158px) !important;
}
.visa_boxtooltip .tooltip-text{
	top: calc(100% - 100px) !important;
	right: calc(100% - 154px) !important;
}
.visa_boxtooltip {
	align-items: center;
}
.visa_boxtooltip .tooltip-container {
	margin-left: 6px;
}
.home_page__tooltip .tooltip-text.toltip_text_adjust {
	right: calc(100% - 515px) !important;
	bottom: 15px !important;
    top: auto !important;
}
.home_page__tooltip .tooltip-text.toltip_text_adjust::after {
	left: 17%;
	transform: rotate(89deg);
	left: -11px;
	top: 50% !important;
}
    .model_urgentneed .title_model h6 {
    color: #1b1e1c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.model_urgentneed p {
    font-weight: 400;
    font-size: 14px;
        color: #1b1e1c;

}


.tooltip-container:hover .tooltip-text {
    transform: unset !important;
}

.home_page__tooltip .dashboard-card_box .tool_tip_chargeback_stopped {
    top: -50px !important;
    right: calc(100% - 175px) !important;
}
.date_filedinput input {
    padding-right: 10px !important;
}
.card-price_icon
{
    margin-right: 10px;
}
/* .table_card__block th, .table_card__block td{
    text-align: center;
} */

.table_card__block th:first-child,
.table_card__block td:first-child {
    text-align: left;
}
.chart_card__design .loader_green__img {
    max-width: 100px !important;
}
#fraud_rate_chart_container .loader_green__img {
    max-width: 100px !important;
}
@media only screen and (max-width: 16px) {}

@media only screen and (max-width:1525px) {
.chart_card__design{
	padding: 20px 8px;
}
.home-searchbar{
	margin-right: 15px !important;
}
.dashboard-card_box .charge_backalertcard .status-box__card
 {
    width: max-content !important;
}
.charge_backscreen .card-price_text h3 {
    margin-bottom: 15px;
    padding-top: 10px;
}
/* .dashboard-card_box .card-price_text h3 {
    font-size: 14px;
} */
}
@media only screen and (max-width:1441px) {

	.add_newprocessorscroll {
        max-height: 61vh;
    }
	.d-flex.graph_setissue {
		width: 100%;
	}
    .card-price_icon {
        width: 53px;
        height: 53px;
        margin-right: 8px;
    }

    .dashboard-card_box .card-price_text .card_statusblock p {
        font-size: 14px;
    }

}

.coming_soon_tr {
    height: 297px;
}

.coming_soon_tr .coming_soon_btn {
    border: 1px solid #E4E4E7;
    padding: 17px 20px;
    border-radius: 10px;
    background: #fff;
    color: #1B1E1C;
}

@media only screen and (max-width:1328px) {
    .overview-section__design .tabs_set {
        margin-bottom: 0px;
    }

    .date_input .home-searchbar input {
        padding: 10px 0px 10px 10px !important;
    }
}

.date_filedinput {
    min-width: 229px;
}

#alerts-tab .highcharts-credits {
    display: none;
}

.scroll_setfaq {
    max-height: calc(100% - 290px);
    overflow: auto;
}

/* Disabled checkbox styling */
#Handled:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#Handled:disabled + label {
    opacity: 0.6;
    cursor: not-allowed;
}

/* #dispute_table .chargeback_table_body tr td {
    white-space: nowrap;
} */
.alert_list_div .table_card__block table tr td {
    white-space: nowrap;
}
.chart_card__design .loader_green__img {
    max-width: 100px !important;
}
#alerts-tab .text-center .loader_green__img {
    max-width: 100px !important;
}
   #mids .text-center .loader_green__img {
    max-width: 100px !important;
}
#chargebacks .text-center .loader_green__img {
    max-width: 100px !important;
}
.alignment_chart .text-center .loader_green__img {
    width: 100px !important;
}




/* Tooltip styling for disabled checkbox */
.disputifier_handle {
    position: relative;
   /* display: inline-block;*/
}

.disputifier_handle input[type="checkbox"] {
    position: relative;
}

/* Loading spinner animation */
.loading-spinner {
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Disabled state styling for all filter elements */
input:disabled, select:disabled, button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: #f5f5f5 !important;
    color: #999 !important;
}

/* Specific styling for disabled date inputs */
#date_range_input:disabled, #datetimesfillter:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #999 !important;
}

/* Specific styling for disabled dropdown */
#dash_mid_name:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #999 !important;
}

/* Specific styling for disabled filter buttons */
.filter_btn:disabled, .filter_order:disabled, .coverage_date_filter:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #999 !important;
    pointer-events: none;
}

/* Specific styling for disabled search inputs */
.home-searchbar input:disabled, .tab_searchbardate___list input:disabled {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #999 !important;
}

/* Tooltip positioning for disabled elements */
input:disabled[title], select:disabled[title], button:disabled[title] {
    position: relative;
}

/* Loading state indicator */
.loading-state-active {
    position: relative;
}

.loading-state-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #007bff;
}



.tooltip-text {
    max-width: 337px !important;
    min-width: 200px !important;
}

.tooltip-container .tooltip-text p {
    font-size: 13px !important;
}

select option:hover {
    background-color: #22c55e;
}

.not_completed {
    border: 1px solid #E4E4E7;
    /* background-color: white; */
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.processor_completed {
    border: 1px solid #E4E4E7;
    background-color: white;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
}
.notice_card{
	margin: 10px 15px;
}
.home_page__tooltip .tooltip-text {
    max-width: 354px !important;
    min-width: 300px !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
	white-space: normal;
}

.home_page__tooltip .tooltip-text::after {
    transform: unset;
    right: unset;
    left: 50%;
    top: 100% !important;
}

.home_page__tooltip .tooltip-container:hover .tooltip-text {
    opacity: 1;
    visibility: visible;
    transform: translateX(-60%) translateY(-100%);
}

.accordion-notify-header {
    padding: 0px;
}

.accordion-notify {
    border: none;
}

.accordion-notify-block {
    background-color: #d6f3e9 !important;
}

.accordion-notify-header .accordion-notify-block::after {
    display: none;
}

.accordion-notify-header .text_color {
    color: #1f7556 !important;
    font-size: 14px;
}

.accordion-notify-block {
    justify-content: space-between;
    gap: 10px;
}

.home-page__design .card {
    margin-top: 15px;
}

.accordion .btn:hover {
    color: #1f4e2f;
    background-color: #7ab5a1;
    border-color: #1f7556;
}

/* .modal-header {
    justify-content: flex-end;
} */

.main_block.home_page .set_notify_card {
    padding-right: 24px;
}

@media only screen and (max-width:1441px) {
    #alerts-tab .card-price_icon {
        width: 45px !important;
        height: 45px !important;
        margin-right: 4px !important;
    }

    /* #alerts-tab .card-price_text h3 {
        font-size: 14px !important
    } */

    #chargebacks .card-price_icon {
        width: 45px !important;
        height: 45px !important;
        margin-right: 4px !important;
    }

    #chargebacks .dashboard-card_box .card-price_text p {
        font-size: 11px !important
    }
}


/* homepage-css---end*/


/* dispute--page---csss---start */

    .filter-content label {
        font-weight: 500;
    }

    .custom_inputcheckbox {
        min-width: 225px !important;
    }

    .dispute_searchbaar {
        width: 121px !important;
    }

    .dispute_searchbaar input {
        min-width: unset !important;
    }

    .pagination-container {
        justify-content: space-between !important;
    }

    .no_data_found {
        text-align: center;
        display: revert !important;
    }

    /* Status color */
    .under-review_status {
        color: #b5b913;
        background-color: #f5f6d3;
    }

    .needs-response_status {
        color: #13b979;
        background-color: #13b97938;
    }

    .resolved_status {
        color: #E76E50;
        background-color: #fbe9e5;
    }

    .Won_status {
        background-color: #def3de;
        color: #26B126;
    }

    .Lost_status {
        background-color: #fadede;
        color: #E02424;
    }

    .rdr_status__table .tooltip-text {
        width: max-content;
        top: -3px;
    }

    .last_tdcard .stauts_btntable {
        border: 1px solid var(--focus-color);
        padding: 6px 17px;
        border-radius: 8px;
        color: var(--focus-color);
        cursor: pointer;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    .last_tdcard span {
        border: 1px solid var(--focus-color);
        padding: 7px 17px;
        border-radius: 8px;
        color: var(--focus-color);
        cursor: pointer;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
	.last_tdcard.alert_flags{	
		overflow: unset !important; 
	}
	.last_tdcard span.tooltip-text{
		overflow: unset !important;
		border: unset !important;
	}
	.template-row:hover{
		background-color: unset !important;
	}
	.last_tdcard span.rm_flag:nth-child(2) {
	padding: 0px !important;
	width: 18px !important;
	height: 18px !important;
}
.last_tdcard  span.rm_flag {
    padding: 0;
}
.heading_templatecard{
	font-size: 14px !important;
}
.coming_soon_tr .coming_soon_btn{
padding: 10px 17px !important;
}
.last_tdcard div span.rm_refund{
		padding: 0px !important;
	width: 18px !important;
	height: 18px !important;
}
.descriptior__textdata{
	color:var(--focus-color)
}
    .btn__setclose {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .btn__setclose .rdr_closeicon {
        background: var(--focus-color);
        padding: 3px;
        border-radius: 37px;
        width: 18px !important;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2px;
        cursor: pointer;
    }

    .last_tdcard .tooltip-text {
        width: max-content !important;
        top: -4px;
    }

    .tag_status a {
        /* color: #4caf50 !important; */
        text-decoration: none;
        border: 1px solid var(--focus-color);
        padding: 7px 26px !important;
        border-radius: 8px;
        color:var(--focus-color);
        width: 120px;
        text-align: center;
    }

    .warning_msg {
        font-size: 12px;
        color: #f7b12b;
        display: none;
    }

    #export_btn {
        display:none;
    }
    .notice_paregraf {
        margin: 10px;
    }

    .notice_div {
        background-color: #16ca9d30;
        padding: 1px;
        border-radius: 5px;
        margin-bottom: 10px;
        border-color: #ccc;
        border-width: 1px;
    }
    .alert-warning .notice_text {
        font-size: 13px;
    }
    .alert a {
        color:#000000;
        text-decoration: none;
    }
    .alert-warning {
        padding:.75rem 1.25rem;
        align-items: baseline;
    }
    .notice_div a {
        color: #000000;
    }
    .design__start__screen .notice_div .notice_paregraf {
        font-size: 14px;
    }
   .confirm_model__dispute .modal {
  display: none; /* Hidden by default */
  position: fixed;
  /* z-index: 1; */
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.confirm_model__dispute .modal-content {
  background-color: var(--bg-color-white);
  margin: 15% auto;
  padding: 20px;
  border-radius: 8px;
  /* width: 300px; */
  position: relative;
}
.confirm_model__dispute .confirm_model_setwi{
    width: 450px;
}

.confirm_model__dispute .close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 24px;
  cursor: pointer;
}
#dispute_table_wrapper #dispute_table tr td:last-child{
	text-align: center;
}
/* #dispute_table .chargeback_table_body tr td {
    white-space: nowrap;
} */
.alert_list_div .table_card__block table tr td{
    white-space: nowrap;
}
#paypal_alerts_tab table tr td:nth-child(6){
    white-space: nowrap;
}
#all_alerts_datatable tr td:nth-child(12){
	white-space: nowrap;
} 
.set_tooltipwidth .tooltip-text{
	width: max-content !important;
}
.chart_alerttable table tr td{
	white-space: nowrap;
}
 .sucess_fullytext{
        width: 100% !important;
    max-height: auto;
    text-align: start;
    display: block;
    margin: 20px 0px 0px !important;
    overflow: unset !important;
    max-height: unset !important;

    }

/* dispute--page---csss---end */







/* anayltics---page--css--start---her */
  .nav-tabs .nav-item .nav-link1.active {
        border-bottom: 3px solid var(--focus-color);
        color: rgba(27, 30, 28, 1) !important;
    }
	 .nav-tabs .nav-item .nav-link2.active {
        border-bottom: 3px solid var(--focus-color);
    }

    .nav-tabs .nav-item .nav-link3.active {
        border-bottom: 3px solid var(--focus-color);

    }



/* anayltics---page--css--end---her */



/*for---intergration---page---css----start- */

   .twenty_nine_next_mode .modal_custom .modal-body {
        text-align: start;
    }

    .tabing__intergrationlist .active {
        background-color: var(--bg-color-white);
    }

    .tabing__intergrationlist .active {
        color: #1C1E22;
        /* border-bottom-color: #22c55e !important; */
    }

    .twenty_nine_next_mode .modal_custom input[type="text"] {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .block_prosessor {
        background-color: #707070f0;
        opacity: 0.5;
    }

    .disabled_pors_btn {
        display: none;
    }



    .modal-content {
        border: 1px solid #000;
    }
    .btn_icontable {
        height: 34px !important;
    }

    .modal_custom .modal-body {
        text-align: start;
    }

    .tabing__intergrationlist {
        background: rgba(228, 230, 236, 1);
        padding: 7px;
        border-radius: 4px;
        padding: 6px 6px;
        display: inline-block;
    }

    .tabing__intergrationlist button {
        border-bottom: 2px solid #e4e6ec !important;
        border: none;
        color: #717378;
        font-weight: 600 !important;
        border-radius: 5px;
        padding: 4px 10px;
        font-size: 14px;
        background: rgba(228, 230, 236, 1);
    }
    .active_tab__integration {
        color: var(--sidebar-bg);
        border-bottom-color: var(--primary-color);
    }

    .common_model_container .modal-header h1 {
        font-size: 20px;
        margin: 0px;
    }

    .logo_model {
        margin: 0px 0px 15px;
        text-align: left;
    }


    .logo_model img {
        width: 100px;
    }

    .model_content {
        margin: 0px !important;
    }

    .common_model_container .modal_custom input[type="text"] {
        margin-bottom: 16px !important;
    }

    .modal-body p,
    span {
        font-size: 14px;
    }

	span.sidebar_navigation_tab,span.collapsed_sub_menu_text {
		font-size: 16px !important;
		    white-space: nowrap;
	}

    .common_model_container .checkbox_input {
        justify-content: left !important;
    }

   

    .img_intergrationtext img.processors {
        max-width: 100px !important;
    }

    .img_intergrationtext img {
        max-width: 120px !important;
    }

    @media (max-width: 1415px) {

        #Automations_tabs .table_card__block th,
        td {
            min-width: unset !important
        }
    }

    .form_label {
        text-align: left;
        margin: 0px 0px 15px;
    }

    .form_label label {
        font-size: 14px;
        margin-bottom: 7px;
        color: rgba(27, 30, 28, 1);
        font-weight: 500;
        padding: 0px;
    }

    .form_label input {
        padding: 11px !important;
        border-radius: 8px !important;
    }

    #connection_braintree_model .modal_custom {
        width: 592px;
    }

    .add_newprocessorscroll {
        max-height: 450px;
        overflow: auto;
        overflow-x: hidden;
    }





/*for---intergration---page---css----start- */


.more_mids{
	color: var(--focus-color);
}

.confimation__title h4{
	font-size: 1.25rem;
	margin:0px
}
.confimation_text p{
	font-size: 14px;
	margin:0px
}


.important_text a{
	color:var(--focus-color)
}

/* .home-page__design{
    display: none;
} */
.main_heading_text h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}
.main_heading_text{
	    padding-top: 9px !important;
}



body {
	font-family: "Inter", serif;
	background-color: var(--bg-body-color)
}

/* home--page---start---here */

.langugae__dropdown {
	display: flex;
	justify-content: end;
	align-items: center;
	padding: 15px 20px;
	/* border-bottom: 1px solid var(--bg-color); */
	white-space: nowrap;
}

.langugae__dropdown .language-selector,
.user-profile {
	position: relative;
	margin-left: 13px;
}

.langugae__dropdown .profile__language-btn {
	background: none;
	border: none;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	color: var(--primary-text-color);
	/* background: #fff; */
	background-color: var(--bg-color-white);
	padding: 8px 15px;
	border: 2px solid var(--bg-color);
	border-radius: 8px !important;
}

.langugae__dropdown .flag-icon {
	margin-right: 8px;
	line-height: 0px;
}

.langugae__dropdown .profile-icon {
	width: 33px;
	height: 33px;
	/* background-color: var(--text-color-light-gray); */
	background-color: var(--profile-icon-bg-color);
	color:var(--profile-icon-text-color);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 8px;
	font-size: 14px;
	font-weight: bold;
}

.langugae__dropdown .username {
	font-weight: 600;
	margin-right: 8px;
	color: var(--primary-text-color);
	font-size: 14px;
	text-align: left;
}

.langugae__dropdown .email {
	font-size: 12px;
	/* color: var(--bg-color); */
	color: #8d8f8d;
	margin-right: 8px;
}

.langugae__dropdown .arrow {
	font-size: 12px;
	color: var(--text-color-light-gray);
} 
.langugae__dropdown .dropdown-menu.profile_dropdown {
	right: 0;
	left: unset !important;
	min-width: 300px;
}
.langugae__dropdown .dropdown-menu {
	position: absolute;
	top: 100%;
	width: 100% !important;
	left: 0;
	background-color: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	list-style: none;
	padding: 10px 0;
	margin: 0;
	/* display: none; */
	width: 250px;
	z-index: 999999;
}

.langugae__dropdown .dropdown-menu li {
	padding: 8px 20px;
	cursor: pointer;
	font-size: 14px;
	color: var(--bg-color);
}

.langugae__dropdown .dropdown-menu li:hover {
	background-color: var(--cardbg-hover-accordian);
}
.log_outbtn{
	cursor: pointer;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.log_outbtn span{
	    transform: rotate(270deg);
}
.langugae__dropdown .dropdown.show .dropdown-menu {
	display: block;
}

.select_languagebtn {
	margin: 0px 20px 0px 0px;
	font-size: 14px;
	font-weight: 400;
}
/* home--page--css--start */

.tabs_sectiondashboard {
	background: var(--bg-color);
	width: max-content;
	border-radius: 6px;
	padding: 6px;
	/* margin: 0px 0px 25px; */
	display: flex;
	flex-wrap: wrap;
}
.tabs_sectiondashboard .tab-link.active {
	/* background-color: var(--bg-color-white); */
	background-color: var(--bg-color-white);

}
.dispute_tablist .tabs_sectiondashboard{
	margin: 0px;
}
.tabs_sectiondashboard .tab-link {
	padding: 5px 13px;
	font-size: 14px;
	border-radius: 4px;
	font-weight: 500;
}
.all_alerts__select{
	min-width: 236px !important;
	max-width: 236px !important;
	margin-left: 10px!important;
	
}
.home-searchbar input {
	border-radius: 6px;
	/* background: #fff; */
	background-color: var(--bg-color-white);
	padding: 10px 10px 10px 40px;
	border: 1px solid var(--bg-color);
	outline: none;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	height: 44px;
}

.home-searchbar .input-fieldhome___icon {
	position: absolute;
	left: 16px;
	top: 9px;
}
.set_main .home-searchbar.dispute_searchbaar, .set_main .home-searchbar.date_range {
	margin: 0 !important;
}
.home-searchbar {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 5px;
}

.home-searchbar .search {
	min-width: 200px;
	border: 1px solid var(--bg-color);
	border-radius: 8px;
	font-size: 14px;
	font-weight: 400;
	height: 44px;
}
.hide {
    display: none !important;
}

.home-searchbar .date_input input {
	width: 258px !important;
}
/* Responsive Handling */
@media (max-width: 768px) {
	.tab_searchbardate___list {
		flex-direction: column;
		align-items: flex-start;
	}

	.tab_searchbardate___list .d-flex {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.home-searchbar .search {
		width: 100%;
	}
	.home-searchbar .date_input {
		margin: 15px 0px 0px !important
	}

	.home-searchbar .date_input input {
		width: 258px !important;
	}
}
/* home-card-css */
.dashboard-card_box {
	display: flex;
	/* background: #fff; */
	background-color: var(--bg-color-white);
	padding: 10px;
	border-radius: 12px;
	border: 1px solid var(--bg-color);
	margin: 0px 0px 20px;
	flex-wrap: wrap;
	flex-grow: 1;
}

.dashboard-card_box .card-price_text {
	flex: auto;
}
.card_statusblock .status-box__card {
	width: max-content;
}
.alerttabs___desgincard .dashboard-card_box .card-price_text {
	padding: 0px
}

.card-price_icon {
	/* background: #e8f9ee; */
	background-color: var(--svg-bg-color-light);
	display: flex;
	align-items: center;
	padding: 8px;
	width: 59px;
	height: 59px;
	justify-content: center;
	border: 2px solid var(--bg-light-font-color);
	border-radius: 11px;
	margin-right: 15px;
}
.card-price_text p {
	color: var(--text-color-light-gray);
	margin: 0px 0px 5px !important;
	font-weight: 500;
	font-size: 14px;
}

.status-block__card {
	display: block;
	padding: 0px
}

.status-block__card .card-price_text>p {
	padding: 0px 13px 0px;
}

/* .status-box__card {
	background: red;
	padding: 3px 17px 3px 30px;
	border-radius: 50px;
	width: max-content;
	font-size: 14px;

} */

.status-box__card p {
	margin: 0px
}

.red_status__color {
	background:var(--bg-red-status-bg);
	color: var(--bg-danger-color);
	font-weight: 500;
	position: relative;
}

.red_status__color span {
	transform: rotate(0deg);
}

.red_status__color span svg path {
	stroke: var(--bg-danger-color)
}

.active_status__color {
	background: var(--bg-green-bg-status);
	/* color: #26b126; */
	color: var(--bg-light-font-color);
	font-weight: 500;
	position: relative;
}

.active_btncls{
	color:var(--focus-color) !important
}


    #shopify_payments .modal-footer button:first-child {
        background-color: #dbdfe6;
    }

    #shopify_payments .modal-footer button {
        font-weight: 700;
        color:var(--text-black-color);
        border-radius: 10px;
        padding: 5px 17px;
        display: flex;
        align-items: center;
        gap: 7px;
        background-color:var(--focus-color);
        margin: 0;
    }

.active_status__color span {
	transform: rotate(190deg);
}

.card_statusblock p {
	color: var(--primary-text-color)
}

.card_statusblock {
	padding: 8.5px 12px
}

/* .card_statusblock:hover {
	background-color:var;
} */

.sereratior-line {
	width: 100%;
	height: 1px;
	background: var(--bg-color);
}

.pending-status__color {
	background: var(--bg-warning-bg-status);
	color: var(--bg-warning-status);
	position: relative;
}
.dashboard-card_box .pending-status__color::after , .dashboard-card_box .active_status__color::after , .dashboard-card_box .red_status__color::after {
	top: 10px;
}

.redirect_icon {
	display: none;
	cursor: pointer;
}

.card_statusblock:hover .redirect_icon {
	display: inline-block;
}
/* home-card-css */
.dashboard-card_box {
	display: flex;
	/* background: #fff; */
	background-color: var(--bg-color-white);

	padding: 10px;
	border-radius: 12px;
	border: 1px solid  var(--bg-color);
	margin: 0px 0px 20px;
	flex-wrap: wrap;
	flex-grow: 1;
	align-items: center;
}
.alerttabs___desgincard{
	position: relative;
}
.see_cards{
    position: absolute;
    bottom: 17px;
    content: '';
    left: 50%;
    /* background: #ffffff; */
	background-color: var(--bg-color-white);
    padding: 10px;
    transform: translate(-50%, 10px);
    border-radius: 50px;
    padding: 4px 17px;
    border: 1px solid var(--bg-color);
    font-size: 13px;
    color: var(--focus-color);
    font-weight: 500;
}
.see_cards p{
	margin: 0px;
}
.alerttabs___desgincard .dashboard-card_box .card-price_text {
	padding: 0px
}
.nav-tabs .nav-item .nav-link1.active{
	border-bottom: 3px solid var(--focus-color);
	color:var(var(--primary-text-color))
}
.add-button i{
	background-color: var(--bg-color-white) !important;
	border: 1px solid var(--bg-color) !important;
	color:var(--focus-color) !important;
}
.gateway-id, .mid-id, .alert-type{
	background:var(--text-color-light-gray);
	color:var(--primary-text-color) !important;
}
.dashboard-card_box .card-price_text p {
	color: var(--text-dark-gray);
	font-weight: 500;
	font-size: 14px;
}

.find__arndetails .arn_text span{
	color:var(--focus-color) !important
}
.form-check-input:checked{
	color:var(--focus-color) !important;
	background-color:var(--focus-color) !important;
	border-color: var(--focus-color) !important;
}

.discover_checkboxcard .form-check-input:checked{
	color:var(--focus-color) !important;
	background-color:var(--focus-color) !important;
	border-color:var(--focus-color) !important;
}
  .show_details_link{
     	color:var(--focus-color) !important;
    }
.arn_generated{
	color:var(--focus-color) !important;
}
.card-price_text p {
	color: var(--text-dark-gray);
	margin: 0px 0px 8px;
	font-weight: 500;
	font-size: 14px;
}
.dashboard-card_box .card-price_text .card_statusblock  {
	color: var(--text-dark-gray) !important;
}
.card-price_text h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
	display: flex;
	color:var(--primary-text-color)
}

.status-block__card {
	display: block;
	padding: 0px
}
.status-block__card .card-price_text>p {
	padding: 0px 13px 0px;
}
.pending_status{
	background: var(--bg-pending-status);
    padding: 8px;
    border-radius: 50px;
    text-align: center;
    color: var(--bg-warning-status);
}
.approve_status{
    background: var(--bg-approve-dark);
    padding: 8px;
    border-radius: 50px;
    text-align: center;
    color: var(--bg-light-font-color);
}
.decline_status{
	background: var(--decline-bg-dark);
    padding: 8px;
    border-radius: 50px;
    text-align: center;
    color:var(--bg-danger-color);
}
.status-box__card {
	/* background: red; */
    padding: 5px 17px;
	border-radius: 50px;
	font-size: 14px;
	width: 114px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}
.charge_backalertcard .status-box__card{
	width: max-content !important;
	white-space:unset;
	overflow:unset !important;
	width:unset !important
}

.tab-content .status-box__card {
	/* background: red; */
    padding: 5px 17px;
	border-radius: 50px;
	font-size: 14px;
	min-width: 123px;
    max-width: 123px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.remove_border .table_card__block td {
    border: none !important;
}
.show .content-section{
	display: block;
}

.status-box__card p {
	margin: 0px
}
.progress_status{
	background-color: var(--bg-warning-bg-status);
	color: var(--bg-warning-status);
}
.expired_status{
	background-color: var(--bg-colot);
	color:var(--primary-text-color)
}
.accepted_status{
	background-color: var(--bg-color-light);
	color: var(--bg-light-font-color);

}
.refunded_status{
	color:var(--text-orange-refund);
	background-color: var(--bg-red-status-bg);
}

.cancel_status{
	background: var(--bg-red-status-bg);
	color: var(--bg-danger-color);
	/* padding: 8px 17px !important; */
}


.card_statusblock p {
	color: var(--primary-text-color) !important
}
.overview-section__design {
	margin-top: 15px;
	padding-right: 24px;
    padding-left: 0;
}

/* faq--section--design-start */

.FAq_section___dashboard {
    border-left: 2px solid var(--bg-color);
    position: relative;
    /* padding: 25px; */
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0px;
}

.FAq_section___dashboard h3 {
	font-size: 24px;
	font-weight: 600;
}

.Faq_content___card h3 {
	padding: 20px 20px 20px;
	color: var(--primary-text-color);
	font-size: 24px;
	font-weight: 600;
}

.Faq_content___card {
	flex: 1;
}

.accordion {
	border-radius: 5px;
}

.Faq_bottomsection__btn {
	padding: 0px 13px;
    position: absolute;
    bottom: 100px;
	left: 0px;
    right: 0px;
}

.Faq_bottomsection__btn button {
	width: 100%;
	background: var(--bg-color-white);
	padding: 11px;
	margin: 0px 0px 20px;
	outline: none !important;
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-text-color);
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.Faq_bottomsection__btn button:hover {
	background-color: var(--bg-color-white);

}

.Faq_bottomsection__btn button:active {
	background-color: var(--bg-color-white);

}

.accordion-header {
	padding: 15px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--primary-text-color);
	font-weight: 500;
	font-size: 14px;
}

.accordion-header#headingTwo {
    padding: 0; /* custom padding only for this one */
}

.FAq_section___dashboard .accordion-item {
	border-radius: unset;
	border-left: 0px;
	border-right: 0px;
	background: unset;

}

.accordion-header:hover {
	background-color: var(--card-hover-bg);
}

.accordion-content {
	display: none;
	padding: 15px;
	background-color:var(--bg-accordian-content);
	font-size: 16px;
}

.accordion-item:last-child {
	border-bottom: none;
}

.arrow {
	transition: transform 0.3s ease;
}
.active .arrow {
	transform: rotate(180deg);
}
/* chart--js--start---here */
.chart_card__design {
	background: var(--bg-color-white);
	padding: 25px;
	border: 1px solid var(--bg-color);
	border-radius: 10px;
	margin: 0px 0px 20px;
	width: 100%;
	/* min-height: 516px; */
}
#charge_backCredits .chart-container{
	height:unset !important;
	/* width:300px !important; */
}
.alignment_chart{
	height: 100%;	
}
.alignment_chart .text-center .loader_green__img{
	/* width: 100px !important; */
	width: 100px !important;
}
.alignment_chart > .text-center{
	display: flex !important;
	justify-content: center	;
	align-items: center;
	height: 100%;
}
.alignment_chart__order{
	display: flex !important;
	justify-content: center	;
	align-items: center;
	height: 100%;
}
.alignment_chart__order > .text-center{
	display: flex !important;
	justify-content: center	;
	align-items: center;
	height: 100%;
}
/* .chart_card__design .loader_green__img{
	max-width: 28% !important;
} */
.no_middatatext{
	padding:10px
}
.charge_back_alert_table table tr td:first-child{
	white-space: nowrap;
}
.no_middatatext h3{
	font-size: 14px !important;
}
#alerts-tab .text-center .loader_green__img{
	max-width: 100px !important;
}
/* #chargebacks .text-center .loader_green__img{
	max-width:8% !important;
} */
#mids .text-center .loader_green__img{
	max-width: 100px !important;
}
.risk-factor-scores  .loader_green__img{
	max-width: 100px !important;

}
#chargebacks .chargeback_cardloader__block .loader_green__img{
	max-width: 100px !important;

}
#chargebacks .winrate_loader .loader_green__img{
	max-width: 100px !important;

}
.loader_green__img{
	max-width: 100px !important;
}
.chart_card__design img {
	max-width: 100% ;
	margin: auto;
}
.chart_card__design h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--primary-text-color)
}
.total_preventcard{
	position:relative
}

.total_preventcard .tooltip-text{
z-index: 99999999999999999;
    right: 0px;
    top: -46px;
    left: -112px;
    right: unset;
	
}
.total_prevented_card{
	position:relative

}
.total_prevented_card.postive_rate_card .tooltip-text{
	right: 0px !important;
}
.postive_rate_card .tooltip-text::after{
	right: 2px !important;
}
.total_prevented_card .tooltip-text{
	top: 30px !important;
    right: -127px !important;
}
.total_prevented_card .tooltip-text::after{
	    top: -11px;
    right: 130px;
    transform: rotate(-179deg) !important;
    left: unset;
}

.total_preventcard .tooltip-text::after {
 content: "";
    position: absolute;
    border-width: 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    top: 41px;
    right: 190px;
    transform: rotate(360deg);
    left: 109px !important;

}
.chart_card__design p {
	color:var(--text-dark-gray);	
	font-weight: 400;
	margin: 0px 0px 20px;
	font-size:14px;

}
.graph_imgcard img {
	max-width: 100%;
}

.chart_card__design .graph_imgcard img{
	max-width:100% ;
}

/* alerts----tab---section-css----start */

.percentage_hightlight__btn {
	padding: 3px 13px;
	border-radius: 50px;
	margin-right: 10px;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	width: max-content;
	align-items: center;
}

.percentage_hightlight__btn p span {
	margin-left: 5px;
}

.percentage_hightlight__btn p {
	display: contents;
}

.active_alertgreen {
	/* background: #e8f9ee */
	background-color: var(--bg-color-light);
}

.percentage_hightlight__btn::after {
	display: none
}

.alerttabs___desgincard .dashboard-card_box {
	padding: 17px;
}

.alerttabs___desgincard .dashboard-card_box {
	margin: 0px;
	height: 100%;

}

.alerttabs___desgincard {
	margin: 0px 0px 20px;
	flex-grow: 1;
}
.plans_billing_setting .alerttabs___desgincard {
	display: flex;
}

.alerttabs___desgincard .card-price_text span {
	margin-left: 8px;
}
.alerttabs___desgincard .card-price_text span.tooltip-value {
	margin-left: 0px;
}
.alerts_card-design p {
	margin: 0px 0px 5px
}

.alerts_card-design span {
	font-size: 11px;
	color: var(--text-color-light-gray);
	font-weight: 400;
}

.alerts_card-design h3 {
	margin-bottom: 2px;
}

.block_tab-design {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
	gap: 15px;
}
.charge_backalertstab{
	margin-bottom: 15px !important;

}

/* dispuifer--handeleer---checkbox--css */

.disputifier_handle {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	cursor: pointer;
	width: max-content;
}

.disputifier_handle input {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid var(--bg-color);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.disputifier_handle input:checked {
	background-color:var(--focus-color);
	border-color: var(--focus-color	)
}

.disputifier_handle input:checked::after {
    content: "";
	color: var(--bg-color-white);
    font-size: 14px;
    background-image: url("../images/icon/right_icon.svg");
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


/* alll-screen--here--hide */

.disepute__section-design {
	display: none;
}

.fraud_blocking_screen {
	display: none;
}


/* disput--page--css--start */

.design__start__screen {
	margin-top: 24px
}
.btn:focus-visible {
	/* background: #fff !important; */
	background-color: var(--bg-color-white);
	padding: 10px 19px 10px 17px;
	border: 1px solid var(--bg-color) !important
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	/* background: #fff !important; */
	background-color: var(--bg-color-white);
	padding: 10px 19px 10px 17px;
	border: 1px solid var(--bg-color) !important
}
.hightlight_text__details{
	background-color: var(--bg-table-header) !important;
}
.table_card__block table {
	width: 100%;
	border-collapse: collapse;
}
.comment_box textarea{
	width: 100%;
    border: 1px solid var(--bg-color);
    border-radius: 7px;
    padding: 10px;
	outline: none;
}
.table_card__block th,
td {
	padding: 14px;
	text-align: left;
	/*min-width: 150px;*/
	font-size: 14px;
}
.table_card__block th {
	white-space: nowrap;
}
.table_card__block td {
	font-weight: 500;
	border-bottom: 1px solid var(--bg-color);
	color: var(--primary-text-color)
}
.table_card__block tr:last-child td {
	border-bottom: none;
}
.table_card__block table tr th {
	background-color: var(--bg-table-header) !important;
	cursor: pointer;
	font-weight: 400
}
.filter-input {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
.table_card__block .small-product_img img {
	width: 22px;
}
.table_card__block {
	overflow: auto;
	/* background: #fff; */
	background-color: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	border-radius: 10px;
	/* padding: 0px 0px 25px; */
}
/* .table_card__block::-webkit-scrollbar {
	height: 10px;
}
.table_card__block::-webkit-scrollbar-track {
	background: var(--card-hover-bg);
	border-radius: 5px;
	margin: 5px 0;
}

.table_card__block::-webkit-scrollbar-thumb {
	background: var(--bg-scroll-thumb);
	border-radius: 5px;
}
.table_card__block::-webkit-scrollbar-thumb:hover {
	background: var(--bg-scroll-hover-thumb);
} */
.list_tabelscroll {
	overflow: auto;
}


/* .list_tabelscroll::-webkit-scrollbar {
	height: 10px;
	margin-top: 15px;
}

.list_tabelscroll::-webkit-scrollbar-track {
	background: var(--card-hover-bg);
	border-radius: 5px;
	margin-top: 15px;
}

.list_tabelscroll::-webkit-scrollbar-thumb {
	background: var(--bg-scroll-thumb);
	border-radius: 5px;
}

.list_tabelscroll::-webkit-scrollbar-thumb:hover {
	background: var(--bg-scroll-hover-thumb);
} */


.big_columndata {
	min-width: 220px !important
}

.btn_icontable {
	 width: 34px;
	height: 34px; 
	border: 1px solid var(--bg-color);
	/* padding: 10px; */
	border-radius: 4px;
	/* background: #fff; */
	background-color: var(--bg-color-white) !important	;
	color:var(--focus-color) !important;

	display: flex;
	justify-content: center;
	align-items: center;
}

.table_responsestatus .red_status__color::after {
	top: 15px;
}

.country_flag span img {
	width: 22px;
}

.pagination-container .pagination .pagination{
	background-color: var(--bg-color-white);
	align-items: center;
}


.pagination-container > .pagination > a:first-child {
	background-color: var(--bg-color-white);
	padding: 14px 16px !important;
    border-radius: 8px;
    border: 1px solid var(--bg-color)
}

.pagination-container > .pagination > a:last-child {
	background-color: var(--bg-color-white);
    padding: 14px 16px !important;
    border-radius: 8px;
    border: 1px solid var(--bg-color)
}
.pagination-container .pagination .pagination{
	background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color)
}
.pagination-container {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 8px;
	padding: 20px 0px
}
.pagination-btn {
	background-color: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	padding: 11px 12px;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	transition: all 0.3s ease;
}

.pagination-btn:hover {
	background-color: var(--cardbg-hover-accordian);
}

.pagination {
	display: flex;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 8px;
	outline: none;
	/* background: #fff */
}

.pagination span {
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 16px;
	color: #575757;
}

.pagination span.active {
	font-weight: bold;
	color: var(--primary-text-color);
}
.pagination a{
	text-decoration: none;
	color:var(--primary-text-color);
	cursor: pointer;
}

.pagination .dots {
	font-size: 18px;
}

/* fraud--prevention--page--start */
.cancel_selectorder option[value="yes"] {
	color:var(--primary-color);
}

.cancel_selectorder option[value="no"] {
	color: var(--bg-danger-color);
}

.progress-container {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 18px 0px 6px
}

.progress-wrapper {
	flex-grow: 1;
	height: 12px;
	border-radius: 10px;
	background: #ddd;
	position: relative;
	/* overflow: hidden; */
}

.progress-bar {
	height: 100%;
	width: 0%;
	background: linear-gradient(to right, var(--primary-color), var(--bg-warning-status));
	border-radius: 10px 10px 10px 10px;
	transition: width 0.1s ease-in-out;
}

.small_headingtext h3 span {
	font-size: 15px;
	color: 87898a;
	margin-right: 5px;
	font-weight: 500;
}

.slider_thumbprogress {
	position: absolute;
	top: -7px;
	left: 0%;
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: left 0.1s ease-in-out;
}

/* .slider_thumbprogress svg{
                margin-left: -50px;
            } */

.recommended {
	font-size: 14px;
	color: var(--text-black-color);
}

.checkbox-container {
	margin-top: 10px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.checkbox-container label {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	color: var(--primary-text-color);
	margin-right: 15px;
}

.checkbox-container input {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid var(--bg-color);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.checkbox-container input:focus {
	outline: none !important;
}

.checkbox-container label {
	font-size: 14px;
}

.checkbox-container input:checked {
	background-color: var(--focus-color);
	border: unset;
	/* border-color: #d3d3d3; */
}

.checkbox-container input:checked::after {
	content: "";
	color: var(--bg-color-white);
	font-size: 14px;
	background-image: url("../images/icon/right_icon.svg");
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	/* font-weight: bold;s */
}


.order_blocktext h3 {
	margin-bottom: 20px;
}

.order_blocktext h3 span {
	font-size: 15px;
	margin-left: 15px;
	background:var(--bg-color-light);
	padding: 8px 12px;
	border-radius: 50px;
	color: var(--bg-light-font-color);
	font-weight: 400;
}

.order_blocktext p {
	font-size: 14px;
	margin: 0px;
}


.toggle-container {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--primary-text-color);
	font-weight: 500;
	white-space: nowrap;
}

.toggle {
    position: relative;
    width: 42px;
    height: 22px;
}

.toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider_toggle {
	position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg-body-color);
    border-radius: 20px;
    transition: 0.3s;
    border: 1px solid var(--bg-color);
}

.slider_toggle::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2.4px;
    background-color: var(--bg-color-white);
    border-radius: 50%;
    transition: 0.3s;
    border: 1px solid var(--bg-color);
}

.form-select{
	font-size: 14px !important;
}

.toggle-container input:checked+.slider_toggle {
	/* background-color: var(--primary-color); */
	background-color: var(--toggle-bg-color);
}

.toggle-container input:checked+.slider_toggle::before {
	transform: translateX(18px);
}


/* tabs---css--s-tart---here */

.tab-btn {
	background: none;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: var(--text-color-light-gray);
	transition: all 0.3s ease;
	border-radius: unset !important

}

.tab-btn:hover {
	color:var(--primary-text-color);
}

.tab-btn.active {
	color: var(--primary-text-color);
	border-bottom: 3px solid var(--focus-color);
}

/* Tab Content */
.tab-content {
	display: none;
	animation: fadeIn 0.3s ease-in-out;
}

.tab-content.active {
	display: block !important;
}

/* Fade-in Animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* blocklist--tabs--css---start */
.tag_blocklist_table {
	background: var(--bg-color-light);
	padding: 5px 12px;
	border-radius: 50px;
	color: var(--bg-light-font-color);
	margin: 0px 9px 0px 0px;
}

.tag_blocklist_table span img {
	width: 20px;
}


/* select--drop-down--css----start--here */
.cancel_selectorder {
	position: relative;
	display: inline-block;
	width: 110px;
}

/* Style the select dropdown */
.cancel_selectorder select {
	appearance: none;
	width: 100%;
	padding: 10px;
	font-size: 18px;
	/* font-weight: bold; */
	color: var(--primary-color);
	border: 2px solid transparent;
	border-radius: 8px;
	background: var(--bg-color-white);
	cursor: pointer;
	border: 1px solid var(--bg-color);
}

/* Add dropdown arrow */
.cancel_selectorder::after {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 10px;
	background-image: url('../images/icon/down-arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none
}

/* Remove focus outline */
.cancel_selectorder select:focus {
	outline: none;
}

.cancel_selectorder .red {
	color: var(--bg-danger-color)
}

.video_img {
	width: 100%;
}

.video_img img {
	max-width: 100%;
}


.discriptor_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--bg-color);
}

.discriptor_block .disput_searchtoggle {
	padding: 12px 20px;
	font-weight: 600;
}

.discriptor_block input[type="text"],
input[type="number"] {
	padding: 8px;
	border: 1px solid var(--bg-color);
	border-radius: 5px;
	outline: none;
	width: 200px;
}

/* Toggle Switch */
/* Tags Section */
.tag-section {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	/* margin: 10px 0; */
	border-bottom: 1px solid var(--bg-color);
	padding: 12px 20px;
}

.tag-section .tag_blocklist_table .remove-tag {
	color: var(--primary-text-color)
}

.tag-section,
.statment_descriptor label {
	font-weight: 600;
	font-size: 15px;
	color: var(--primary-text-color);
	margin-right: 15px
}

.tag-section label {
	margin-right: 15px
}

.tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.tag {
	background-color:var(--primary-color);
	color: var(--bg-color-white);
	padding: 5px 10px;
	border-radius: 15px;
	margin-right: 5px;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.remove-tag {
	background: none;
	border: none;
	color: var(--bg-color-white);
	font-size: 16px;
	cursor: pointer;
	margin-left: 5px;
}

.add-tag {
	background-color: var(--primary-color);
	color: var(--bg-color-white);
	border: none;
	padding: 5px 10px;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

/* Validation Days */
.validation-days {
	display: flex;
	align-items: center;
}

.validation-days input {
	width: 82px;
	text-align: center;
	margin-right: 15px;
}

.tag-input {
	padding: 5px;
	margin-right: 5px;
	border: 1px solid var(--bg-color);
	border-radius: 4px;
	outline: none;
}

.remove-tag {
	background: none;
	border: none;
	cursor: pointer;
}

.main_block {
	padding:0px 24px;
}
.no-padding {
    padding: 0px 9px;
}

.right_mainblock {
	padding-right: 15px;
}

.full-progress svg {
	margin-right: 24px !important;
}
.fraud_blocking_section {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	gap: 15px;
}
.imporove_chargeback_title h4 {
    font-size: 14px;
    color:var(--focus-color)
}
.filterbtn.btn , .common_btn{
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: normal;
}

.filterbtn , .common_btn {
    border-radius: 6px;
    background: var(--bg-color-white);
    padding: 10px 19px 10px 17px;
    border: 1px solid var(--bg-color);
    outline: none !important;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal;
    font-weight: 500;
}

.filterbtn:hover, .common_btn:hover {
    background: var(--bg-color-white);
    padding: 10px 19px 10px 17px;
    border: 1px solid var(--bg-color);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .09);
}
.common_btn {
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-text-color);
	white-space: nowrap	;
}
.home_search_set .search{
	width: 281px;
}
.fraud_blocking_tab{
	gap: 15px;
}
.fraud_blocking_section .tabs_sectiondashboard{
	margin-bottom: 0;
}
.filter-content .selected-tag.red {
    background-color:var(--bg-red-status-bg);
    color: var(--text-orange-refund);
}
.filter-content .selected-tag {
    padding: 3px 12px;
    border-radius: 999px;
    display: inline-block;
    font-size: 13px;
    pointer-events: none;
}
.filter_boxcard select {
    border-radius: 8px !important;
    font-size: 14px;
    outline: none;
}
.filter-content .select-arrow::after {
    bottom: 9px;
}
.filter-content .selected-tag.gray {
     background-color: rgba(224, 36, 36, 0.15);
    color: var(--bg-danger-color)
}
.filter-content .selected-tag.green {
    background-color: var(--bg-color-light);
    color: var(--bg-light-font-color);
}



/* Anand css for the date 04-03-25 start */
 .filter-container {
	position: relative;
	display: inline-block;
	height: 44px;
  }
  .filter-container .dropdown-menu {
	display: none;
	position: absolute;
	top: 46px;
	right: 0;
	background: var(--bg-color-white);
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	max-width: 200px;
	padding: 0;
  }
  .filter-container ul li{
	border-bottom:1px solid var(--bg-color);
    padding: 10px 10px;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: baseline;
	gap: 10px;
	color: var(--primary-text-color);
  }
  .filter-container .dropdown-menu 	 {
	margin: 0;
	cursor: pointer;
	transition: background 0.3s;
  }
  .filter-container .dropdown-menu li:hover {
	background: var(--card-hover-bg);
  }
  .filter-container .has-submenu {
	position: relative;
  }
  .filter-container .submenu {
	display: none;
	position: absolute;
	right: 100%;
	top: 0;
	background: var(--bg-color-white);
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
   width: max-content;
	max-width: 200px;
	padding: 0px;
	max-height: 167px;
    overflow: auto;
  }

  .filter-container .has-submenu:hover .submenu {
	display: block;
  }  
  .filter-container .filter_text{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 154px;
  }
/* Anand css for the date 04-03-25 end */

.daterangepicker.opensright:before {
    left: 9px;
}
.daterangepicker.opensright:after {
    left: 62px;
}
.daterangepicker:before {
    top: -7px;
    border-right: unset;
    border-left: unset;
    border-bottom: unset;
}
div.daterangepicker.opensright:before{
	 border-right: unset;
     border-left: unset;
     border-bottom: unset;
}
div.daterangepicker.opensright:after {
    left: 87px ;
}
/* .daterangepicker td.active.available, .daterangepicker td.active.available:hover {
    background-color: #22c55e;
} */
.table_set tbody tr td:first-child {
	white-space: nowrap;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
	padding: 2px;
}

/* tooltip css  start*/
.tooltip-container {
	position: relative;
	cursor: pointer;
  overflow: visible; 
  z-index: 1;
}

.tooltip-text {

	 visibility: hidden;
  width: 300px;
  background-color: #333;
  color: var(--bg-color-white);
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px 10px 10px;
  position: absolute;
  z-index: 1;
    top: 0px;
    right: calc(100% + 11px);
  
}
.ratios_section_design .tooltip-text, .enable_vamp_data_model .tooltip-text {
    bottom: 35px !important;
    left: calc(100% - 175px) !important;
    text-align: center;
    top: unset;
    width: max-content !important; 
} 
.enable_vamp_data_model .tooltip-text::after {
    left: 50% !important;
    top: 100% !important;
    transform: unset !important;
    right: unset !important;
}
.table>:not(caption)>*>*{
	background-color: unset !important;
}
#chargeback_insight .tooltip-text,.alerttabs___desgincard .addtional_settingcard .tooltip-text{
	top: auto;
	bottom: 40px;
	right: 0;
	min-width: 150px !important;
}
#chargeback_insight .tooltip-text::after,.alerttabs___desgincard .addtional_settingcard .tooltip-text::after {
	bottom: -11px;
	right: 11px;
	transform: rotate(360deg);
	left: auto;
	top: auto;
}
.dashboard-card_box .tooltip-text p{
	color:var(--bg-color-white) !important

}

.max_content_set{
	width: max-content;
}
.model_width{
	max-width: 620px;
}
.fraud_prevent{
    position: absolute;
    top: 13px;
    right: 15px;
}
.fraud_prevent p{
	font-size:14px
}
.fraud_prevent p a{
    color: var(--primary-color) !important;
}
.title_model{
	margin:20px 0px 20px
}
.title_model h3{
	font-size: 24px;
    font-weight: 600;
	color:var(--primary-text-color)
}
.title_model p{
	color: var(--primary-text-color);
    font-size: 14px;
}
.addtional_settingcard .link_texttable .tooltip-text{
	width: max-content;
	
}



.effect_backdrop_fraud , .effect_backdrop_vamp{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(77, 77, 77, .7);
	transition: all .4s;
	display: none;
	z-index: 9;
	}


	.effect_backdrop_fraud_test_plan {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(77, 77, 77, .7);
	transition: all .4s;
	display: none;
	z-index: 9;
	}

	.stop__chargebackmodel , .stop__vampdatamodel {
		width: 550px;
		text-align: center;
		margin: 0 auto;
		background: var(--bg-color-white);
		border-radius: 20px;
		z-index: 999999999;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		color: var(--bg-color-white);
		font-weight: bold;
		font-size: 18px;
		display: none;
		}
.stop__chargebackmodel_test_plan {
	width: 550px;
	text-align: center;
	margin: 0 auto;
	background: var(--bg-color-white);
	border-radius: 20px;
	z-index: 999999999;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: var(--bg-color-white);
	font-weight: bold;
	font-size: 18px;
	display: none;
	}
	.stop__chargebackmodel.active, .stop__vampdatamodel.active {
	display: block;
}
.stop__chargebackmodel_test_plan.active {
	display: block;
}
.slider_toggle.disabled_tc40_data {
	cursor: not-allowed;
}
.model_urgentneed .title_model{
margin:0px
}
.model_urgentneed p a {
	color: var(--focus-color);
}
.model_urgentneed ol{
	padding:0px
}
.home_page_modal .report_issues_modal .title_model{
	margin:0px
}
.home_page_modal ol{
	padding:0px
}
.processor_textblock h5{
	font-size: 16px;
	margin: 0px;	
}
.home_page_modal ol li {
	color:var(--primary-text-color);
	font-size: 14px;
	margin: 10px 0px;
}
.home_page_modal .report_issues_modal .title_model h6{
	color: var(--primary-text-color);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.home_page_modal .report_issues_modal p{
    font-weight: 400;
    font-size: 14px;
	color:var(--primary-text-color);

}
.model_urgentneed ol li {
	color:var(--primary-text-color);
	font-size: 14px;
	margin: 10px 0px;
}
.model_urgentneed .title_model h6{
	color: var(--primary-text-color);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}
.model_urgentneed  p{
    font-weight: 400;
    font-size: 14px;
	color:var(--primary-text-color);

}
.effect_backdrop_fraud.active, .effect_backdrop_vamp.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.effect_backdrop_fraud_test_plan.active {
	display: flex;
	align-items: center;
	justify-content: center;
  }
.tooltip-container:hover .tooltip-text {
	opacity: 1;
	visibility: visible;
    transform: translateX(0) translateY(0);
}

.tooltip-text::after {
    content: "";
    position: absolute;
    border-width: 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    top: 7px;
    right: -11px;
    transform: rotate(268deg);
    left: unset;
	
}

/* .modal-backdrop.show{
	display: none !important;
} */
/* .icon-tool.tooltip-container .tooltip-text {
    top: auto;
    bottom: 28px;
} */
.Faq_dashboard__section{
	padding: 0;
}
.overview-section__design{
    padding-right: 24px;
    padding-left: 0;
}
.main_block.home_page{
    padding: 0px 0px 0px 24px;
}
/* tooltip css  end*/
.filter_btn{
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	padding: 10px;
	color: var(--primary-text-color);
	font-weight: 500;
}
/*table---drodown--menu*/

.menu-wrapper {
position: relative;
}


.menu-content {
position: absolute;
/*top: 40px;*/
right: -123px;
background-color: var(--bg-color-white);
border-radius: 10px;
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
width: 160px;
display: none;
flex-direction: column;
/*padding: 10px 0;*/
z-index: 1000;
}
.gap_notification___shipping{
    display: flex !important;
    gap: 45px;
}
.gap_notification___shipping .right_border{
	position: relative;
}
.gap_notification___shipping .right_border::after{
    position: absolute;
    left: -21px;
    background-color: var(--bg-color);
    width: 1px;
    height: 34px;
    content: '';
    top: 0px;
}
.team_notification{
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0px 0px;
}
.edit_btn{
	background: var(--bg-color-white);
	color: var(--primary-color);
	width: 71px;
	min-height: 34px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid var(--bg-color) !important;
	border-radius: 4px;
}
.menu-content.show {
display: flex;
animation: slideIn 0.25s ease-in-out;
}

.menu-content div {
padding: 10px 20px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
}

.menu-content div:hover {
background-color: var(--bg-table-header);
}
.menu-content .delete {
	color:var(--bg-danger-color);
}

@keyframes slideIn {
from {
  opacity: 0;
  transform: scale(0.95);
}
to {
  opacity: 1;
  transform: scale(1);
}
}
/*table---drodown--menu*/


/* tab---automation--css---start--here */


.fix_childfirst table tbody tr td:first-child {
    width: 450px;
}


.card_tableparents {
	padding: 17px 15px;
	font-weight: 600;
 }
.card_tableparents {
    padding: 15px 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .card_tableparents h4 {
	font-size: 16px;
	margin: 0px;
	font-weight: 600;
 }

 .btn_icontable {
	position: relative;
 }

 #Automations_tabs .table_card__block td {
	border: none !important;
 }

 #Automations_tabs .table_card__block {
	margin-bottom: 20px;
 }

 #Automations_tabs .btn_icontable span {
	display: none;
	transition: 0.5s;
	transition: opacity 0.3s ease-in-out;
 }
 /* Show text on hover and hide the image */

 #Automations_tabs .btn_icontable:hover span {
	display: inline-block;
 }

 .b-0 {
    border: unset !important;
 }

 .tag_automationbtn {
	min-width: 280px;
 }

 .tag_automationbtn .btn_icontable:hover {
	width: max-content;
	/* height: auto !important; */
 }

 .tag_automationbtn .tag_blocklist_table {
	background: var(--bg-color);
	color: var(--primary-text-color);
	width: max-content;
 }

 .tag_automationbtn .append_flagimg {
	display: none;
 }

 .tag_automationbtn .add_tag {
	color: var(--primary-color);
 }

 .refund_automation .tag_blocklist_table {
	background-color: var(--bg-red-status-bg);
	color: var(--bg-danger-color);
 }

 .review_automations .tag_blocklist_table {
	background-color: var(--bg-warning-bg-status);
	color: var(--bg-warning-status);
 }

 .verification_automation .tag_blocklist_table {
	background-color: var(--bg-color-light);
	color: var(--bg-light-font-color);
 }

 .verification_section .tag_blocklist_table {
	padding: 7px 12px;
 }
 /* .automation_tabscard .table_card__block td {
    min-width: 360px;
} */

.action_dropdown-container {
	position: relative;
	display: inline-block;
 }

 .Action_dropdown {
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	padding: 5px 0;
	min-width: 60px;
	display: none;
	/* Hide dropdown initially */
	z-index: 10;
 }

 .Action_dropdown li {
	list-style: none;
	padding: 3px 10px;
	cursor: pointer;
	text-align: center;
 }
 /* css-end--autoamtion--tabs---start */

 
/* Home Page Mids tabs design css start */


.mids_block  .table_card__block{
	padding: 0px 0px 0px;
}
.mids_blockbtndate .filterbtn {
    color:var(--focus-color);
    font-size: 14px
}

.mids_block table {
	width: 100%;
	border-collapse: collapse;
	/* background:#ffffff; */
	background-color: var(--bg-color-white);
	border-radius: 8px;
  }

  .mids_block .toggle-container {
	display: flex;
	align-items: center;
	gap: 8px;
  }
  .mids_block .toggle {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
  }
  .mids_block .toggle input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  .mids_block .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--bg-color);
	transition: 0.4s;
	border-radius: 20px;
  }
  .mids_block .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	/* background-color: #ffffff; */
	background-color: var(--bg-color-white);
	transition: 0.4s;
	border-radius: 50%;
  }
  .mids_block input:checked + .slider {
	background-color: var(--focus-color);
  }
  .mids_block input:checked + .yello_slider {
	background-color: var(--bg-warning-status);
  }
  .mids_block input:checked + .slider:before {
	transform: translateX(16px);
  }
  .mids_block .summary-row {
	border-top: 2px solid var(--focus-color);
  }
  
/* Home Page Mids tabs design css end */

.set_main{
	gap: 12px;
	display: flex;
	align-items: center;
	justify-content: end;
	width: 100%;
}
.tabs_design___list{
	flex:1
	}
	.tab_searchbardate___list{
	flex:4;
	}
	.tab_searchbardate___list {
	display: flex;
	justify-content: end;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	}
	.tab_searchbardate___list .d-flex {
	flex-wrap: nowrap;
	width: 100%;
	justify-content: flex-end;
	}
	.append_flagimg{
	   width: 22px;
	   height:22px;
	}
	.table_card__block a {
	   text-decoration : none;
	   color: var(--primary-text-color);
	   padding: 0px !important;
	}

   /* Green Color for "Yes" */

	.green {
	   color:var(--primary-color);
	   border-color: var(--primary-color);
   }

   /* Red Color for "No" */
   .red {
	   color: var(--bg-danger-color);
	   border-color: var(--bg-danger-color);
   }
   .date_range{
	min-width: 236px;
   }
   .custom_datepicker input{
	min-width: 223px !important;
	width:100%

   }
   .serach_bar{
	 min-width: 200px;
   }
   /* .form-check-input:checked{
	background-color: var(--primary-color);
    border-color: var(--primary-color);
   } */
   .form-select:focus {
    border-color: var(--focus-color);
    outline: 0;
    box-shadow: var(--focus-color);
   }
   .form-control:focus {
	border-color: var(--focus-color);
    outline: 0;
    box-shadow: var(--focus-color);
    }
	.gray_active_status {
		background: var(--bg-color);
		color: var(--primary-text-color);
		font-weight: 500;
		position: relative;
	}
	/* .gray_active_status::after {
		position: absolute;
		left: 14px;
		top: 15.5px;
		width: 8px;
		height: 8px;
		background-color: rgb(122 109 109);
		content: '';
		border-radius: 50%;
	} */


	
 /* 06-03-25 home page "Alert tab" table design Anand  start */
 .table_card__block .set_td{
	min-width: 228px;	
  }
  .table_card__block .common_td{
    font-size: 14px;
    color: var(--primary-text-color);
    font-weight: 400;
  }
  .set_table_card h2{
   color: var(--primary-text-color);
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 10px;
 }
 .set_table_card p{
	 font-weight: 400;
	 font-size: 14px;
	 color: var(--text-color-light-gray);
	 margin: 0;
 }
 .set_table_card{
	 margin-bottom: 20px;
 }
 .set_table_card .table_title{
	 padding: 16px 14px;
 }
  /* 06-03-25  home page "Alert tab" table design Anand  end */
 
 
  /* 06-03-25 home page " chargeback tab" table design Anand  start */
   .sort_text{
	 color: var(--text-color-light-gray);
	 font-size: 14px;
	 font-weight: 400;
	 margin-right: 8px;
   }
   .set_table_card select{
	 height: 44px;
	 margin-left: 8px;
	 font-size: 14px;
	 color: var(--primary-text-color);
	 font-weight: 500;
   }
   .chargebacks_by_product_table .set_td{
	 min-width: 206px;
   }
   .custom_select_dropdown {
	 position: relative;
	 width: 143px;
	 height: 44px;
 }
 .home-searchbar .custom_select_dropdown .dropdown-toggle{
	padding-right: 38px;
 }
 .home-searchbar .custom_select_dropdown.mid_namedrop {
    width: 200px !important;
}
 .custom_select_dropdown .dropdown-toggle:focus {
	 border-color: var(--focus-color);
	 outline: 0;
	 box-shadow: 0 0 0 .25rem rgb(227 247 231);
   }
 .custom_select_dropdown .dropdown-toggle {
	 width: 100%;
	 text-align: left;
	 background-color: var(--bg-color-white);
	 border: 1px solid var(--bg-color);
	 padding:0px 10px;
	 cursor: pointer;
	 border-radius: 8px;
	 position: relative;
	 height: 44px;
	 display: flex;
	 align-items: center;
	 font-size: 14px;
	 color: var(--primary-text-color);
	 font-weight: 500;
 }
 .custom_select_dropdown .dropdown-toggle::after {
	 content: "";
	 position: absolute;
	 right: 10px;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 20px;
	 height: 10px;
	 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 1.5L6 6.5L11 1.5" stroke="%231B1E1C" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
	 background-size: contain;
	 border-top: none;
 }
 .custom_select_dropdown .custom-dropdown-menu {
	 position: absolute;
	 width: 100%;
	 background: var(--bg-color-white);
	 border: 1px solid var(--primary-color);
	 border-radius: 5px;
	 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	 display: none;
	 z-index: 99;
	 padding: 5px 0;
 }

 .custom_select_dropdown .custom-dropdown-menu div {
	 padding: 2px 10px;
	 cursor: pointer;
	 transition: background 0.2sease-in-out;
	 font-size: 14px;
	 color: var(--primary-text-color);
	 font-weight: 500;
 }
 .custom_select_dropdown .custom-dropdown-menu div:hover {
	 background: var(--primary-color);
	 color: var(--bg-color-white);
 }
 
  /* 06-03-25 home page " chargeback tab" table design Anand  end */
 
 
  /* 06-03-25 shipping updates page css start */
  .set_table_card .table_title h6{
	  font-weight: 600;
	  font-size: 16px;
	  color: var(--primary-text-color);
  }
  .shipping_notification_tab .table_card__block td{
	 padding: 16px 14px 0px;
	 border-bottom: unset;
 }
  .shipping_notification_tab .table_card__block .table_title {
	 padding: 16px;
 }
 .shipping_tabs, .shipping_tabs .tabs_sectiondashboard.tabs_set {
	 flex-wrap: unset;
 }

 .start_free_trial_section{
	background-color: rgb(51 50 53 / 80%);
   position: absolute;
   top: 250px;
   z-index: 1054;
   border-radius: 14px;
   margin: 0px 1px 0px 0px;
   padding: 0;
   width: 50%;
   margin: auto;
   transform: translate(-50%, -50%);
   left: 55%;
  }
  .start_free_trial_section > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 21px;
  }
  .start_free_trial_section > div p span b{
	color: var(--focus-color);
  }
  .start_free_trial_section button{
  background-color: var(--focus-color);
  color: var(--text-black-color);
  border: none;
  padding: 10px 25px;
  border-radius: 10px !important;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid var(--text-black-color);
  }
  .start_free_trial_section p{
  color: #fff;
  font-size: 15px;
  font-weight: 200;
  margin: 0;
  }
  .start_free_trial_section p span {
  font-weight: 600;
  }

 .table_card__block h6{
	 color: var(--primary-text-color);
	 font-size: 14px;
	 font-weight: 600;
	 margin-bottom: 4px;
 }
 .btn_icontable:hover {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .09);
}
 .team_notification_email{
	 background-color: var(--bg-color-light);
	 color: var(--bg-light-font-color);
	 padding: 7px 12px;
	 border-radius: 50px;
	 font-weight: 500;
	 font-size: 14px;
	 display: inline-flex;
	 justify-content: center;
	 align-content: center;
 }
 .team_notification{
	 display: flex;
	 align-items: center;
	 gap: 8px;
	 margin: 16px 0px 0px;
 }
 .edit_btn{
	 background: var(--bg-color-white);
	 color: var(--primary-color);
	 width: 77px;
	 height: 34px;
	 font-weight: 500;
	 font-size: 14px;
	 border: 1px solid var(--bg-color);
	 border-radius: 4px;
 }
 .delete_btn{
	background: var(--bg-color-white);
	color: var(--bg-danger-color);
	width: 77px;
	height: 34px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid var(--bg-color);
	border-radius: 4px;
}
 .table_data_text p{
	 color: var(--primary-text-color);
	 font-size: 14px;
	 font-weight: 500;
	 margin-bottom: 6px;
 }
 .table_data_text span{
	 color: var(--text-color-light-gray);
	 font-size: 14px;
	 font-weight: 400;
 }
 .plus_icon{
	 width: 34px;
	 height: 34px;
	 border-radius: 4px;
	 border: 1px solid var(--bg-color);
	 background: var(--bg-color-white);
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 .set_table_card{
	 background: var(--bg-color-white);
	 border: 1px solid var(--bg-color);
	 border-radius: 10px;
	 width: 100%;
 }
 .set_table_card .table_card__block{
	 border: none;
	 border-top-left-radius: unset;
	 border-top-right-radius: unset;
 }
  /* 06-03-25 shipping updates page css end */
 
  /* 07-03-25 notification page css start */
  .notification_screen .table_card__block td {
	 border-bottom: unset;
	 padding: 16px 14px 0px;
 }
 .mail_text_edit_block span{
	 font-size: 14px;
	 color: var(--primary-text-color);
	 font-weight: 400;
 }
 
  /* 07-03-25 notification page css end */

 /* -----------------------------  setting templates design css start 17-03-25 ----------------------------- */ 
 .policy_card .upload-box {
	border: 1px solid var(--bg-color);
	border-radius: 10px;
	padding: 15px;
	background: var(--bg-color-white);
	margin-bottom: 15px;
	width: 100%;
}
.policy_card .dropzone {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid var(--bg-color);
	border-radius: 8px;
	padding: 10px;
	/* background: #ffffff; */
	background-color: var(--bg-color-white);
}
.policy_card .dropzone img {
	width: 48px;
	height: 48px;
	border-radius: 4px;
}
.policy_card .dropzone .file-name {
	flex: 1;
	margin-left: 10px;
	font-size: 14px;
	color: var(--text-color-light-gray);
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 77%;
    overflow: hidden;
}
.policy_card .buttons {
	display: flex;
	gap: 5px;
	align-items: center;
}
.policy_card .btn-sm {
	font-size: 12px;
}
.policy_card input[type="file"] {
	display: none;
}
.policy_card  .upload-box h6{
	font-size: 14px;
	color: var(--primary-text-color);
	font-weight: 500;
}
.upload-box .upload-btn{
 background-color: var(--focus-color) !important;
 color: var(--bg-color-white) !important;
 font-size: 14px;
 font-weight: 400;
 border-radius: 8px;
 border:none;
 width: 134px;
 height: 44px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
}

.upload-box .update-btn , .upload-box .delete-btn {
	background: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    width: 44px;
    height: 44px;
    border-radius: 8px;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
}
.upload-box .update-btn {
    width: 85px;
    height: 44px;
}
.setting_templates_screen  .customer_questions  h6{
	color: var(--primary-text-color);
    font-size: 14px;
    font-weight: 500;
	margin-bottom: 7px
}
.template_page_tooltip .tooltip-text{
	width: max-content;
}
.last_tdcard .alert_flags, .flag_btn {
	color:var(--focus-color) !important;
	border-color:var(--focus-color) !important
}
.ab_notification{
	background-color: var(--bg-color-white) !important;
	border-color: var(--bg-color) !important;
}
.setting_templates_screen  .customer_questions  p{
	color:var(--text-dark-gray);
    font-size: 13px;
    font-weight: 400;
	margin-bottom: 9px;
}
.customer_questions textarea , .customer_questions input{
	width: 100%;
	resize: none;
	font-size: 14px;
	font-weight: 500;
	color:var(--primary-text-color);
	border-radius: 8px;
	padding:10px 14px;
	border: 1px solid var(--bg-color);
	margin-bottom: 20px;
}
.setting_templates_screen  .table_title h2{
	font-size: 14px;
	font-weight: 500;
	color: var(--primary-text-color);
	margin-bottom: 3px;
}
.setting_templates_screen  .home-searchbar .search{
	margin-bottom: 0;
	padding: 10px 10px 10px 44px;
}
.setting_templates_screen .table_title  p {
    font-size: 14px;
	margin-bottom: 0;
}
.disputifier_handle input{
	background-color: var(--bg-color-white);
}
input[type="checkbox"] {
       appearance: none;
    width: 16px !important;
    height: 16px !important;
    border: 1px solid var(--bg-color);
    background-color: var(--bg-color-white);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0px;
    border-radius: 4px !important;
}
input[type="text"]:focus {
    border-color: var(--focus-color);
    /* box-shadow: 0 0 0 0.20rem rgb(38 194 82 / 36%); */
	box-shadow:var(--input_card-shadow);
}


 input:checked {
    background-color: var(--focus-color);
    border-color: var(--focus-color);
}
 input:checked::after {
    content: "";
    color: var(--bg-color-white);
    font-size: 14px;
    background-image: url(../images/icon/right_icon.svg);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
}

input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid var(--bg-color);
	border-radius: 50%;
	outline: none;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

input[type="radio"]:checked {
	border-color: var(--focus-color); /* Green border */
	background-color: var(--bg-color-white) !important;
}

input[type="radio"]:checked::before {
	content: "";
	width: 20px !important;
	height: 20px !important;
	background: var(--focus-color); /* Green fill */
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.radio_btnblock input{
	margin-right: 10px;
}
.radio_btnblock{
	display: flex;
	align-items:center;
}
.radio_btnblock label{
	display: flex;
	align-items: center;
}


.setting_templates_screen .custom_select_dropdown {
     width: 223px;
     min-height: 34px;
}

.setting_templates_screen .table_card__block{
	margin-bottom: 0;
}
.setting_templates_screen .table_card__block  table th:first-child{
	min-width: 421px;
}
 /* -----------------------------  setting templates design css end 17-03-25 ----------------------------- */ 

 
 /* -----------------------------  setting Responses design css start 18-03-25 ----------------------------- */ 
 .primary_btn {
	background: var(--bg-color-white);
    color: var(--focus-color);
	padding: 8px 12px;
    min-height: 34px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
	white-space: nowrap;
 }
 .modal_custom a{
	color: var(--focus-color) !important;
 }

 .auth_acc_one .auth_d_btn {
	color: var(--bg-color-white) !important;
  }
  .auth_acc_one .auth_d_btn:hover {
	background-color: var(--focus-color) !important;
	color: var(--bg-color-white) !important;
  }


 .auth_acc_two .auth_d_btn {
	color: var(--bg-color-white) !important;
  }
  .auth_acc_two .auth_d_btn:hover {
	background-color: var(--focus-color) !important;
	color: var(--bg-color-white) !important;
  }


 .auth_acc_three .auth_d_btn {
	color: var(--bg-color-white) !important;
  }
  .auth_acc_three .auth_d_btn:hover {
	background-color: var(--focus-color) !important;
	color: var(--bg-color-white) !important;
  }
 a.primary_btn {
	background: var(--bg-color-white);
    color: var(--focus-color);
	padding: 8px 12px !important;
    min-height: 34px;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
	white-space: nowrap;
 }
 .primary_btn.ab_testing_btn {
    min-height: 44px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
 }
 .setting_responses_screen .table_card__block .set_width {
	min-width: 450px;
 }
 .setting_response_inner_page .custom_select_dropdown {
	min-width: 256px;
	width: 100%;
 }
 .fulfillment_btn {
	height: 44px;
	width: 44px;
	/* background-color: #ffffff; */
	background-color: var(--bg-color-white);
	/* color: #FFFFFF; */
	color: var(--bg-color-white);
	border-radius: 8px;
	border: 1px solid var(--bg-color);
 }
 .fulfillment_btn:hover{
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
 }
 .fulfillment_btn.active .set_svg{
   /* stroke:#FFFFFF; */
   stroke: var(--bg-color-white);
 }
 .fulfillment_btn:hover .set_svg{
   /* stroke:#FFFFFF; */
   stroke: var(--bg-color-white);
 }
 .fulfillment_btn.active {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
 }
  .customer_questions h6 {
    color: var(--primary-text-color);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
}	
 .customer_questions p {
    color: var(--text-dark-gray);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 9px;
}
.setting_response_inner_page .customer_questions p {
	margin-bottom: 0;
}


.common_placeholder::placeholder {
	color: var(--primary-text-color);
	font-weight: 500;
}
.setting_workflow_screen  .table_card__block table th:first-child {
	min-width: 300px;
}
.ratio_beta_text {
	display: flex;
	align-items: center;
	gap: 12px;
}
.ratio_tab{
	justify-content: space-between;
}
.sidebar.collapsed .ratio_tab{
	justify-content: center;
}

.setting_response_inner_page{
	display: block ;
}
.privius_tab {
	cursor: pointer;
}
 /* -----------------------------  setting Responses design css end 18-03-25 ----------------------------- */ 




.disputes-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}


/* Dispute Cards Styling */
.dispute-card_block {
	display: flex
	;
		justify-content: space-between;
		border-radius: 10px;
		overflow: hidden;
		border: 1px solid var(--bg-color);
		position: relative !important;
}

.dispute-card::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    /* border-top: 10px solid #c1aa14 !important; */
	border-top: 10px solid var(--focus-color);

    /* opacity: 0.5; */
    z-index: 99;
}
/* .dispute-card:nth-child(1) {
	border-top: 10px solid var(--primary-color);
} */

.dispute-card:nth-child(2)::before {
	/* border-top: 10px solid var(--bg-processing-card); */
    opacity: 0.5;

}
.dispute-card:nth-child(3)::before{
	/* border-top: 10px solid var(--bg-bank-review-card); */
    opacity: 0.4;

}
.dispute-card:nth-child(4)::before{
	/* border-top: 10px solid var(--bg-buyer-review-card) */
    opacity: 0.3;

}

.dispute-card {
    flex: 1;
    padding: 14px 15px;
    background-color: var(--bg-color-white);
    transition: background-color 0.3s;
	position: relative !important;
}

.dispute-card:not(:last-child) {
    border-right: 1px solid var(--bg-color);
}
.disputes-section{
	margin-bottom: 25px;
}

.card-header {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
	color: var(--text-color-light-gray);
	font-weight: 500;
}
.card-header span{
	margin-left: 5px;
}
.card-number {
    font-size: 24px;
    margin-top: 10px;
	font-weight: 500;
}
.add_automationbtn{
	color:var(--primary-color);
	cursor: pointer;
	font-weight: 500;
}


.head-hint-box, .like-hint-box, .cont-hint-box {position: absolute; background-color: rgba(0,0,0,.8); color:var(--bg-color-white); text-align: center; width: 503px; padding: 20px 15px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.wel-res p, .head-hint-box p {margin-bottom: 10px; }
.wel-res a, .head-hint-box a, .like-hint-box a, .cont-hint-box a {border: 5px solid var(--primary-color); border-radius: 10px; font-size: 22px; color: var(--bg-color-white); font-weight: bold; padding: 3px 10px; display: inline-block; margin: 25px 0; }

.head-hint-box .head-hint-inner-box span{
    color:var(--primary-color);
    font-weight: 600;
}

.head-hint-box {text-align: left; width: 435px; left: 284px; top: 80px; transform: initial;display: none; }
.head-hint-box a {margin: 15px auto 0; display: table; }

.like-hint-box {display: none; width: 523px; text-align: left; padding: 20px 25px; transform: initial; top: 80px; left: 49.3%; }
.like-hint-box .h3, .cont-hint-box .h3 {color: var(--bg-color-white);font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.like-hint {display: flex; align-items: center; margin-bottom: 5px; }
.like-btn {padding-right: 50px; }
.like-hint-box ul, .cont-hint-box ul {padding: 0; }
.like-hint-box ul li, .cont-hint-box ul li {display: inline-block; position: relative; }
.like-hint-box ul li::before, .cont-hint-box ul li::before {content: ""; position: absolute; width: 7px; height: 7px; background-color:var(--primary-color); border-radius: 100%; top: 9px; left: -15px; }
.like-hint-box a {margin: 5px auto; display: table; }

.cont-hint-box {display: none; padding: 20px 15px 25px; text-align: left; transform: initial; top: 202px; left: 378px; width: 462px; transform: initial; }
.cont-hint-box ul li {margin-bottom: 20px; padding-left: 15px; }
.cont-hint-box ul li::before {left: 0; }
.cont-hint-box ul ~ a {margin: 0 auto; display: table; background-image: url('/assets/image/confetti.png'); background-size: 35px; background-repeat: no-repeat; background-position: right 11px center; padding: 8px 50px 8px 15px; }
.cont-hint-box ul li span {margin: -6px 5px -10px; display: inline-block; }
.cont-hint-box ul li img {width: 34px; height: auto; object-fit: contain; }


/* transaction--tab--ccustomazation---of--dropdown-css---start---heree */


.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-button {
	background-color: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	padding: 8px 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 5px;
}

.custom_inputcheckbox {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	border-radius: 5px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	min-width: 200px;
	z-index: 100;
}

.custom_inputcheckbox label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
}

.custom_inputcheckbox input[type="checkbox"] {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid var(--primary-color);
	border-radius: 4px;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
}
.show {
	display: block;
}
.up_arrow svg {
 transform: rotate(180deg);
}

/* transaction--tab--ccustomazation---of--dropdown-css---start---heree */

 /* filter--right--sidebarmenu */


.open-filter-btn {
    padding: 10px 20px;
    background-color: var(--primary-color);
    color: var(--bg-color-white);
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

/* Backdrop */
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none; /* Hidden by default */
}

/* Filter Menu */
.filter-menu {
    position: fixed;
    top: 83px;
    right: -400px; /* Hidden by default */
    width: 400px;
	height: calc(100vh - 83px);
    background-color: var(--bg-color-white);
    box-shadow: -2px 0 5px rgba(0,0,0,0.1);
    transition: right 0.3s;
    /* padding: 20px; */
	border-radius: 12px;
	z-index: 999999999999999999999999999999;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
	border-bottom: 1px solid var(--bg-color) ;
}
.filter-header h2{
    font-size: 20px;
    margin: 0px;
    font-weight: 600;
}

.close-filter-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.filter-content label {
    display: block;
	font-size: 14px;
}

.filter-content input,
.filter-content select {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
	outline: none;
}

.filter-buttons {
	margin-top: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--bg-color);
    padding: 20px;
}
.filter-content{
	padding: 20px;
    overflow: scroll;
    height: 642px;
	overflow-x: hidden;
}
.reset-btn, .filter-btn {
	padding: 9px 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
}

.reset-btn {
	background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    border-radius: 12px;
	min-width: 170px;
}
.coverage_div text:nth-child(3){
	fill:var(--coverage-chart-fill)
}

.filter-btn {
	background-color: var(--primary-color);
    color: var(--bg-color-white);
    min-width: 170px;
	border: 1px solid var(--primary-color);
}
.filter_boxcard{
	margin: 0px 0px 15px;
}

/* chargeback--creaditss--css---of --chart */

.select2-container--default .select2-selection--single {
	border: 1px solid var(--bg-color) !important;
	border-radius: 8px !important;
}

.filterMenu  .select2-selection__arrow {
	visibility: hidden;
}

.pie-chart-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 25px;
}
.pie-chart {
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: conic-gradient(
		#4285F4 0% 33.33%,
		#0F9D58 33.33% 66.66%,
		#FBBC05 66.66% 100%
	);
}
.tooltip_chart {
	position: absolute;
	background: var(--bg-color-white);
	padding: 5px 10px;
	border-radius: 12px;
	display: none;
	align-items: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	border: 1px solid var(--bg-color);
}
.tooltip_chart div {
	width: 10px;
	height: 10px;
	background: var(--primary-color);
	border-radius: 2px;
	margin-right: 5px;
}
.pie-chart-container .status {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}
.pie-chart-container .status img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	vertical-align: middle;
}

.pie-chartreason {
width: 250px;
height: 250px;
border-radius: 50%;
background: conic-gradient(
/* Top slice (approx. 20%) */
#f16c61 0% 20%, 
/* Next slice (approx. 15%) */
#e571ac 20% 35%, 
/* Next slice (approx. 10%) */
#9b51e0 35% 45%, 
/* Next slice (approx. 15%) */
#f2a43a 45% 60%, 
/* Next slice (approx. 5%) */
#4285f4 60% 65%, 
/* Last slice (approx. 35%) */
#0f9d58 65% 100%
);
position: relative;
margin: auto;
}
.img_chartblock{
height: 250px;
}
.img_chartblock img{
max-height: 100%;
}

.request_btncreadit .filterbtn{
	color: var(--focus-color);
	padding: 12.3px 20px;
} 

/* chargebajinsight--tabs--css--start
 */

 .charge_backinsightsection p{
	color: var(--text-dark-gray) !important;
	font-size: 14px !important;
 }
 .charge_backinsightsection .dashboard-card_box {
	padding: 20px ;
 }

.chart_dummyimg img{
	min-width: 100%;
}
.customer_questions .fulfillment_status_msg_up.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline: none;
}

.customer_questions .fulfillment_status_not.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}

.customer_questions .fulfillment_status_msg_down.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color:var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}


.customer_questions .multiple_orders_up_content.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}

.customer_questions .multiple_orders_down_content.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}


.customer_questions .billing_address_up.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color:var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;
	
}


.customer_questions .billing_address_not.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}


.customer_questions .billing_address_down.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}

.customer_questions .ip_address_up.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}

.customer_questions .ip_address_not.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color:var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}

.customer_questions .ip_address_down.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}


.customer_questions .customer_commun_up.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}


.customer_questions .customer_commun_down.set_input_filed {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color:var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
	outline:none;

}
.tempate_dropdown_set .custom-dropdown-menu img {
	max-width: 50px;
	object-fit: contain;
}
#chargeback_Coverage .dropdown_set a{
	color:var(--focus-color) !important
}
.set_processor_icon {
	display: flex;
}
.form_label a{
	color: var(--focus-color) !important;
}
.form_label a span svg{
	stroke: var(--text-dark-gray) !important;
}
.body-section input.custom-button{
	background:var(--focus-color) !important;
	color:var(--bg-color-white) !important;
	/* border-color: */
}
.generate_arn_1{
	background-color: var(--bg-color-white);
}
.generate_arn_1 a{
	color: var(--focus-color);
}
.tempate_dropdown_set .custom_select_dropdown .custom-dropdown-menu {
	padding: 10px 6px;
 }
 .tempate_dropdown_set .custom_select_dropdown .custom-dropdown-menu div {
	padding: 5px 10px;
	font-size: 13px;
	gap: 10px;
	display: flex;
 }

 .custom-selectbox_trigger-business {
	width: 100%;
    text-align: left;
    background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--primary-text-color);
    font-weight: 500;
 }

 .custom-selectbox_trigger {
	width: 100%;
    text-align: left;
    background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--primary-text-color);
    font-weight: 500;
 }
 .custom-selectbox__trigger.set_select_prosessor_dropdown  , .custom-selectbox__trigger-business.set_select_prosessor_dropdown{
	width: 100%;
    text-align: left;
    background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    padding: 0px 10px;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--primary-text-color);
    font-weight: 500;
 }
  .processors-dropdown .custom-selectbox , .business_model .custom-selectbox-business {
	    border-style: unset; 
     border-color: unset;
 }
 .business_model.processors-dropdown-business .custom-selectbox__trigger-business span {
    font-size: 14px !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
}
 .business_model .custom-selectbox-business .arrow img {
	 width: 9px;
 }
 div.processors-dropdown span img{
	width: 20px !important;
 }
  .processors-dropdown .custom-selectbox__trigger span {
    font-size: 14px !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px;
 }
 .processors-dropdown .custom-selectbox .arrow img {
    width: 9px;
}
.custom-option.selected {
	background: var(--primary-color);
    color: var(--bg-color-white);
}
.custom-option:hover svg path
{
	stroke: var(--bg-color-white);
} .processors-dropdown .custom-options {
	position: absolute;
    width: 100%;
    background: var(--bg-color-white);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 99;
    padding: 5px 0;
	min-width: fit-content;
 }
 .processors-dropdown .custom-options .custom-option {
	padding: 6px 10px;
    cursor: pointer;
    transition: background 0.2sease -in-out;
    font-size: 14px;
    color:var(--primary-text-color);
    font-weight: 400;
	border:  none;
	min-width: fit-content;
	white-space: nowrap;
 }
 .custom-options div.processors-dropdown span img {
	width: 40px !important;
 }
 .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	color:unset !important;
 }
 .custom-options .custom-option {
    position: relative;
    display: block;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 300;
    color: #3b3b3b;
    line-height: unset;
    cursor: pointer;
    transition: all 0.0s;
    text-align: left;
}
.custom-options .custom-option.selected {
    background-color: var(--primary-color) ;
    color:var(--bg-color-white) 
}

.custom-options .custom-option:hover  , .plus_icon_processor.custom-option[data-value="add_processor"]:hover{
	background-color: var(--primary-color) ;
    color: var(--bg-color-white) 
}
.plus_icon_processor .add-processor-icon {
	font-size: unset;
}
.plus_icon_processor {
	display: flex;
    gap: 26px;
}
.plus_icon_processor:hover .add-processor-icon svg path {
	stroke:var(--bg-color-white);
}

.redirect_tracking svg path{
	stroke: var(--svg-icon-color) !important;
}

.customer_questions .pre_view {
	width: 100%;
    resize: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid var(--bg-color);
    margin-bottom: 20px;
	background: var(--bg-color-white);
	min-height: 64px;
}
.hightlight_table_data{
	color:var(--focus-color) !important;
	font-weight:600 !important;
}
.arn_text span svg path{
	stroke: var(--focus-color);
}
.body-section input.custom-button{
	background-color: var(--focus-color) !important;
	color:var(--bg-color-white)
}

.customer_questions .active-status {
    /* background: #DAF4EB 0% 0% no-repeat padding-box; */
	background-color: var(--bg-color);
    border: 1px solid var(--bg-color); 
    height: 44px;
    width: 44px;
    /* background-color: #ffffff; */
    /* color: #FFFFFF; */
	color: var(--bg-color-white);
    border-radius: 8px;
    border: 1px solid var(--bg-color);
    padding: 7px 10px 10px 11px;
}
.customer_questions .active-status a svg path{
	stroke:#1B1E1C !important;
}

.customer_questions .inactive-status {
    /* background: #DAF4EB 0% 0% no-repeat padding-box; */
	/* background-color: var(--primary-color);
    border: 1px solid var(--primary-color);  */
    height: 44px;
    width: 44px;
    background-color: var(--bg-color) !important;
    color: var(--bg-color-white);
    border-radius: 8px;
    border: 1px solid var(--bg-color);
    padding: 7px 10px 10px 11px;
}
.btn_wrapper__card .btn-cancel{
	background-color: var(--bg-color-white) !important;
} 

.customer_questions .active{
	background-color: var(--focus-color) !important;
    border: 1px solid var(--focus-color);      
}
.dispute_cardtext h5{
	font-size: 14px;
}
.dispute_cardtext p{
	font-size:14px !important
}
.mark_won{
	background-color: #22c55e !important;
}
/* .fulfillment_up svg path{
	stroke:var(--bg-color-white);
} */
.customer_questions .active svg path {
	stroke:var(--bg-color-white);
}

.main_heading_text .temp_name{
	font-size: 18px;
    font-weight: 500;
}
.edit__notification__list input:checked::after{
	    width: 14px !important;
    height: 14px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 1px !important;
    left: 0px !important;
}
.custom-option-business{
	line-height: normal !important;
}



 /* intergration---screen page--start */
 /* .setting_integration_screen{
	display: none;
 } */
 .setting_addbtn button{
    width: 100%;
    color: var(--primary-color);
    padding: 8px 13px 8px 13px;
    line-height: normal;
 }
 .setting_addbtn button span{
	display: block !important;
 }

 .setting_addbtn a{
	width: 100%;
	color: var(--focus-color);
	padding: 14px;
 }
 .setting_addbtn a span{
	display: block !important;
 }

 .link_texttable{
	color: var(--focus-color);
	font-weight: 500;
	font-size: 14px;
 }
 /* .active_btnsetting button {
	background-color: var(--primary-color);
	color: #fff;
	border-color: #26b126;
 } */
 .active_btnsetting .activebtn {
	background-color: var(--focus-color);
	color: var(--bg-color-white);
	border-color: var(--focus-color);
 }
 .setting_table .table_card__block tr:last-child td {
	border-bottom:unset !important;
 }

 .modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
.modal_custom {
	background: var(--bg-color-white);
	border-radius: 8px;
	padding: 20px;
	width: 560px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin: 20px;
}
.modal_custom h2 {
	margin-bottom: 10px;
}
.modal_custom input[type="text"] {
	width: 100%;
	padding: 8px;
	margin-top: 15px;
	margin-bottom: 40px;
	border: 1px solid var(--bg-color);
	border-radius: 8px;
	outline:none
}
.modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}





/* .modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	} */
	/* .modal-content {
	background: white;
	border-radius: 8px;
	} */
	.status_field{
		display: flex;
		align-items: center;
		gap: 8px;
	 }
	 .upload_additional_ev{
		font-size: 14px;
	 }
	.hidden{
	display: none;
	}
	.model_footer{
	display: flex;
	border-top: 1px solid var(--bg-color);
	padding: 20px;
	}
	.model_bodycard{
	padding: 20px;
	}
	.model_headercard{
	padding: 17px;
	}
	.model_overviewcard{
	width: 600px;
	margin: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
	}
	.model_headercard h3{
	color: var(--primary-text-color);
	font-weight: 600;
	font-size: 20px;
	}
	.model_headercard p{
		font-size: 14px;
	}
	.mids_allcard{
	border: 1px solid var(--bg-color);
	border-radius: 10px;
	}
	.mids_headercard label{
	color: var(--text-color-light-gray);
	margin-left: 8px;
	cursor: pointer;
	}
	.mids_headercard{
	background: #F6F6F6;
	padding: 15px;
	border-radius: 10px 0px 10px 0px;
	display: flex;
	align-items: center;
	}
	.input_cardmids_block{
	padding: 15px;
	}
	.mids_listcheck{
	display: flex;
	align-items: center;
	margin: 0px 0px 10px;
	}
	.mids_listcheck label{
	margin-left: 8px;
	cursor: pointer;
	}
	.mid_routingmodel .model_overviewcard{
		min-width: 1150px;
		margin: auto;
	
	}
	.mid_routingmodel .model_bodycard {
		max-height: 450px;
    overflow: auto;
	overflow-x: hidden;
		}
	.mid_routingmodel .tabs {
	border-bottom: 1px solid var(--bg-color);
	}
	.text_midrouting p{
	font-weight: 600;
	font-size: 14px;
	}
	.mid_routingmodel .custom_select_dropdown .custom-dropdown-menu div{
	padding: 7px 1px;
	cursor: pointer;
	transition: background 0.2sease -in-out;
	font-size: 14px;
	color: var(--primary-text-color);
	font-weight: 500;
	border-bottom: 1px solid var(--bg-color);
	margin: 0px 10px;
	}
	
	#transaction_routing .routing_cardblock .count_text{
		margin: 0px 5px;
	}
	
	#Chargebacks_routing .routing_cardblock .status-box__card{
		margin: 3px;
	}

	#Alerts_Routing .routing_cardblock .status-box__card{
		margin: 3px;
	}
	.count_text{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 141px;
	}
	.full_tablewidth{
		width: max-content;
	}



.btn {
	padding: 8px 16px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.btn-cancel {
	/* background-color: #fff !important; */
	transition: background-color 0.3s;
	background-color: var(--bg-color-white);
	font-weight: 500;
}
.btn-cancel:hover {
	/* background-color: #ffff; */
	background-color: var(--bg-color-white);
	color:var(--primary-text-color)
}
.btn-save {
	background-color:var(--focus-color);
	/* color: white; */
	color: var(--bg-color-white);
	transition: background-color 0.3s;
	font-weight: 500;
	/* min-width: 130px; */
border-radius: 10px;
padding: 7px 25px !important;
border: 1px solid var(--focus-color);
}
.btn-save:hover {
	background-color: var(--focus-color) !important;
    border-color: var(--focus-color) !important;
}
.model_content{
 margin: 15px 0px 0px;
 text-align: center;
}
.btn-cancel{
 background-color: var(--bg-color-white) !important;
border: 1px solid var(--bg-color);
padding:7px 25px !important;
border-radius: 10px;
/* min-width: 130px; */
}
.form-check-input:disabled{
	opacity: 0 !important;
}

.both_valuecard{
    gap: 15px;
}
.btn-cancel:hover{
 border-color: var(--bg-color);
}

.btn-save:hover{
 color: var(--bg-color-white);
}
.logo_model{
 border-bottom: 1px solid var(--bg-color);
 padding-bottom: 15px;
}



/* end--css--of---setting--integration--page */

/* plans--billing--detailllss--css---start */


.addtional_settingcard::after {
    position: absolute;
    right: -13px;
    height: 53px;
    width: 1px;
    background-color: #e5e5e5;
    content: '';
    top: -1px;
}
.addtional_settingcard .link_texttable {
    color: var(--primary-text-color);
}


 .status-bar_table {
      display: flex;
      flex-wrap: wrap;
      padding: 15px;
      gap: 10px;
    }

    .status-item_table{
      padding: 10px 15px;
      color: var(--bg-color-white);
      font-weight: bold;
      font-size: 14px;
      border-radius: 5px;
      text-align: center;
      min-width: 160px;
      align-content:center;
      flex: 1;
      display:flex;
      justify-content: space-between;
      align-items: center;
	  flex-wrap: wrap;
    }
	.col-form-label{
		font-size: 14px !important;
	}
	
	.form-check-label{
		font-size: 14px !important;
	}
	.notification_sendedit .form-control{
		font-size: 14px !important;
	}

    .approved_bg { background-color: rgba(42, 157, 94, 1); }
    .denied_bg { background-color: rgba(203, 70, 70, 1); }
    .review0_bg { background-color: rgba(171, 79, 210, 1); }
    .review15_bg { background-color: rgba(45, 116, 222, 1); }
    .review30_bg { background-color: rgba(227, 155, 0, 1); }
    .review45_bg { background-color: rgba(231, 110, 80, 1); color: #fff; }

    @media (max-width: 768px) {
      .status-item_table {
        min-width: 100%;
        flex: 1 1 100%;
      }

     
    }
    .foter_table{
        padding: 30px 20px;
        font-size: 25px !important;
    }


.plans_billing_setting .alerttabs___desgincard .link_texttable{
	font-size: 13px;
	white-space: nowrap;
}

.plans_billing_setting .alerttabs___desgincard .dashboard-card_box{
	display: block;
}
.plans_headingcard  {
	margin: 10px 0px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
    gap: 10px;
}
.plans_headingcard h4{
	font-size: 20px;
	margin: 0px;
	font-weight: 600;
	color: var(--primary-text-color);
}
.pricing_textcolor h4{
  font-size: 13px;
}
.cdrn_status_text{
	font-size: 11px;
	font-weight: 500;
	color: var(--primary-text-color);
	margin-top: 8px;
	margin-bottom: 0;
}
.cdrn_status_text span , .green_label{
	color: var(--focus-color);
}
.table_card__block td.green_label{
	color: var(--focus-color);
}
.plans_billing_setting .table_card__block table th:first-child{
	min-width: 190px;
}
.red_label{
	color: var(--bg-danger-color);
}
.plans_billing_setting .set_table_card .table_title h6{
    font-size: 16px;
}
.plans_billing_setting .set_table_card .table_title {
    padding: 7px 7px 0px 20px;
}
.promo_code_btn{
	color: var(--focus-color);
}
.promo_code_btn:hover{
	color: var(--primary-text-color)
}

.intregration_table thead tr th:first-child{
	min-width: 274px;
}
.img_intergrationtext > div {
    min-width: 106px;
    text-align: start;
}
.img_intergrationtext{
	display: flex;
	align-items: center;
}
.yello_label{
	color: var(--bg-warning-status);
	font-size: 14px;
	font-weight: 500;
	margin-top: 2px;
    display: block;
}

     
.tab-containerslide {
	/* width: 300px; */
  background:var(--bg-body-color);
  /* width: 400px; */
  /* padding: 20px; */
  border-radius: 5px;
  /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
  border: 1px solid var(--bg-color);
  padding: 5px;
  margin: 15px 0px;
}

.tabsblock {
 display: flex;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

/* Tab Buttons */
.tabslide {
padding: 9px 11px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    position: relative;
    outline: none;
    z-index: 9;
    margin: 0px 7px;
    font-weight: 500;
    color: rgba(27, 30, 28, 0.5);
}

/* Active Tab */
.tabslide.active {
  font-weight: bold;
  border: 1px solid var(--bg-color);
  background-color: var(--bg-color-white);
  border-radius:5px;
  color: var(--primary-text-color)

}

/* Tab Indicator */
.tab-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  height: 45px;
  /* background: #ffffff; */
  background-color: var(--bg-color-white);
  transition: transform 0.3s ease-in-out;
}

/* Content Section */
/* .tab-content {
  margin-top: 20px;
  font-size: 16px;
} */

.content_plans {
  display: none;
}

.content_plans.active {
  display: block;
}
.space_planscard{
 padding: 0px 20px
}
.space_planscard .dashboard-card_box{
 padding: 20px;
}
.name-person h4 {
 font-size: 14px;
}
.card_infodetails h4{
 font-size: 14px;
  color: var(--text-color-light-gray);
  margin: 0px 0px 16px;
}
.card_infodetails h5{
 font-size: 14px;
}
/* ----------------  ratio page css start ------------------------ */
.ratios_grapf_text .green_label{
	color: var(--focus-color);
	font-size: 14px;
	font-weight: 500;
}
.set_table_card.aggregated_data_table .table_title  h6 {
 font-size: 14px;
 margin: 0px;
}
.ratios_crm_gatway_section{
	display: flex;
	gap: 7px;
	align-items: center;
}
.ratios_crm_gatway_section .toggle-container{
	gap: 7px;
}
.ratios_crm_gatway_section svg , .ratios_grapf_text{
	cursor: pointer;
}
.payment_methods  .tab-containerslide{
	width: max-content;
}
.ratio_model .model_content h2{
	color: var(--primary-text-color);
	font-weight: 600;
	font-size: 20px;
	text-align: start;
	margin: 3px 0px 16px 0px;
}
.ratio_model   input[type="text"]{
	border: 1px solid var(--bg-color);
	color: var(--primary-text-color);
	font-size: 14px;
	font-weight: 500;
	height: 44px;
	width: 100%;
    border-radius: 8px;
    padding: 10px;
}
.ratio_model  label{
	font-size: 14px;
    font-weight: 500;
    color: var(--primary-text-color);
	margin-bottom: 8px;
}
.ratio_model {
	text-align: start;
	margin: 0;
	padding: 20px;
}
.ratio_model {
	padding: 0;
}
/* .ratio_model .modal-footer{
	padding: 20px;
	border-top: 1px solid #E4E4E7;
} */
.ratio_model  input[type="text"]{
	margin-top: 0;
	margin-bottom: 20px;
}
.ratio_model .custom_select_dropdown{
	width: 100%;
	margin-bottom: 20px;
}
.nav-item .beta_side_text{
	width: 41px;
	height: 19px;
	background-color:var(--bg-color-light);
	color: var(--bg-light-font-color);
	font-weight: 600;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.form_group label{
font-size: 14px;
margin: 0px 0px 10px;
color: var(--primary-text-color);
font-weight: 500;
}
.form_group input{
min-width: 100% !important;
margin: 0px 0px 20px;
}
.form_group p{
	color: var(--text-dark-gray);
	font-size: 14px;
	margin: 7px 0px 13px;
}
.discover_checkboxcard label{
	display: flex;
	font-size: 14px;
	align-items: center;
}
.discover_checkboxcard label input{
	margin-right: 10px;
}
/* ----------------  ratio page css end ------------------------ */


.fade:not(.show) {  
    display: none !important; 
}

.img_intergrationtext img { 
	max-width: 83px;
}

.img_intergrationtext img.processors {
	max-width: 130px;
    height: 25px;
    object-fit: contain;
  }


 .twenty_nine_next_mode  .modal_custom .modal-body {
    text-align: start;

	
}

#29next_mode {
	display: flex !important;
  align-items: center;
  justify-content: center;
  }

.twenty_nine_next_mode .modal_custom input[type="text"] {
    margin-bottom: 0px;
    margin-top:0px;
}


.common_model_container .checkbox_input {
	display: flex;
	align-items: center;
	justify-content: center;
}
.common_model_container .modal-header {
	justify-content: center;
}
.common_model_container .modal-header h1{
	font-size: 32px;
    font-weight: 600;
	color:var(--primary-text-color);
}
.common_model_container .modal_custom input[type="text"] {
	margin-top: 0px;
    margin-bottom: 20px;
}
.maverick_integration .model_content {
	text-align: start;
}
.common_model_container.maverick_integration .modal-header {
	display: block;
}
.common_model_container.maverick_integration .modal_custom input[type="text"] {
    margin-bottom: 0px;
}
.connect_processors.common_model_container .modal_custom input[type="text"] {
    margin-bottom:0px;
}
.add_processors.common_model_container .modal-header {
	justify-content: start;
}
.add_processors.common_model_container .modal-body .input_set {
	text-align: start;
}


/* ---------------------------   Chargeback-alerts Design css start 17-03-25 ----------------------------- */
   /* .chargeback_alerts_design .home-searchbar input{
	padding: 10px 0px 10px 32px;
   } */
   /* .chargeback_alerts_design .home-searchbar .input-fieldhome___icon {
    position: absolute;
    left: 15px;
    top: 16px;
   } */

   .input-group {
    margin-bottom: 15px;
}
 .radio-group {
    align-items: center;
    gap: 20px;
    display: flex;
}
 .radio-group input[type="radio"] {
    display: none;
}
 .radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
 .radio-group input[type="radio"]:checked + label::before {
    border-color: var(--focus-color);
    background: radial-gradient(circle, var(--focus-color) 40%, transparent 41%);
}
 .radio-group label::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid var(--bg-color);
    border-radius: 50%;
    display: inline-block;
}
	.border_line{
		border-bottom: 1px solid var(--bg-color);
	}
	.model_cardspace{
		margin: 14px 0px 0px;
	}
	.label_text{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.label_text p{
		margin-top: 0px;
		color: var(--focus-color);
	}
	.label_text p svg path{
		stroke: var(--focus-color);
	}

	.divider {
		display: flex;
		align-items: center;
		text-align: center;
		color: var(--text-color-light-gray);
		font-weight: 400;
	}

	.divider::before,
	.divider::after {
		content: "";
		flex: 1;
		border-bottom: 1px solid var(--bg-color);
	}

	.divider:not(:empty)::before {
		margin-right: 10px;
	}

	.divider:not(:empty)::after {
		margin-left: 10px;
	}
	
   .configuration_detailsmodel{
	margin: 5px 0px 0px;
   }
   .genrate_arn {
	border: none;
    background: none;
    position: absolute;
    bottom: 12px;
    right: 15px;
}
.genrate_arn a{
	color: var(--focus-color);
    font-weight: 500;
    font-size: 15px;
}
.form-card{
	margin: 0px 0px 15px;
}
.form-card label{
    margin: 0px 0px 7px;
    font-size: 14px;
}
   .configuration_detailsmodel h3{
	font-size: 14px;
    color: var(--text-color-light-gray);
    font-weight: 400;
   }
   .configuration_detailsmodel p{
	font-size: 14px;
    color: var(--primary-text-color);
    font-weight: 400;
   }
   .chargeback_alerts_design .custom_select_dropdown{
	 width: 206px;
   }
   .chargeback_alerts_design  .custom_select_dropdown .dropdown-toggle{
    padding: 10px 13px;
   }
   .home-searchbar button{
	font-size: 14px ;
   }
   .charge_backalertcard {
	text-align: -webkit-right;
   }
    .charge_backscreen .charge_backalertcard p{
		color: var(--focus-color);
		font-size: 500;
		font-size: 14px;
	}
   .charge_backscreen .status-box__card{
	margin-bottom: 10px;
   }
   .charge_backscreen .card-price_text h3{
	margin-bottom: 20px;
   }
   .chargeback_alerts_design .dashboard-card_box {
	flex-direction: unset !important;
	/* margin: 0px !important; */
}
.cant_flags_API{
    background-color: var(--bg-color);
    padding: 6px 14px;
    border-radius: 50px;
    max-width: max-content;
}
.full_refund{
	background-color: var(--bg-red-status-bg);
	padding: 6px 14px;
    border-radius: 50px;
    max-width: max-content;
	color: var(--bg-danger-color);
}
.refund_carddata{
	min-width: 188px !important;
}
.select_data{
	color:var(--primary-color);
	font-weight: 500;
}
.field_input{
	position: relative;
	
}
.field_input input{
    border: 1px solid var(--bg-color);
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
	outline: none;
	min-width: 220px;
	/* appearance: none; */
}
.field_input textarea{
	border: 1px solid var(--bg-color);
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
	outline: none;
	width: 100%;
}
.form-card select{
	width: 100% !important;
	appearance: none;
}


select {
    -webkit-appearance: none; /* Safari & Chrome */
    -moz-appearance: none; /* Firefox */
    appearance: none; /* Standard */
    background-color: var(--bg-color-white);
    padding: 10px;
    border: 1px solid var(--bg-color);
    border-radius: 5px;
    width: 200px;
    cursor: pointer;
}
.select-arrow {
    position: relative;
    display: inline-block;
	width: 100%;
}

/* Dropdown ka arrow hatane ke liye */
.select-arrow select {
    width: 100% !important;
    padding-right: 30px; /* Arrow ke jagah ke liye */
}

/* Optional: Select box ke right side ek custom icon add karne ke liye */
.select-arrow::after {
    content: "";
    width: 20px;
    height: 10px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"%3E%3Cpath d="M1 1.5L6 6.5L11 1.5" stroke="%231B1E1C" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center;
	background-size: contain;
    position: absolute;
    right: 10px;
    /* top: 50%; */
    transform: translateY(-50%);
    pointer-events: none;
    bottom: 13px;
}
.filter-content .select-arrow::after{
	bottom: 9px;
}
.field_input select{
    border: 1px solid var(--bg-color);
    padding: 10px;
    border-radius: 6px;
    margin-top: 10px;
	outline: none;
	min-width: 220px;
	/* appearance: none; */
}
.field_input .btn_confirm{
    background-color: var(--focus-color);
    padding: 10px 15px;
    border: none;
    color: var(--bg-color-white);
    border-radius: 3px;
    border: 1px solid var(--focus-color);
    margin-left: 5px;
}
.field_input{
	position: relative;
}
.paypal_settingarrow{
	position: relative;
}
.align_cardselect{
	margin: 10px 0px 0px;
	display: flex;
}
#paypal_setting tr:last-child td{
	border-bottom: unset;
}
.paypal_settingarrow select{
	margin: 0px;
}
.paypal_settingarrow::after{
	content: "";
    width: 20px;
    height: 10px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"%3E%3Cpath d="M1 1.5L6 6.5L11 1.5" stroke="%231B1E1C" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center;
	background-size: contain;
    position: absolute;
    right: 10px;
    /* top: 50%; */
    transform: translateY(-50%);
    pointer-events: none;
    bottom: 13px;
}

/* see--more--card--css--chargeback--section */

.seee_morecards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0px 12px;
   
  }
  .card_sectionmore{
	  display:none
  }
  
  .seee_morecards .dashboard-card_box {
	  background-color: var(--bg-color-white);
	  border: 1px solid var(--bg-color);
	  padding: 10px 14px;
	  border-radius: 10px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  transition: box-shadow 0.3s;
	  flex-wrap: nowrap;
	  font-size: 14px;
	  color: var(--text-color-light-gray);
  }
  .dashboard-card_box:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  
  }
  
  .seee_morecards .dashboard-card_box:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
  
  .seee_morecards .see_active span {
	background-color: var(--bg-color-light);
	color: var(--bg-light-font-color);
	padding: 4px 10px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
  }
  .see_cardblock{
	  position: relative;
  }
  .see_cards{
	  cursor: pointer;
  }
  .in_activecard .see_active span{
	background-color:var(--bg-red-status-bg);
	color: var(--bg-danger-color);
  }

/* ---------------------------   Chargeback-alerts Design css end 17-03-25 ----------------------------- */



/*over--view---css--start---here-*/
.guide_img{
    border-right: 1px solid var(--bg-color);
    position: relative;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
 }
 .bg_shapehome{
	height: 100%;
	background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 46%, #dcf1c9 80%, #dcf1c7 100%);

 }
 .guide_img img{
	max-width:100%;
	min-width:100%
 }
 .guide_infotitle {
	padding: 15px;
	border-bottom: 1px solid var(--bg-color);
 }
 .guide_heading h3{
	font-size:20px;
	margin:0px;
	font-weight: 600;

 }
 .coming__soonbanner{
    /* background: #e8f9ee; */
	background-color: var(--bg-color-light);
    padding: 10px;
    text-align: center;
    border: 1px solid var(--focus-color);
    border-radius: 5px;
    margin: 0px 0px 10px;
    color: var(--primary-text-color);
    font-weight: 600;
 }
 .coming__soonbanner p{
	margin:0px;
	color: var(--primary-text-color);
 }
 .steps_guide{
	background:var(--bg-color-light);
	color: var(--bg-light-font-color);
	padding: 6px 13px;
	font-size: 14px;
	border-radius: 7px;
	font-weight: 500;
 }
 .guide_accordincard{
	padding: 0px 0px 10px;
 }



.guide_accordincard .card_guide {
border-bottom: 1px solid var(--bg-color);
background-color: var(--bg-color-white);
}

.guide_accordincard .guide_accordiantitle {
display: flex;
align-items: center;
gap: 10px;
padding:12px 15px;
cursor: pointer;
font-weight: 500;
}

.guide_accordincard .guide_accordiantitle .title {
flex-grow: 1;
font-size: 16px;
}

.guide_accordiantitle .arrow {
font-size: 12px;
transition: transform 0.2s ease;
}

/* .guide_accordincard .card_guide.active .guide_accordiantitle .arrow {
transform: rotate(180deg);
} */

.guide_accordincard .guide_contentbox {
padding: 0px 15px 15px 51px;
font-size: 14px;
color:var(--text-color-light-gray);
display: none;
}

/* .guide_accordincard .card_guide.active .guide_contentbox {
display: block;
} */

.guide_accordincard .card_guide.open_collapse .guide_contentbox{
	display:block
  }

  .opt_out_btn{
	display: inline-block;
  }

.guide_contentbox p{
margin-bottom:16px
}

.guide_accordincard button.completed {
background-color: var(--bg-color-light);
border: none;
padding: 6px 12px;
margin-right: 8px;
color: var(--bg-light-font-color);
border-radius: 4px;
font-weight: 500;
border:1px solid var(--bg-color-light);
border-radius:8px;
}

.guide_accordincard button.check-status {
border: 1px solid var(--bg-color);
background-color: var(--bg-color-white);
padding: 6px 12px;
border-radius: 8px;
cursor: pointer;
}
.guide_accordincard .accordion-container .active .radio {
background-color: var(--focus-color) !important;
border-color: var(--focus-color);
}
.guide_accordincard .radio {
width: 25px;
height: 25px;
border: 1px solid var(--bg-color);
border-radius: 50%;
display: flex
;
align-items: center;
justify-content: center;
}
.guide_accordincard .checkmark {
display: none;
color: var(--bg-color-white);
font-size: 16px;
margin: 0px;
}
.guide_accordincard .hidden-radio {
opacity: 0;
width: 0 !important;
height: 0 !important;
position: absolute !important;
}
.guide_accordincard .accordion-container .active .checkmark {
display: block !important;
}

.accordion-container .open_collapse .arrow{
	transform: rotate(0deg) !important;
}
.accordion-container .arrow{
	transform: rotate(180deg);
}
.accordion-container .arrow svg path{
	stroke:var(--svg-icon-color) !important
}
.btn_faqcard svg path{
	stroke:var(--svg-icon-color) !important
}
.active_status__color p span svg path{
	stroke:var(--svg-white-icon-color) !important
} 
.imporove_chargeback_title h4 span svg path{
	stroke: var(--svg-icon-color);
}
.mids_blockbtndate a span svg path{
	stroke: var(--svg-icon-color);
}
.filterbtn span svg path{
	stroke: var(--svg-icon-color);
}
.charge_backalertcard .crm_conf p span svg path{
	stroke: var(--svg-icon-color);
} 
.charge_backscreen .card-price_text p  span svg path{
	stroke: var(--svg-icon-color);
}
#shipping_home_tab .card-price_text h3 span svg path{
	stroke: var(--focus-color);
}
.tag_automationbtn .btn_icontable svg path{
	stroke: var(--svg-icon-color);
}
.rename_mid path{
	stroke: var(--svg-icon-color);
}
.show_graph svg path{
	stroke: var(--svg-icon-color);
}
.btn_icontable svg path{
	stroke: var(--svg-icon-color);
}
.change_shipping_email svg path{
	stroke: var(--svg-white-icon-color);
}
.change_email svg path{
	stroke: var(--svg-icon-color);
}
.dropzone .btn_icontable svg path{
	stroke: var(--bg-color-white);
}
.dropzone .delete-btn svg path{
	stroke: var(--svg-icon-color) !important;

}
.link_texttable span a svg path{
	stroke: var(--svg-icon-color);
}
.link_texttable p a svg path{
	stroke: var(--svg-icon-color);
}

.common_btn span svg path{
	stroke: var(--svg-icon-color);
}
.btn_coveragetable .table_common_border{
    border: 1px solid var(--focus-color);
    color: var(--focus-color);
}
.completed svg path{
	stroke: var(--svg-stroke-color);
}
.card-price_icon svg path{
	stroke: var(--svg-stroke-color);
	/* fill: var(--bg-light-font-color); */
}

.visa-card-price_icon svg path{
	/* fill: var(--svg-stroke-color) !important; */
	stroke: unset !important;
}
.master-card-price_icon svg path{
	/* fill: var(--svg-stroke-color) !important; */
	stroke: unset !important;
}
.visa-cb-card-price_icon svg path{
	/* fill: var(--svg-stroke-color) !important; */
	stroke: unset !important;
}
.mc-cb-card-price_icon svg path{
	/* fill: var(--svg-stroke-color) !important; */
	stroke: unset !important;
}
.amex-card-price_icon svg path{
	/* fill: unset !important; */
	stroke: unset !important;
}


.filter_total_disputeicon{
	position: absolute;
    right: -2px;
    top: 12px;
}
.card-price_icon svg path{
	stroke: var(--svg-stroke-color);
}

.not_completed svg path{
	stroke:var(--svg-icon-color)
}

.progress-left svg path{
	stroke: var(--svg-icon-color) !important;
	color: var(--svg_icon_color);
}

.btn-primary{
	background-color: var(--focus-color);
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
	border: none;
	color:var(--bg-color-white);
	border: 1px solid var(--focus-color);
}
.btn-outline-danger{
    border: 1px solid var(--bg-color);
    background-color: var(--bg-color-white);
    padding: 6px 12px;
    border-radius: 8px;
	color:var(--bg-danger-color);
    cursor: pointer;
	/* border: 1px solid #14A148; */
}


/*transacation--dropdown--css--start*/




.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-button {
	background-color: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	padding: 8px 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
	border-radius: 8px;
}

.custom_inputcheckbox {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--bg-color-white);
	border: 1px solid var(--bg-color);
	border-radius: 5px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	min-width: 200px;
	z-index: 100;
}

.custom_inputcheckbox label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
}

.custom_inputcheckbox input[type="checkbox"] {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid var(--focus-color);
	border-radius: 4px;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
}
.show {
	display: block;
}
.up_arrow svg {
 transform: rotate(180deg);
}
.collaborator_field p{
	font-weight:700
}
.collaborator_field input{
	width: 100%;
    border: 1px solid var(--bg-color);
    padding: 9px;
    border-radius: 10px;
}

/*transacation--dropdown--css--start*/



 /* filter--right--sidebarmenu */


.open-filter-btn {
    padding: 10px 20px;
    background-color:var(--focus-color);
    color: var(--bg-color-white);
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

/* Backdrop */
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none; /* Hidden by default */
}


.close-filter-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.filter-content label {
    display: block;
	font-size: 14px;
	margin: 0px 0px 2px;
}
/* .filter-content input [type="text"] {
width: 100% !important;
} */

.filter-content input{
	width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
	outline: none;
}
.filter-content select {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
	outline: none;
}


.filter-buttons {
	margin-top: 20px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--bg-color);
    padding: 20px 0px;
}
.filter-content{
	padding: 20px;
    overflow: scroll;
	height: calc(100% - 86px);
	overflow-x: hidden;
	padding-right: 10px;
}
.reset-btn, .filter-btn {
	padding: 9px 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
}

.reset-btn {
	background-color: var(--bg-color-white);
    border: 1px solid var(--bg-color);
    border-radius: 12px;
	min-width: 170px;
}

.filter-btn {
	background-color:var(--focus-color);
    color: var(--bg-color-white);
    min-width: 170px;
	border: 1px solid var(--focus-color);
}
.filter_boxcard{
	margin: 0px 0px 15px;
}
.filter_boxcard input{
	border-radius: 8px;
	font-size: 14px;
}
.filter_boxcard select{
	border-radius: 8px !important;
	font-size: 14px;
	outline: none;
}
.form-control{
	font-size: 14px !important;
}
.country__flagdrodown .selected-option {
       width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
    outline: none;
  }
  .filter_boxcard{
    position: relative;
  }
  .country__flagdrodown .show{
    display:block !important
  }
  .country__flagdrodown .selected-option img {
    width: 20px;
    height: 14px;
    margin-right: 10px;
  }

  .country__flagdrodown .options-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid var(--bg-color);
    background: var(--bg-color-white);
    display: none;
    z-index: 999;
  }

  .country__flagdrodown .option-item {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
  }
  .country__flagdrodown .option-item img {
    width: 20px;
    height: 14px;
    margin-right: 10px;
  }
  .country__flagdrodown .option-item:hover {
    background-color:var(--cardbg-hover-accordian);
  }
::placeholder {
    color: rgba(27, 30, 28, 0.5) !important;
}

::-webkit-input-placeholder { /* Chrome/Safari/Edge */
    color: rgba(27, 30, 28, 0.5) !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(27, 30, 28, 0.5) !important;
}

::-ms-input-placeholder { /* Microsoft Edge (older) */
    color: rgba(27, 30, 28, 0.5) !important;
}
  .filter_cardlist {
    display: flex;
    flex-wrap: wrap;
}
.filter_cardlist label {
    display: flex !important;
    align-items: center;
    margin: 0px 15px 10px 0px;
}
.filter_cardlist label input {
    margin: 0px 8px 0px 0px;
    position: relative;
}
.custom-select {
    position: relative;
    border: 1px solid var(--bg-color);
    padding: 5px;
    border-radius: 8px /* width: 240px; */;
    margin-top:3px;
}

/* dispute--filter---css--bg */

.disput_loststatus .custom-select .All {
     background-color: var(--bg-color-light);
    /* color: var(--focus-color); */
	color: var(--bg-light-font-color);
}

.disput_loststatus .custom-select .Lost {
    background-color: var(--bg-red-status-bg);
    color: var(--bg-danger-color);
}
.disput_loststatus .custom-select .Won {
    background-color:var(--bg-color-light);
    /* color:var(--focus-color); */
	color: var(--bg-light-font-color);
}
.disput_loststatus .custom-select .under-review {
    color: var(--bg-warning-status);
    background-color: var(--bg-warning-bg-status);
}

.disput_loststatus .custom-select .needs-response {
	/* color: var(--focus-color); */
	color: var(--bg-light-font-color);
    background-color: var(--bg-color-light);
}
.disput_loststatus .custom-select .Resolved {
    color: var(--text-orange-refund);
    background-color: var(--bg-red-status-bg);
}


/* dispute--filter---css--bg */

.custom-checkbox.checked{
	border-color: var(--focus-color) !important;
    background-color: var(--focus-color) !important;
}
.filter-content .selected-tag {
    padding: 3px 12px;
    border-radius: 999px;
    display: inline-block;
    font-size: 13px;
    pointer-events: none;
}
.filter-content select {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid var(--bg-color);
    border-radius: 4px;
    outline: none;
}.select-arrow::after {
    content: "";
    width: 20px;
    height: 10px;
    background: url(data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"%3E%3Cpath d="M1 1.5L6 6.5L11 1.5" stroke="%231B1E1C" stroke-width="1.45833" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 10px;
    /* top: 50%; */
    transform: translateY(-50%);
    pointer-events: none;
    bottom: 13px;
}
.filter-content .select-arrow::after {
    bottom: 9px;
}
.filter_boxcard select {
    border-radius: 8px !important;
    font-size: 14px;
    outline: none;
}
.dropdown-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}
 /* filter--right--sidebarmenu */


.log_screen{
	margin: 15px 20px;
}

.dropown_blockcontainer {
	display: flex;
	margin: 0px 0px 15px;
	flex-wrap: wrap;
	gap:10px
}

.dropown_blockcontainer .alert_cardspace {
	margin: 0px 0px 10px
}

.dropown_blockcontainer .dropdown-container {
	display: flex;
	gap: 15px;
}
 .btn_icontable span {
	display: none;
	transition: 0.5s;
	transition: opacity 0.3s ease-in-out;
 }
 /* Show text on hover and hide the image */

 .btn_icontable:hover span {
	display: inline-block;
 }

.dropown_blockcontainer .custom-dropdown {
	position: relative;
	background: var(--bg-color-white);
	padding: 3px 15px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	border: 1px solid var(--bg-color);
	cursor: pointer;
}


.dropown_blockcontainer .custom-dropdown label {
	font-size: 14px;
	color: var(--text-dark-gray);
	margin-right: 8px;
}


.dropown_blockcontainer .dropdown-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 5px;
}


#statusBtn .fill_status {
	color: var(--text-orange-refund);
	border-radius: 50px;
	background: var(--bg-red-status-bg);
	padding: 7px 13px;
}

#flagBtn .set_flag {
	color: var(--text-color-light-gray);
	background: rgba(128, 128, 128, 0.2);
	border-radius: 50px;
	padding: 7px 13px;
}

/* Dropdown List */
.dropown_blockcontainer .dropdown-list {
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--bg-color-white);
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	list-style: none;
	padding: 5px 0;
	display: none;
}

.dropown_blockcontainer .dropdown-list li {
	padding: 8px 12px;
	cursor: pointer;
	font-size: 14px;
}

.dropown_blockcontainer .dropdown-list li:hover {
	background: var(--cardbg-hover-accordian);
}

/*stafff---css----start----*/

.staff_screendesign .table_card__block table tbody tr:hover{
	background-color: #F4F5F8;
}

.staff_screendesign .table_card__block table tbody tr:hover td{
	color: var(--text-color-light-gray);
}
.staff_screendesign .table_card__block table tbody tr:hover .dropdown-toggle{
	color: var(--text-color-light-gray);
}
.staff_tablecard{
	display: flex;
}
.staff_tablecard .custom_select_dropdown{
	height: auto;
	width: 170px;
}
.staff_tablecard .custom_select_dropdown .dropdown-toggle{
	border-radius: 4px;
}
.btn_table {
    padding: 10px 25px;
    border-radius: 4px;
    border: 1px solid var(--bg-color);
    background: var(--bg-color-white);
    margin-left: 10px;
	font-weight: 500;
}

.ebable_tablbtn{
	color: var(--focus-color);
}
.disablebtn{
	color: var(--bg-danger-color);
}

/*stafff---css----start----*/

/*developer*/
.developer_card{
		background: var(--bg-color-white);
		border-radius: 8px;
		border: 1px solid var(--bg-color);
		margin: 0px 0px 20px;
}
.developer_cardheading h4{
	font-size: 16px;
	font-weight: 500;
}
.developer_cardheading p{
	font-size: 14px;
	font-weight: 400;
	color: var(--text-color-light-gray);
}
.developer_cardheading{
    padding: 15px;
    border-bottom: 1px solid var(--bg-color);
}
.developer_card .delete_btncopybtn button{
	height: 40px;
	width: 40px;
	border-radius: 8px;
}
.developer_card .field_input{
    flex: 100%;
	margin: auto;
}
.developer_card .block_carddisputifier{
	margin: 10px 0px 0px;
}

.developer_card .field_input input{  
    padding: 7px 10px;
}
.eye_icon{
	position: absolute;
    right: 13px;
    top: 6px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    /* background-color: #22c55e !important; */
/* background-color: var(--primary-color) !important; */
background-color: var(--daterange-bg-color) !important;

}
.applyBtn{
	background-color: var(--toggle-bg-color) !important;
    border-color: var(--toggle-bg-color) !important;
}
.ranges li:hover{
	border:unset !important
}
.ranges li{
	color:var(--primary-text-color);
	background-color: unset !important;
    border: unset !important;
    border-radius: unset !important;
	margin-bottom: 0px !important;
}
.daterangepicker{
	padding:0px !important
}


.daterangepicker .ranges li.active {
     /* background-color: var(--primary-color) !important; */
    background-color: var(--daterange-bg-color) !important;
    color: var(--bg-color-white) !important;
}
.daterangepicker td.in-range {
    background-color: rgb(218 253 231 / 40%) !important;
}
.daterangepicker .ranges li:hover , .daterangepicker .calendar-table td.available:hover {
 background-color: var(--daterange-bg-color) !important;
    color: var(--bg-color-white) !important;
}
.daterangepicker .drp-buttons .applyBtn:hover {
  background-color: var(--daterange-bg-color);
  border-color: var(--daterange-bg-color);
}
.daterangepicker .ranges li
{
	color:var(--primary-text-color) !important
}
.gray_status__color {
    background: var(--bg-color);
    color: var(--primary-text-color);
    font-weight: 500;
    position: relative;
	font-size: 13px;
}
.gray_status__color p span svg path{
	stroke: var(--text-color-light-gray);
}

.coming_soon_tr {
	height:297px;
}
.coming_soon_tr .coming_soon_btn {
	border: 1px solid var(--bg-color);
    padding: 17px 20px;
    border-radius: 10px;
    background:var(--bg-color-white);
    color:var(--primary-text-color);
}
.card-price_text{
	position: relative;
}

.lottie-loader-small{
	    height: 28px !important;
    width: 160x !important;
    /* position: absolute; */

}
.scroll_height{
	max-height: 400px;
	overflow: scroll;
	overflow-x: hidden;
}
.lottie-loader-small svg{
	width:180px !important

}
.disable.dashboard-card_box .card-price_text p{
/* background-color: var(--bg-body-color) !important; */
}
.disable .card-price_text svg path {
background-color: var(--bg-body-color) !important;
}
.disable.dashboard-card_box .card-price_text .toggle .slider_toggle {
	cursor: not-allowed;
}
.disable.dashboard-card_box .card-price_text .toggle-container input:checked+.slider_toggle , .disable.dashboard-card_box .card-price_text .toggle-container .slider_toggle {
	background-color: var(--bg-body-color) !important;
}
.disable.dashboard-card_box .card-price_text .toggle-container input:checked+.slider_toggle::before {
   transform: unset !important;
}
.disable.dashboard-card_box span {
background-color: var(--bg-body-color) !important;
    cursor: not-allowed;
}
.additinal-setting-card.disable .link_texttable span {
background-color: var(--bg-body-color) !important;
}

.additinal-setting-card.disable .link_texttable svg path {
   stroke: var(--disable-svg-icon-color) !important;
}
.disable.additinal-setting-card .toggle-container input:checked+.slider_toggle::before {
	 transform: unset !important;
}
.additinal-setting-card.disable .card-price_text .toggle-container .slider_toggle {
	background-color: var(--bg-body-color) !important;
}
.additinal-setting-card.disable .toggle-container input:checked+.slider_toggle , .additinal-setting-card.disable .toggle-container .slider_toggle {
	background-color: var(--bg-body-color) !important;
	cursor: not-allowed;
}
.count__detailstext p{
	margin: 0px;
}
.pagination-container{
	justify-content: space-between !important;
}

/* .notice_text h5 {
   font-size: 1.01562rem;
} */
.notice_text h5{
	font-size: 14px !important;
}
.notice_text a {
  color: var(--primary-text-color)
}
.alert_danger_block {
	align-items: flex-end;
	line-height: normal;
}
.deflection_chart {
	display: flex;
}
@media only screen and (max-width: 1782px) {
	.deflection_chart {
		flex-wrap: wrap;
	}
}

.deflection_label {
	min-width: 201px;
    display: inline-block;
}
.deflection_chart_title p strong{
	color:var(--text-black-color)
}
.edit_button .btn_icontable{
	width: 34px !important;
}
.over_nmi_model{
	height: auto;
    /* overflow: scroll;
    overflow-x: hidden; */
	margin: 5px 0px;
}
ul.nmi_tutorial_list li, ul.authorize_net_instructions li {
    list-style: unset;
    margin-bottom: 5px;
    font-size: 15px;
}
.text_detailmodel h6{
	font-size: 14px !important;
}
.tab-content .btn-save{
	padding: 7px 14px !important;
}
.lottie-loader-small, .lottie-loader-big {
	height: 20px;
	width: 80px;
	display: inline-block;
 }
 .alert_danger_block{
	align-items: center !important;

 }
   .active_tabmodel {
      padding: 8px 16px;
      margin-right: 5px;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
      cursor: pointer;
	  border-bottom: 2px solid #e4e6ec !important;
    }

    .active_tabmodel.active {
      background-color: var(--bg-color-white);
      /* color: white; */
	  border-color:var(--focus-color) !important;
      font-weight: bold;
    }

    .tabmodel_content {
      display: none !important;
	  margin-top: 10px;
    }

    .tabmodel_content.active {
      display: block !important;
    }
    .tabing__intergrationlist {
      margin-bottom: 10px;
    }

	.accordion-notify-block {
		color: var(--text-black-color) !important;
		box-shadow: unset !important;
		font-size: 13px ;
	}
	.table_card__block .tag_status  {
		text-decoration: none;
		color: #1B1E1C;
		border: 1px solid var(--bg-select-dark);
		padding: 7px 17px !important;
		border-radius: 8px;
		color: var(--bg-select-dark-text);
		  width: 120px;
		  text-align: center;
	}
	.tag_status a{
	  color: var(--bg-select-dark-text) !important;
	  border: unset !important;
	}
	.tab_3space{
		word-wrap: break-word;
	}
	/* .table_card__block .tag_border {
		padding: 0px !important;
		border: none !important;
		width: unset;
	} */
	.table_card__block .tag_border .rm_refund{
		padding: 0px;
		width: 18px !important;
		height: 18px;
	}
	.rm_flag,
	.rm_refund {
   background: var(--bg-select-dark-text);
	 padding: 3px;
	 border-radius: 37px;
	 width: 18px !important;
	 height: 18px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-left: 2px;
	 cursor: pointer;
 
	}

	.from_shipping_email{
		color: var(--bg-light-font-color) !important;
		font-weight: 500 !important;
		font-size: 16px !important;
	   }
	   .team_notification_email {
		color: var(--bg-light-font-color) !important;
		font-weight: 500 !important;
		font-size: 16px !important;
	   }

	.restricted_new svg {
		width: 12px;
		height: 12px;
		position: absolute;
		left: 22px;
		top: -6px;
	}

	.temp_delete{
		border: 1px solid #E4E4E7;
		padding: 3px 15px;
		font-size: 14px;
		color: var(--focus-color);
		background-color: var(--bg-color-white);
		border-radius: 4px;
	}
	.not_actived{
		opacity: 0.6;
	}
  #shopify_payments .payment_block button {
	background-color:var(--focus-color)
  }
  
    .paymentGatewayModel .modal-footer button {
        font-weight: 700;
        color: var(--bg-color-white);
        border-radius: 10px;
        padding: 5px 17px;
        display: flex;
        align-items: center;
        gap: 7px;
		background-color:var(--focus-color);
        margin: 0;
    }
	.paymentGatewayModel .payment_btn button:first-child{
		    background-color: #dbdfe6 !important;
		    color: var(--text-black-color) !important;
	}


    .paymentGatewayModel .payment_btn button {
        font-weight: 700;
        color: var(--bg-color-white) !important;
        border-radius: 10px;
        padding: 5px 17px;
        display: flex;
        align-items: center;
        gap: 7px;
        background-color: var(--focus-color) !important;
        margin: 0;
    }
    .paymentGatewayModel .modal-footer button :hover {
        background-color: var(--bg-color-white);
    }
    .paymentGatewayModel .modal-footer button {
        font-weight: 700;
        color: var(--text-black-color);
        border-radius: 10px;
        padding: 5px 17px;
        display: flex;
        align-items: center;
        gap: 7px;
        background-color: var(--focus-color);
        margin: 0;
    }

	#shopify_payments .modal-footer button:first-child {
        background-color: #dbdfe6;
    }

    #shopify_payments .modal-footer button {
        font-weight: 700;
        color: var(--text-black-color);
        border-radius: 10px;
        padding: 5px 17px;
        display: flex;
        align-items: center;
        gap: 7px;
        background-color: var(--focus-color);
        margin: 0;
    }
	.account_block .active {
        border: 1px solid var(--focus-color) !important;
    }
	.set_payment_model .modal-title{
		font-size: 1.10rem !important;
	}
	.modal_buttons .save_stripe{
		color: var(--bg-color-white) !important;
	}
	.disabal_blocking_fraud input:disabled, select:disabled, button:disabled {
		border: 1px solid #BBBBBB !important;
	}

	.version-banner {
		/*position: sticky;*/
		position: relative;
		top: 0;
		z-index: 9999;
		background-color: #1A1A1A;
		color: #fff;
		padding: 12px 20px;
		text-align: center;
		font-size: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
		margin-bottom: 24px;
		width: 98%;
	}
	.version-banner p {
		margin: 0px;
	}
	.version-banner a {
		color: #17C155;
		text-decoration: underline;
		font-weight: bold;
	}

	.version-banner .close-btn {
		border: none !important;
		position: absolute;
		background-image: url(/assets/image/close.png);
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-size: contain;
		right: 10px;
		top: 13px;
		margin: 0 !important;
		cursor: pointer;
	}
	.edit_noti p span{
		font-weight: 400 !important;
		font-size: 14px !important;
		background-color: unset !important;
	}


	.ob_next,
   .ob_all_next {
      background: var(--focus-color);
      color: var(--bg-color-white);
      border: 1px solid var(--focus-color);
	   border: none;
      padding: 10px 25px;
      border-radius: 8px;
   }
     .ob_prev,
   .ob_all_prev {
      background: var(--bg-color-white);
      border: none;
      padding: 10px 25px;
      border-radius: 8px;
      color:var(--primary-text-color);
      border: 1px soli var(--bg-color);
      margin-right: 15px;
   }


	/* WebApp css */

	.useractive{
        background-color:rgb(206 204 204 / 30%);
        border-radius: 8px;
        color: #000;
        position: relative;
    }
    .check_user_store{
        margin: 0;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;  
        width:155px
    }
    .store-card:hover {
        background-color:rgb(206 204 204 / 30%);
        border-radius: 8px;
        color: #495057;
        font-weight:500
    }
    .user_name{
        background: var(--profile-icon-bg-color);
        padding:5px 2px;
        border-radius: 6px;
        color: var(--profile-icon-text-color);
        width: 27px;
        text-align: center;
        font-size:11px;
    }
    .user_set{
        display: flex;
        align-items: center;
        gap: 9px;
    }

    #BeBold{
        width:15px;
        height:15px;
    }
    .check_user_store{
        color: #495057;
        font-weight: 500;
    }
    .store-card.useractive {
        pointer-events: none;
    }
    #check_mark{
        width: 16px;
        height: 16px;
    }
    .set_arrow{
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: 9px;
    }
    .navbar-header {
            height: 81px;
    }

	.nav_open {
        right: 0px;
        top: 82px;
    }
    #logoutID {
            display: flex;
            margin-top: unset;
            width:100%;
    }
    #logoutID:hover{
        background-color: rgb(206 204 204 / 30%);
        border-radius: 4px;
        color: #495057;
        font-weight: 500;
    }
    
    .stote_tital {
        flex-direction: row-reverse;
        align-items: center;
    }
    .store-card{
        display: flex;  
        align-items: center;
        padding: 5px 10px 5px;
        justify-content: space-between;
        cursor: pointer;
        font-size: 12px;
        margin-bottom: 4px;
    }
    .logout_btn{
        display:flex;
        padding:10px;
    }
    .user_login_detail:nth-child(3) {
        border-top: 0;
    }
    .user_login_detail .ellipsis-text{
    color: #495057;
    font-weight: 400;
    font-size: 12px;
    padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    /* width: 245px; */
    text-overflow: ellipsis;
    }
    .see_cardblock .dashboard-card_box {
		flex-wrap: nowrap;
	}
	#charge_backallalerts .dropdown-button{
		width: 270px;
	}
	#charge_backallalerts .dropown_blockcontainer .custom-dropdown label{
		width: 80px;
	}
	@media only screen and (min-width: 320px) and (max-width: 1296px) {
	#charge_backallalerts .chargeback_customizebtn {
		width: auto;

	}
}
/* Tooltip conflict resolution - hide parent tooltip when image tooltip is active */
.tooltip-disabled .tooltip-text {
	display: none !important;
}

.welcome-block div div i {
    /* color: #b8b8b8; */
    color: var(--svg-stroke-color) !important;
}
/* warning message */
.notice-card {
	display: flex;
	align-items: center;
	gap: 18px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
	padding: 10px 15px;
	border: 1px solid rgba(15,23,42,0.04);
	margin-bottom: 15px;
  }

  .notice-card .left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0; /* allows text truncation */
	flex: 1 1 auto;
  }

  .notice-card .warning-icon {
	flex: 0 0 40px;
	height: 40px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(245,158,11,0.12), rgba(245,158,11,0.06));
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.35);
  }

  .notice-card .warning-icon svg { width: 18px; height: 18px; display:block; }

  .notice-card .message {
	min-width: 0;
  }

  .notice-card .message .label {
	font-weight: 700;
	color: #111827;
	display: inline-block;
  }

  .notice-card .message .text {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.25;
	vertical-align: middle;
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	/* max-width: calc(100% - 120px); */
  }

  /* Right side button */
  .notice-card .cta {
	flex: 0 0 auto;
  }

  .notice-card .btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-radius: 8px;
	/* background: linear-gradient(180deg, #34d399, #10b981); */
	background: var(--focus-color);
	color: white;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(16,185,129,0.14);
	border: 0;
	cursor: pointer;
	font-size: 14px;
  }
.coverage_chargeback_table_body .even.coverage_second_last_row .coverage_texttooltip .tooltip-text::after {
    top: auto;
}
.coverage_chargeback_table_body tr.odd.coverage_last_row .coverage_texttooltip .tooltip-text,
.coverage_chargeback_table_body .even.coverage_second_last_row .coverage_texttooltip .tooltip-text {
    top: auto;
    bottom: -15px;
}
.coverage_chargeback_table_body tr.odd.coverage_last_row .coverage_texttooltip .tooltip-text::after {
    top: auto;
    bottom: 18px;
}
.home_page__tooltip table#disputes_by_cardbrand tr:first-child .tooltip-text{
	bottom: -10px !important;
    top: unset !important;
    left: 35% !important;
}
.home_page__tooltip table#disputes_by_cardbrand tr:first-child .tooltip-text::after {
    transform: rotate(90deg) !important;
    right: unset !important;
    left: -69px !important;
    top: 0% !important;
    bottom: -43px !important;
}
.guide_accordincard_main{
	display: flex;
  flex-direction: column;
}
.guide_accordincard_main .guide_accordincard{
	flex: 1;
}
.help-bar {
	display: flex;
	margin-right: 15px;
	justify-content: flex-end;
	margin-bottom: 15px;
  }
  .help-box{
	display: flex;
	gap: 12px;
	border: 1px solid #dcdcdc;
	align-items: center;
	padding: 8px 14px;
	border-radius: 8px;
  }
  .help-bar a{
	text-decoration: none;
  }
  .help-left {
	display: flex;
	align-items: center;
	gap: 6px;
  }
  
  .help-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #1bbf60;
	color: #1bbf60;
	font-weight: bold;
	font-size: 12px;
  }
  
  .help-text {
	font-size: 14px;
	color: #333;
  }
  .help-close {
	background: white;
	border: 1px solid #ccc;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	font-size: 18px;
	cursor: pointer;
	padding: 0;
	line-height: 1;
  }
  .fraud_rate_chart_active_btn {
	background: var(--focus-color) !important;
	/* color: var(--primary-text-color) !important; */
    position: absolute;
    min-width: 225px;
    border: none;
    border-radius: 10px;
    background: #17c155;
    color: #ffffff;
    font-size: 14px;
    padding: 12px 15px;
    border-radius: 4px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.alertdatetimesfillter {
    min-width: 230px;
}
#authorize_net_model select {
    padding: 8px;
}
#authorize_net_model select:focus {
    box-shadow: var(--input_card-shadow);
}
.btn-dispute.yes_remove_netevia_credential {
    padding: 8px 16px;
	border-radius: 4px;
}