/*
================================================
 Fonts 
================================================
*/

:root {
	--primary-color: #194c61;
	--primary-color-shade: #2a738d;
	--primary-hover-color: #133C4d;
	--nav-hover-color: #2a738d;
	--secondary-color: #F2604A;
	--primary-light-color: #255798;
	--body-font-color: #767676;
	--white-color: #ffffff;
	--black-color: #000;
	--success-color: #0fa91c;
	--green-color: #288e04;
	--neutral-blue-light: #ecfaff;
	--nevada-color: #646F7D;
	--woodsmoke-color: #212121;
	--select-color: #f5f6f8;
	--btn-border-color: #b1b9c1;
	--alert-border-color: #e9ecf0;
	--btn-alert-error-color: #fe0606;
	--grey-color: #cccccc;
	--light-grey-color: #eee;
  --light-desaturated-blue: #eaeef5;
  --vivid-cyan-blue: #18a1c7;
  --bight-pink-color: #ff3c7c;
  --vivid-red-orange: #d93d00;
  --deep-teal-green: #01835e;
}
@font-face {
	font-family: 'RubikVariable';
	src: url('http://nationscdn.azureedge.net/nb-container/fonts/Rubik/RubikVariable.woff2') format('woff2'), url('http://nationscdn.azureedge.net/nb-container/fonts/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

/*
================================================
 Refund Styles
================================================
*/
.fs-14 {font-size: 14px !important;}
.mt-20 {margin-top: 20px !important;}
.refund-content-wrapper {background: var(--light-desaturated-blue); padding: 26px 0 0; font-family: 'RubikVariable', sans-serif !important;}
.refund-content-wrapper h2 {font-size: 24px;font-weight:600;letter-spacing: 0.2px; color: var(--woodsmoke-color); margin-bottom: 24px;}
.refund-content-wrapper h2 a {text-decoration: none;}
.refund-content-inner {display: flex; width: 100%; height: calc(100vh - 75px) !important; overflow-y: hidden;}
.refund-content-inner .all-cases-section {width: 334px;box-shadow: -1px 0px 6px 0px rgba(5, 27, 65, 0.05) inset; background: rgba(255, 255, 255, 0.55);border-radius: 4px 0px 4px 4px; overflow-y: auto; padding-bottom: 16px;}
.all-cases-search-section {padding: 24px 24px 16px;}
.all-cases-search-section .side-head h5 {color: var(--woodsmoke-color);font-size: 17px;font-weight: 400;line-height: normal;letter-spacing: 0.2px;margin-bottom: 0;}
.form-switch.custom-form-swich .form-check-input {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); background-color: #D3D7DB !important; border-color: #D3D7DB !important;}
.form-switch.custom-form-swich .form-check-input:checked {background-color: #D64029 !important; border-color: #D64029 !important;}
.form-switch.custom-form-swich  .form-check-label {font-size: 13px;font-weight: 350;color: var(--nevada-color);}
.search-filter-wrapper {display: flex; gap: 8px; align-items: center; margin-top: 13px;}
.search-box { position: relative;display: flex;align-items: center; border: 1px solid #d3d7db;border-radius:4px;padding: 10px 12px;background:var(--white-color);flex: 1; max-width: 300px;}
.search-box input {border: none;outline: none;font-size: 13px;color:var(--nevada-color);width: 100%;}
.search-box .search-icon {cursor: pointer;}
.filter-btn {border-radius: 4px;border: 1px solid #D3D7DB; background:var(--white-color); width:44px; height: 44px;display: flex;align-items: center;justify-content: center;}
.date-block {padding: 8px 24px 9px;background: var(--light-desaturated-blue);}
.date-block small {font-size: 13px; color: var(--woodsmoke-color);}
.single-refund-section {  display: flex; align-items: flex-start;gap:6px;padding: 12px 24px; border-bottom: 1px solid var(--alert-border-color);cursor: pointer !important;}
.single-refund-section:hover, .single-refund-section.active {background: var(--white-color);border-right: 3px solid #d64029;}
.single-refund-section .icon {background: var(--neutral-blue-light);padding: 6px; display: flex; align-items: center; justify-content:center; width: 32px; height: 32px;}
.details .title {font-size: 13px; font-style: normal;font-weight: 400;  line-height: normal;color: var(--woodsmoke-color);margin-bottom: 6px;}
.details .refund-id {font-size: 12px; font-style: normal;font-weight: 400;  line-height: normal;color: var(--nevada-color); margin-bottom: 8px;}
.details .meta  {display: flex;align-items: center; gap: 4px; margin-bottom: 6px;}
.dot {font-size: 18px;line-height: 0; width: 18px; text-align: center; position: relative;}
.dot:before {width:4px; height: 4px; border-radius:50%; background: var(--nevada-color);content:''; position: absolute;} 
.details .meta span {font-size: 13px; font-style: normal;font-weight: 400;  line-height: normal; top: -2px;}
.details .meta span.date{min-width: 70px !important;}

.request-refund-section { width: calc(100% - 334px);background: var(--white-color);overflow-y: auto;padding-bottom: 16px;}
.request-refund-top {padding: 8px 24px 8px 32px;}
.request-refund-left .dropdown-btn {display: inline-flex;align-items: center;padding: 10px 12px; border: 1px solid var(--alert-border-color); border-radius:4px; background-color: var(--white-color);cursor: pointer; width: 160px;padding-left: 12px;}
.request-refund-left .dropdown-btn.date-filed {width: auto;}
.refund-content-wrapper .custom-dd-btn .arrow-icon {right:12px;}
.refund-content-wrapper .custom-dd-btn .btn .label:before {content:''; position: absolute; background: var(--vivid-cyan-blue); left:0 ; top:9px; width: 6px; height: 6px; border-radius: 50%;}
.refund-content-wrapper .custom-dd-btn .btn .label {color: var(--vivid-cyan-blue);font-size: 15px;font-weight: 600;padding-left: 12px;  }
.refund-content-wrapper .user-profile.custom-dd-btn {margin-left:32px;margin-right:32px;}
.refund-content-wrapper .user-profile.custom-dd-btn .btn {border: none; width: auto; display: flex;}
.refund-content-wrapper .user-profile .avatar { display: flex;width: 20px;height: 20px; flex-direction: column;justify-content: center;align-items: center;gap: 8px; border-radius:50%;background: var(--bight-pink-color);font-size: 11px; color: var(--white-color); margin-right: 6px;}
.refund-content-wrapper .user-profile .username {font-size: 13px;font-style: normal;font-weight: 400;color: var(--woodsmoke-color); margin-right: 4px;}
.refund-content-wrapper .date-filed .date-bg {background: #007bff;}
.request-reship-section {display: flex; width: 100%; flex-direction: column;} 
.request-reship-head {padding: 24px 24px 32px 40px;}
.request-reship-head h5 {font-size: 20px; font-weight: 450; line-height: normal; letter-spacing: 0.2px; color: var(--woodsmoke-color);}
.info-row-main .info-row {font-size: 12px;font-weight: 400;color: var(--nevada-color); display: inline-flex; align-items: center;}
.info-row-main .info-row div {display: inline-flex; align-items: center;}
.info-row-main .info-row a {color: var(--primary-light-color); text-decoration: underline;}
.info-row-main .info-row a:hover {text-decoration: none;}
.info-row-main .info-row .icon {margin: 0 0 0 2px; display: inline-flex;}
.info-row-main .tooltiptext{left: -32px;} 
.card-details-block {display: inline-flex; align-items: center; margin-top:24px; gap:40px;}
.card-details-block .card-details-info {min-width: 80px;}
.card-details-info.card-number{min-width: 110px !important;}
.card-details-info small {font-size: 12px; font-style: normal;font-weight: 400;color: var(--nevada-color);}
.card-details-info p {font-size: 13px; font-weight: 400;color: var(--woodsmoke-color);}
.product-reship-info {padding: 20px 24px 40px 40px;}
.product-reship-info small {font-size: 13px;color: var(--woodsmoke-color);}
.product-reship-info .all-products {margin:12px 0 0 16px;}
.product-reship-info .all-products .form-check-main {width:36px; height: 36px;border-radius: 4px 4px 0px 0px; background:var(--alert-border-color); display: flex; align-items:center; justify-content: center;}
.product-reship-info .all-products .form-check-main .form-check-input {margin-left:0;}
.qantity-section-right {display: flex; align-items: center;}
.qantity-info {font-size: 14px;font-style: normal;font-weight: 400;}
.qantity-section-right .qantity-info + .qantity-info {position: relative; padding-left:16px; margin-left:16px;}
.qantity-section-right .qantity-info + .qantity-info:before {content:''; position: absolute; width: 1px; height:90%;background:#d9d9d9;left:0; top:5%;}
.qantity-info strong {color: var(--woodsmoke-color); font-weight:500;}
.request-refund-right {display: flex; align-items: center;}
.request-refund-right .info {font-size: 12px;}
.request-refund-right .dot:before {top:-2px;}
.refund-content-wrapper .customCheck .form-check-input {box-shadow: none; border-color: var(--nevada-color);}
.refund-content-wrapper .customCheck .form-check-input:checked {border-color:var(--secondary-color);}
.refund-content-wrapper .customCheck .form-check-label {font-size: 15px;font-style: normal;font-weight: 400; color: var(--woodsmoke-color);}
.refund-content-wrapper .custom-dd-btn {max-width: 160px;}
.refund-content-wrapper .custom-dd-btn .btn {min-height:46px !important; max-width: 160px; min-width: 160px;padding: 14px 16px 2px; border-radius: 4px;border: 1px solid #D3D7DB;background: var(--white-color);}
.refund-content-wrapper .float-label {font-size: 11px; transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all; font-weight: 400;letter-spacing: 0.2px;color: var(--nevada-color); position: absolute;top:22px; left:12px;}
.refund-content-wrapper .float-label.text-end {right:12px; left: auto !important;}
.refund-content-wrapper .custom-dd-btn .btn.show .float-label {left:12px; top:14px;}
.refund-content-wrapper .custom-dd-btn .btn .selected-lable {font-size: 15px;font-style: normal; font-weight: 400;color: var(--woodsmoke-color);left:12px;}
.refund-content-wrapper .custom-dd-btn .btn {min-height:46px; min-width: 160px;padding: 14px 16px 2px; border-radius: 4px;border: 1px solid #D3D7DB;background: var(--white-color);}
.refund-content-wrapper .custom-dd-btn ul.dropdown-menu li a {padding: 13px 16px; font-size:13px;}
.refund-content-wrapper .float-label sup {color: var(--secondary-color); font-size: 18px;top: 4px !important;}
.refund-content-wrapper  .custom-form .float-label {font-size: 13px;font-style: normal;font-weight: 400;line-height: normal; letter-spacing: 0.2px; color:var(--nevada-color);}
.single-qantity-section {border-radius: 4px;margin-bottom:12px; display: flex;padding: 16px 24px 20px 24px;align-items: flex-start;gap: 8px;align-self: stretch;background: var(--select-color); flex-direction: column;}
.single-qantity-section .dropdown-toggle .float-label {font-size: 11px !important;top: 12px;}  
.single-qantity-section .form-group .float-label {font-size: 11px !important;top: 12px;}  
.quantity-block {width:100%; display: flex; align-items: center;}
.quantity-block .devider {width: 24px; position: relative;background:var(--grey-color); height: 1px;}
.quantity-block .devider:before, .quantity-block .devider:after {position: absolute; content:''; width:8px;height:8px;background:var(--grey-color); border-radius:50%;top: 50%;transform: translateY(-50%);}
.quantity-block .devider:before {left:0;}
.quantity-block .devider:after {right:0;}
.approved-refund-sec .form-group {max-width: 160px;}
.approved-refund-sec .form-group .form-control {padding: 12px 12px 2px;min-height: 46px; border-radius: 4px;border: 1px solid #D3D7DB;background: #F7F8FA; width: 100%; font-size: 15px;font-weight: 400;color:var(--woodsmoke-color);}
.refund-content-wrapper .custom-form .floating-input:focus ~ label, .refund-content-wrapper .floating-input:not(:placeholder-shown) ~ label {background:none; left: 12px; top:12px; font-size:11px;}
.refund-content-wrapper .custom-form textarea {display: flex;width: 564px;height: 72px;padding: 16px 10px 15px 12px;align-items: flex-start;gap: 8px;border-radius: 4px; border: 1px solid #D3D7DB;background: var(--white-color);}
.refund-content-wrapper .custom-form .form-control:hover{border: 1px solid #D3D7DB;}
.reason-section{margin-top: 4px;}
.reason-section small {margin-bottom:4px;}
.refund-content-wrapper .form-control:focus {box-shadow: none;}
.call-notes-section {width: 297px;background: var(--white-color);margin-left: 2px;}
.order-case-wrapper {height: 100vh;}
.order-case-wrapper .results-table thead tr th {background: #dae1ed; border: none !important; color: var(--nevada-color); font-size:12px;font-weight: 450;}
.order-case-wrapper .results-table tr th:last-child, .results-table tr td:last-child {width: 256px;}
.order-case-wrapper .results-table .custom-dd-btn, .order-case-wrapper .results-table .custom-dd-btn .btn {max-width: inherit; }
.order-case-wrapper .results-table .custom-dd-btn.status-fieled {width:100%;}
.order-case-wrapper .results-table .custom-dd-btn.user-profile .btn {min-height: inherit !important; min-width:inherit !important; }
.order-case-wrapper .results-table .custom-dd-btn.date-filed {display: inline-flex; align-items: center; width:auto; padding-right:16px;}
.order-case-wrapper .results-table tr td {border-left: none;font-size: 15px; font-style: normal;font-weight: 400;color: var(--woodsmoke-color); border-color: rgba(0, 73, 122, 0.06);}
.order-case-wrapper .results-table tr:last-child td {border-bottom: none;}
.order-case-wrapper .results-table.table-border tr:first-child th:first-child {border-top-left-radius: 4px;}
.order-case-wrapper .results-table.table-border thead tr:first-child th:last-child {border-top-right-radius: 4px;}
.order-case-wrapper .custom-dd-btn .arrow-icon {right:0px;}
.order-case-wrapper .results-table.table-border tbody tr:last-child td:first-child {border-bottom-left-radius: 4px; border-left: none;}
.order-case-wrapper .results-table.table-border tbody tr:last-child td:last-child {border-bottom-right-radius: 10px; border-right: none;}
.order-case-wrapper .search-case-section {display: flex; align-items: center;}
.active-search-section .select-date-picker {padding: 0; background: none; min-width:180px;min-height: 24px;   width: auto; font-size: 13px; border: none !important;}
.active-search-section .select-date-picker .filter-calendar-icon {top: 0;}
.active-search-section  .remove-icon {top: -2px;}
.active-search-section .filter-calendar-icon{top:0px;}
.order-case-wrapper .search-wrap {max-width: 350px;}
.order-case-wrapper .search-wrap [type="search"] { width:100%; border:none; background: var(--white-color); padding: 15px 12px 7px;}
.order-case-wrapper .search-wrap .float-label {top: 20px; font-size:15px;}
.order-case-wrapper .search-wrap .float-label.custom-label {top: 22px;}
.order-case-wrapper .show .search-wrap .float-label.custom-label {top:11px;}
.order-case-wrapper .search-wrap button {top: 6px;}
.filters-block { display: flex; align-items: center;gap: 16px !important;}
.filters-block .status-tab { display: flex;padding: 5px !important;justify-content: center;align-items: center; gap: 8px; background: var(--white-color);font-size: 15px;
font-weight: 400;color: var(--nevada-color);border-radius: 6px; border:none;}
.filters-block .status-tab.active {background: linear-gradient(90deg, rgba(214, 64, 41, 0.12) 0%, rgba(196, 47, 161, 0.12) 76.99%); border-radius:6px;}
.filters-block .status-tab.active span {background: linear-gradient(90deg, #D64029 0%, #C42FA1 76.99%);background-clip: text; -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-size: 15px; font-style: normal;font-weight:600;}
.filters-block .status-tab .dropdown-toggle {padding:0;}
.filters-block .status-tab .dropdown-toggle:after {display: none;}
.order-case-wrapper .custom-dd-btn.status-tab {max-width:inherit; padding: 10px 16px;}
.filters-block .status-tab .dropdown-menu li + li {margin-top:8px;}
.filters-block .status-tab .custom-form .form-control {padding: 14px 10px 5px;border: 1px solid #D3D7DB;}
.filters-block .status-tab .custom-form .form-control.select-date-picker {font-size: 13px; background: var(--white-color); padding:13px 10px 12px;height: 46px;}
.order-case-wrapper .custom-dd-btn.status-tab .btn {min-width:inherit; max-width: inherit; min-height:inherit !important; padding:0; border:none;}
.custom-filters .dropdown-menu {width: 360px;border-radius: 4px 4px 0px 0px; padding:0; border: none;}
.custom-filters .dropdown-menu .filter-header {display: flex; justify-content: space-between; background:#f7f8fa; padding:12px 24px;}
.custom-filters .dropdown-menu .filter-header h5 {margin:0; font-size: 17px;}
.custom-filters .dropdown-menu .filter-header .btn-close {background: none; box-shadow: none; opacity: 1;}
.custom-filters .filter-content .btn-group, .custom-filters .filter-content .btn-group .btn {min-width: 100%;}
.custom-filters .filter-content .btn-group + .btn-group {margin-top:16px;}
.custom-filters .filter-content {padding: 16px 24px;}
.custom-filters .custom-dd-btn .arrow-icon {right: 10px;}
.custom-filters .filter-content .filter-calendar-icon {top: 50%;transform: translateY(-50%);right: 10px;background: inherit;} 
.order-case-wrapper .greivance-queue-table {height: calc(100vh - 300px); overflow-x:inherit; overflow-y: auto;}
.refund-footer-btns {position: fixed;bottom: 0;border-top: 1px solid #E9ECF0;padding: 8px 24px;width: calc(100% - 435px);left: 378px;gap: 16px !important;background: #fff;}
.refund-content-wrapper .custom-link {font-size: 13px;}
.refund-content-wrapper .theme-btn.btn-md.btn-outline {line-height: 44px; }
.refund-content-wrapper .theme-btn.btn-md {line-height: 46px; padding-left:32px;padding-right:32px;min-width: inherit; font-size:13px !important;}
.request-refund-left .status {padding: 4px 12px 3px 20px;}
.refund-content-wrapper .all-cases-section .status{padding:2px 10px 2px 20px;text-align: left;}
.custom-status {font-family: 'RubikVariable', sans-serif;font-size: 15px;font-style: normal;font-weight: 600; padding-left:10px; position: relative;}
.custom-status:before {content:''; width:6px; height:6px; border-radius:50%; left:0; top:6px; position: absolute;}
.custom-status.blue {color:var(--vivid-cyan-blue) !important;}
.custom-status.blue:before {background: var(--vivid-cyan-blue);}
.custom-status.orange {color:var(--vivid-red-orange) !important;}
.custom-status.orange:before {background: var(--vivid-red-orange);}
.custom-status.green {color:var(--deep-teal-green) !important;}
.custom-status.green:before {background: var(--deep-teal-green);}

/* Toggle container */
.toggle-wrapper {position: relative;line-height: 0;}
  
/* Hidden checkbox */
.toggle-wrapper .toggle-input {display: none;}
  
/* Toggle background */
.toggle-wrapper .toggle-label {display: inline-block;width: 32px;height: 16px;background-color: #D3D7DB;border-radius: 9999px;cursor: pointer;position: relative;z-index: 2;transition: background-color 0.3s ease;}
  
/* Toggle knob */
.toggle-wrapper .toggle-label::after {content: '';position: absolute;top: 2px;left: 2px;width: 12px;height: 12px;background-color: white;border-radius: 50%;transition: left 0.3s ease;}
  
/* Checked background */
.toggle-wrapper .toggle-input:checked + .toggle-label {background-color: #d43f2f;}
  
/* Checked knob movement */
.toggle-wrapper .toggle-input:checked + .toggle-label::after {left: 18px;}
  
/* Hover circle behind the switch */
.toggle-wrapper .hover-circle {content: '';position: absolute;width: 24px;height: 24px;background: #DAE1ED;border-radius: 50%;top: -4px;left: -4px;opacity: 0;transition: all 0.3s ease;z-index: 1;}
  
/* Show left circle on hover */
.toggle-wrapper:hover .hover-circle {opacity: 1;}
  
/* Move circle to right if checked */
.toggle-wrapper .toggle-input:checked ~ .hover-circle {left: 13px;right: -4px;}
.toggle-wrapper .form-check-label {position: relative;top: -3px;font-size: 13px;font-weight: 350;color: var(--nevada-color);margin-left: 8px;}

.order-date-block{background: var(--white-color);padding: 10px 12px;border-radius: 5px;min-width: 260px;}
.order-date-block .filter-calendar-icon {background: inherit;position: absolute;right: 12px;top: 50% !important;transform: translateY(-50%);}
.order-date-block .remove-icon{top: 50% !important;transform: translateY(-50%);right: 44px;}
.grievance-table-wrap .custom-dd-btn .btn{padding: 2px 16px 2px 3px !important;}
.search-wrapper{min-width: 350px;position: relative;}
.search-wrapper .text-error{position: absolute;font-size: 12px;}
.custom-pagination .pagination-item{cursor:pointer}