@font-face { font-family: 'europaNuova_b'; src: url('../../fonts/europa/EuropaNuova-Bold.eot'); src: url('../../fonts/europa/EuropaNuova-Bold.eot?#iefix') format('embedded-opentype'),url('../../fonts/europa/EuropaNuova-Bold.woff2') format('woff2'),url('../../fonts/europa/EuropaNuova-Bold.woff') format('woff'),url('../../fonts/europa/EuropaNuova-Bold.ttf') format('truetype'),url('../../fonts/europa/EuropaNuova-Bold.svg#EuropaNuova-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;}
@font-face {font-family: 'europaNuova_re';src: url('../../fonts/europa/EuropaNuova-Regular.eot');src: url('../../fonts/europa/EuropaNuova-Regular.eot?#iefix') format('embedded-opentype'),url('../../fonts/europa/EuropaNuova-Regular.woff2') format('woff2'),url('../../fonts/europa/EuropaNuova-Regular.woff') format('woff'),url('../../fonts/europa/EuropaNuova-Regular.ttf') format('truetype'),url('../../fonts/europa/EuropaNuova-Regular.svg#EuropaNuova-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
/* ___________________________New FB_ Css Above__________________________ */
:root{
--FB-primary-color: #55555e;
--FB-secondary-color: #000;
--FB-ternary-color: #f9f8f9;
--FB-context:#4b7d43;
--FB-white:#FFFF;
--FB-header:#e4f3ec;
--FB-modal-header:#4b7d43;
--FB-main-body:#d2d0d04d;
--FB-button:#0a0b18;
--FB-body:rgba(245, 251, 242, 0.85);
--FB-body-light:#f5fbf2;
--FB-gdc-1:#006a39;
--FB-gdc-2:#008649;
}

.table thead tr:first-child,
.jsgrid .jsgrid-table thead tr:first-child,
table thead tr:first-child,
.dataTable thead tr:first-child {
    background-color: #e4f3ec !important;
}

h1, h2, h3, h4, h5, h6{font-family: 'europaNuova_b';}
html,body{font-family: 'europaNuova_re'; font-size: 15px;}
h1{ font-size: 1.5rem;}
.sidebar{font-family: 'europaNuova_re';}
.parsley-errors-list li {color: red;font-weight: normal;}
ul.parsley-errors-list { padding-left: 0px; list-style-type: none; }
.loginError, .error { color: red; font-size: 0.813rem; }
.cursor-pointer {cursor: pointer;}
.removeFile {color: red;margin-left: 5px;cursor: pointer;}
#settings-trigger{ display: none;}
.select2-container--default .select2-selection--single{ background-color: #fff !important; border: 1px solid #dee2e6 !important; font-weight: 400 !important; font-size: 0.875rem !important;padding: 0.5rem  0.5rem !important; height: 39px !important; border-radius: inherit !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 20px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 4px!important;}
.select2-container{ display: block !important; width: 100% !important; border-radius: 4px;}
.form-group{margin-bottom: 0.5rem;}
.table th{font-size: 0.8125rem; font-weight: normal;}
.table td, .jsgrid .jsgrid-table td{ color: #000;}
.form-group .file-upload-info { padding: 0.71rem 1.375rem;}
.modal.version2 .card {border-radius: 0; border-color: var(--FB-header);}
.version2 .modal-lg {max-width: 900px;}
.version2 .modal-header {background-color: #e4f3ec !important;color: var(--FB-context) !important;}
.version2 .modal-content {border: 0;}
.version2 .modal-title {color: var(--FB-button);font-size: 1.2rem;font-weight: normal;}
/* .version2 .modal-title img{filter :brightness(5)} */
.version2 .modal-body {background-color: var(--FB-ternary-color);}
.modal.version2 .card-header h5 {margin: 0;}
.modal.version2 .form-check .form-check-input {margin-top: 3px;}
.modal.version2 .form-check .form-check-label {line-height: inherit;}
.modal.version2 .btn-close {background: inherit;padding-top: 6px; filter: inherit !important;}
.modal.version2 .modalselect {border: 0;color: #0D6EFD;font-weight: 600;width: auto;padding: 0;}
.version2 .rfqform_view label { color: #232323; font-size: 12px; font-weight: 400; margin-bottom: 0px;}
.version2 .rfqform_view label+div { color: #0067ff; font-size: 13px; }
.version2 .rfqform_view div, .version2 .rfqform_subview div { font-weight: 600;}
.version2 .bullet-line-list { padding-left: 30px; position: relative; list-style-type: none; overflow: hidden; }
.version2 .rtl .bullet-line-list {padding-left: unset;padding-right: 30px;}
.version2 .bullet-line-list li { position: relative; }
.version2 .bullet-line-list li:before {width: 15px;height: 15px;left: -30px;top: 0;border: 3px solid #bbb;margin-right: 15px;z-index: 2;background: white;}
.version2 .rtl .bullet-line-list li:before {left: unset;right: -45px;}
.version2 .bullet-line-list li:before {content: "";position: absolute;border-radius: 100%;}
.version2 .bullet-line-list:after {content: "";border: 1px solid #bbb;position: absolute;top: 0;bottom: 40px;left: 7px;}
.version2 .rtl .bullet-line-list:after {left: unset;right: 7px;}
.version2 .bullet-line-list a, .version2 .bullet-line-list .form-check-label {color: #bbb;text-decoration: none;cursor: auto;}
.version2 .bullet-line-list li.active h6 a, .version2 .bullet-line-list li.active .form-check-input:checked + .form-check-label {color:var(--FB-context) !important;font-weight: 500;}
.version2 .bullet-line-list li.active:before {border: 3px solid var(--FB-context);}
.version2 .bullet-line-list li.active:after {content: "";border: 1px solid var(--FB-context);position: absolute;top: -38px;bottom: 0px;left: -23px;z-index: 1;}
.version2 .bullet-line-list li p::before {content: '';display: inline-block;}
.version2 .bullet-line-list li:last-child.active:after {bottom: 36px;top: -56px;}
.version2.bullet-line-list h6 {font-size: 14px;}
.version2 .bullet-line-list p {margin-bottom: .5rem;}
.version2 .alert-warning{color: #6e5400;}
.fs_14{font-size: 0.813rem;}
.modal.version2 .printicon{ color: #fff; background-color: var(--FB-header); border: 0; width: 40px; height: 40px; padding: 0; margin-right: 5px !important; text-align: center; line-height: 36px;}
.modal.version2 .printicon:hover{background-color: var(--FB-white); color: #13193a;}
.modal.version2 .printicon a{ color: var(--FB-button);}
.modal.version2 .printicon a i.fa{font-size: 1.4rem;}
.modal.version2 .modal-dialog{ margin-top: 1rem;}
.modal.version2 .modal-footer{ background-color: #f5f5f6;}
.modal.version2 .sendquote{color: var(--FB-context);}
.modal.version2 .btm{font-weight: 600;}
.modal.version2 .badge{padding: 0.2rem 0.5625rem; font-size: 11px; color: var(--FB-white) !important; border: 1px solid var(--FB-context) !important; border-radius: 25px !important; }
.modal.version2 .form-check-inline{ display: inline-block;}
.modal.version2 .form-check .form-check-label{ margin-left: 0px; margin-right: 1.25rem; font-weight: 600; font-size: 13px}
.modal.version2 .table, .modal.version2 .table td, .modal.version2 .table th{border: 1px solid #c7ceeb;}
.modal.version2 .card-header{ height: 40px;background-color:#e4f3ec;}
.modal.version2 .card-header img{opacity: .7;}
button:focus:not(:focus-visible) { box-shadow: none !important;}
/* New Style For Order*/
.nav-tabs .nav-link{color: #5a5a5a;font-size: 0.813rem;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ color: #000; font-weight: bold;}
.nav-tabs + .tab-content{ background-color: #f9f9f9;}
.align-items-center { align-items: center!important;}
.d-flex {  display: flex!important;}
.d-inline-flex {  display: inline-flex!important;}
label+div{ font-weight: bold; font-size: 13px;}
label{font-size: 13px;}
.tab-content .text-primary, .text_blue{color: var(--FB-modal-header) !important;}
/* .tab-content .selectBox{ height: 40px !important ;} */
.tab-content .selectBox + i, .tab-content .selectBox + ul+ i{display: none;}
.tab-content .card-header img{ opacity: .7;}
.newversiontabs .nav-link{font-weight: bold; color: #000; background-color: #fff; border: 0; border-bottom: 1px solid #EBEDF2;}
.newversiontabs .nav-link.active{ color: var(--FB-context); border-bottom: 1px solid var(--FB-context) !important;}
.tab-content .form-check-inline{display: inline-block !important;}
.tab-content .form-check .form-check-label{ margin-left: 0; margin-right: 1.5rem;}
.tab-content .card-header{background-color: #d7d9df; min-height: 40px;}
.btn-secondary{background-color: #b7b7b7; border: 0;}
/* -------------------- */
.bullet-line-list {padding-left: 30px;position: relative;list-style-type: none;overflow: hidden;}
.bullet-line-list li {position: relative;}
.rtl .bullet-line-list {padding-left: unset;padding-right: 30px;}
.rtl .bullet-line-list li:before {left: unset;right: -45px;}
.rtl .bullet-line-list:after {left: unset;right: 7px;}
.bullet-line-list li:before {content: "";position: absolute;border-radius: 100%;}
.bullet-line-list a {color: #bbb;text-decoration: none;cursor: auto;}
.bullet-line-list li.active h6 a {color: var(--FB-context);}
.bullet-line-list li.active:before {border: 3px solid var(--FB-context);}
.bullet-line-list li p::before {content: '';display: inline-block;}
.bullet-line-list li:last-child.active:after {bottom: 36px;top: -56px;}
.bullet-line-list h6 {font-size: 14px;}
.bullet-line-list p {margin-bottom: .5rem;}
/* #upload_btn {background-color: rgb(37, 55, 139);color: white;border-radius: 0.3rem;padding: 3px 7px;cursor: pointer;} */
.grey_tab {background-color: rgb(123, 123, 123);}
.dark_blue_bg {background-color: var(--FB-context); color: var(--FB-white) !important;}
.blue_bg {background-color: rgb(37, 55, 139);color: white;}
.table-striped, .table-striped th, .table-striped td{border: 1px solid #c7ceeb;}
input:focus,select:focus,textarea:focus,input:active,select:active,textarea:active{box-shadow: none !important;}
#orderStatusDetails .bullet-line-list li:before, .order-item-status-view .bullet-line-list li:before{width: 15px;height: 15px;left: -30px;top: 0;border: 3px solid #bbb;margin-right: 15px;z-index: 2;background: white;}
#orderStatusDetails .bullet-line-list:after, .order-item-status-view:after {content: "";border: 1px solid #bbb;position: absolute;top: 0;bottom: 40px;left: 7px;}
#orderStatusDetails .bullet-line-list li.active:after, .order-item-status-view  li.active:after  {content: "";border: 1px solid var(--FB-context);position: absolute;top: -38px;bottom: 0px;left: -23px;z-index: 1;}
#orderStatusDetails .bullet-line-list li.active h6 a , .order-item-status-view  li.active h6 a  {color: var(--FB-context);}
#orderStatusDetails .bullet-line-list li.active:before , .order-item-status-view li.active:before{border: 3px solid var(--FB-context);}
#orderStatusDetails .bullet-line-list li:last-child.active:after , .order-item-status-view li:last-child.active:after {bottom: 36px;top: -56px;}
#orderStatusDetails .form-check-inline, #getSingleOrderDetail .form-check-inline{vertical-align: top;}
#orderStatusDetails .form-check-inline .form-check-input, #getSingleOrderDetail .form-check-inline .form-check-input{ margin-top: 0;}
#orderStatusDetails .form-check .form-check-label,#getSingleOrderDetail .form-check .form-check-label{ line-height: inherit;}
#orderStatusDetails .active .form-check .form-check-input:checked + .form-check-label,#getSingleOrderDetail .active .form-check .form-check-input:checked + .form-check-label {color: var(--FB-context); opacity: 1;}

#vendorOrderStatusDetails .bullet-line-list li:before, .order-item-status-view .bullet-line-list li:before{width: 15px;height: 15px;left: -30px;top: 0;border: 3px solid #bbb;margin-right: 15px;z-index: 2;background: white;}
#vendorOrderStatusDetails .bullet-line-list:after, .order-item-status-view:after {content: "";border: 1px solid #bbb;position: absolute;top: 0;bottom: 40px;left: 7px;}
#vendorOrderStatusDetails .bullet-line-list li.active:after, .order-item-status-view  li.active:after  {content: "";border: 1px solid var(--FB-context);position: absolute;top: -38px;bottom: 0px;left: -23px;z-index: 1;}
#vendorOrderStatusDetails .bullet-line-list li.active h6 a , .order-item-status-view  li.active h6 a  {color: var(--FB-context);}
#vendorOrderStatusDetails .bullet-line-list li.active:before , .order-item-status-view li.active:before{border: 3px solid var(--FB-context);}
#vendorOrderStatusDetails .bullet-line-list li:last-child.active:after , .order-item-status-view li:last-child.active:after {bottom: 36px;top: -56px;}
#vendorOrderStatusDetails .form-check-inline, #getSingleOrderDetail .form-check-inline{vertical-align: top;}
#vendorOrderStatusDetails .form-check-inline .form-check-input, #getSingleOrderDetail .form-check-inline .form-check-input{ margin-top: 0;}
#vendorOrderStatusDetails .form-check .form-check-label,#getSingleOrderDetail .form-check .form-check-label{ line-height: inherit;}
#vendorOrderStatusDetails .active .form-check .form-check-input:checked + .form-check-label,#getSingleOrderDetail .active .form-check .form-check-input:checked + .form-check-label {color: var(--FB-context); opacity: 1;}
/* -------DASHBOARD ICONS-------- */
.bg_product, .bg_Suppliers, .bg_RFQs, .bg_Orders, .bg_Users, .bg_Quotes, .bg_Amount, .bg_Overdue, .bg_Va_account, .bg_Limit_application, .bg_virtual_balance, .bg_xen, .bg_re_amount, .bg_pe_amount, .bg_limit, .bg_unassigned, .bg_Limit_application, .bg_QuotesExpired, .bg_UpcomingQuotes, .bg_UnrespondedRFQs {
    background-repeat: no-repeat;
    background-position: 98% 90%;
    background-size: 60px;
}
.bg_product{background-image: url(../../images/icon_dash_product_system_dark_green.png);}
.bg_Suppliers{background-image: url(../../images/icon_dash_suppliers_system_dark_green.png);}
.bg_RFQs{background-image: url(../../images/icon_dash_rfqs_system_dark_red.png);}
.bg_unassigned { background-image: url(../../images/Unassigned_green.png); background-position: 98% 90%; background-size: 60px;}
.bg_Orders{background-image: url(../../images/icon_dash_order_system_dark_green.png);}
.bg_Users{background-image: url(../../images/icon_users_system_dark_green.png);}
.bg_Quotes{background-image: url(../../images/icon_quotes_system_dark_green.png);}
.bg_Amount{background-image: url(../../images/icons_amount_system_dark_red.png);}
.bg_Overdue{background-image: url(../../images/icon_overdue_system_dark_red.png);}
.bg_Va_account{background-image: url(../../images/icons_dash_limit_system_dark_red.png);}
.bg_Limit_application { background-image: url(../../images/icons_virtual_account_system_dark_green.png); background-position: 98% 90%; background-size: 60px;}
.bg_virtual_balance{background-image: url(../../images/icon_dash_virtual_balance_system_dark_red.png);}
.bg_xen{background-image: url(../../images/xen_icon_system_dark_red.png);}
.bg_re_amount{background-image: url(../../images/icon_received_amount_system_dark_red.png);}
.bg_pe_amount{background-image: url(../../images/icon_pending_amount_system_dark_red.png);}
.bg_limit { background-image: url(../../images/credit_image_system_dark_red.png);}
.bg_QuotesExpired{ background-image: url(../../images/ExpiredQuotation_green.png); background-position: 98% 90%; background-size: 50px;}
.bg_UpcomingQuotes{ background-image: url(../../images/Upcoming_green.png); background-position: 98% 90%; background-size: 50px;}
.bg_UnrespondedRFQs{background-image: url(../../images/Unresponded.png); background-position: 98% 90%; background-size: 50px;}

/* -----------------------New KPI Images---------------------------- */



/* -----------------------New KPI Images---------------------------- */
@media (max-width: 1400px) {html, body{font-size: 14px;}label{font-size: 12px;}}
.btn-cancel{background-color: #5c5c76 !important; color: rgb(255, 255, 255) !important;}
.btn-cancel:hover{background-color: #4a4a4a !important; color: #fff !important;}
/* ---------------------New Fonts and table structure modified here---------------------------------- */
.newtable_v2 {border: 0;}
.newtable_v2 table thead{background-color: #f7faf5; }
.newtable_v2 table tbody{background-color: #fff;}
.newtable_v2 .fa-edit{ color: #000; height: 14px; width: 14px;}
.newtable_v2 .fa-trash{color: #d9534f; background-color: #f6f6f6; height: 14px; width: 14px;}
.newtable_v2 .fa-eye{height: 14px; width: 14px;}
.newtable_v2 .fa-comments, .newtable_v2 .fa-commenting{ color: #000 !important; height: 14px; width: 14px;}
.newtable_v2 .fa-send, .newtable_v2 .fa-share-alt{background-color: #f6f6f6; height: 14px; width: 14px;}
.newtable_v2 .bg-light{ background-color: #e9ecef;}
.newtable_v2.dataTables_wrapper .dataTable thead .sorting:before { line-height: 1.5;}
.newtable_v2 .dataTables_wrapper .dataTable thead .sorting:after { line-height: 1.5;}
.newtable_v2 .main-panel{ background-color: #ebedf1;}
.newtable_v2 .content-wrapper { padding: 1.25rem 1.25rem;}
.newtable_v2 .table thead th {padding: 0.9rem 0.6375rem;}
.newtable_v2 .table tbody td{padding: 0.65rem 0.6375rem;}
.newtable_v2 div.table-responsive > div.dataTables_wrapper > div.row {margin: 0;padding: 0px 0px 0px 0px;background-color: #f6f6f6;}
.newtable_v2 .dataTables_length, .newtable_v2 .dataTables_filter, .newtable_v2 .dataTables_info,.newtable_v2 .dataTables_paginate{padding: 5px;}
.newtable_v2 .footer-wrapper { padding: 1.25rem 1.25rem;}
.newtable_v2 .paginate_button{line-height: 1.2em;}
.newtable_v2 .form-control {border: 1px solid #dee2e6;font-weight: 400;font-size: 0.875rem;height: 25px;}
.newtable_v2 .form-control-sm {min-height: calc(1em + 0.5rem + 2px);border-radius: 0.2rem;}
.newtable_v2 .fa-edit,.newtable_v2 .fa-trash, .newtable_v2 .fa-eye, .newtable_v2 .bg_icon, .newtable_v2 .fa-send, .newtable_v2 .fa-share-alt, .newtable_v2 .fa-comments, .newtable_v2 .fa-chain, .newtable_v2 .fa-commenting, .newtable_v2 .fa-whatsapp, .newtable_v2 .fa-share, .newtable_v2 .fa-trash-o, .iconsection .fa {width: 20px;height: 20px;text-align: center; border-radius: 4px; line-height: 20px; vertical-align: middle;}
.content-wrapper{ background-color: #ebedf1;}
.newtable_v2 .dataTables_length{ padding: 10px; }
.newtable_v2 .dataTables_filter{ padding: 10px;}
.newtable_v2 .dataTables_paginate {padding-right: 10px; }
.newtable_v2 .dataTables_info{ padding-left: 10px; }
.newtable_v2 .table.dataTable{margin: 0 !important;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf; width:100% !important;}
.newtable_v2 .table thead th{border-bottom:1px solid #dfdfdf !important;}
 .version2 .bullet-line-list .form-check-input:disabled, .version2 .form-check-input[disabled] ~ .form-check-label,.version2 .form-check-input:disabled ~ .form-check-label{ opacity: 1 !important;}
 /* ------------------- */
.hover_underline {display: inline-block;position: relative;}
.hover_underline:hover{color: #0067ff !important;}
.hover_underline:after {content: '';position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: -2px;left: 0;background-color: #0067ff;transform-origin: bottom right;transition: transform 0.25s ease-out;}
.hover_underline:hover:after {transform: scaleX(1);transform-origin: bottom left;}
.tooltip {z-index: 100000000;}
/* -------------------------------- */
.bullet-line-list .active.selectoptions .form-check-label {color: #0D6EFD;}
.dataTables_wrapper .dataTable thead .sorting:before, .dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting_asc:before, .dataTables_wrapper .dataTable thead .sorting_asc:after, .dataTables_wrapper .dataTable thead .sorting_desc:before, .dataTables_wrapper .dataTable thead .sorting_desc:after, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after{line-height: 1.5;}
.tooltip{min-width: inherit;}
.tox .tox-statusbar {  display: none !important;}
/* ------text editor with forms-------- */
.filter-multi-select > .viewbar > .selected-items > .item{ background-color: var(--FB-modal-header) !important;}
.select2-container--default .select2-selection--multiple, .tox-tinymce{ border: 1px solid #dee2e6 !important;}
.breadcrumb{border: 0; padding: 0;}
/* .selectBox{ height: 34px !important;} */
.filter-multi-select .dropdown-item .custom-checkbox:checked ~ .custom-control-label::before, .filter-multi-select .dropdown-item .custom-checkbox:indeterminate ~ .custom-control-label::before{ background-color: var(--FB-context) !important; border-color: var(--FB-context) !important;}
/* --------------------- */
.form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after{background: #0066ff;}
.sw-theme-dots > .nav .nav-link{ margin-top: 0 !important;}
.toolbar-bottom{background-color: #fff;}
.swal-button{font-weight: normal;}
.swal-text,.swal-title{color: #000;}
.bg-opacity-10{ background-color: #f7f8ff !important;}
.text-blue{color: var(--FB-context);}
.table td a, .jsgrid .jsgrid-table td a{ display: inline-block;}
/* datatable filter */
.dtsp-panesContainer{display: none;  transition: height 200ms; margin-top: 5px; background-color: #fff; border: 2px solid #fff;}
.dtsp-panesContainer.show{display:inherit; transition: height 200ms;}
.dtsp-topRow{ background-color: #eef1ff;}
div.dtsp-topRow div.dtsp-subRow1 input{font-size: .8rem;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-paneInputButton:hover, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton:hover{ background-color: #fff;}
.dataTables_scrollBody{ font-size: .8rem !important; /*max-height: 150px !important;*/}
div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-clearAll:hover{ font-size: .8rem; background-color: #5c5c76; padding: 2px 3px; color: #fff;}
div.dtsp-panesContainer button.dtsp-clearAll:disabled{ opacity: .5;}
.dtsp-title{ margin-left:5px; font-size: .8rem; font-weight: bold;}
.dtsp-clearAll{margin-right: 5px; margin-top: 7px;}
.newtable_v2 .dataTables_length{ width: 50%; float: left;     background-color: #f6f6f6;}
.newtable_v2 .dataTables_filter{ width: 50%; float: right;     background-color: #f6f6f6;}
/* ---Addes by J!! Menu width plus 25/02/2022---- */
@media (min-width: 991px) { .navbar .navbar-brand-wrapper {width: 230px;} .navbar .navbar-menu-wrapper {width: calc(100% - 230px);} .main-panel {width: calc(100% - 230px);} .sidebar{font-family: 'europaNuova_re'; width: 230px;}}
.swal-button--confirm { color: #fff; background-color: #4b7d43; border-color: #4b7d43; }
.swal-button--confirm:hover { background-color: #213175 !important; color: #fff !important; }
@media (-webkit-min-device-pixel-ratio: 1.25) {html, body{ font-size: 14px;}.auth-form-light .brand-logo img{ max-height: 80px;}}
.notsupplier.bg-light, .notsupplier.bg-light .accordion-button{ background-color: #f2f3f5 !important}
.form-select{ font-size: .875rem;}
.navbar-menu-wrapper .dropdown-menu {font-size: 0.813rem;}
.proEst_input{position: relative;}
.proEst_input input{padding-right: 30px;}
.proEst_input::after{content: 'Kg'; position: absolute;  right: 6px;top: 6px;}
.form-select:disabled, .form-control:disabled, .form-select:readonly, .form-control:readonly{ color: #7e7e7e !important; }
.sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link{ display: inline-block; padding: 0;}
.sw-theme-dots>.nav .nav-link::after{ width: 305px !important;}
@media screen and (max-width: 1799.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 320px !important;}}
@media screen and (max-width: 1499.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 250px !important;}}
@media screen and (max-width: 1299.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 210px !important;}}
@media screen and (max-width: 1200.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 190px !important;}}
@media screen and (max-width: 1024.98px) {.sw-theme-dots>.nav .nav-link::after{ display: none !important;}}
.select2-container--default .select2-selection--single .select2-selection__arrow{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 0 center; background-size: 12px; width: 25px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.filter-multi-select > .viewbar{ background-color: #fff;}
#orderStatusChange{font-size: 1rem; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.table td img, .bg_icon {width: 16px !important;height: 16px !important;border-radius: 0px !important;}
label, label.form-label{text-align: left;}
.textbox_error{position: relative}
.textbox_error .parsley-errors-list{position: absolute; bottom: -30px; padding-bottom: 10px;}
.parsley-errors-list{ position: absolute; padding-bottom: 10px;}
.upload_btn {background-color: rgb(37, 55, 139);color: #fff !important;border-radius: 0.3rem;padding: 3px 7px;cursor: pointer;}
.error_res .parsley-errors-list{position: relative;margin-bottom: 0;padding-bottom: 0;}
.error_ui{ position: relative;}
.error_ui .parsley-errors-list{margin-bottom: 0; padding-bottom: 0; position: absolute; bottom: -20px;}
.sidebar .nav .nav-item .nav-link{position: relative;}
.sidebar .nav .nav-item .nav-link .badge {font-size: 11px; padding: 2px 3px; width: 22px; position: absolute; right: 0.8rem;}
.sidebar .nav.sub-menu{padding: 0.25rem 0 0 2.5rem}
.preview-list .preview-item .preview-item-content p{color: #000; margin-bottom: 0;}
.datepicker.input-group, .datepicker.asColorPicker-wrap{ border: initial;}
@media (min-width: 991.98px) and (max-width: 1460.98px){.mainheading::before, .mainheading::after{ width: 9vw !important; }}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group{ padding-left: .8rem; line-height: 1;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .mdi-magnify{ height: 12px;}
.form-control,.form-select { padding: 0.7rem 0.375rem; line-height: 1.2;}
.w100p{ width: 100px;}
.error_per_ab{position: relative;}
.error_per_ab ul.parsley-errors-list{ bottom: -18px; padding-bottom: 0;}
/* Preferred Supplier CSS (Ronak 28/06/2022) */
.prefsupp {position: absolute !important; bottom: 25px; right: 0px; width: 400px; text-align: left; z-index: 99;}
.prefsupp1{left:0px;}
.prefer-edit{max-height: 165px;overflow-x: hidden;}
.preferbtn  {font-size: 12px;padding: 1px ;line-height: .5;height: 18px;}
.preffered-trusted{margin-top:20px; margin-right: 15px;}
.category-tags{background: #CFE2FF; border: 1px solid #B6D4FE; color: #20232a;}
.prefer-edit, .prefer-edit a, .prefer-edit .dealing-rfq { font-size: 12px; }
.suppCheckBox { width: 15px; height: 15px; margin-top: 10px;}
.modal.version2 .form-check .form-check-input { margin-top: 10px; }
.prefsupp.collapsing{ transition: none 0s }
.icon_prefferd_admin{background-image:url('/assets/icons/icon_plus.png');background-position:center center;background-repeat:no-repeat; width: 12px; height: 12px; display: inline-block; background-size: cover; margin-top: 5px;}
.icon_prefferd_admin[aria-expanded=true]{background-image:url('/assets/icons/icon_plus.png');background-position:center center;background-repeat:no-repeat;transform: rotate(45deg);}
.icon_prefferd_admin[aria-expanded=false]{background-image:url('/assets/icons/people-carry-1.png');background-position:center center;background-repeat:no-repeat; width: 18px; height: 18px;}
/* End */

/* Multiple rfq attachment CSS() (Vrutika 28/07/2022)  */
.btnlistuploaded{ width: 36px; position: relative;}
.btnlistuploaded .listofuploadedfiles {visibility: hidden;opacity: 0;transition: visibility 0s linear .8s, opacity .8s;}
.btnlistuploaded:hover .listofuploadedfiles {visibility: visible;opacity: 1;transition: visibility 0s linear 0s, opacity .8s;}
.listofuploadedfiles{position: absolute !important;background: #fff;border:1px solid #ccc;border-radius: 8px;box-shadow:0 10px 2rem rgba(0,0,0,.2);z-index: 5;top: 16px;left: calc(100% - 140px);font-size: 12px;font-weight: normal;width:280px;overflow: auto; max-height: 180px;}
/* Multiple Rfq Attachments CSS End */

/* Supplier Video CSS */
#supplier_video_tutorial .dropdown-toggle::after {display: none; }
#supplier_video_tutorial .dropdown-menu[data-bs-popper] {top:88%;}
#supplier_video_tutorial .dropdown-menu-end[data-bs-popper] {right: 0x}
/* Supplier Video CSS end */

/* Quincus new design in order edit page CSS */
.checkbox-class {width: 10px;}
.table thead th, .jsgrid .jsgrid-table thead th {padding: 0.5rem 0.5rem;}
.quincus_table table thead th{padding: 0.5rem 0.5rem !important;}
.quincus_table table tbody td{padding: 0.5rem 0.5rem !important;}
.quincus_table{max-height: 250px;overflow-y: auto;}
.quincus_table-head{position: sticky;top: 0;z-index: 99;}
.quincus_table .form-check .form-check-input{margin: 0 !important;}
.tooltip_section.multi_pro_list {bottom: inherit;left: 0;max-height: 200px;overflow-y: auto;}
.tabel-product-display{background-color: #E2DEDE;position: sticky;top: -5px;z-index: 1;}
.accordion-button::after {margin-left:50px;}
span.select2-container.select2-container--default.select2-container--open{z-index: 1060;}
/* Quincus new design in order edit page CSS end */
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item + .chat-bg .chatName, .sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item + .chat-bg .dots  { display:none}
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item + .chat-bg {padding:1rem;}
.bg_Amount1, .bg_Overdue1, .bg_xen1{ background-size: 90px;}
/*------------------------*/
.comment-btn {font-size: 0.9rem !important;}
.comment-placeholder {font-size: 1rem !important;}
.header-sub-text {font-size: 0.85rem !important;}
.comment-section {max-height: 290px;overflow: auto;}
.comment-header img{ width: 36px; height: 36px}
#right-sidebar > position-sticky{ z-index:5}
#feedback_description{font-size: 13px; font-weight: normal !important;}
/* chat Design Hiren Design*/
.message-names ul{margin: 0px;padding: 0px;list-style: none;}
.message-names li{position: relative;}
.message-names li .user-link{text-decoration: none;max-width: 310px;justify-content: space-between;}
/* .user-line-list li:before{content: "\f007";font-family: "FontAwesome";position: absolute;border-radius: 100%;left: 34px;top: 7px;margin-right: 15px;z-index: 2;} */
.user-line-list li:hover{background-color: var(--FB-header);}
.user-line-list li.active{ background-color: var(--FB-context); color: #FFF !important;}
.user-line-list li.active p,.user-line-list li.active .time,.user-line-list li.active .badge{color: #FFF !important;}
.user-line-list{max-height: 150px;overflow-y: auto;}
.rfq-name a[aria-expanded="true"]{background-color: #f9f9f9;}
.rfq-name a[aria-expanded="true"] + div{background-color: #f9f9f9 ;}
.tracking{display: flex !important;margin-left: 0px !important;}
/* ---------------------------- */
.badgesection .badge{ width: 100%;}
@media  (min-width: 1600.98px) and (max-width: 1600.98px) {.dataTable {width: 100% !important;}
.categorysection_popup:hover .categoryhover.editQuoteAttribute{ display: inherit; position: absolute; top: 2rem; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 115px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.categorysection_popup:hover .categoryhover.createQuoteAttribute{ display: inherit; position: absolute; top: 2rem !important; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 95px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.form-label{font-size: 12px !important;}
}
input.non-pkp-btn, input.pkp-btn{margin-top: 1px;}
/* Supplier Professional Profile */
.supplierProfessionalPro li.nav-item { margin-right: 0; font-size: 10px;}
.supplierProfessionalPro li.nav-item button span{ width: 20px; height: 20px; border-radius: 50%; background-color: #0d6efd; display: inline-block; color: #fff;line-height: 19px; text-align: center;}
.supplierProfessionalPro li.nav-item button.active span{border:1px solid #fff;}
.supplierProfessionalPro.nav-pills {border-bottom: 0px solid #f6f2f2; padding-bottom: 0rem;}
.supplierProfessionalPro .tab-content{border: 0;}
@media (max-width:1599.98px) { .supplierProfessionalPro li button.nav-link{ padding-left: .5rem; padding-right: .5rem;} }
@media (min-width:1400px) { .supplierProfessionalPro li.nav-item{font-size: 12px;} }
@media (max-width:1399.98px) { .supplierProfessionalPro {font-size: 14px;} table.table.table-hover.tablecatagory_pop.dataTable.no-footer{width: 100% !important;}}
/* Gallery / Pictures */
.lightGallery .lightgallery_img { background-color: #d7d9df; border: 1px solid #ccc; max-height: 150px; max-width: 150px; line-height: 146px;overflow: hidden; }
.lightGallery .lightgallery_img img,
.lightGallery>div img {max-width: 100%;max-height: 100%;}
.lightGallery>div .image-tile {height: 100%;width: 100%;margin-bottom: 0;padding: 0;}
.lightGallery .col-6 {position: relative;}
.lightGallery .input-group-text {position: absolute;right: 0rem;top: 1px;}
.lightGallery .active {border: 1px solid #23af47;}
.lightGallery .inactive {border: 1px solid #1c2c42;}
.select2-container--default .select2-selection--single {height: 40px !important;}
.form-select{padding: 0.7rem 0.375rem;}
.tab-content .selectBox {height: 40px !important;}
#show-images div{ width: 150px; height: 150px; display: inline-block; background-color: #d7d9df;  border: 1px solid #ccc; position: relative;   line-height: 148px;}
#show-images .thumb{ height: auto; width: auto; max-width: 100%; max-height: 100%;}
.opacity-25{ opacity: .25;}
#groupImageEdit{background-color: #fbfbfb; border: 1px dashed #ccc;}
::placeholder {font-size: 13px; }
div.dataTables_wrapper div.dataTables_processing {position: fixed !important;border:none !important;background:transparent !important;}
.search_rfq .categorysearch{ padding-right: 2rem; background-image: url(../../images/icon_search_b.png); background-repeat: no-repeat; background-position: 99% 10px; width: 100%;}
.search_rfq .list-group { background-color: white; display: none; border: 1px solid #ccc; border-top: 1px white !important; border-bottom: 1px white !important; list-style-type: none; position: absolute; left: 0; top: 63px; width: 100%; z-index: 9999; max-height: 170px; overflow-y: auto;}
.search_rfq .list-group .list-group-item{ border-bottom: 1px solid #ccc; font-size: 13px !important; font-weight: normal;}
.search_rfq .form-control:focus + .list-group { display: block;}
.ui-autocomplete {max-height: 150px !important;overflow-y: auto;overflow-x: hidden;}
.ui-menu-item{font-size: 13px !important;}
.search_rfq_edit .categorysearch{ padding-right: 2rem; background-image: url(../../images/icon_search_b.png); background-repeat: no-repeat; background-position: 99% 10px; width: 100%;}
.search_rfq_edit .list-group { background-color: white; display: none; border: 1px solid #ccc; border-top: 1px white !important; border-bottom: 1px white !important; list-style-type: none; position: absolute; left: 0; top: 63px;  width: 100%; z-index: 9999; max-height: 180px; overflow-y: auto;}
.search_rfq_edit .list-group .list-group-item{ border-bottom: 1px solid #ccc; font-size: 13px !important; font-weight: normal;}
.search_rfq_edit .form-control:focus + .list-group { display: block;}
/*bussess details for deal with category*/
.sw > .tab-content{overflow: initial !important;}
.multiselectall .filter-multi-select .custom-control:first-child{ display: none;}
/*bussess details for deal with category*/
::placeholder {font-size: 13px; }
.blink{animation: 1.5s linear condemned_blink_effect;animation-iteration-count: 1;}
@keyframes condemned_blink_effect {
    0% { box-shadow: 0 0 0 0.25rem rgba(190, 31, 46, .25) !important; }
    100% { box-shadow: 0 0 0 0.25rem rgba(249, 1, 26, 0.753) !important; }
    0% { box-shadow: 0 0 0 0.25rem rgba(190, 31, 46, .25) !important; }
}
/* categorysection_popup */
.categorysection_popup{ position: relative; padding: 3px;}
.categorysection_popup .categoryhover{display: none;}
.categorysection_popup .categoryhover ol{margin-bottom: 0; margin-left: 0px !important; text-wrap: wrap !important;}
.categorysection_popup .categoryhover ol li{padding: 3px; margin:0 5px;}
.categorysection_popup:hover .categoryhover{ display: inherit; position: absolute; top: 0rem; width: 250px; left: calc(50% - -30px); max-height: 140px; overflow: auto; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.categorysection_popup:hover .categoryhover.rfcView{ display: inherit; position: absolute; top: 0rem; width: 250px; left: calc(50% - -43px ) !important; max-height: 140px; overflow: auto; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.categorysection_popup:hover .categoryhover.AttributeHover{ display: inherit; position: absolute; top: 0rem; width: 500px; left: calc(50% - -11px ) !important; max-height: 100px; height: 150px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.categorysection_popup:hover .categoryhover.editQuoteAttribute{ display: inherit; position: absolute; top: 2rem; width: 500px; left: calc(50% - 30px ) !important; max-height: 115px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
.categorysection_popup:hover .categoryhover.createQuoteAttribute{ display: inherit; position: absolute; top: 2rem !important; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 95px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
#supplierTable tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
#supplierTable tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
#supplierTable tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
#supplierTable tr:nth-child(1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(1) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
#supplierTable tr:nth-child(2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(2) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
#supplierTable tr:nth-child(3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(3) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
.QuoteAttributeTable tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.QuoteAttributeTable tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.QuoteAttributeTable tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover{  top: inherit ; bottom: 0px;}
.QuoteAttributeTable tr:nth-child(1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(1) .categorysection_popup:hover .categoryhover{  bottom: 0px !important;}
.QuoteAttributeTable tr:nth-child(2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(2) .categorysection_popup:hover .categoryhover{  bottom: 0px !important;}
.QuoteAttributeTable tr:nth-child(3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(3) .categorysection_popup:hover .categoryhover{  bottom: 0px !important;}
.Order_Attribute tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.Order_Attribute tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.Order_Attribute tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover{  top: inherit ; bottom: 0px;}
.Order_Attribute tr:nth-child(1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(1) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}
.Order_Attribute tr:nth-child(2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(2) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}
.Order_Attribute tr:nth-child(3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(3) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}
.Payment_Attribute tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.Payment_Attribute tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover{  top: 0px; bottom: inherit;}
.Payment_Attribute tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover{  top: inherit ; bottom: 0px;}
.Payment_Attribute tr:nth-child(1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(1) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}
.Payment_Attribute tr:nth-child(2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(2) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}
.Payment_Attribute tr:nth-child(3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(3) .categorysection_popup:hover .categoryhover{ bottom: 0px !important;}

.sellerDownloadAirWayBill.dropdown-toggle:after{float: right;  margin-top: 3px;}
.dataTables_scrollBody, .tbodyheight{min-height: 415px;background-color: #fff;}
/* Highlight product checkbox */
.blink_me {animation: blinker 1s linear infinite;position: relative;}
.blink_me::after{content: '';box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--FB-modal-header);width: 8px;height: 8px;display: block;top: 7px;position: absolute;left: 2px;}
@keyframes blinker { 50% { opacity: .3; } }
/* End */
.dataTables_scrollBody{min-height: 415px;background-color: #fff;}
/* Multistep CSS */
.multisteps-form__progress {display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));}
.multisteps-form__progress-btn {transition-property: all;transition-duration: 0.15s;transition-timing-function: linear;transition-delay: 0s;position: relative;padding-top: 20px;color: rgba(108, 117, 125, 0.7);text-indent: -9999px;border: none;background-color: transparent;outline: none !important;cursor: pointer;}
@media (min-width: 500px) {.multisteps-form__progress-btn {text-indent: 0;}}
.multisteps-form__progress-btn:before {position: absolute;top: 0; left: 50%; display: block; width: 13px; height: 13px; content: ""; transform: translateX(-50%); transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s; border: 2px solid currentColor; border-radius: 50%; background-color: #fff; box-sizing: border-box; z-index: 3;}
.multisteps-form__progress-btn{font-size: 14px;}
.multisteps-form__progress-btn:after {position: absolute;  top: 5px; left: calc(-50% - 13px / 2); transition-property: all; transition-duration: 0.15s; transition-timing-function: linear; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ""; background-color: currentColor; z-index: 1; }
.multisteps-form__progress-btn:first-child:after { display: none; }
.multisteps-form__progress-btn.js-active { color: var(--FB-context); }
.multisteps-form__progress-btn.js-active:before {transform: translateX(-50%) scale(1.2); background-color: currentColor; }
.multisteps-form__form { position: relative; }
.multisteps-form__panel { position: absolute; top: 0; left: 0; width: 100%; height: 490px; opacity: 0; visibility: hidden;}
.multisteps-form__panel .button-row{position: absolute;right: 0;bottom: 0px;}
.multisteps-form__panel.js-active {  opacity: 1; visibility: visible; }
.multisteps-form__panel[data-animation=scaleIn] {transform: scale(0.9);}
.multisteps-form__panel[data-animation=scaleIn].js-active {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;transform: scale(1);}
.multisteps-form__content .accordion .accordion-item .accordion-button{background-color: #f0f3ff !important;}
div.dataTables_wrapper div.dataTables_processing {position: fixed !important;border:none !important;background:transparent !important;}
.multisteps-form__content .table-responsive{ overflow-y: inherit !important; height: auto !important }
.productDiscriptionCss{width: 35%;word-break: break-all;min-width: 250px !important;}
.multipleproducthover .tooltiphtml{ height: inherit; display: inline-block;}
@media (min-width: 768px) {.multipleproducthover .tooltip_section{ min-width:550px;}}
.multipleproducthover .tooltiphtml .tooltip_section {height: 0; transition: visibility 0s linear .8s, opacity .8s;}
.multipleproducthover .tooltiphtml:hover .tooltip_section {height: inherit; transition: visibility 0s linear .8s, opacity .8s;}
.multi_pro_list table{ border: 1px solid #CCCCCC; font-size: 12px;}
.multi_pro_list table thead{ background-color: #E2DEDE;}
.tooltip_section.multi_pro_list{ bottom: inherit; left: 0; max-height: 200px;  overflow-y: auto; }
.tooltip_section.multi_pro_list::before, .tooltip_section.multi_pro_list::after{content: ''; width: 0; height: 0; border-left: 0px solid transparent; position: absolute; }
.tooltip_section.multi_pro_list::before{border-left: 0px solid transparent; border-right: 0px solid transparent;border-bottom: 0px solid #ccc; top: -8px; left: 8px;}
.tooltip_section.multi_pro_list::after{border-right: 0px solid transparent;border-bottom: 0px solid #fff; bottom: inherit; top: -11px; left: 7px;}
#bulkdisbursement-modal-content .tooltiphtml{position: relative;}
#bulkdisbursement-modal-content .tooltiphtml .tooltip_section {visibility: hidden;opacity: 0;transition: visibility 0s linear .8s, opacity .8s;}
#bulkdisbursement-modal-content .tooltip_section {position: absolute;background: #fff;border: 1px solid #ccc;border-radius: 8px;box-shadow: 0 10px 2rem rgb(0 0 0 / 20%);z-index: 5;bottom: 0;left: calc(50% - 150px);font-size: 12px;font-weight: normal;min-width: 300px;bottom: 1.2rem;overflow: hidden;}
#bulkdisbursement-modal-content .tooltiphtml:hover .tooltip_section { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity .8s;}
.tooltip_section .subproducts{max-height: 100px; overflow-y: auto;}
#confirmOrderProductsModal .tooltip_section.multi_pro_list::before, #confirmOrderProductsModal .tooltip_section.multi_pro_list::after{display: none;}
/* supplier profile percentage*/
.profprogress {position: relative; text-align: center;}
.barOverflow {position: relative; overflow: hidden; width: 60px; height: 30px; margin-bottom: -18px;}
.bar { position: absolute; top: 0; left: 0;  width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box; border: 5px solid #eee; border-bottom-color: #1D0FFF; border-right-color: #1D0FFF;}
/* Popup model open in dashbord supplier side start*/
#filldetailsmodal .modal_btn-close {position: absolute;background-color: transparent;border-radius: 50%;top: -40px;right: -11px;}
#filldetailsmodal .modal-content {border-radius: 1rem !important;background-color: var(--FB-header);}
.img_left_pop {position: relative;left: -15%;}
@media (min-width: 576px){#filldetailsmodal .modal-dialog {max-width: 520px;margin: 1.75rem auto;}}
@media (max-width: 767px){ .img_left_pop { position: relative; left: 0; text-align: center; line-height: 2; } .img_left_pop img{ max-height: 150px; margin-top: -60px; } .img_left_pop div{padding-right: 1rem;} #closeSupplierProfilePopubHide{position: absolute;top: 0;z-index: 5000;} #closeSupplierProfilePopubHide .btn-close{ padding: .8rem !important; width: 36px;}}
/*Popup model open in dashbord supplier side end*/
/* button blink start */
@keyframes glowing { 0% { background-color: #1E2C6F; box-shadow: 0 0 5px rgba(70, 85, 156, 0.3); } 50% { background-color: #1932ab; box-shadow: 0 0 20px rgba(70, 85, 156, 1); } 100% { background-color: #1E2C6F; box-shadow: 0 0 5px rgba(70, 85, 156, 0.8); } }
.button_blink { animation: glowing 1300ms infinite; }
/* button blink end */
.strikethrough { text-decoration: line-through; }
.resize { resize: vertical;}
.categorysection_popup > a{ white-space: nowrap;}
/* -----------------Responsive Coding----------------------- */
@media (max-width: 575.98px){
    .bg_product, .bg_Suppliers, .bg_RFQs, .bg_Orders, .bg_Users, .bg_Quotes, .bg_Amount, .bg_Overdue, .bg_Va_account, .bg_Limit_application, .bg_virtual_balance, .bg_xen, .bg_re_amount, .bg_pe_amount, .bg_limit, .bg_unassigned, .bg_Limit_application, .bg_QuotesExpired, .bg_UpcomingQuotes, .bg_UnrespondedRFQs { height: 90px; background-size: 60px !important;}
    h2,h3{ font-size: 1.2rem; }
    h4{margin-bottom: 0.5rem !important;}
    .newtable_v2 .dataTables_length{ width: 100% !important; float: none !important;}
    .newtable_v2 .dataTables_filter{ width: 100% !important; float: none !important;}
    .dt-buttons{margin-bottom:0rem !important;}
    .responsive_column{ justify-content: start !important; }
    .productDiscriptionCss{ min-width: 250px !important; }
    .bg_Amount1, .bg_Overdue1, .bg_xen1{ background-size: 60px !important; }
    .notification_sections{ position: relative;}
    .notification_sections > div:nth-child(1){position: absolute; padding-left: .5rem; align-items: flex-start !important;}
    .notification_sections > div{padding-left: 2rem;}
    .responsive_btn{padding: 0.8em 1em !important;font-size: .75rem !important;}
    .modal .modal-dialog .modal-content .modal-footer{ flex-direction: unset; align-items: self-start; }
    .modal .modal-dialog .modal-content .modal-footer > :not(:first-child){ margin-left: 10px; }
}
@media (max-width: 767.98px) {
    .newtable_v2 .dataTables_length, .newtable_v2 .dataTables_filter{width: 100%}
    .supplierProfessionalPro ul.nav-pills{ display: flex; width: 100%; overflow: auto; flex-wrap: nowrap; justify-content:start !important;}
    .supplierProfessionalPro ul.nav-pills li{white-space: nowrap}
}
.tooltip_section .subproducts{max-height: 100px; overflow-y: auto;}
#confirmOrderProductsModal .tooltip_section.multi_pro_list::before, #confirmOrderProductsModal .tooltip_section.multi_pro_list::after{display: none;}
.fs-11.bg-pre {background-color: #f2f8ff !important; border: 1px solid #dde9f9; width: 100%;padding: 2px;display: block; text-align: center; border-radius: 4px;}
.fs-11.text-recieved { color: var(--FB-context) !important; background-color: var(--FB-header) !important; border-color: var(--FB-context) !important;}
#right-sidebar .tab-content .card-header{min-height:inherit}
body.modal-open{height: 100vh !important; overflow-y: auto !important;}
.strikethrough {text-decoration: line-through;}
.inputfocus{box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);}
.dataTables_filter input{ padding: .5rem;}
.dataTables_scrollHeadInner{min-width: 100%;}
.form-control:disabled, .form-control[readonly], .form-select:disabled, .form-select[readonly], .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #e4f3ec !important; }
/* ------New Css------- */
.profile-name .company-name:hover { max-width: 150px !important; cursor: pointer; white-space: normal; word-break: break-word; }
.sw-theme-dots>.nav .nav-link::after{ width: 20rem !important}
@media screen and (max-width: 1799.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 20rem !important;}}
@media screen and (max-width: 1499.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 13rem !important;}}
@media screen and (max-width: 1299.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 15rem !important;}}
@media screen and (max-width: 1200.98px) {.sw-theme-dots>.nav .nav-link::after{ width: 18rem !important;}}
@media screen and (max-width: 1024.98px) {.sw-theme-dots>.nav .nav-link::after{ display: none !important;}}

.company_switch_style{overflow: inherit !important;}
#CompanySwitchcollapse{ position: absolute; top: 50px; left: 235px; right: 1430px; min-width:200px;}
@media  (max-width: 1399.99px) { #CompanySwitchcollapse{ right:1200px;} }
@media screen and (max-width: 1799.98px) { #CompanySwitchcollapse{right: 1430px;} }
@media screen and (max-width: 1499.98px) { #CompanySwitchcollapse{right: 1020px;} }
@media screen and (max-width: 1299.98px) { #CompanySwitchcollapse{right: 840px;} }
@media screen and (max-width: 1200.98px) { #CompanySwitchcollapse{right: 840px;} }
@media screen and (max-width: 1024.98px) { #CompanySwitchcollapse{top: 50px;} }
@media (min-width: 347.98px) and (max-width: 988.98px) { #CompanySwitchcollapse{top: 50px; left: 5px; top: 74px; right: 0px;z-index:100;} }
.company_namelist{display: none;}
.company-name.company_switch:hover{ white-space: inherit; word-break: inherit;}
@media screen and (max-width: .98px){.categorysection_popup:hover .categoryhover{left: calc(50% - 30px);}}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:35px !important; }
.tooltiprightalign .tooltiphtml .tooltip_section, .tooltiprightalign .tooltiphtml:hover .tooltip_section{ bottom: inherit !important; left: 20px !important; top: -36px;}
.daterangepicker{position:absolute !important;}
#staticBackdrop{overflow-y: auto;}
/* #quoteCounts{margin-right: 20px;} */
.admin_img{width: 100px;}
#quoteCounts{position: absolute; right: 2.5rem;}
.partnercard{width: auto;max-width: 100px;max-height: 100px;filter: drop-shadow(0px 0px 1px #666666);}

.sidebar span.text-light.position-fixed.poweredby{ bottom: 20px !important; margin-left: 15px; font-size: 12px; }
@media(max-height:800px) {.sidebar span.text-light.position-fixed.poweredby{position: relative !important; bottom: inherit !important; padding-top: 1rem; padding-bottom: 1rem;}}
/* .userBrandLogo{ width: 100%; height: 35px;} */
.text-small{font-size: 0.8em;}
.primary-button-magic:hover{color: #fff !important;}
.close-btn-white { background-image: url('/front-assets/images/icons/times.png') !important; background-repeat: no-repeat !important; background-position: center !important; }
@media(max-width:1366px) {.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-top{z-index: 100 !important;}  .actionMainTab .select-tabesBtn {margin-right: 300px !important;} .actionMainTab .select-tabesBtn2.other { margin-right: 300px !important;} .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{ width: 350px !important; } .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 376px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0px !important;} .nav-link.select-tabesBtn.active + .nav-link.select-tabesBtn3{ margin-left: 193px !important; } .actionMainTab .select-tabesBtn .tagCategorybox.multiple::after{width: 386px !important;}}
.primary-button-magic:hover{ color: #fff !important; }
.close-btn-white { background-image: url('/front-assets/images/icons/times.png') !important; background-repeat: no-repeat !important; background-position: center !important; }
/* Import RFQ-Quote CSS */
.importHighlight { background-color: #e1effff5; }
.branchHighlight { background-color: #fffae1f5;  border: 1px solid #e7e7e7;}
.deactivatedBranch { color: #8080809c; }
.directOrderHighlight { background-color: #e1effff5 !important;}
.autoQuoteHighlight { background-color: #e1fff4f5 !important;}

/* __________________FBIndustries Css ['Color Changes']__________________________ */
.small-text{color: var(--FB-context);}
.userBrandLogo{ width: 100%; height: 60px !important;}
.sidebar{background-color: var(--FB-ternary-color);}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link, .sidebar .nav .nav-item .nav-link i.menu-arrow, .sidebar .nav .nav-item .nav-link i.menu-icon{color: var(--FB-secondary-color); letter-spacing: 0.9px;}
.sidebar .nav .nav-item.active > .nav-link,.sidebar .nav .nav-item.active > .nav-link .menu-icon{color: var(--FB-white) !important;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link{color: var(--FB-white) !important; background-color: var(--FB-context); letter-spacing: 0.85px;}
.navbar .navbar-brand-wrapper, .sidebar .nav.sub-menu .nav-item::before{background-color: var(--FB-white); margin-top: 11px;}
.sidebar .nav .nav-item.nav-profile .profile-name .name{color: var(--FB-secondary-color); letter-spacing: 0.9px;}
.navbar .navbar-brand-wrapper .navbar-toggler{color: var(--FB-secondary-color);}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.menu-arrow,.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.menu-icon{color: var(--FB-white);}
.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline{color: var(--FB-context); border: 1px solid var(--FB-context);padding-right: 5px;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link .badge-info{color: var(--FB-white); border: 1px solid var(--FB-white); padding-right: 5px;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover.nav-profile > .nav-link > .profile-name .name{color: var(--FB-white);}
.sidebar .nav.sub-menu{background-color: var(--FB-context);}
.sidebar .nav.sub-menu .nav-item .nav-link{color: var(--FB-white) !important;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link[aria-expanded="true"]{background-color: var(--FB-context); color: var(--FB-white) !important;}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"]{background-color: var(--FB-context); color: var(--FB-white) !important;}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before{color: var(--FB-white);}
.navbar .navbar-menu-wrapper{background-color: var(--FB-ternary-color);}
.dropdown-item:hover{background-color: var(--FB-context); color: var(--FB-white) !important;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:hover, .changeStatus:hover {color: var(--FB-primary-color);}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:hover, .changeStatus:hover {color: var(--FB-context);}
#dropdownListNotification .dropdown-item:hover .preview-item-content .preview-subject{color: var(--FB-white) !important;}
#dropdownListNotification .dropdown-item:hover .preview-item-content p.fw-light.small-text {color: var(--FB-white) !important;}
.content-wrapper, .footer-wrapper{background-color: #f4faf1 !important;}
.btn-group.home_lenguage .btn.dropdown-toggle:hover, .navbar .navbar-brand-wrapper .navbar-toggler:hover{color: var(--FB-context);}
.sidebar .nav .nav-item.active, .hover_underline:after{background-color: var(--FB-context);}
.newtable_v2 table thead{background-color: #f7faf5; color: #000; letter-spacing: 0.9px;}
.pagination .page-item.active .page-link,.pagination .page-item:focus .page-link{background-color: var(--FB-context); color: var(--FB-white) !important; border-color: var(--FB-context);}
.pagination .page-item:hover .page-link{background-color: var(--FB-ternary-color); color: var(--FB-context) !important; border-color: var(--FB-context) !important;}
.page-link{color: var(--FB-primary-color);}
.page-item.disabled .page-link{color: var(--FB-primary-color);}
.btn.btn-primary{background-color: #0a0b18 !important; color: var(--FB-white) !important;}
.btn:hover.btn-primary{background-color: var(--FB-context) !important; color: var(--FB-white) !important; border-color: var(--FB-context) !important;}
a{ color: #222222;}
a.nav-link{color: var(--FB-modal-header);}
a:hover, a.nav-link:hover{color: var(--FB-modal-header);}
.hover_underline:hover{color: var(--FB-context) !important;}
.btn i, .fc button i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i, .wizard > .actions a i{font-size: 0.875rem;}
.form-check-input:checked{background-color: var(--FB-context); border-color: var(--FB-context);}
.newversiontabs .nav-link.active{background-color: var(--FB-context); color: var(--FB-white); border-color: var(--FB-context) !important; letter-spacing: 1px; border-radius: 5px !important;}
.tab-content .card-header{background-color: var(--FB-header) !important;}
#upload_btn, .upload_btn{background-color: #4b7b3a !important; color: var(--FB-white) !important; border-color: #4b7b3a !important; font-weight: 500 !important; padding: 2px 5px; border-radius: 5px !important;}
/* #upload_btn:hover, .upload_btn:hover{background-color: var(--FB-modal-header) !important; color: var(--FB-white) !important; border-color: var(--FB-context) !important;} */
body .back_to_top{background-color: var(--FB-context) !important; color: var(--FB-white) !important; border-color: var(--FB-context);}
.version2 .rfqform_view label+div{color: var(--FB-context);}
.modal.version2 .badge.text-info{color: var(--FB-modal-header) !important; border-color: var(--FB-modal-header) !important;}
.form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after{background-color: var(--FB-context);}
.iti--separate-dial-code .iti__selected-flag{background-color: var(--FB-header) !important; color: var(--FB-modal-header) !important;}
.input-group-text{background-color: var(--FB-header) !important; color: var(--FB-modal-header) !important;}
.form-control:focus{border-color: var(--FB-modal-header);}
.iti__country.iti__highlight{background-color: var(--FB-header) !important;}
.iti__dial-code{color: var(--FB-modal-header) !important;}
.cp-dropdown{background-color: var(--FB-header) !important; color: var(--FB-button) !important;}
.nav-link.active .pen_icon{background-color: var(--FB-modal-header) !important;}
.contact_step .icon .pen_icon.address{background-image: url(/front-assets/images/icons/icon_pickup1.png);background-repeat: no-repeat; background-position: center center; background-size: 33px;}
.item{background-color: var(--FB-white) !important;}
.bar{border-bottom-color:var(--FB-context); border-right-color:var(--FB-context);}
.bullet-line-list li:before{border-color: var(--FB-header) !important;}
.bullet-line-list li.active::before{border-color: var(--FB-context) !important;}
.bg-success{background-color: var(--FB-context) !important;}
.sidebar .nav.sub-menu .nav-item .nav-link.active{ font-weight: 600; letter-spacing: 0.9px;color: #FFF !important;}
input[type="radio"]{accent-color: var(--FB-context);}
.logoFile:hover, .download-icon:hover {color: var(--FB-context);}
.badge-bg-primary{background-color: var(--FB-context);}
.bg-light{background-color: var(--FB-header) !important;}
.btn-warning:hover{background-color: var(--FB-primary-color) !important; color: var(--FB-white); border-color: var(--FB-primary-color) !important;}
.btn-warning{background-color: var(--FB-button) !important; color: var(--FB-white) !important; border-color: var(--FB-button) !important;}
.btn-cancel{background-color: var(--FB-header) !important; color: var(--FB-button) !important; border-color: var(--FB-header) !important;}
.btn-cancel:hover{background-color: var(--FB-context) !important; color: var(--FB-white) !important; border-color: var(--FB-context) !important;}
.btn-success{background-color: var(--FB-secondary-color); color: var(--FB-white); border-color: var(--FB-secondary-color);}
.btn-success:hover{background-color: var(--FB-primary-color); color: var(--FB-white); border-color: var(--FB-primary-color);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .supplierProfessionalPro li.nav-item button span{background-color: var(--FB-white) !important; color: var(--FB-context); border: 1px solid var(--FB-context) !important;}
/* .nav-pills .nav-link.active .small-text{color: var(--FB-white);} */
/* ___________________________New FB_ Css Above__________________________ */
@media (min-width: 992px){ .sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .menu-title{background-color: var(--FB-context) !important; color: var(--FB-white);} }
/* __________________________23-02-2024______________________________ */
#search.input-group-text{background-color: var(--FB-white) !important;}
.swal-button--danger:not([disabled]):hover{background-color: var(--FB-context);}
.js-sendemail:hover{color: var(--FB-modal-header);}
.dropdown-toggle:hover{color: var(--FB-context);}
.btn-outline-primary{border-color: var(--FB-context); color: var(--FB-context);}
.btn-outline-primary:hover{background-color: var(--FB-context); border-color: var(--FB-context);}
#accountDetailsTab{color: var(--FB-modal-header);}
#profileUpdatePopup:hover {color: var(--FB-context) !important;}
/* __________________________27-02-2024______________________________ */
.newtable_v2 .fa-eye:hover, .newtable_v2 .fa-comments:hover, .newtable_v2 .fa-commenting:hover, .newtable_v2 .fa-edit:hover{color: var(--FB-context) !important;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color  9999s ease-in-out 0s; }
.accordion-button:not(.collapsed)::after{filter: brightness(0.5) !important;}
.text-info{color: var(--FB-context) !important;}
.border-info{border-color: var(--FB-context) !important;}
.btn-info{background-color: var(--FB-context) !important; color: var(--FB-white) !important; border-color: var(--FB-context) !important;}
.btn-info:hover{background-color: var(--FB-button) !important; color:var(--FB-white) !important; border-color: var(--FB-button) !important; }
.accordion-button:not(.collapsed){background-color: var(--FB-header) !important; color: var(--FB-button) !important;}
.form-check-input:focus{border-color: var(--FB-context) !important;}
.btn-warning:active{background-color: var(--FB-context) !important; color: var(--FB-white) !important; border-color: var(--FB-context);}
.btn-warning:active i{color: var(--FB-white);}
#dropdownListNotification .preview-item:focus{background-color: var(--FB-header) !important; color: var(--FB-white);}
#dropdownListNotification .preview-item:focus:hover  .preview-item-content .preview-subject {color: var(--FB-white) !important;}
#dropdownListNotification .preview-item:focus:hover  .preview-item-content p.fw-light.small-text {color: var(--FB-button) !important;}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .badge.badge-info{color: var(--FB-white) !important; border: 1px solid var(--FB-white) !important;}
.sidebar .nav.sub-menu .nav-item .nav-link .badge.badge-info{color: var(--FB-white) !important; border: 1px solid var(--FB-white) !important; right: 37px;}
.preview-item.bg-light:hover{background-color: var(--FB-context) !important; color: var(--FB-white) !important;}
.switchcompanybtn .fa-random{color: var(--FB-context) !important;}
.nav-item:hover .switchcompanybtn .fa-random{color: var(--FB-white);}
.accordion-button:focus{box-shadow: 0 0 0 0.25rem rgba(75, 125, 67, 0.25) !important;}
.product-detail-check:checked{background-color: var(--FB-context) !important;}
/* svg {fill:var(--FB-white);} */
.downloadPo svg{ fill: var(--FB-white) !important;}
.downloadPo:hover svg{fill: var(--FB-context);}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1){background-color: var(--FB-context); border-color: var(--FB-context);}
/* .nav-profile:hover .switchcompanybtn .fa-random{color: var(--FB-white) !important;} */
.nav-profile { margin: 15px; background-color: rgb(239 246 236 / var(--tw-bg-opacity, 1)); border-radius: 20px; --tw-bg-opacity: 1;}
.btn-warning.printicon{background-color: var(--FB-header) !important;}
.btn-warning:hover.printicon{background-color: var(--FB-white) !important;}
.custom-control-input.custom-checkbox:hover, .dropdown-item.custom-control:hover{color: var(--FB-button) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2), .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3), .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4),.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+5) {background-color: var(--FB-context) !important;}
.btn-close:focus{box-shadow: none !important;}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before{background-color: var(--FB-context) !important;}
.verify.js-resendemail{top: 36px; font-size: .875rem; padding-right: 5px; padding-left: 5px;}
.verify.adminContactChange{top: 36px;}
.bg-tableColor{background-color: var(--FB-primary-color); color: var(--FB-white);}
.btn-check:checked + .btn-primary:focus, .wizard > .actions .btn-check:checked + a:focus, .btn-check:active + .btn-primary:focus, .wizard > .actions .btn-check:active + a:focus, .btn-primary:active:focus, .wizard > .actions a:active:focus, .btn-primary.active:focus, .wizard > .actions a.active:focus, .show > .btn-primary.dropdown-toggle:focus, .wizard > .actions .show > a.dropdown-toggle:focus{box-shadow: none !important;}
span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
.FBI_color{fill: var(--FB-context) !important;}
/* --------------New Responsive--------------------- */
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
    and (orientation: portrait) {
        .navbar .navbar-brand-wrapper{padding: 0px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .submit-btn{margin-top: 10px;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .margin_responsive { margin-bottom: 30px; }
        .responsive-margin { margin-top: 25px; }
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 1049.438px !important;}
        .sidebar-offcanvas.active{z-index: 999;}
}
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
    and (orientation: landscape) {
        .navbar .navbar-brand-wrapper{padding: 0px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .margin_responsive { margin-bottom: 30px; }
        .responsive-margin { margin-top: 25px; }
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{top: 1049.438px !important;}
        .sidebar-offcanvas.active{z-index: 999;}
}

/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
        .navbar .navbar-brand-wrapper{padding: 0px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .margin_responsive { margin-bottom: 30px; }
        .responsive-margin { margin-top: 25px; }
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 1011.391px !important;}
        .sw > .nav{flex-direction: row !important;}
        .sidebar-offcanvas.active{z-index: 999;}
}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (max-device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .navbar .navbar-brand-wrapper{padding: 10px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        /* .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{top: 120px;} */
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .margin_responsive { margin-bottom: 30px; }
        .responsive-margin { margin-top: 25px; }
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 1049.438px !important;}
        #companyUserTab{margin-left: 10px;}
        .sidebar-offcanvas.active{z-index: 999;}
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-width: 568px)
    and (device-width: 320px)
    and (-webkit-min-device-pixel-ratio: 2) {
        .navbar .navbar-brand-wrapper{padding: 0px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        /* .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{top: 120px;} */
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .margin_responsive { margin-bottom: 30px; }
        .responsive-margin { margin-top: 25px; }
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 1049.438px !important;}
        .sidebar-offcanvas.active{z-index: 999;}
    }

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (max-device-width: 667px)
    /* and (min-device-width: 375px) */
    and (-webkit-min-device-pixel-ratio: 3) {
        .navbar .navbar-brand-wrapper{padding: 0px !important;}
        #closeSupplierProfilePopubHide{position: relative;}
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini{align-content: center;}
        /* .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{top: 120px;} */
        .responsive-languageBtn{font-size: 1rem !important;}
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child{margin-right: .75rem !important;}
        .sidebar-offcanvas{position: absolute !important; top: 60px !important; max-height: calc(100vh + 100%);}
        .modal-open .modal{z-index: 9999 !important;}
        .userBrandLogo{align-content: center !important;}
        .navbar .navbar-brand-wrapper .brand-logo-mini img{width: calc(70px - 40px) !important;}
        .responsive_margin{margin-bottom: 20px !important;}
        .responsive-toggle{display: none !important;}
        .responsive-radio{display: block !important;}
        #buyer_editable{margin-left: 22px !important;  margin-top: 10px !important;}
        .blink_me{margin-top: 25px; margin-bottom: 25px;}
        .text-truncate{overflow: hidden;text-overflow: unset; white-space: unset;}
        .responsive_column{width: 90% !important;}
        .responsive_delete{width: 10% !important; padding-top: 0px !important; padding-bottom: 24px !important;}
        #pickupAddressDateTimeModal{z-index: 9999;}
        .preview-list .preview-item .preview-item-content p{text-wrap: wrap !important;}
        span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
        .responsive_margin{margin-left: 0px !important;}
        .sidebar-offcanvas.active{z-index: 999;}
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 1007.391px !important;}
        .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{top: 653.391px !important;}
        .search_icon{top: 25px;padding: 6px 6px; font-size: 17px;}
}

@media (min-width:1366px) and (max-width:1399px)
{
    .sidebar-offcanvas{position: unset !important; top: 60px !important; max-height: calc(100vh + 100%);}
    .navbar .navbar-brand-wrapper{padding: 25px !important;}
    .bg_product, .bg_Suppliers, .bg_RFQs, .bg_Orders, .bg_Users, .bg_Quotes, .bg_Amount, .bg_Overdue, .bg_Va_account, .bg_Limit_application, .bg_virtual_balance, .bg_xen, .bg_re_amount, .bg_pe_amount, .bg_limit, .bg_unassigned, .bg_Limit_application, .bg_QuotesExpired, .bg_UpcomingQuotes, .bg_UnrespondedRFQs{background-repeat: no-repeat; background-position: 96% center;}
    .verify.js-resendemail{background-color: #FFF; top: 35px;}
    .verify.adminContactChange{ top: 32px;}
    .publicReviewModalView{text-wrap: nowrap;}
    span.mdi.mdi-calendar.input-group-text{padding: 0.79rem 0.75rem !important;}
    .parsley-errors-list li{line-height: 1.5 !important;}
    .responsive_margin{margin-left: 0px !important;}
    .filter-multi-select > .dropdown-menu {min-width: 24.3rem !important;}
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{top: 601.438px !important;}
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{top: 242.219px !important;}
    .sidebar-offcanvas.active{z-index: 999;}
    html, body{font-size: 12px !important;}
    .actionMainTab .select-tabesBtn {margin-right: 300px !important;}
    .actionMainTab .select-tabesBtn2.other { margin-right: 300px !important;}
    .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{ width: 350px !important; }
    .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 376px !important;}
    .select2-container--default .select2-selection--single { height: 32px !important; }
    .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0px !important;}
    .nav-link.select-tabesBtn.active + .nav-link.select-tabesBtn3{ margin-left: 193px !important; }
    .actionMainTab .select-tabesBtn .tagCategorybox.multiple::after{width: 576px !important;}
}

@media (min-width:1400px) and (max-width:1440px){
    .categorysection_popup:hover .categoryhover.editQuoteAttribute{ display: inherit; position: absolute; top: 2rem; width: 400px; left: calc(50% - 200px ) !important; max-height: 115px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
    .categorysection_popup:hover .categoryhover.createQuoteAttribute{ display: inherit; position: absolute; top: 2rem !important; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 95px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
    .form-label{font-size: 12px !important;}
    html, body{font-size: 12px !important;}
}
/* -------- RFC CSS -------- */
.form-label{font-size: 14px; font-weight: 700;}
.card-header{background-color: #F2F2F2;}
.main-content{ padding: 20px;}
.text-primary{ color: #4b7d43 !important;}
.btn-primary{background-color: #000 !important; border-color: #000 !important;}
.btn-primary:hover{background-color: #4b7d43 !important; border-color: #4b7d43 !important;}
.btn-danger{ background-color: black; color: #FFF; border-color: black;}
.btn-red{background-color: var(--FB-context); color: var(--FB-white);}
.btn-red:hover{background-color: var(--FB-modal-header); color: #fff;}
/* -------- RFC CSS End -------- */
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both; }
@-webkit-keyframes heartbeat { from { -webkit-transform: scale(1);  transform: scale(1); -webkit-transform-origin: center center;  transform-origin: center center; -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
@keyframes heartbeat { from { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 10% { -webkit-transform: scale(0.91); transform: scale(0.91); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 17% { -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 33% { -webkit-transform: scale(0.87); transform: scale(0.87); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }

@keyframes progress { 0% { --percentage: 0; } 100% { --percentage: var(--value); } }
@property --percentage { syntax: '<number>'; inherits: true; initial-value: 0; }
@media only screen and (max-width: 990px){ .progress{ margin-bottom: 20px; } }
.progress { background-color: #dfdfdf; border-radius: 20px; position: relative; margin: 15px 0; height: 10px; width: 180px; }
.progress-done { background: linear-gradient(to left, #F2709C, #FF9472); box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C; border-radius: 20px; color: #fff; display: flex; align-items: center; justify-content: center; height: 100%; width: 0; opacity: 0; transition: 1s ease 0.3s; }
/* .categorysection_popup:hover .categoryhover{left:calc(50% - 44px) !important;} */
.barOverflow{width: 50px; height: 25px; margin-bottom: -12px;margin-left:0px;}
.bar {width: 50px;height: 50px;border-radius: 50%;position: absolute;transform: rotate(45deg);transition: transform 3s ease;}
.profprogress.mainPage span {font-size: 12px;z-index: 1; margin-left: -60% !important;}
.product_accordion{display: flex !important  ; align-items: center; }
.responsive_action{display: flex; justify-content: end; align-items: center;}
.responsive_Card{display: flex; align-items: center;}

@media (min-width:1366.98px) and (max-width:1366.98px){
    .profprogress.mainPage span{margin-left: -56% !important; }
    .categorysection_popup:hover .categoryhover.editQuoteAttribute{ display: inherit; position: absolute; top: 2rem !important; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 115px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
    .categorysection_popup:hover .categoryhover.createQuoteAttribute{ display: inherit; position: absolute; top: 2rem !important; width: 400px !important; left: calc(50% - 200px ) !important; max-height: 95px; height: 200px; overflow-y: auto; overflow-x: hidden; background-color: #fff; padding: 3px;  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08); border-radius: 5px; border: 1px solid #ccc; z-index: 1;}
    .form-label{font-size: 12px !important;}
    .actionMainTab .select-tabesBtn {margin-right: 300px !important;}
    .actionMainTab .select-tabesBtn2.other { margin-right: 300px !important;}
    .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{ width: 350px !important; }
    .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 376px !important;}
    .select2-container--default .select2-selection--single { height: 32px !important; }
    .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0px !important;}
    .nav-link.select-tabesBtn.active + .nav-link.select-tabesBtn3{ margin-left: 193px !important; }
    .actionMainTab .select-tabesBtn .tagCategorybox.multiple::after{width: 576px !important;}
}

@media (min-width:430px) and (max-width:430px){
    .profprogress.mainPage span{margin-left: -55%  !important;}
    .responsive_name{display: none;}
    .fa.fa-filter, .fa.fa-columns{margin-right: 0px !important;}
    .responsiveBody{margin: 0px 30px;}
    /* .red-box{ width: 150px !important; } */
}
@media (min-width:600px) and (max-width:600px)
{.profprogress.mainPage span{margin-left: -55% !important; }.responsive_name{display: none;}  .fa.fa-filter, .fa.fa-columns{margin-right: 0px !important;}}

@media (min-width:320px) and (max-width:390px){
.profprogress.mainPage span{margin-left: -54.7% !important;}
.responsive_Card{display: inline-block ; align-items: center;}
.responsive_name{display: none;}
.fa.fa-filter, .fa.fa-columns{margin-right: 0px !important;}
}
/* --------------------KanbanCss--------------------------- */
.initials{ border: 1px solid #f748591c; padding: 5px; background-color: #e4f3ec; border-radius: 55% !important; font-size: 0.775rem; width: 25px; height: 25px; text-align: center; }
.kanbanEdit:hover .show-icon .fa-edit{color:#FFF !important;}
.form-select:focus{border-color: var(--FB-context) !important; box-shadow: none;}
.page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus, .jsgrid .jsgrid-pager .jsgrid-pager-page a:focus{box-shadow: none; color: var(--FB-context) !important;border: 1px solid var(--FB-context);}
.printicon.innerPrint{ background-color: #feebef !important; }
.btn-warning:hover.printicon.innerPrint{background-color: var(--FB-white) !important;}
.modal.version2 .printicon.innerPrint{width: 34px !important; height: 34px !important;}
/* New Global Loader */
.global_loader { width: 50px; aspect-ratio: 1; display: grid; }
.global_loader::before { content:""; grid-area: 1/1; --c:no-repeat radial-gradient(farthest-side,#000 100%,#0000); background:   var(--c) 50%  0,   var(--c) 50%  100%,   var(--c) 100% 50%,   var(--c) 0    50%; background-size: 12px 12px; animation: globalLoader 1s infinite; }
.global_loader::after{ content:""; grid-area: 1/1; --c:no-repeat radial-gradient(farthest-side,#CF000F 100%,#0000); background:     var(--c) 50%  0,     var(--c) 50%  100%,     var(--c) 100% 50%,     var(--c) 0    50%; background-size: 12px 12px; animation: globalLoader 1s infinite; }
.global_loader::before { margin: 4px; filter: hue-rotate(45deg); background-size: 8px 8px; animation-timing-function: linear }
@keyframes globalLoader { 100%{transform: rotate(.5turn)} }
.cursor-default { cursor: default; }
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .dots{background:#FFF !important;}
.sidebar .nav .nav-item .nav-link:hover .dots{background:#FFF !important;}
.sidebar .nav .nav-item.active .nav-link .dots{background:#FFF !important;}
.nav-item.addedNewDesignChat{ border-radius: 1.313rem 1.313rem 1.313rem 1.313rem !important; background-color: #000 !important ; }
.nav-item.addedNewDesignChat.active{ box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) ; }
.nav-item.addedNewDesignChat .nav-link{ color: #FFF !important; background-color: #000 !important;  border-radius: 1.313rem 1.313rem 1.313rem 1.313rem !important; box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) ;}
.newdesignSubMenu{background-color: #000 !important; margin-top: 5px !important; border-radius: 1.313rem 1.313rem 1.313rem 1.313rem !important;}
.newdesignSubMenu .nav-link:hover, .newdesignSubMenu .nav-link.active{ font-weight: 900; }
div.table-responsive > div.dataTables_wrapper > div.row{background-color: #f9f9f9;}
.branchTable tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 3) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
.branchTable tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 2) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
.branchTable tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-last-child(-n + 1) .categorysection_popup:hover .categoryhover{  top: inherit; bottom: 0px;}
.branchTable tr:nth-child(1) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(1) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
.branchTable tr:nth-child(2) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(2) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
.branchTable tr:nth-child(3) .categorysection_popup:hover .categoryhover, .tablecatagory_pop tr:nth-child(3) .categorysection_popup:hover .categoryhover{  top: 0rem !important; bottom: inherit !important;}
/* --------------Convert Model to Page----------------- */
#productModal .modal-lg.productSupplierModel{ width: 100% !important; max-width: 100% !important; margin: 0px !important; }
.uploaded_document,.uploaded_files_list_btn,.attachment_files{ font-size:13.5px !important; }
.uploaded_document i,.new-attached-files i{ font-size: 14px !important; }
.uploaded_files_list_btn{ position: relative; }
.uploaded_files_list { position: absolute !important; background: #fff; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 10px 2rem rgba(0, 0, 0, .2); z-index: 5; top: 20px; left: calc(100% - 140px); font-size: 12px !important; font-weight: normal; width: 280px; overflow: auto; max-height: 180px; }
.uploaded_files_list_btn .uploaded_files_list{ visibility: hidden; opacity: 0; transition: visibility 0s linear .8s, opacity .8s; }
.uploaded_files_list_btn:hover .uploaded_files_list{ visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity .8s; }
/* -----------------Sales Person List Popup DesignCss------------------ */
.setPassword{ position: relative; }
.setPassword .input_img{ position: absolute; bottom: 6px ; left: 10px; }
.setPassword .input_img_2{ position: absolute; bottom: 6px ; right: 10px; }
/* -------------18/02/2025------------- */
/* -------------Configure your profile design css------------- */
.actionMainTab { justify-content: center; border: none; }
.actionMainTab .select-tabesBtn {margin-right: 450px;border: none;background: none;}
.actionMainTab .select-tabesBtn2.other { margin-right: 450px; border: none; background: none; }
.actionMainTab .select-tabesBtn2.single { border: none; background: none; }
.actionMainTab .select-tabesBtn3 { margin-right: 0px; border: none; background: none; }
.actionMainTab .select-tabesBtn .tagCategorybox,
.actionMainTab .select-tabesBtn2 .tagAddress,
.actionMainTab .select-tabesBtn3 .tagCompanyPrimaryDetails { border-radius: 100%; height: 70px; width: 70px; border: 2px solid #cf000f; background-color: #e4f3ec; position: relative; align-content: center; margin-bottom: 15px; }
.actionMainTab .select-tabesBtn.active .tagCategorybox,
.actionMainTab .select-tabesBtn2.active .tagAddress,
.actionMainTab .select-tabesBtn3.active .tagCompanyPrimaryDetails { background: #cf000f; }
.actionMainTab .select-tabesBtn.active .tagCategorybox h1,
.actionMainTab .select-tabesBtn2.active .tagAddress h1,
.actionMainTab .select-tabesBtn3.active .tagCompanyPrimaryDetails h1 {color: #FFFFFF;}
.actionMainTab .select-tabesBtn.active .tagCategorybox::before,
.actionMainTab .select-tabesBtn2.active .tagAddress::before,
.actionMainTab .select-tabesBtn3.active .tagCompanyPrimaryDetails::before { content: ''; height: 85px; width: 85px; position: absolute; border-radius: 50%; top: -9px; left: -9px; border: 2px solid #cf000f; background: #FFF, bottom; }
 /* Apply styles only if the user has permission */
.actionMainTab .select-tabesBtn .tagCategorybox.multiple::after { content: ''; position: absolute; top: 35px; left: 68px; border: 2px solid #cfcfcf; width: 576px; }
/* Apply styles only if the user has permission */
.actionMainTab .select-tabesBtn .tagCategorybox.triple::after { content: ''; position: absolute; top: 35px; left: 68px; border: 2px solid #cfcfcf; width: 521px; }
.actionMainTab .select-tabesBtn2 .tagAddress.triple::after { content: ''; position: absolute; top: 35px; left: 68px; border: 2px solid #cfcfcf; width: 550px; }
.actionMainTab .select-tabesBtn2 .tagAddress.single::after { display: none; }
.actionMainTab .select-tabesBtn.active .tagCategorybox::after,
.actionMainTab .select-tabesBtn2.active .tagAddress::after { content: ''; border: 2px solid #cf000f; }
.subItems { font-size: 14px; }
.tab-content { border: 0px; }
.skipButton { text-decoration: none; color: #cf000f; font-size: 18px; align-content: center; }
.skipButton:hover { border-bottom: 1px solid #cf000f; }

/* -----------TreetSructure--------------- */
ol { margin-left: 30px; counter-reset: item; list-style-type: none !important; }
.wtree li { list-style-type: none !important; margin: 10px 0 10px 10px; position: relative; }
.wtree li.follow:before { content: ""; counter-increment: item; position: absolute; top: -17px; left: -33px; border-left: 2px dashed #ddd; border-bottom: 2px dashed #ddd; width: 30px; height: 35px; }
.wtree li:last-child:after { display: none; }
.wtree li span { display: block; border: 1px solid #ddd; padding: 10px; color: #666666; text-decoration: none; }
.wtree li span:hover, .wtree li span:focus { color: #000; border: 1px solid #474747; } .wtree li span:hover + ol li span, .wtree li span:focus + ol li span { color: #000; border: 1px solid #474747; }
.wtree li span:hover + ol li:after, .wtree li span:hover + ol li:before, .wtree li span:focus + ol li:after, .wtree li span:focus + ol li:before { border-color: #474747; }
/* li span { background-color: #e4f3ec; }
li li span { background-color: #f8f8f8; }
li li li span { background-color: #cfcfcf; } */
/* -----------TreetSructure--------------- */
/* --------Plus Icon ------- */
.bouncy-transition, .more, .hamburger5, .hamburger4, .hamburger2, .hamburger1 { transition: 0.2s ease-out all 0.2s; }
.bouncy-transition:before, .more:before, .hamburger5:before, .hamburger4:before, .hamburger2:before, .hamburger1:before, .bouncy-transition:after, .more:after, .hamburger5:after, .hamburger4:after, .hamburger2:after, .hamburger1:after { transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; }
.open-state .bouncy-transition, .open-state.more, .open-state .hamburger5, .open-state .hamburger4, .open-state .hamburger2, .open-state .hamburger1 { transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; }
.open-state .bouncy-transition:before, .open-state.more:before, .open-state .hamburger5:before, .open-state .hamburger4:before, .open-state .hamburger2:before, .open-state .hamburger1:before, .open-state .bouncy-transition:after, .open-state.more:after, .open-state .hamburger5:after, .open-state .hamburger4:after, .open-state .hamburger2:after, .open-state .hamburger1:after { transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s; }
.more { display: block; position: relative; }
.more:before, .more:after { content: ""; position: absolute; top: 0px; left: 0px; width: 14px; transform: translate(-50%, -50%); border-bottom: 4px solid #cf000f; }
.more:before { transform: translate(-50%, -50%) rotate(90deg); }
.more4:before, .more4:after { transition: 0.2s width 0.2s, 0.2s transform; }
.open-state.more4:before, .open-state.more4:after { width: 14px; transition: 0.2s width, 0.2s transform 0.2s; }
.open-state.more4:before { transform: translate(-50%, -50%) rotate(-180deg); }
.open-state.more4:after { transform: translate(-50%, -50%) rotate(180deg); }
.mobileVerification{ position: relative; }
.mobileVerification .verificaonIcon{position: absolute; bottom: 8px; right: 25px;}
.nav-link.select-tabesBtn.active + .nav-link.select-tabesBtn3{ margin-left: 8px; }
/* -------------Configure your profile design css End------------- */

/* ________Responsive Css Need to Change Once Implemented just for current system working __________ */
@media (min-width: 1024px) and (max-width: 1266px) {
    .actionMainTab .select-tabesBtn, .actionMainTab .select-tabesBtn2.other{margin-right: 190px !important;}
    .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{width: 252px !important;}
    .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 278px !important;}
}

@media (min-width: 1366px) and (max-width: 1440px){
    .actionMainTab .select-tabesBtn, .actionMainTab .select-tabesBtn2.other{margin-right: 300px!important;}
    .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{width: 350px!important;}
    .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 370px !important;}
}
@media (min-width: 768px) and (max-width: 768px){
    .actionMainTab .select-tabesBtn, .actionMainTab .select-tabesBtn2.other{margin-right: 100px!important;}
    .actionMainTab .select-tabesBtn .tagCategorybox.triple::after{width: 170px!important;}
    .actionMainTab .select-tabesBtn2 .tagAddress.triple::after{width: 187px !important;}
}

/* Dashboard Tagline*/
/* .animation {
    height: 25px;
    overflow: hidden;
    margin-left: 1rem;
}

.animation>div>div {
    padding: 0.25rem 0.75rem;
    height: 2.81rem;
    margin-bottom: 2.81rem;
    display: inline-block;
    color: #fff;
    font-weight: bold;
}

  .animation div:first-child {
    animation: text-animation 8s infinite;
  } */

/* .first div {
    background-color: #E91E63;
}

.second div {
    background-color: #E91E63;
} */

    /* @keyframes text-animation {
    0% {
        margin-top: 0;
    }

    40% {
        margin-top: -80px;
    }
} */

/* .text-container {
    position: relative;
    width: 300px;
    height: 50px;
}

p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 2em;
    color: #333;
    text-align: center;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.show {
    opacity: 1;
} */

/* .text-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
} */
.text-container:after, .text-container:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: -.5em;
    width: fit-content;
    height: 100%;
    background-color: var(--FB-context);
    pointer-events: none;
    z-index: -1;
}
.text-container:after {
    right: -.57em;
}
.text-container:before {
    bottom: auto;
    top: -.5em;
    left: -.57em;
}
.text {
    position: absolute;
    opacity: 0;
    transform: scale(1);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    color: #fff;
    background-color: var(--FB-context);
}
.text.show {
    opacity: 1;
    transform: scale(1.1);
}
.text:after, .text:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -.5em;
    left: -.05em;
    pointer-events: none;
    -webkit-mask: none;
}
.text:before {
    bottom: auto;
    top: -.5em;
    border-bottom: 0.5em solid var(--FB-context);
    border-left: .5em solid transparent;
}
.text:after {
    left: auto;
    right: -.05em;
    border-top: 0.5em solid var(--FB-context);
    border-right: .5em solid transparent;
}
#BankName:focus, #BankAcNameAndCode:focus, #BankAccountNo:focus, #Signature:focus, .invoiceQuantity:hover{
    border: 1px solid #000000;
    font-size: 12px;
}
.invoiceQuantity{border: 1px solid #cfcfcf !important;}
.activeFilter {
    background-color:var(--FB-header) !important;
}

input[type="search"]::-webkit-search-cancel-button {
    /* Increase the size of the clear button */
    -webkit-appearance: none; /* Remove default styling */
    height: 15px; /* Adjust height */
    width: 15px; /* Adjust width */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="red" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') no-repeat center;
    background-size: contain; /* Ensure the icon scales properly */
    cursor: pointer;
}

.livewire-loader{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
}
.categorysection_popup .categoryhover ol {
    list-style-type: auto !important;
    margin-left: 0px !important;
}

.btn:hover.btn-dark {
    background-color: var(--FB-context) !important;
    color: var(--FB-white) !important;
    border-color: var(--FB-context) !important;
}
#amountCount, #unAssignedCount, #rfqCount, #productCount, #buyerCount, #supplierCount, #quoteCount, #orderCount, #branchAmountCount, #branchUnAssignedCount, #branchOrderCount, #branchRfqCount, #branchQuoteCount, #branchRfqToQuoteCount, #branchQuoteToOrderCount, #branchRfqToOrderCount, #unRespondedCount, #userRfqToQuoteCount, #userQuoteToOrderCount,#userRfqToOrderCount, #expiredQuoteCount, #upcomingExpireQuoteCount, #unBranchRespondedCount, #branchExpiredQuoteCount, #branchUpcomingExpireQuoteCount{
    font-size: 2.2rem !important;
  }

@media (min-width:1024px) and (max-width:1024px) {
    .bg_product, .bg_Suppliers, .bg_RFQs, .bg_Orders, .bg_Users, .bg_Quotes, .bg_Amount, .bg_Overdue, .bg_Va_account, .bg_Limit_application, .bg_virtual_balance, .bg_xen, .bg_re_amount, .bg_pe_amount, .bg_limit, .bg_unassigned, .bg_Limit_application, .bg_QuotesExpired, .bg_UpcomingQuotes, .bg_UnrespondedRFQs {
        background-size: 60px !important;
      }

      #amountCount, #unAssignedCount, #rfqCount, #productCount, #buyerCount, #supplierCount, #quoteCount, #orderCount, #branchAmountCount, #branchUnAssignedCount, #branchOrderCount, #branchRfqCount, #branchQuoteCount, #branchRfqToQuoteCount, #branchQuoteToOrderCount, #branchRfqToOrderCount, #unRespondedCount, #userRfqToQuoteCount, #userQuoteToOrderCount,#userRfqToOrderCount, #expiredQuoteCount, #upcomingExpireQuoteCount, #unBranchRespondedCount, #branchExpiredQuoteCount, #branchUpcomingExpireQuoteCount{
        font-size: 18px !important;
      }
}
.validTilldateRange  {
    cursor: pointer;
}
.daterangecustom {
    cursor: pointer;
}
#pickupAddressModal{
    overflow-y: scroll;
}

.customerTabBorder{
    background-color: #FFF !important;
    color: var(--FB-context) !important;
    border-bottom: 2px solid var(--FB-context) !important;
    border-radius: 0px !important;
}

.linear-header{
    text-align: center;
    background: linear-gradient(to right, #000 20%, #Cf000F 40%, #4b7d43 60%, #FFF 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 2s linear infinite;
    animation: shine 2s linear infinite;
}

@-webkit-keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.additionalContent {
    display: none;
}

.custonButton:hover .additionalContent {
    display: block;
}

.custonButton {
    position: relative;
}

.additionalContent {
    position: absolute;
    width: 500px;
}
.disabled-section {
    background-color: #e4f3ec !important;
    pointer-events: none;
    opacity: 0.6;
}

.progress.progress_background {
    background-color: var(--FB-header);
}

.justify-content-left { text-align: left !important;}
.final-label-width {width: fit-content !important;}
#quoteViewCode { text-align: left !important;}