@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
   --bs-pink: #ea4c89;
   --bs-red: #dc3545;
   --bs-orange: #fd7e14;
   --bs-yellow: #ffc107;
   --bs-green: #198754;
   --bs-teal: #33d685;
   --bs-cyan: #0dcaf0;
   --bs-black: #000;
   --bs-white: #fff;
   --bs-gray: #6e7985;
   --bs-gray-dark: #313c47;
   --bs-gray-100: #f8f9fc;
   --bs-gray-200: #f3f5f9;
   --bs-gray-300: #e2e5ec;
   --bs-gray-400: #ccd2da;
   --bs-gray-500: #9ea7b1;
   --bs-gray-600: #6e7985;
   --bs-gray-700: #41505f;
   --bs-gray-800: #313c47;
   --bs-gray-900: #212830;
   --bs-primary: #a3da1d;
   --bs-secondary: #6e7985;
   --bs-success: #0cb785;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fc;
   --bs-dark: #212830;
   --bs-primary-rgb: 218, 221, 226;
   --bs-secondary-rgb: 110, 121, 133;
   --bs-success-rgb: 12, 183, 133;
   --bs-info-rgb: 13, 202, 240;
   --bs-warning-rgb: 255, 193, 7;
   --bs-danger-rgb: 220, 53, 69;
   --bs-light-rgb: 248, 249, 252;
   --bs-dark-rgb: 33, 40, 48;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
   --bs-body-color-rgb: 65, 80, 95;
   --bs-body-bg-rgb: 251, 252, 254;
   --bs-font-open-sans: 'Open Sans', sans-serif;
   --bs-font-archivo: "Archivo",sans-serif;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: 'Open Sans', sans-serif;
   --bs-body-font-size: 0.875rem;
   --bs-body-color: #41505f;
   --bs-body-bg: #fbfcfe;
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #e2e5ec;
   --bs-link-color: #4059ae;
   --bs-link-hover-color: #4059ae;
   --bs-code-color: #ea4c89;
   --bs-highlight-bg: #fff3cd
}
/* ***************************************************** */
*,*::before,*::after {
   box-sizing: border-box
}
@media(prefers-reduced-motion: no-preference) {
   :root {
       scroll-behavior: smooth
   }
}
hr {
   margin: 1rem 0;
   color: inherit;
   border: 0;
   border-top: 1px solid;
   opacity: .25
}
small,.small {
   font-size: 0.875em
}
sub,sup {
   position: relative;
   font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline
}
sub {
   bottom: -0.25em
}
sup {
   top: -0.5em
}
a {
   color: var(--bs-link-color);
   text-decoration: none
}
a:hover {
   color: var(--bs-link-hover-color)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none
}
label {
   display: inline-block
}
button {
   border-radius: 0
}
button:focus:not(:focus-visible) {
   outline: 0
}
input,button,select,optgroup,textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}
button,select {
   text-transform: none
}
[role=button] {
   cursor: pointer
}
select {
   word-wrap: normal
}
select:disabled {
   opacity: 1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
   display: none !important
}
button,[type=button],[type=reset],[type=submit] {
   -webkit-appearance: button
}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
   cursor: pointer
}
::-moz-focus-inner {
   padding: 0;
   border-style: none
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-weight: normal;
   vertical-align: baseline;
}
img { 
   height: auto;
   vertical-align: bottom;
   max-width: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
   display: block;
}
ol,ul {
   list-style: none;
}
blockquote,q {
   quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
   content: "";
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
body {
   font-family: 'Archivo', sans-serif;
   font-family: 'Open Sans', sans-serif;
   background-color: #f9fcff;
   color: #6e7985;
}
input::-webkit-input-placeholder {
   color: #a9afb5;
}
input:-ms-input-placeholder {
   color: #a9afb5;
}
input::placeholder {
   color: #a9afb5;
}
h1,h2,h3,h4,h5,h6 {
   color: #212830;
}
strong, b {
   font-weight: 700 !important;
}
/* ***************************************************** */

/* start row & col */
.row {
   margin-top: -16px;
   margin-left: -8px;
   margin-right: -8px;
}
.row::after {
 content: "";
 clear: both;
 display: table;
}
[class*="col-"] {
 float: left;
 padding-left: 8px;
 padding-right: 8px;
 margin-top: 16px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/* end row & col */

/* start sidebar */
.sidebar {
   box-shadow: 3px 0 5px -6px rgba(0,0,0,0.7), -18px 0 0px -14px rgba(0,0,0,0.7);
   left: 0;
   width: 250px;
   position: fixed;
   top: 0;
   background-color: #4a4542;
   z-index: 1000;
   transition: all 0.3s;
   height: 100vh;
   opacity: 1;
   visibility: visible;
}
.sidebar-hide {
   left: -250px;
   opacity: 0;
   visibility: hidden;
}
#navigations::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 3px #6e798580;
   background-color: #F5F5F5;
}
#navigations::-webkit-scrollbar {
   width: 3px;
   background-color: #F5F5F5;
}
#navigations::-webkit-scrollbar-thumb {
   background-color: #6e798580;
}
.logo {
   height: auto;
   width: 150px;
}
.sidebar-header {
   padding: 0 20px;
   height: 72px;
   display: flex;
   align-items: center;
   position: relative;
   z-index: 700;
   border-bottom: 1px solid;
   border-color: rgba(255,255,255,.12);
}
.sidebar-header a {
   font-size: 24px;
   font-family: 'Archivo', sans-serif;
   font-weight: 600;
   display: inline-block;
   line-height: 1;
   color: #fff;
   letter-spacing: -0.5px;
   position: relative;
}
.navigations {
   height: 100%;
}
.navigations:hover {
   overflow: auto;
}
.sidebar-menu {
   border-bottom: 1px solid;
   border-color: rgba(255,255,255,.12);
}
.sub-menu {
   padding-bottom: 20px;
   opacity: 0; 
   visibility: hidden;
   display: none;
}
.sub {
   opacity: 1; 
   visibility: visible;
   display: block;
}
.nav-label {
   display: block;
}
.nav-item>.nav-item-title {
   color: #ffffff;
   display: flex;
   padding: 14px 20px;
   position: relative;
   z-index: 700;
   border-bottom: 1px solid;
   border-color: rgba(255,255,255,.12);
   text-transform: uppercase;
   align-items: center;
   cursor: pointer;
   font-size: 12px;
   font-family: "Archivo",sans-serif;
   letter-spacing: .7px;
}
.nav-label span.nav-item-title::after {
   position: absolute;
   content: '';
   border-top: 1px solid;
   border-right: 1px solid;
   width: 5px;
   height: 5px;
   opacity: 1;
   transform: rotate(45deg);
   right: 20px;
   top: 21px;
   color: #fff;
}
.nav-item.level-0>.submenu {
   background-color: #524d49;
   box-shadow: 0 0 3px #000;
   left: 100%;
   min-height: calc(7.5rem + 2rem + 100%);
   position: absolute;
   top: 0;
   transform: translateX(-100%);
   transition-duration: .3s;
   transition-property: transform,visibility;
   transition-timing-function: ease-in-out;
   visibility: hidden;
   z-index: 697;
}
[class*='level-']:not(.level-0) a:hover {
   background-color: #403934;
}
.nav-item.level-0:hover>.submenu {
   transform: translateX(0);
   visibility: visible;
   z-index: 698;
}
.nav-item.level-0>.nav-item-title, .sidebar-footer .nav-item a {
   transition: background-color .1s linear;
}
.nav-item.level-0:hover>.nav-item-title, .sidebar-footer .nav-item:hover a, .nav-item.level-0.active>.nav-item-title, .sidebar-footer .nav-item.active a, .sidebar-footer .nav-item.active a {
   background-color: #524d49;
}
.nav-item-icon {
   width: 18px;
   height: 20px;
   display: block;
   margin-right: 11px;
   line-height: 1;
   font-size: 20px;
   opacity: .85;
   background-image: url(../img/dashboard-icon.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
.nav-item a span {
   line-height: 20px;
}
.nav-item-icon.dashboard {
   background-image: url(../img/dashboard-icon.svg);
}
.nav-item-icon.customers {
   background-image: url(../img/customers-icon.svg);
   background-size: 17px;
}
.nav-item-icon.orders {
   background-image: url(../img/orders-icon.svg);
}
.nav-item-icon.crawler {
   background-image: url(../img/crawler-icon.svg);
}
.nav-item-icon.data-mapper {
   background-image: url(../img/data-mapper-icon.svg);
   background-size: 16px;
}
.nav-item-icon.sales-channel {
   background-image: url(../img/sales-channel-icon.svg);
   background-size: 17px;
}
.nav-item-icon.api {
   background-image: url(../img/api-icon.svg);
   background-size: 17px;
}
.nav-item-icon.setting {
   background-image: url(../img/setting-icon-white.svg);
}
.header-logo::after, .sidebar-logo::after {
   content: "";
   position: absolute;
   bottom: 3.5px;
   right: -8px;
   width: 6px;
   height: 6px;
   border-radius: 100%;
   background-color: #a3da1d;
}
.submenu-title {
   color: #fff;
   display: block;
   font-size: 22px;
   font-weight: 600;
   line-height: 32px;
   min-height: 72px;
   padding: 20px 24px;
   margin-bottom: 10px;
}
.submenu .column {
   display: table-cell;
}
.close-submenu {
   padding: 2.4rem 2.8rem;
   position: absolute;
   right: 0;
   top: 0;
}
.level-1 {
   margin-left: 12px;
   margin-right: 12px;
}
.submenu li {
   min-width: 17rem;
   display: block;
}
.submenu .parent {
   margin-bottom: 25px;
}
.submenu .parent .submenu-group-title {
   color: #a79d95;
   display: block;
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 8px;
   padding: 10px 12px;
   pointer-events: none;
   line-height: normal;
}
.submenu .inner-submenu {
   min-width: 253px;
   min-height: 100%;
}
.submenu a {
   color: #fcfcfc;
   transition: background-color .1s linear;
}
.inner-submenu a {
   font-size: 15px;
   font-weight: 400;
   line-height: 18px;
}
[class*='level-']:not(.level-0) a {
   display: block;
   padding: 10px 12px;
}
.sidebar:before {
   background-color: #373330;
   bottom: 0;
   content: '';
   left: 0;
   position: fixed;
   top: 0;
   width: 250px;
   z-index: 699;
}
.sidebar-footer {
   position: sticky;
   bottom: 0;
   z-index: 700;
}
.sidebar-footer .nav-item>.nav-item-title {
   border: 0;
   font-size: 12px;
   border-top: 1px solid rgba(255,255,255,.12);
   background-color: #373331;
}
/* end sidebar css */

/* start header css */
.header {
   left: 250px;
   height: 72px;
   position: fixed;
   top: 0;
   right: 0;
   z-index: 800;
   border-bottom: 1px solid #f3f5f9;
   background-color: #fff;
   display: flex;
   align-items: center;
   transition: all 0.3s;
   box-shadow: 0 1px 1px rgba(33,40,48,.01), 0 4px 4px rgba(33,40,48,.01), 0 16px 16px rgba(33,40,48,.01);
   padding: 0 22px;
}
.header-full {
   left: 0;
}
.toggle-btn img {
   height: 20px;
   cursor: pointer;
}
.toggle-btn {
   margin-right: 22px;
}
.header-right-info{
   display: flex;
   justify-content: flex-end;
   align-items: center;
   margin-left: auto;
}
.notification-dropdown {
   position: relative;
   padding: 5px 16px 0 0;
}
.notification-dropdown .noti-img {
   height: 18px;
}
.notification-count {
   background-color: #dc3545;
   border-radius: 100%;
   padding: 6px 0px 0px 4px;
   line-height: 0;
   display: inline-block;
   width: 14px;
   height: 14px;
   color: #ffffff;
   font-size: 9px;
   font-weight: 600;
   position: relative;
   top: -12px;
   right: 11px;
}
.notification-details {
   display: none;
}

.logout-btn .logout {
   color: #6e7985;
   display: block;
   font-size: 14px;
   font-weight: 400;
   line-height: 21px;
   padding: 0 0 0 9px;
}
.logout-icon {
   height: 17px;
}
.logout-btn {
   display: flex;
   align-items: center;
   margin: 10px 0 0 0;
   border-top: 1px solid #f3f5f9;
   padding: 13px 0 0 0;
}

.header-full, .main-content-full {
   left: 0;
}
/* end header css */

/* start breadcrumb */
.breadcrumb {
   margin-bottom: 5px;
   display: flex;
   flex-wrap: wrap;
}
.breadcrumb .breadcrumb-item {
   padding-left: 22px;
   position: relative;
   display: inline-block;
   font-size: 13px;
   line-height: 19.5px;
   font-weight: 400;
   color: rgb(110, 121, 133);
}
.breadcrumb .breadcrumb-item:first-child {
   padding: 0;
}
.breadcrumb .breadcrumb-item a {
   color: rgb(80, 111, 217);
}
.breadcrumb-item:not(:first-child):before {
   position: absolute;
   content: '';
   border-top: 1px solid;
   border-right: 1px solid;
   width: 6px;
   height: 6px;
   transform: rotate(45deg);
   left: 7px;
   top: 7px;
}
/* end breadcrumb */
/* ***************************************************** */

/* start arrow */
.arrow {
   border: solid black;
   border-width: 0 2px 2px 0;
   display: inline-block;
   padding: 3px;
}
.arrow-right {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}
.arrow-left {
   transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
}
.arrow-up {
   transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);
}
.arrow-down {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
}
/* end arrow */

.border--box {
   width: 100%;
   height: 38px;
   border: 1px solid #dadde2!important;
   border-radius: 4px!important;
   padding: 7px 10px!important;
   font-size: 14px!important;
   color: #212830!important;
}
.img-fluid {
   max-width: 100%;
   height: auto
}
.img-thumbnail {
   padding: .25rem;
   background-color: #fbfcfe;
   border: 1px solid var(--bs-border-color);
   border-radius: .25rem;
   max-width: 100%;
   height: auto
}
.badge-dot {
   display: inline-block;
   width: 8px;
   height: 8px;
   border-radius: 100%
}
.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

/* start select */
.form-select {
   display: block;
   width: 100%;
   padding: 7px 10px;
   background-color: #fff;
   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='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 6px center;
   background-size: 16px 12px;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   appearance: none;
   width: 100%;
   height: 38px;
   border: 1px solid #dadde2;
   border-radius: 4px;
   font-size: 14px;
   color: #212830;
   line-height: 20px;
}
.form-select:focus {
   border-color: #a8b7ec;
   outline: 0;
   box-shadow: 0 0 0 .25rem rgba(80,111,217,.25)
}
/* end select */

/* start table */
table {
   caption-side: bottom;
   border-collapse: collapse;
   width: 100%;
}
thead, tbody, tfoot, tr, td, th {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
}
.table>thead {
   vertical-align: bottom;
}
.table>tbody {
   vertical-align: inherit;
}
.table:not(.table-borderless)>:not(:first-child) {
   border-top-width: 1.5px;
   border-top-color: #ccd2da;
}
.table>:not(caption)>*>* {
   padding: 0.5rem 0.5rem;
   background-color: transparent;
   border-bottom-width: 1px;
   box-shadow: inset 0 0 0 9999px transparent;
}
.table-one thead th, .table-one tbody td {
   padding-left: 0;
   padding-right: 0;
}
/* table thead th, table tbody td {
   padding-left: 0;
   padding-right: 0;
} */
table tbody tr:hover {
   background-color: #f0f3fe;
}
table.nohover tbody tr:hover {
   background-color: transparent;
}
.table thead th, table tbody td {
   text-align: left;
   vertical-align: middle;
}
/* table thead th:last-child, table tbody td:last-child {
   text-align: right;
} */
table tbody td, .table thead th {
   border-color: #f3f5f9;
   font-size: 14px;
   line-height: 21px;
   color: #6e7985;
}
.table thead th {
   font-weight: 600;
   font-size: .8125rem;
}
table thead th {
   border-color: rgb(226, 229, 236);
   color: #212830;
}
.table-2 tbody td, .table-2 th {
   border-color: #f3f5f9;
   font-size: 14px;
   line-height: 21px;
   color: #6e7985;
   padding-left: 0;
   padding-right: 0;
}
.table-2 tbody tr:hover {
   background-color: transparent;
}
.table-2 tr:first-child > * {
   padding-top: 0;
}
.table-2 tbody tr:last-child > *, .item-ordered tbody tr:last-child > * {
   border-bottom: 0;
   padding-bottom: 0;
} 
.table-2 th {
   font-weight: 500;
}
/* end table */

/* start card box */
.card {
   position: relative;
   display: flex;
   flex-direction: column;
   word-wrap: break-word;
   background-clip: border-box;
}
.card-box {
   height: 100%;
   border-width: 0;
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(204,210,218,.07), 0 2px 4px rgba(204,210,218,.07), 0 4px 8px rgba(204,210,218,.07), 0 8px 16px rgba(204,210,218,.07), 0 16px 32px rgba(204,210,218,.07), 0 32px 64px rgba(204,210,218,.07);
   background-color: #fff;
}
.card-header {
   border-bottom: 1px solid;
   border-color: #e7e8ea;
   background-color: rgba(0,0,0,0);
   padding: 15px;
   display: flex;
   align-items: center;
}
.card-header .card-title {
   font-weight: 600;
   font-size: 15px;
   color: #212830;
   margin-bottom: 0;
   line-height: 1.4;
}
.card-nav-link {
   width: 16px;
   height: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   opacity: .6;
}
.card-body {
   padding: 15px;
   flex: 1 1 auto;
   position: relative;
}
.row-2 .card-body, .tab .row-2 .card-body p {
   font-size: 14px;
   line-height: 21px;
}
/* end card box */

/* start search block */
.form-search {
   display: flex;
   align-items: center;
   border: 1px solid rgba(0,0,0,0);
   border-radius: 6px;
   padding: 3px 10px;
   transition: all .15s;
   box-shadow: none;
   background-color: #f3f5f9;
   width: 320px;
   color: #212830;
}
.form-control-input {
   display: block;
   width: 100%;
   padding: 6px 8px 6px 3px;
   font-weight: 400;
   line-height: 1.5;
   color: #6e7985;
   background-clip: padding-box;
   border: 1px solid #ccd2da;
   appearance: none;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   border-radius: 0;
   border-width: 0;
   background-color: rgba(0,0,0,0);
   box-sizing: border-box;
   font-size: 15px;
   outline: 0 !important;
}
.search-icon {
   width: 18px;
   height: 18px;
   display: block;
   background-image: url(../img/search-icon.svg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   cursor: pointer;
}
/* end search block */

/* start notification icon */
.notification {
   width: 18px;
   text-align: center;
   position: relative;
}
.dropdown {
   margin-left: 22px;
   position: relative;
}
.app-navbar img {
   width: 20px;
}
.animate-ping-wrapper {
   width: 12px;
   height: 12px;
   display: flex;
   position: absolute;
   top: 2px;
   right: -4px;
}
.animate-ping {
   display: inline-flex;
   width: 100%;
   height: 100%;
   animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
   border-radius: 100%;
   background-color: #e7bcbc;
   opacity: .75;
   position: absolute;
   top: -3px;
   right: 3px;
}
.animate-ping_bg {
   position: relative;
   width: 6px;
   height: 6px;
   display: inline-flex;
   border-radius: 100%;
   background-color: #e65252;
}
@keyframes ping {
   75%,to {
       transform: scale(2);
       opacity: 0
   }
}
/* end notification icon */

/* start avatar */
.avatar {
   width: 34px;
   height: 34px;
   border-radius: 100%;
   display: block;
   position: relative;
}
.avatar img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: inherit;
   display: block;
}
.avatar.online::after, .avatar.offline::after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 5px;
   width: 6px;
   height: 6px;
   border-radius: 100%;
   box-shadow: 0 0 0 1.5px #fbfcfe;
}
.avatar.online::after {
   background-color: #a3da1d;
}
.avatar.offline::after {
   background-color: #ccd2da;
}
.dropdown-profile .dropdown-menu {
   position: absolute;
   width: 230px;
   right: 0;
   background-color: #ffffff;
   padding: 20px 20px 15px;
   border-radius: 6px;
   box-shadow: -2px 2px 4px 2px rgb(0 0 0 / 8%);
   display: none;
   opacity: 0;
   visibility: hidden;
   top: auto;
}
.dropdown-menu.show {
   opacity: 1;
   visibility: visible;    
   display: block;
}
.avatar-xl {
   width: 61px;
   height: 61px;
}
.nav-btn a {
   display: flex;
   align-items: center;
   padding: 8px 8px;
   color: #41505f;
   border-radius: 4px;
   transition: all .25s;
}
.nav-btn a i {
   width: 20px;
   height: auto;
   display: inline-flex;
   align-items: center;
   margin-right: 8px;
}
.avatar-xl.online::after, .avatar-xl.offline::after {
   width: 8px;
   height: 8px;
   right: 7px;
   bottom: 2px;
}
.nav-btn {
   margin: 0 -8px;
}
.nav-btn a:hover {
   background-color: #f3f5f9;
   color: #212830;
}
.dropdown-link {
   cursor: pointer;
}
/* end avatar */

/* start tabs */

.tab .tab-item p {
   font-size: 13px;
   line-height: 19px;
}
.tab .tab-item {
   display: none;
}
.tab .tab-item.active {
   display: block;
}
.tabs {
   display: flex;
   column-gap: 25px;
   border-bottom: 1px solid;
   border-color: rgb(226, 229, 236);
   margin-bottom: 25px;
}
.tabs li.tabs-item {
   font-weight: 400;
   font-size: 15px;
   color: #6e7985;
   margin-bottom: 0;
   line-height: 1.4;
   padding: 6px 0;
   position: relative;
   cursor: pointer;
}
.tabs li.tabs-item.active:after {
   position: absolute;
   content: '';
   width: 100%;
   height: 1px;
   background-color: #a3da1d;
   bottom: -1px;
   left: 0;
   right: 0;
}
.tab .card-body {
   padding: 0;
}
.tab .item:last-child {
   border: 0;
}
p {
   font-size: 14px;
   line-height: 21px;
}
.card-body .item .item-text {
   flex: 1 1 40%;
}
.card-body .item .item-field {
   flex: 1 1 60%;
}
.tabs li.active {
   color: #212830;
   font-weight: 500;
}
.tab .tab-item .item:first-child {
   padding-top: 0;
}
/* end tabs */

/* start filter dropdown */

.filter-block .filter-item {
   flex: 1 1 33%;
}
.filter-block .filter-item.delete-block {
   flex: 1 1 22px;
   text-align: center;
   width: 100%;
   min-width: 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   background-image: url(../img/delete.svg);
   min-height: 20px;
   background-size: 18px;
   background-repeat: no-repeat;
   background-position: center;
   opacity: 0.7;
}
.filter-item.delete-block img {
   max-width: 100%;
   width: 18px;
   opacity: 0.6;
}
/* end filter dropdown */

/* start popup */
.popup {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 1000;
   width: 100%;
   height: 100%;
   display: none;
}
.popup.show {
   display: block;
}
.popup-content {
   max-width: 1400px;
   position: absolute;
   left: 0;
   right: 0;
   margin-inline: auto;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 4px;
   width: 95%;
}
.popup .heading-2 {
   font-size: 15px;
   padding-bottom: 11px;
   border: 0;
   border-bottom: 1px dashed #acacac;
   margin-bottom: 12px;
   line-height: 18px;
   font-weight: 700;
}
.product-item-wrapper {
   display: flex;
   width: 100%;
}
.popup .close-btn {
   position: absolute;
   right: 10px;
   top: 20px;
   width: 20px;
   height: 20px;
   text-align: center;
   font-size: 16px;
   cursor: pointer;
}
.log-data {
   flex: 1 1 50%;
   width: 50%;
   overflow: auto;
   max-height: 400px;
   font-size: 13px;
   word-wrap: break-word;
}
.log-title {
   padding: 12px;
   text-align: center;
   width: 100%;
   background-color: #ccc;
   font-weight: 700;
   margin-bottom: 13px;
}
.popup-inner {
   background: rgba(0,0,0,0.8);
   width: 100%;
   height: 100%;
}
.popup .same-product-item {
   padding: 10px 0;
   align-items: center;
   border-bottom: 1px solid #ccc;
   cursor: initial;
}
.popup .close-btn img {
   width: 20px;
}
/* end popup */

/* start pagination */
.pagination-wrapper {
   padding-top: 12px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.pagination-text {
   font-size: 14px;
   line-height: 21px;
   font-weight: 500;
   color: #6e7985;
}
.pagination {
   display: flex;
   gap: 7px;
   align-items: center;
   justify-content: flex-end;
}
.pagination li {
   display: inline-block;
}
.pagination li.prev>*, .pagination li.next>*, .pagination li a {
   border: 1px solid rgb(226, 229, 236);
   font-size: 14px;
   line-height: 21px;
   font-weight: 400;
   padding: 4px 12px;
   color: #8493a2;
   font-family: 'Open Sans', sans-serif;
   transition: 0.2s;
   display: inline-block;
   min-width: 32px;
   min-height: 32px;
   text-align: center;
   border-radius: 4px;
}
.pagination li.active a {
   background-color: #a3da1d;
   color: #ffffff;
   border-color: #a3da1d;
}
.pagination .previous a:hover, .pagination .next a:hover, .pagination li a:hover {
   background-color: #a3da1d;
   color: #ffffff;
   border: 1px solid #a3da1d;
}
/* end pagination */

/* start btn */
.btn {
   background-color: transparent;
   border-radius: 4px;
   border: 1px solid;
   border-color: transparent;
   color: #212830;
   cursor: pointer;
   display: inline-block;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   margin: 0;
   padding: 0.406rem 0.75rem;
   text-align: center;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   vertical-align: middle;
}
.btn-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-left: 0;
   padding-right: 0;
   width: 36px;
   height: 36px;
}
.btn-with-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: transparent;
   border-radius: 4px;
   border: 1px solid;
   border-color: transparent;
   color: #000;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   margin: 0;
   padding: 0.406rem 0.75rem;
   text-align: center;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-size: 13px;
   background-position: 9px center;
   padding-left: 30px;
}
.btn-with-icon.bwi-link {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   padding-right: 0;
}
.btn:hover {
   color: #212830;
   border-color: transparent;
   background-color: transparent;
}
.btn-primary {
   color: #fff!important;
   background-color: #a3da1d !important;
   border-color: #a3da1d!important;
}
.btn-primary:hover {
   color: #fff!important;
   background-color: #6a8d16!important;
   border-color: #6a8d16!important;
}
.btn-black {
   color: #fff!important;
   background-color: #000000 !important;
   border-color: #000000!important;
}
.btn-black:hover {
   color: #fff!important;
   background-color: #000000d7 !important;
   border-color: #000000d7!important;
}
.btn-secondary {
   color: #fff!important;
   background-color: #6e7985!important;
   border-color: #6e7985!important;
}
.btn-secondary:hover {
   color: #fff!important;
   background-color: #848d97!important;
   border-color: #7d8691!important;
}
.btn-success {
   color: #fff!important;
   background-color: #0cb785!important;
   border-color: #0cb785!important;
}
.btn-success:hover {
   color: #fff!important;
   background-color: #30c297!important;
   border-color: #24be91!important;
}
.btn-info {
   color: #fff!important;
   background-color: #0dcaf0!important;
   border-color: #0dcaf0!important;
}
.btn-info:hover {
   color: #fff!important;
   background-color: #31d2f2!important;
   border-color: #25cff2!important;
}
.btn-warning {
   color: #000!important;
   background-color: #ffc107!important;
   border-color: #ffc107!important;
}
.btn-warning:hover {
   color: #000!important;
   background-color: #ffca2c!important;
   border-color: #ffc720!important;
}
.btn-danger {
   color: #fff!important;
   background-color: #dc3545!important;
   border-color: #dc3545!important;
}
.btn-danger:hover {
   color: #fff!important;
   background-color: #bb2d3b!important;
   border-color: #b02a37!important;
}
.btn-light {
   color: #000!important;
   background-color: #f8f9fc!important;
   border-color: #f8f9fc!important;
}
.btn-light:hover {
   color: #000!important;
   background-color: #d3d4d6!important;
   border-color: #c6c7ca!important;
}
.btn-dark {
   color: #fff!important;
   background-color: #212830!important;
   border-color: #212830!important;
}
.btn-dark:hover {
   color: #fff!important;
   background-color: #42484f!important;
   border-color: #373e45!important;
}
.btn-white {
   border: 1px solid #ccd2da!important;
   background-color: #fff!important;
}
.btn-white:hover,.btn-white:focus {
   border-color: #bdc5cf!important;
   background-color: #f8f9fc!important;
}
.btn-outline-white {
   border: 1px solid rgba(255,255,255,.75)!important;
   color: rgba(255,255,255,.75)!important;
}
.btn-outline-white:hover {
   border-color: #fff!important;
   color: #fff!important;
}
.btn-outline-primary {
   color: #a3da1d!important;
   border-color: #a3da1d!important;
   background-color: transparent!important;
}
.btn-outline-primary:hover {
   color: #fff!important;
   border-color: #a3da1d!important;
   background-color: #a3da1d!important;
}
.btn-outline-secondary {
   color: #6e7985!important;
   border-color: #6e7985!important;
   background-color: transparent!important;
}
.btn-outline-secondary:hover {
   color: #000!important;
   border-color: #6e7985!important;
   background-color: #6e7985!important;
}
.btn-outline-success {
   color: #0cb785!important;
   border-color: #0cb785!important;
   background-color: transparent!important;
}
.btn-outline-success:hover {
   color: #000!important;
   border-color: #0cb785!important;
   background-color: #0cb785!important;
}
.btn-outline-info {
   color: #0dcaf0!important;
   border-color: #0dcaf0!important;
   background-color: transparent!important;
}
.btn-outline-info:hover {
   color: #000!important;
   border-color: #0dcaf0!important;
   background-color: #0dcaf0!important;
}
.btn-outline-warning {
   color: #ffc107!important;
   border-color: #ffc107!important;
   background-color: transparent!important;
}
.btn-outline-warning:hover {
   color: #000!important;
   border-color: #ffc107!important;
   background-color: #ffc107!important;
}
.btn-outline-danger {
   color: #dc3545!important;
   border-color: #dc3545!important;
   background-color: transparent!important;
}
.btn-outline-danger:hover {
   color: #fff!important;
   border-color: #dc3545!important;
   background-color: #dc3545!important;
}
.btn-outline-light {
   color: #f8f9fc!important;
   border-color: #f8f9fc!important;
   background-color: transparent!important;
}
.btn-outline-light:hover {
   color: #000!important;
   border-color: #f8f9fc!important;
   background-color: #f8f9fc!important;
}
.btn-outline-dark {
   color: #212830!important;
   border-color: #212830!important;
   background-color: transparent!important;
}
.btn-outline-dark:hover {
   color: #fff!important;
   border-color: #212830!important;
   background-color: #212830!important;
}
.btn-link {
   font-weight: 400;
   color: var(--bs-link-color);
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
   text-decoration: none;
}
.btn-text-link {
   color: #a3da1d !important;
   font-size: 14px;
}
.btn-text-link:hover {
   text-decoration: underline;
}
.btn-link:hover, .btn-link:active {
   color: var(--bs-link-hover-color);
   border-color: transparent;
}
.btn-link:disabled {
   color: #6e7985;
   border-color: transparent;
}
.btn-link:focus-visible {
   color: var(--bs-btn-color)
}
.status-btn {
   padding: 2px 8px 3px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 400;
   text-transform: capitalize;
   width: auto;
   display: inline-block;
   text-align: center;
   color: #212830;
}
.status-btn.active {
   background-color: #edfff6;
   border: 1px solid #50CD89;
}
.status-btn.review {
   background-color: #ffa50033;
   border: 1px solid #FFA500;
}
.status-btn.reviewed {
   background-color: #edfff6;
   border: 1px solid #50CD89;
}
.status-btn.inactive {
   background-color: #fff1f2;
   border: 1px solid #dc3545; 
}
.status-btn.pending {
   background-color: #ffa5002e;
   border: 1px solid #FFA500;
   color: #FFA500;
   font-weight: 700;
}
.status-btn.confirmed {
   background-color: #3498db33;
   border: 1px solid #3498DB;
   color: #3498DB;
   font-weight: 700;
}
.status-btn.completed {
   background-color: #00ff0036;
   border: 1px solid #01aa01;
   color: #01aa01;
   font-weight: 700;
}
.status-btn.on_hold {
   background-color: #ffa5002e;
   border: 1px solid #FFA500;
   color: #FFA500;
   font-weight: 700;
}
.status-btn.in_transit {
   background-color: #00ff0036;
   border: 1px solid #01aa01;
   color: #01aa01;
   font-weight: 700;
}
.status-btn.shipped_pending_payment {
   background-color: #8080802e;
   border: 1px solid #808080;
   color: #808080;
   font-weight: 700;
}
.status-btn.issue {
   background-color: #ff000033;
   border: 1px solid #ff0000;
   color: #ff0000;
   font-weight: 700;
}
.status-btn.unknown {
   background-color: #8080802e;
   border: 1px solid #808080;
   color: #808080;
   font-weight: 700;
}
.status-btn.awaiting_vendor_pricing {
   background-color: #3498db33;
   border: 1px solid #3498DB;
   color: #3498DB;
   font-weight: 700;
}
.status-btn.awaiting_customer_reply {
   background-color: #ffa5002e;
   border: 1px solid #FFA500;
   color: #FFA500;
   font-weight: 700;
}
.status-btn.converted_to_order {
   background-color: #00ff0036;
   border: 1px solid #00FF00;
   color: #01aa01;
   font-weight: 700;
}
.btn-with-icon.add-btn-black, .btn-with-icon.add-btn-white {
   background-image: url(../img/add-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 13px;
   background-position: 8px center;
}
.btn-with-icon.add-btn-white {
   background-image: url(../img/add-icon-white.svg);
}
.btn-with-icon.create-btn-black, .btn-with-icon.create-btn-white {
   background-image: url(../img/create-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 10px center;
   padding-left: 35px;
}
.btn-with-icon.create-btn-white {
   background-image: url(../img/create-icon-white.svg);
}
.btn-with-icon.update-btn-black, .btn-with-icon.update-btn-white {
   background-image: url(../img/update-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.filter-btn-white {
   background-image: url(../img/filter_icon.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.payment-btn-white {
   background-image: url(../img/payment_icon.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.update-btn-white {
   background-image: url(../img/update-icon-white.svg);
}
.btn-with-icon.delete-btn-black, .btn-with-icon.delete-btn-white {
   background-image: url(../img/delete-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.delete-btn-white {
   background-image: url(../img/delete-icon-white.svg);
}
.btn-with-icon.search-btn-black, .btn-with-icon.search-btn-white {
   background-image: url(../img/search-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.search-btn-white {
   background-image: url(../img/search-icon-white.svg);
}
.btn-with-icon.export-btn-black, .btn-with-icon.export-btn-white {
   background-image: url(../img/export-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.export-btn-white {
   background-image: url(../img/export-icon-white.svg);
}
.btn-with-icon.refresh-btn-black, .btn-with-icon.refresh-btn-white {
   background-image: url(../img/refresh-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: 8px center;
}
.btn-with-icon.refresh-btn-white {
   background-image: url(../img/refresh-icon-white.svg);
}
.btn-with-icon.submit-btn-black, .btn-with-icon.submit-btn-white {
   background-image: url(../img/submit-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.submit-btn-white {
   background-image: url(../img/submit-icon-white.svg);
}
.btn-with-icon.back-btn-black, .btn-with-icon.back-btn-white {
   background-image: url(../img/back-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 14px;
   background-position: 8px center;
   padding-left: 30px;
}
.btn-with-icon.back-btn-white {
   background-image: url(../img/back-icon-white.svg);
}
.btn-with-icon.edit-btn-black, .btn-with-icon.edit-btn-white, .btn-with-icon.edit-btn-blue {
   background-image: url(img/edit-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: 8px center;
   padding-left: 32px;
}
.btn-with-icon.edit-btn-white {
   background-image: url(img/edit-icon-white.svg);
}
.btn-with-icon.edit-btn-blue {
   background-image: url(img/edit-icon-blue.svg);
}
.btn-with-icon.save-btn-black, .btn-with-icon.save-btn-white {
   background-image: url(img/save-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 14px;
   background-position: 9px center;
   padding-left: 33px;
}
.btn-with-icon.save-btn-white {
   background-image: url(img/save-icon-white.svg);
}
.btn-with-icon.logout-btn-black, .btn-with-icon.logout-btn-white {
   background-image: url(img/logout-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 15px;
   background-position: 6px center;
}
.btn-with-icon.logout-btn-white {
   background-image: url(img/logout-icon-white.svg);
}
.btn-with-icon.user-btn-black, .btn-with-icon.user-btn-white {
   background-image: url(img/user-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 14px;
   background-position: 8px center;
}
.btn-with-icon.user-btn-white {
   background-image: url(img/user-icon-white.svg);
}

.icon-with-text {
   display: flex;
   gap: 15px;
}
.icon-with-text .btn {
   text-align: left;
   justify-content: left;
   padding: 10px !important;
   padding-left: 64px !important;
   font-size: 13px !important;
   background-position: 12px center;
}
.btn-with-icon.mysql {
   background-image: url(../img/mysql-icon.svg);
   background-repeat: no-repeat;
   background-size: 41px;
}
.btn-with-icon.ftp {
   background-image: url(../img/ftp-icon.png);
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: 9px center;
   padding-left: 48px !important;
}
.btn-with-icon.sftp {
   background-image: url(../img/sftp-icon.png);
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: 9px center;
   padding-left: 48px !important;
}
.btn-with-icon.local {
   background-image: url(../img/file-icon.png);
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: 9px center;
   padding-left: 48px !important;
}
.icon-with-text .btn-with-icon {
   height: auto !important;
   min-height: auto !important;
}
/* end btn */

/* start color */
.blue-clr {
   color: #a3da1d !important;
}
.black-clr {
   color: #000 !important;
}
.white-clr {
   color: #fff !important;
}
.gray-clr {
   color: #6e7985 !important;
}
.red-clr {
   color: #dc3545 !important;
}
/* end color */

/* start close btn */
.btn-close {
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 2px;
   color: #000;
   background: rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   border: 0;
   border-radius: .25rem;
   opacity: .5;
   display: block;
   background-size: 13px;
}
.btn-close:hover {
   color: #000;
   text-decoration: none;
   opacity: .75
}
.btn-close:focus {
   outline: 0;
   box-shadow: 0 0 0 .25rem rgba(80,111,217,.25);
   opacity: 1
}
.btn-close:disabled,.btn-close.disabled {
   pointer-events: none;
   user-select: none;
   opacity: .25
}
.btn-close-white {
   filter: invert(1) grayscale(100%) brightness(200%)
}
/* end close btn */

/* start padding */
.p-0 {
   padding: 0 !important;
}
.p-10 {
   padding: 10px !important;
}
.p-15 {
   padding: 15px !important;
}
.p-20 {
   padding: 20px !important;
}
.p-25 {
   padding: 25px !important;
}
.pl-0 {
   padding-left: 0 !important;
}
.pl-10 {
   padding-left: 10px !important;
}
.pl-15 {
   padding-left: 15px !important;
}
.pl-20 {
   padding-left: 20px !important;
}
.pl-25 {
   padding-left: 25px !important;
}
.pr-0 {
   padding-right: 0 !important;
}
.pr-10 {
   padding-right: 10px !important;
}
.pr-15 {
   padding-right: 15px !important;
}
.pr-20 {
   padding-right: 20px !important;
}
.pr-25 {
   padding-right: 25px !important;
}
.pt-0 {
   padding-top: 0 !important;
}
.pt-5 {
   padding-top: 5px !important;
}
.pt-10 {
   padding-top: 10px !important;
}
.pt-15 {
   padding-top: 15px !important;
}
.pt-20 {
   padding-top: 20px !important;
}
.pt-25 {
   padding-top: 25px !important;
}
.pb-0 {
   padding-bottom: 0 !important;
}
.pb-5 {
   padding-bottom: 5px !important;
}
.pb-8 {
   padding-bottom: 8px !important;
}
.pb-10 {
   padding-bottom: 10px !important;
}
.pb-12 {
   padding-bottom: 12px !important;
}
.pb-15 {
   padding-bottom: 15px !important;
}
.pb-20 {
   padding-bottom: 20px !important;
}
.pb-25 {
   padding-bottom: 25px !important;
}
.pb-28 {
   padding-bottom: 28px !important;
}
.px-0 {
   padding-left: 0 !important;
   padding-right: 0 !important;
}
.px-3 {
   padding-left: 3px !important;
   padding-right: 3px !important;
}
.px-10 {
   padding-left: 10px !important;
   padding-right: 10px !important;
}
.px-15 {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
.px-20 {
   padding-left: 20px !important;
   padding-right: 20px !important;
}
.px-25 {
   padding-left: 25px !important;
   padding-right: 25px !important;
}
.py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}
.py-5 {
   padding-top: 5px !important;
   padding-bottom: 5px !important;
}
.py-10 {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}
.py-15 {
   padding-top: 15px !important;
   padding-bottom: 15px !important;
}
.py-20 {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
}
.py-25 {
   padding-top: 25px !important;
   padding-bottom: 25px !important;
}
.px-auto {
   padding-left: auto !important;
   padding-right: auto !important
}
.py-auto {
   padding-top: auto !important;
   padding-bottom: auto !important
}
/* end padding */

/* start margin */
.m-0 {
   margin: 0 !important;
}
.m-5 {
   margin: 5px !important;
}
.m-10 {
   margin: 10px !important;
}
.m-15 {
   margin: 15px !important;
}
.m-20 {
   margin: 20px !important;
}
.m-25 {
   margin: 25px !important;
}
.ml-auto {
   margin-left: auto !important;
}
.ml-0 {
   margin-left: 0 !important;
}
.ml-5 {
   margin-left: 5px !important;
}
.ml-10 {
   margin-left: 10px !important;
}
.ml-15 {
   margin-left: 15px !important;
}
.ml-20 {
   margin-left: 20px !important;
}
.ml-25 {
   margin-left: 25px !important;
}
.mr-auto {
   margin-right: auto !important;
}
.mr-0 {
   margin-right: 0 !important;
}
.mr-5 {
   margin-right: 5px !important;
}
.mr-10 {
   margin-right: 10px !important;
}
.mr-15 {
   margin-right: 15px !important;
}
.mr-20 {
   margin-right: 20px !important;
}
.mr-25 {
   margin-right: 25px !important;
}
.mt-0 {
   margin-top: 0 !important;
}
.mt-2 {
   margin-top: 2px !important;
}
.mt-5 {
   margin-top: 5px !important;
}
.mt-10 {
   margin-top: 10px !important;
}
.mt-15 {
   margin-top: 15px !important;
}
.mt-20 {
   margin-top: 20px !important;
}
.mt-25 {
   margin-top: 25px !important;
}
.mt-30 {
   margin-top: 30px !important;
}
.mt-50 {
   margin-top: 50px !important;
}
.mb-0 {
   margin-bottom: 0 !important;
}
.mb-4 {
   margin-bottom: 4px !important;
}
.mb-5 {
   margin-bottom: 5px !important;
}
.mb-10 {
   margin-bottom: 10px !important;
}
.mb-15 {
   margin-bottom: 15px !important;
}
.mb-16 {
   margin-bottom: 16px !important;
}
.mb-20 {
   margin-bottom: 20px !important;
}
.mb-25 {
   margin-bottom: 25px !important;
}
.mx-0 {
   margin-left: 0 !important;
   margin-right: 0 !important;
}
.mx-10 {
   margin-left: 10px !important;
   margin-right: 10px !important;
}
.mx-15 {
   margin-left: 15px !important;
   margin-right: 15px !important;
}
.mx-20 {
   margin-left: 20px !important;
   margin-right: 20px !important;
}
.mx-25 {
   margin-left: 25px !important;
   margin-right: 25px !important;
}
.my-0 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
.my-10 {
   margin-top: 10px !important;
   margin-bottom: 10px !important;
}
.my-15 {
   margin-top: 15px !important;
   margin-bottom: 15px !important;
}
.my-20 {
   margin-top: 20px !important;
   margin-bottom: 20px !important;
}
.my-25 {
   margin-top: 25px !important;
   margin-bottom: 25px !important;
}
.mx-auto {
   margin-left: auto !important;
   margin-right: auto !important
}
.my-auto {
   margin-top: auto !important;
   margin-bottom: auto !important
}
/* end margin */

/* start gap */
.gap-5 {
   gap: 5px !important;
}
.gap-10 {
   gap: 10px !important;
}
.gap-15 {
   gap: 15px !important;
}
.gap-20 {
   gap: 20px !important;
}
.gap-25 {
   gap: 25px !important;
}
/* end gap */

/* start font size */
.fs-32 {
   font-size: 32px !important
}
.fs-28 {
   font-size: 28px !important
}
.fs-24 {
   font-size: 24px !important
}
.fs-21 {
   font-size: 21px !important
}
.fs-18 {
   font-size: 18px !important
}
.fs-16 {
   font-size: 16px !important
}
.fs-15 {
   font-size: 15px !important
}
.fs-14 {
   font-size: 14px !important
}
.fs-13 {
   font-size: 13px !important
}
.fs-12 {
   font-size: 12px !important
}
.fs-10 {
   font-size: 10px !important
}
/* end font size */

/* start font style */
.fst-italic {
   font-style: italic !important
}
.fst-normal {
   font-style: normal !important
}
/* end font style */

/* start font weight */
.fw-100 {
   font-weight: 100 !important
}
.fw-200 {
   font-weight: 200 !important
}
.fw-300 {
   font-weight: 300 !important
}
.fw-400 {
   font-weight: 400 !important
}
.fw-500 {
   font-weight: 500 !important
}
.fw-600 {
   font-weight: 600 !important
}
.fw-700 {
   font-weight: 700 !important
}
.fw-800 {
   font-weight: 800 !important
}
.fw-900 {
   font-weight: 900 !important
}
/* end font weight */

/* start letter spacing */
.ls-1 {
   letter-spacing: 1px
}
.ls-2 {
   letter-spacing: 2px
}
.ls-3 {
   letter-spacing: 3px
}
.ls-4 {
   letter-spacing: 4px
}
.ls--1 {
   letter-spacing: -1px
}
.ls--2 {
   letter-spacing: -2px
}
/* end letter spacing */

/* start line height */
.lh-1 {
   line-height: 1 !important
}
.lh-sm {
   line-height: 1.25 !important
}
.lh-base {
   line-height: 1.5 !important
}
.lh-lg {
   line-height: 2 !important
}
.lh-18 {
   line-height: 18px !important;
}
.lh-20 {
   line-height: 18px !important;
}
/* end line height */

/* start test align */
.text-start {
   text-align: left !important
}
.text-end {
   text-align: right !important
}
.text-center {
   text-align: center !important
}
/* end test align */

/* start text decoration */
.text-decoration-none {
   text-decoration: none !important
}
.text-decoration-underline {
   text-decoration: underline !important
}
.text-decoration-line-through {
   text-decoration: line-through !important
}
/* end text decoration */

/* start text transform */
.text-lowercase {
   text-transform: lowercase !important
}
.text-uppercase {
   text-transform: uppercase !important
}
.text-capitalize {
   text-transform: capitalize !important
}
/* end text transform */

/* start text wrap */
.text-wrap {
   white-space: normal !important
}
.text-nowrap {
   white-space: nowrap !important
}
.text-break {
   word-wrap: break-word !important;
   word-break: break-word !important
}
/* end text wrap */

/* start link color*/
.link-primary {
   color: #a3da1d !important
}
.link-primary:hover,.link-primary:focus {
   color: #4059ae !important
}
.link-secondary {
   color: #6e7985 !important
}
.link-secondary:hover,.link-secondary:focus {
   color: #8b949d !important
}
.link-success {
   color: #0cb785 !important
}
.link-success:hover,.link-success:focus {
   color: #3dc59d !important
}
.link-info {
   color: #0dcaf0 !important
}
.link-info:hover,.link-info:focus {
   color: #3dd5f3 !important
}
.link-warning {
   color: #ffc107 !important
}
.link-warning:hover,.link-warning:focus {
   color: #ffcd39 !important
}
.link-danger {
   color: #dc3545 !important
}
.link-danger:hover,.link-danger:focus {
   color: #b02a37 !important
}
.link-light {
   color: #f8f9fc !important
}
.link-light:hover,.link-light:focus {
   color: #f9fafd !important
}
.link-dark {
   color: #212830 !important
}
.link-dark:hover,.link-dark:focus {
   color: #1a2026 !important
}
.no-bg {
   background-color: transparent !important;
}
/* end link color*/

/* start text color */
.text-primary {
   color: #a3da1d !important;
}
.text-secondary {
   color: rgba(110, 121, 133) !important;
}
.text-success {
   color: rgba(12, 183, 133) !important;
}
.text-info {
   color: rgba(13, 202, 240) !important;
}
.text-warning {
   color: rgba(255, 193, 7) !important;
}
.text-danger {
   color: rgba(220, 53, 69) !important;
}
.highlight-text-danger {
   color: rgba(220, 53, 69) !important;
   font-weight: 600 !important;  
}
.text-light {
   color: rgba(248, 249, 252) !important;
}
.text-green {
   color: #19A519 !important;
}
.text-lighgreen {
   color: #95e995 !important;
}
.text-dark {
   color: rgba(33, 40, 48) !important;
}
.text-black {
   color: rgba(0, 0, 0) !important;
}
.text-white {
   color: rgba(255, 255, 255) !important;
}
.text-body {
   color: rgba(65, 80, 95) !important;
}
/* end text color */

/* start bg color */
.bg-primary {
   background-color: #a3da1d !important;
}
.bg-primary-light {
   background-color: #d4ddfc !important;
}
.bg-secondary {
   background-color: rgba(110, 121, 133) !important;
}
.bg-success {
   background-color: rgba(12, 183, 133) !important;
}
.bg-info {
   background-color: #0dcaf0 !important;
}
.bg-info-light {
   background-color: #c0f4ff !important;
}
.bg-warning {
   background-color: rgba(255, 193, 7) !important;
}
.bg-danger {
   background-color: rgba(220, 53, 69) !important;
}
.bg-light {
   background-color: rgba(248, 249, 252) !important;
}
.bg-dark {
   background-color: rgba(33, 40, 48) !important;
}
.bg-black {
   background-color: rgba(0, 0, 0) !important;
}
.bg-white {
   background-color: rgba(255, 255, 255) !important;
}
.bg-body {
   background-color: rgba(65, 80, 95) !important;
}
.bg-orange {
   background-color: rgb(255, 165, 0) !important;
}
.bg-orange-light {
   background-color: #fbe2b5 !important;
}
.bg-green-light {
   background-color: #CEEEE2 !important;
}
.bg-red-light {
   background-color: #fbd6d6 !important;
}
/* end bg color */

/* start flex property */
.flex-fill {
   flex: 1 1 auto !important
}
.flex-20 {
   flex: 1 1 20% !important;
}
.flex-33 {
   flex: 1 1 33.33% !important;
}
.flex-40 {
   flex: 1 1 40% !important;
}
.flex-50 {
   flex: 1 1 50% !important;
}
.flex-60 {
   flex: 1 1 60% !important;
}
.flex-66 {
   flex: 1 1 66.66% !important;
}
.flex-75 {
   flex: 1 1 75% !important;
}
.flex-100 {
   flex: 1 1 100% !important;
}
.flex-row {
   flex-direction: row !important
}
.flex-column {
   flex-direction: column !important
}
.flex-row-reverse {
   flex-direction: row-reverse !important
}
.flex-column-reverse {
   flex-direction: column-reverse !important
}
.flex-wrap {
   flex-wrap: wrap !important
}
.flex-nowrap {
   flex-wrap: nowrap !important
}
.flex-wrap-reverse {
   flex-wrap: wrap-reverse !important
}
.justify-content-start {
   justify-content: flex-start !important
}
.justify-content-end {
   justify-content: flex-end !important
}
.justify-content-center {
   justify-content: center !important
}
.justify-content-between {
   justify-content: space-between !important
}
.justify-content-around {
   justify-content: space-around !important
}
.justify-content-evenly {
   justify-content: space-evenly !important
}
.align-items-start {
   align-items: flex-start !important
}
.align-items-end {
   align-items: flex-end !important
}
.align-items-center {
   align-items: center !important
}
.align-items-baseline {
   align-items: baseline !important
}
.align-items-stretch {
   align-items: stretch !important
}
.align-content-start {
   align-content: flex-start !important
}
.align-content-end {
   align-content: flex-end !important
}
.align-content-center {
   align-content: center !important
}
.align-content-between {
   align-content: space-between !important
}
.align-content-around {
   align-content: space-around !important
}
/* end flex property */

/* start font display */
.display-1 {
   font-size: 36px;
   font-weight: 400;
   line-height: 1.2;
   color: #212830;
}
.display-2 {
   font-size: 24px;
   font-weight: 400;
   line-height: 1.2;
   color: #212830;
}
.display-3 {
   font-size: 20px;
   font-weight: 500;
   line-height: 1.4;
   color: #212830;
}
.display-4 {
   font-size: 15px;
   font-weight: 500;
   line-height: 1.4;
   color: #212830;
}
.display-5 {
   font-size: 13px;
   line-height: 19.5px;
   font-weight: 400;
   color: #212830;
}
.display-6 {
   font-size: 12px;
   line-height: 1.2;
   font-weight: 400;
   color: #212830;
}
/* end font display */

/* start display */
.d-inline {
   display: inline !important
}
.d-inline-block {
   display: inline-block !important
}
.d-block {
   display: block !important
}
.d-grid {
   display: grid !important
}
.d-table {
   display: table !important
}
.d-table-row {
   display: table-row !important
}
.d-table-cell {
   display: table-cell !important
}
.d-flex {
   display: flex !important
}
.d-inline-flex {
   display: inline-flex !important
}
.d-none {
   display: none !important
}
/* end display */

/* start box shadow */
.shadow {
   box-shadow: 0 .5rem 1rem rgba(33,40,48,.15) !important
}
.shadow-sm {
   box-shadow: 0 .125rem .25rem rgba(33,40,48,.075) !important
}
.shadow-lg {
   box-shadow: 0 1rem 3rem rgba(33,40,48,.175) !important
}
.shadow-none {
   box-shadow: none !important
}
/* end box shadow */

/* start position */
.position-static {
   position: static !important
}
.position-relative {
   position: relative !important
}
.position-absolute {
   position: absolute !important
}
.position-fixed {
   position: fixed !important
}
.position-sticky {
   position: sticky !important
}
/* end position */

/* start position place */
.top-0 {
   top: 0 !important
}
.top-50 {
   top: 50% !important
}
.top-100 {
   top: 100% !important
}
.bottom-0 {
   bottom: 0 !important
}
.bottom-50 {
   bottom: 50% !important
}
.bottom-100 {
   bottom: 100% !important
}
.start-0 {
   left: 0 !important
}
.start-50 {
   left: 50% !important
}
.start-100 {
   left: 100% !important
}
.end-0 {
   right: 0 !important
}
.end-50 {
   right: 50% !important
}
.end-100 {
   right: 100% !important
}
/* end position place */

/* start border */
.border {
   border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
   border: 0 !important
}
.border-top-0 {
   border-top: 0 !important
}
.border-end-0 {
   border-right: 0 !important
}
.border-bottom-0 {
   border-bottom: 0 !important
}
.border-start-0 {
   border-left: 0 !important
}
.border-primary {
   --bs-border-opacity: 1;
   border-color: rgba(var(218, 221, 226), var(--bs-border-opacity)) !important
}
.border-secondary {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}
.border-success {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}
.border-info {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}
.border-warning {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}
.border-danger {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}
.border-light {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}
.border-dark {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}
.border-white {
   --bs-border-opacity: 1;
   border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}
.border-1 {
   border-width: 1px
}
.border-2 {
   border-width: 2px
}
.border-3 {
   border-width: 3px
}
/* end border */

/* start width */
.w-25 {
   width: 25% !important
}
.w-33 {
   width: 33.33% !important
}
.w-50 {
   width: 50% !important
}
.w-66 {
   width: 66.66% !important
}
.w-75 {
   width: 75% !important
}
.w-100 {
   width: 100% !important
}
.max-w-60 {
   max-width: 60% !important
}
.max-w-600p {
   max-width: 600px !important
}
.w-auto {
   width: auto !important
}
.mw-100 {
   max-width: 100% !important
}
.vw-100 {
   width: 100vw !important
}
.min-vw-100 {
   min-width: 100vw !important
}
/* end width */

/* start height */
.h-auto {
   height: auto !important
}
.mh-100 {
   max-height: 100% !important
}
.vh-100 {
   height: 100vh !important
}
.min-vh-100 {
   min-height: 100vh !important
}
.h-18 {
   height: 18px !important;
}
/* end height */

/* start vertical align */
.align-baseline {
   vertical-align: baseline !important
}
.align-top {
   vertical-align: top !important
}
.align-middle {
   vertical-align: middle !important
}
.align-bottom {
   vertical-align: bottom !important
}
.align-text-bottom {
   vertical-align: text-bottom !important
}
.align-text-top {
   vertical-align: text-top !important
}
/* start vertical align */

/* start vertical align */
.float-start {
   float: left !important
}
.float-end {
   float: right !important
}
.float-none {
   float: none !important
}
/* end vertical align */

/* start vertical align */
.opacity-0 {
   opacity: 0 !important
}
.opacity-25 {
   opacity: .25 !important
}
.opacity-50 {
   opacity: .5 !important
}
.opacity-75 {
   opacity: .75 !important
}
.opacity-100 {
   opacity: 1 !important
}
/* end vertical align */

/* start overflow */
.overflow-auto {
   overflow: auto !important
}
.overflow-hidden {
   overflow: hidden !important
}
.overflow-visible {
   overflow: visible !important
}
.overflow-scroll {
   overflow: scroll !important
}
/* end overflow */

/* start order */
.order-0 {
   order: 0 !important
}
.order-1 {
   order: 1 !important
}
.order-2 {
   order: 2 !important
}
.order-3 {
   order: 3 !important
}
.order-4 {
   order: 4 !important
}
.order-5 {
   order: 5 !important
}
.order-last {
   order: 6 !important
}
/* end order */

/* start border radius */
.rounded {
   border-radius: 100% !important
}
.rounded-circle {
   border-radius: 50% !important
}
.rounded-0 {
   border-radius: 0 !important
}
.rounded-s {
   border-radius: 2px !important
}
.rounded-n {
   border-radius: 4px !important
}
.rounded-l {
   border-radius: 10px !important
}
.rounded-xl {
   border-radius: 50px !important
}
/* end border radius */

/* start point events */
.pe-none {
   pointer-events: none !important
}
.pe-auto {
   pointer-events: auto !important
}
/* end point events */

/* start visibility */
.visible {
   visibility: visible !important
}
.invisible {
   visibility: hidden !important
}
/* start visibility */

/* start action buttons */
.action-btn {
   width: 28px;
   height: 28px;
   border: 0;
   border-radius: 100%;
   font-size: 0;
   margin-right: 5px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
   transition: 0.3s all;
   display: inline-block;
   vertical-align: middle;
}
.bg-green {
   background-color: #CEEEE2;
}
.bg-red {
   background-color: #fbd6d6;
}
.bg-blue {
   background-color: #c2e0f9;
}
.view {
   background-image: url(../img/view_icon.svg);
   background-size: 22px;
}
.edit {
   background-image: url(../img/edit_icon.svg);
   background-size: 16px;
}
.delete {
   background-image: url(../img/delete_icon.svg);
   background-size: 16px;
}
.s-c-popup  .action-btn.confirm {
   background-image: url(../img/exclamation_icon.svg);
   background-size: cover;
   border: 0;
}
.action-btn:hover {
   background-color: #fff;
}
/* end action buttons */

/* start toast msg */
.toast-msg-wrapper {
   padding: 50px;
}
.toast-msg {
   max-width: 100% !important;
   padding: 8px 12px 8px 12px !important;
   display: flex !important;
   align-items: center !important;
   border-radius: 0 !important;
   gap: 10px !important;
   justify-content: space-between !important;
   margin-bottom: 15px !important;
   margin-top: 15px !important;
}
.toast-msg.success {
   background: #e5efe6 !important;
   color: #20711c !important;
}
.toast-msg.error {
   background: #fae5e5 !important;
   color: #e0312d !important;
}
.toast-msg.info {
   background: #b3e7f5;
}
.toast-msg.warning {
   background: #fdf0d6;
   color: #c07600;
}
.warning {
   background: #fdf0d6;
}
.toast-icon {
   line-height: 30px !important;
   width: 22px !important;
   display: flex;
}
.toast-content {
   width: calc(100% - 22px) !important;
   padding-left: 12px !important;
}
.toast-icon img {
   width: 100% !important;
}
.toast-title {
   font-size: 22px !important;
   margin-bottom: 2px !important;
   display: block !important;
   font-weight: 500 !important;
}
.toast-text {
   font-size: 14px !important;
   margin-bottom: 0 !important;
   line-height: 20px;
}
.toast-btn {
   width: 18px !important;
   height: 18px !important;
   display: block !important;
   cursor: pointer;
}
.toast-btn img {
   height: 100% !important;
   vertical-align: initial;
}
.toast-mg-left {
   display: flex !important;
   align-items: center !important;
   line-height: normal !important;
}
/* end toast msg */

/* start form */
.form-block .row {
   margin-left: -7.5px;
   margin-right: -7.5px;
   margin-top: -8px;
   display: flex;
   flex-wrap: wrap;
}
.form-block .col {
   width: 50%;
   float: left;
   padding-left: 7.5px;
   padding-right: 7.5px;
   margin-top: 8px;
}
.form-block textarea {
   height: 120px;
}
.form-block .title-2 {
   margin-bottom: 15px;
}
.form-block label {
   font-size: 13px;
   line-height: 19px;
   margin-bottom: 5px;
   display: inline-block;
}
.form-block .btn-wrapper {
   margin-top: 10px;
   text-align: right;
}
/* end form */

/* start text with input */
.text-with-input {
   padding: 15px;
}
.text-with-input .item {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #e7e8ea;
   padding: 12px 0;
   gap: 10px;
}
.text-with-input .item:first-child {
   padding-top: 0;
}
.text-with-input .item:last-child {
   padding-bottom: 0;
   border-bottom: 0;
}
.text-with-input .item .item-text {
   flex: 1 1 40%;
}
.text-with-input .item .item-field {
   flex: 1 1 60%;
}
.twi-subtitle {
   font-size: 15px;
   font-weight: 500;
   line-height: 1.4;
   color: #212830;
}
.twi-para {
   font-size: 13px;
   line-height: 19px;
   margin-top: 2px;
}
/* end text with input */

/* start checkbox */
input[type=checkbox] {
   position: relative;
   border: 1.5px solid #ababab;
   border-radius: 2px;
   background: none;
   cursor: pointer;
   line-height: 0;
   margin: 2px 0 0 0;
   outline: 0;
   padding: 0 !important;
   vertical-align: text-top;
   height: 15px;
   width: 15px;
   -webkit-appearance: none;
   opacity: .7;
}
input[type=checkbox]:hover {
   opacity: 1;
}
 input[type=checkbox]:checked {
   background-color: #a3da1d;
   opacity: 1;
}
input[type=checkbox]:before {
   content: '';
   position: absolute;
   right: 50%;
   top: 50%;
   width: 4px;
   height: 8px;
   border: solid #ffffff;
   border-width: 0 2px 2px 0;
   margin: -1px 0px 0 -1px;
   transform: rotate(45deg) translate(-50%, -50%);
   z-index: 2;
}
/* end checkbox */

/* start fancy table */
.fancy-table .table tr th:first-child, .fancy-table .table tr td:first-child {
   width: 32px;
}
.fancy-table .table thead th {
   font-weight: 600;
   font-size: .8125rem;
   color: #000;
}
.fancy-table .title-block {
   display: flex;
   gap: 12px;
}
.fancy-table .title-block-img {
   width: 70px;
   height: 70px;
   position: relative;
   padding-bottom: 70px;
}
.fancy-table .title-block-img img {
   width: auto;
   height: 100%;
   position: absolute;
   margin-inline: auto;
   left: 0;
   right: 0;
   top: 0;
}
.fancy-table .title-block-img {
   width: 70px;
   height: 70px;
   position: relative;
   padding-bottom: 70px;
}
.fancy-table .title-block-img img {
   width: auto;
   height: 100%;
   position: absolute;
   margin-inline: auto;
   left: 0;
   right: 0;
   top: 0;
}
.fancy-table .block-title {
   font-weight: 600;
   margin-bottom: 2px;
}
.fancy-table .sku-block {
   display: flex;
   align-items: center;
   font-size: 12px;
   text-transform: uppercase;
   line-height: 18px;
}
.fancy-table .sku-title {
   text-transform: uppercase;
   font-weight: 600;
   padding-right: 3px;
}
.fancy-table select.only-text {
   border: 0;
   padding: 0;
   outline: 0;
   appearance: none;
   -webkit-appearance: none;
   background: none;
   cursor: pointer;
}
.fancy-table tr:last-child td {
   border: 0;
}
.fancy-table tr th {
   background-color: rgba(248, 249, 252);
}
.fancy-order-total table .fancy-big-total>* {
   font-size: 18px !important;
   padding: 12px 8px !important;
   font-weight: 700;
}
.fancy-order-total tr>* {
   padding: 8px !important;
}
.fancy-order-total tr th {
   text-align: right;
   width: 75%;
}
.fancy-order-total tr td {
   text-align: right;
   width: 25%;
}
.fancy-table select.only-text:hover {
   text-decoration: underline;
}
.fancy-order-total tr:hover {
   background-color: #f0f3fe !important;
}

/* end fancy table */

/* start upload section css */
.upload-section .form-group label {
   color: inherit;
   font-size: 14px;
}
.upload-section>ul>li {
   flex: 1 1 calc(50% - 110px);
}
.upload-section>ul>li:last-child {
   flex: 1 1 200px;
}
.upload-section>ul>li .btn-wrapper {
   display: flex;
   gap: 10px;
}
.upload-section>ul>li input.btn {
   margin-left: 10px;
   cursor: pointer;
   background: #f3f5f9;
   color: #6e7985;
   font-size: 13px;
   background-image: url(img/export-icon-black.svg);
   background-repeat: no-repeat;
   background-size: 14px;
   background-position: 8px center;
   padding: 3px;
   padding-left: 18px;
}
/* end upload section css */

/* start text dropdown */
.text-dropdown {
   font-size: 14px;
   line-height: 20px;
   color: #6e7985;
   width: auto;
   display: inline-block;
   position: relative;
}
.text-dropdown-title {
   display: inline-block;
   cursor: pointer;
}
.text-dropdown-content {
   display: none;
   position: absolute;
   min-width: 150px;
   z-index: 1;
   height: auto;
}
.text-dropdown-content ul {
   padding: 8px;
}
.text-dropdown-content ul li {
   display: block;
   padding: 6px 8px;
   text-decoration: none;
   cursor: pointer;
   background-color: transparent;
   color: #6e7985;
}
.text-dropdown-content ul li:hover {
   background-color: rgba(248, 249, 252);
}
.text-dropdown:hover .text-dropdown-content {
   display: block;
}
.text-dropdown-content.up {
   bottom: 20px;
}
.text-dropdown-content.left {
   top: 0;
   transform: translateX(-100%);
}
.text-dropdown-content.right {
   top: 0;
   transform: translateX(100%);
}
/* end text dropdown */

/* start column blocks */
.column-blocks .row {
   margin-left: -7.5px;
   margin-right: -7.5px;
   margin-top: -8px;
   display: flex;
   flex-wrap: wrap;
}
.column-blocks .col {
   width: 25%;
   float: left;
   padding-left: 7.5px;
   padding-right: 7.5px;
   margin-top: 8px;
}
.column-blocks label {
   font-size: 13px;
   line-height: 19px;
   margin-bottom: 5px;
   display: inline-block;
}
/* end column blocks */

/* ***************************************************** */
/* start main content css */
.main-content {
   margin-left: 250px;
   margin-top: 72px;
   min-height: 100vh;
   padding: 22px;
   transition: all 0.3s;
}
.main-content-full {
   margin-left: 0;
}
.main-top .main-heading {
   line-height: 21px;
}
.footer-copyright {
   border-top: 1px solid rgba(226,229,236,.6);
}
.reload-icon {
   height: 14px;
}
.pointer {
   cursor: pointer !important;
}
input[type=file]::file-selector-button {
   border-radius: 4px;
   color: #000;
   background-color: transparent;
   border-color: transparent;
   cursor: pointer;
   padding: 6px 10px;
   font-size: 14px;
   outline: 0 !important;
   box-shadow: none;
   border: 0;
}
.title, .title-2 {
   color: #212830;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: -0.2px;
   line-height: normal;
}
.title-2 {
   font-size: 20px;
}
.column-block {
   display: flex;
   align-items: center;
   border-bottom: 1px solid #e7e8ea;
   padding: 12px 15px;
   gap: 10px;
}
.down-arrow {
   position: relative;
}
.sku-copy {
   position: relative;
}
.asin-copy {
   position: relative;
}
.down-arrow::after, .up-arrow::after, .left-arrow::after, .right-arrow::after, .sku-copy::after, .asin-copy::after {
   position: absolute;
   content: '';
   top: 50%;
   width: 14px;
   height: 14px;
   transform: translateY(-50%);
   right: 18px;
   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='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 16px 12px;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   appearance: none;
}
.sku-copy::after {
   background-image: url("../img/copy-icon.svg");
   height: 16px;
   width: 16px;
   background-size: 20px;
   transform: translateY(-110%);
   right: 12px;
}
.asin-copy::after {
   background-image: url("../img/copy-icon.svg");
   height: 16px;
   width: 16px;
   background-size: 20px;
   transform: translateY(-110%);
   right: 12px;
}
.help-block {
   font-size: 11px;
   color: #dc3545;
   font-weight: 500;
}
.form-group .required {
   color: #dc3545;
   display: inline-block;
   margin-left: 2px;
   line-height: 10px;
   font-size: 14px;
}
.page-header {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}
.page-nav {
   margin-left: auto;
}
table.table tr {
   cursor: pointer;
}
.row-2 {
   display: flex;
   flex-wrap: wrap;
}
input[readonly] {
   pointer-events: none;
   color: #919191 !important;
}
span.required {
   color: #dc3545;
   display: inline-block;
   margin-left: 2px;
   line-height: 10px;
   font-size: 11px;
}
.label {
   font-size: 13px;
   line-height: 19px;
   display: inline-block;
}
input[disabled], input[readonly] {
   color: #9e9e9e !important;
   cursor: auto;
   background-color: #fafafa;
}

.collapsed {
   display: none;
}

.tree-main .tree {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .tree-main .tree ul {
   margin: 0;
   padding: 0;
   list-style: none;
   margin-left: .5em;
   position: relative;
 }
 .tree-main .tree ul ul {
   margin-left: .5em;
 }
 .tree-main .tree ul:before {
   content: "";
   display: block;
   width: 0;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   border-left: 1px dashed;
 }
 .tree-main .tree ul li:before {
   content: "";
   display: block;
   width: 10px;
   height: 0;
   border-top: 1px dashed;
   margin-top: -1px;
   position: absolute;
   top: 1em;
   left: 0;
 }
 .tree-main .tree ul li:last-child:before {
   background: #fff;
   height: auto;
   top: 1em;
   bottom: 0;
 }
 .tree-main .tree li {
   margin: 0;
   padding: 0 1em;
   line-height: 30px;
   position: relative;
   cursor: pointer;
}
 .tree-main .tree li .expand {
   display: block;
 }
 .tree-main .tree li .collapse {
   display: none;
 }
 .tree-main .tree li a {
   text-decoration: none;
   color: #369;
 }
 .tree-main .tree li button {
   text-decoration: none;
   color: #369;
   border: none;
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   outline: 0;
 }
 .tree-main .tree li button:active {
   text-decoration: none;
   color: #369;
   border: none;
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   outline: 0;
 }
 .tree-main .tree li button:focus {
   text-decoration: none;
   color: #369;
   border: none;
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   outline: 0;
 }
 .tree-main .indicator {
   margin-right: 5px;
   width: 16px;
   height: 16px;
   position: relative;
   background-image: url(../img/add-tree-icon.svg);
   display: inline-block;
   background-repeat: no-repeat;
   background-size: cover;
}
.tree-main .indicator-edit {
   margin-right: 1px;
   width: 16px;
   height: 16px;
   position: relative;
   background-image: url(../img/edit-icon.svg);
   display: inline-block;
   background-repeat: no-repeat;
   background-size: cover;
}
.tree-main span {
   font-size: 15px;
   line-height: 14px;
   position: relative;
   top: -2px;
}
.tree-block {
   display: inline-flex;
   align-items: center;
   gap: 6px;
}
.tree-main .indicator.bi-folder-minus {
   background-image: url(../img/min-icon.svg);
}
.tree-main {
   max-height: 300px;
   overflow: auto;
}
.collapse-all-btn, .expand-all-btn {
   font-weight: 500;
   border-bottom: 1px dotted blue;
   margin-bottom: 8px;
   display: inline-block;
}
button.disabled {
   pointer-events: none;
   cursor: not-allowed;
   background-color: #ccc !important;
   border: 1px solid #ccc !important;
}
.head-item-wrapper {
   display: flex;
}

/*****/

.list-item-wrapper {
   display: flex;
   flex-direction: column;
}
.ubody-item {
   display: flex;
   align-items: center;
}
.list-block {
   padding: 8px 5px;
   font-size: 14px;
   line-height: 21px;
   color: #6e7985;
}
.uhead .list-block {
   font-weight: 600;
}
.list-item-content {
   padding: 8px;
   border: 1px solid #e7e8ea;
   margin-bottom: 10px;
   font-size: 14px;
   background-color: #f9fcff;
   display: block !important;
}
.report-content {
   display: none;
}
/* .ubody-item-wrapper>.list-block {
    background-color: #ceebcf;
 }
.ubody-item-wrapper.loss>.list-block {
   background-color: #ffd7d7;
}
.ubody-item-wrapper.profit>.list-block {
   background-color: #ceebcf;
} */
.uhead-item-wrapper, .ubody-item-wrapper {
    display: grid;
    grid-template-columns: 380px 150px 170px 150px 162px 154px 142px 50px;
}
.sticky .uhead {
   position: sticky;
   top: 72px;
   display: block;
   background: #f2f2f2;
   z-index: 2;
}
.uhead-item-wrapper .list-block:nth-child(2), .ubody-item-wrapper>.list-block:nth-child(2) {
   display: grid;
   grid-template-columns: 150px 220px;
}
/* ul.ubody-item-wrapper {
    width: fit-content;
} */
.uhead .list-block div {
    font-weight: 600;
}
.uhead-item-wrapper .list-block {
    background-color: #f2f2f2;
}
.uhead-item-wrapper, .ubody-item-wrapper {
   grid-template-columns: 30px 1fr 9% 9% 9% 9% 9% 9% 9% 9% 3%;
}
.report-content {
   width: 100%;
   margin-top: 12px !important;
}
.uhead-item-wrapper .list-block:nth-child(2), .ubody-item-wrapper>.list-block:nth-child(2) {
   grid-template-columns: 40% 60%;
}
.utable {
   overflow: initial;
   border-bottom: 1px solid #e9e9e9;
   padding-bottom: 16px;
}
.total .ubody-item-wrapper>.list-block {
   background-color: #f2f2f2;
   display: block;
   font-weight: 600;
   padding-top: 10px;
   padding-bottom: 10px;
   font-size: 15px;
   border-bottom: 1px solid #e6e6e6;
}
.total .ubody-item-wrapper>.list-block span {
   font-weight: 600;
}
.total .ubody-item-wrapper {
   grid-template-columns: 1fr 30px 9% 9% 9% 9% 9% 9% 9% 9% 3%;
}
.utable li.list-block {
   border-bottom: 1px solid #dadada;
}
.uhead li.list-block {
   padding-top: 10px;
   padding-bottom: 10px;
}
.report-content .table thead th {
   vertical-align: baseline;
}
.report-content .table-wrapper {
   overflow: auto;
}
.report-content .credit-and-debit .table thead th:nth-child(1), .report-content .credit-and-debit .table thead td:nth-child(1) {
   width: 4%;
   min-width: 4%;
}
.report-content .credit-and-debit .table thead th:nth-child(2), .report-content .credit-and-debit .table thead td:nth-child(2) {
   width: 8%;
   min-width: 8%;
}
.report-content .credit-and-debit .table thead th:nth-child(3), .report-content .credit-and-debit .table thead td:nth-child(3) {
   width: 4%;
   min-width: 4%;
}
.report-content .credit-and-debit .table thead th:nth-child(4), .report-content .credit-and-debit .table thead td:nth-child(4) {
   width: 8%;
   min-width: 8%;
}
.report-content .credit-and-debit .table thead th:nth-child(5), .report-content .credit-and-debit .table thead td:nth-child(5) {
   width: 8%;
   min-width: 8%;
}
.report-content .credit-and-debit .table thead th:nth-child(6), .report-content .credit-and-debit .table thead td:nth-child(6) {
   width: 12%;
   min-width: 12%;
}
.report-content .credit-and-debit .table thead th:nth-child(7), .report-content .credit-and-debit .table thead td:nth-child(7) {
   width: 10%;
   min-width: 10%;
}
.report-content .credit-and-debit .table thead th:nth-child(8), .report-content .credit-and-debit .table thead td:nth-child(8) {
   width: 10%;
   min-width: 10%;
}
.report-content .credit-and-debit .table thead th:nth-child(9), .report-content .credit-and-debit .table thead td:nth-child(9) {
   width: 15%;
   min-width: 15%;
}
.report-content .credit-and-debit .table thead th:nth-child(10), .report-content .credit-and-debit .table thead td:nth-child(10) {
   width: 12%;
   min-width: 12%;
}
.report-content .credit-and-debit .table thead th:nth-child(11), .report-content .credit-and-debit .table thead td:nth-child(11) {
   width: 10%;
   min-width: 10%;
}

.records table tr {
   display: grid;
   grid-template-columns: 31px 70px 180px 118px 150px 61px 80px 68px 78px 63px 100px 60px 80px 68px 70px 78px 74px 56px 1fr;
}

.records .unmatched-table tr {
   display: grid;
   grid-template-columns: 20% 20% 20% 20% 20%  1fr;
}

.records .unmatched-vender-table tr {
   display: grid;
   grid-template-columns: 10% 16% 10% 10% 10% 7% 7% 10% 10% 1fr;
}

.uhead {
   position: sticky;
   top: 72px;
   z-index: 9;
}

.fba-fbm-reports .ubody-item-wrapper li.list-block {
   display: flex;
   align-items: center;
}

.fba-fbm-reports .total .ubody-item-wrapper {
   grid-template-columns: 35px 18% 6% 4% 4% 4% 5% 5% 7% 5% 5% 5% 5% 5% 6% 5% 3% 6%
}

.fba-fbm-reports .uhead-item-wrapper .list-block:nth-child(2), .fba-fbm-reports .ubody-item-wrapper>.list-block:nth-child(2) {
   grid-template-columns: initial;
}

.fba-fbm-reports .uhead-item-wrapper, .fba-fbm-reports .ubody-item-wrapper {
   grid-template-columns: 35px 17% 6% 4% 4% 4% 5% 5% 7% 5% 5% 5% 5% 5% 6% 5% 3% 7%;
}

.fba-pricing .uhead-item-wrapper,.fba-pricing .ubody-item-wrapper {
   grid-template-columns: 30px 24% 9% 5% 5% 5% 5% 6% 5% 6% 6% 6% 6% 3% 7%
}
.fba-pricing .total .ubody-item-wrapper {
   grid-template-columns: 24% 30px 9% 5% 5% 5% 5% 6% 5% 6% 6% 6% 6% 3% 7%
}
.fba-pricing .utable {
   overflow: initial;
}
.fba-pricing .ubody-item-wrapper li.list-block {
   display: flex;
   align-items: center;
}

.fedex-reports .uhead-item-wrapper,.fedex-reports .ubody-item-wrapper {
   grid-template-columns: 30px 1fr 15% 15% 15% 15% 15% 7%;
}
.fedex-reports .total .ubody-item-wrapper {
   grid-template-columns: 1fr 30px 15% 15% 15% 15% 15% 7%;
}

.fba-reports .uhead-item-wrapper,.fba-reports .ubody-item-wrapper {
   grid-template-columns: 36px 25% 7% 4% 4% 6% 5% 6% 7% 4% 5% 6% 5% 5% 3% 6%;
}
.fba-reports .uhead-item-wrapper .list-block:nth-child(2),.fba-reports .ubody-item-wrapper>.list-block:nth-child(2) {
   grid-template-columns: 60% 40%;
}
.fba-reports input.amazon_qty {
   width: 80px;
}
.fba-reports select.form-select {
   padding-right: 25px;
   font-size: 12px;
}
.fba-reports .total .ubody-item-wrapper {
   grid-template-columns: 25% 36px 7% 4% 4% 6% 5% 6% 7% 4% 5% 6% 5% 5% 3% 6%;
}

.fba-new-orders .uhead-item-wrapper, .fba-new-orders .ubody-item-wrapper {
   grid-template-columns: 30px 15% 8% 10% 5% 7% 6% 8% 8% 6% 9% 3% 13%;
}
.fba-new-orders .total .ubody-item-wrapper {
   grid-template-columns: 15% 30px 8% 10% 5% 7% 6% 8% 8% 6% 9% 3% 13%;
}
.fba-new-orders .uhead-item-wrapper .list-block:nth-child(2), .fba-new-orders .ubody-item-wrapper>.list-block:nth-child(2) {
   grid-template-columns: 100%;
}
.fba-processing-orders .uhead-item-wrapper, .fba-processing-orders .ubody-item-wrapper {
   grid-template-columns: 30px 12% 1fr 8% 7% 7% 7% 9% 9% 8% 8% 13%;
}
.fba-processing-orders .total .ubody-item-wrapper {
   grid-template-columns: 1fr 30px 10% 10% 7% 7% 7% 9% 9% 8% 8% 13%;
}
.fedex-reports .uhead-item-wrapper,.fedex-reports .ubody-item-wrapper {
   grid-template-columns: 30px 1fr 15% 15% 15% 15% 15% 7%;
}
.fedex-reports .total .ubody-item-wrapper {
   grid-template-columns: 1fr 30px 15% 15% 15% 15% 15% 7%;
}
.fba-pricing .uhead-item-wrapper,.fba-pricing .ubody-item-wrapper {
   grid-template-columns: 30px 24% 9% 5% 5% 5% 5% 6% 5% 6% 6% 6% 6% 3% 7%
}
.fba-pricing select.form-select {
   padding-right: 25px;
   font-size: 14px;
}

.fba-pricing .form-group .required {
   display: block;
}

.header .info-block-wrapper {
    width: 500px;
    margin-left: 20px;
}
.header .info-block-wrapper .col-6 {
    width: auto;
}
.header .info-block-wrapper .info-block {
    padding: 0;
    margin-left: 10px;
}
.header-right-info h4.title {
   margin: 0;
   font-size: 18px;
   color: #000;
   margin-right: 10px;
}

/***Switch btn***/
.switch {
   display: inline-block;
   position: relative;
   width: 37px;
   height: 22px;
   border-radius: 20px;
   background: #e3e3e3;
   border: 1px solid #aaa6a0;
   transition: background 0.28s cubic-bezier(.4,0,.2,1);
   vertical-align: middle;
   cursor: pointer;
   font-size: 14px;
   line-height: 28px;
   color: #6d90a9;
   font-weight: 600;
   padding: 0 8px;
   text-align: right
}
.switch::before {
   content: '';
   position: absolute;
   top: -1px;
   left: 0px;
   width: 22px;
   height: 22px;
   background: #fff;
   border-radius: 100%;
   border: 1px solid #aaa6a0;
   transition: left 0.28s cubic-bezier(.4,0,.2,1),background 0.28s cubic-bezier(.4,0,.2,1),box-shadow 0.28s cubic-bezier(.4,0,.2,1)
}
.switch:active::before {
   box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(128,128,128,.1)
}
.toggle-no+.switch {
   background: #79a22e;
   text-align: left
}
.toggle-no+.switch::before {
   left: 15px;
   background: #fff
}
.toggle-no+.switch:active::before {
   box-shadow: 0 2px 8px rgba(0,0,0,.28),0 0 0 20px rgba(0,150,136,.2)
}
/******/


/*** m c center  ***/
.s-c-popup {
   max-width: 480px !important;
   text-align: center;
}
.s-c-popup .action-popup {
   padding: 25px !important;
}
.s-c-popup .action-btn {
   margin: 0 !important;
   width: 48px;
   height: 48px;
   background-size: 21px;
   border: 2px solid #e16772;
   background-color: initial;
}

.s-c-popup .item-text {
   font-size: 15px;
   margin: 15px 0 22px;
}
.s-c-popup .page-nav {
   justify-content: center;
}
/******/


.products-model .popup-content {
   min-height: 600px;
   height: 90%;
   overflow: auto;
}
.products-model .popup-content .card-box {
   height: 100%;
   overflow: auto;
}

/*** Overlay Table ***/
.text-dropdown-content.overlay-table-wrapper {
   width: 700px;
   left: -350px;
}
.overlay-table-wrapper .title {
   padding: 8px 8px 12px;
   font-size: 18px;
   font-weight: 600;
}
.overlay-table-wrapper table, .overlay-table-wrapper th, .overlay-table-wrapper td {
   border: 1px solid #7d7d7d !important;
}
.overlay-table-wrapper .table thead th {
   background-color: #373330;
   color: #fff;
}
.overlay-table-wrapper .table>:not(caption)>*>* {
   padding: 5px;
}
.overlay-table-wrapper th:first-child, .overlay-table-wrapper td:first-child {
   min-width: 210px;
}
.overlay-table-wrapper th, .overlay-table-wrapper td {
   text-align: center !important;
}
.overlay-table-wrapper table tbody tr:nth-child(even) {
   background-color: #f0f3fe;
}
.overlay-table-wrapper table  tr.more a {
   text-decoration: underline;
}
.text-dropdown-icon {
   width: 20px;
   margin: 0 4px;
}

.overlay-table td:last-child .action-btn {
   margin: 0;
}
.overlay-table td:last-child .action-btn {
   margin: 0;
   background-image: url(../img/uncheck-icon.svg);
   background-color: transparent;
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-size: cover;
   padding: 0;
   opacity: 0.6;
}
.overlay-table td:last-child .action-btn.add {
   background-image: url(../img/check-icon-blue.svg);
   opacity: 1;
}

.fancy-regular_price .update-custom-price {
   position: relative;
   padding-right: 24px;
}
.fancy-regular_price .update-custom-price:after {
   position: absolute;
   content: '';
   background-image: url(../img/checkbox-check-icon.svg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 18px;
   right: 0;
   top: 1px;
}

.grid-table-icon {
   background-image: url(../img/grid-icon.svg);
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 18px;
   display: inline-block;
   margin-top: 5px;
}

.sales-channel-list {
   width: 100%;
   height: 191px;
   border: 1px solid #dadde2!important;
   border-radius: 4px!important;
   padding: 7px 10px!important;
   font-size: 14px!important;
   color: #212830!important;
}

.box-model {
   margin-top: 16px;
   padding: 15px;
}
.box-model .title {
   font-size: 15px;
}
.box-model .option-data {
   border-radius: 0 0 4px 4px !important;
   min-height: 150px;
}
.box-model .option-title {
   padding: 10px;
   border-radius: 4px 4px 0 0;
   margin-bottom: 2px;
   background: #f3f5f9;
   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='%23313c47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 6px center;
   background-size: 16px 12px;
   appearance: none;
}
.box-model .box-date {
   /* width: 200px; */
   position: relative;
}
.box-model .box-date:after {
   width: 18px;
   height: 18px;
   position: absolute;
   content: '';
   background-image: url(../img/calendar_date_icon.svg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   right: 8px;
   pointer-events: none;
}
.box-model span.text {
   padding-right: 10px;
   color: #000;
}
input[type="date"]::-webkit-inner-spin-button {
 filter: invert(1);
}

.empty-catelog-msg {
   text-align: center;
}
.empty-catelog-msg p {
   display: inline-block;
   padding: 5px 0;
   padding-left: 32px;
   background-image: url(../img/no-product-icon.svg);
   background-repeat: no-repeat;
   background-size: 22px;
   background-position: left center;
}

/***info block***/
.info-block {
   padding: 15px;
   display: flex;
   gap: 15px;
   align-items: center;
}
.info-block .icon {
   width: 52px;
   height: 52px;
   display: block;
   margin-inline: auto;
   border-radius: 30px;
   background-color: #cbd5f9;
   padding: 14px;
}
.info-block .icon svg {
   width: 100%;
}
.info-block .value {
   font-size: 26px;
   font-weight: 600;
   color: #000;
   margin: 0 0 4px;
   display: block;
   line-height: 28px;
}
.info-block .title {
   font-size: 14px;
   color: #6e7985;
}
/******************/

table .vendor {
   background: #ebebeb;
}

.table thead th {
   background-color: #f3f5f9;
}

.wp-100 {
   width: 100px;
}
.wp-200 {
   width: 200px;
}
.white-space-no-wrap {
   white-space: nowrap;
}

.main-content {
   position: relative;
}
.overlay, .loader {
   position: fixed;
   left: 0;
   right: 0;
   top: 72px;
   bottom: 0;
   width: 100%;
   height: 100%;
   display: none;
   z-index: 10;
}
.overlay.loading, .overlay.loading .loader {
   display: block;
}
.loader, .dynamic-pay-loader {
   background-image: url(../img/loading-gif.gif);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 40px;
   z-index: 9;
   overflow: hidden;
   margin-left: 125px;
}
.loader:after {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(186 186 186 / 30%);
   z-index: 1;
}

.main-content-full .loader {
   margin-left: 0;
}

.table-header-sticky {
   position: sticky;
   top: 72px;
   z-index: 9;
}

.fix-w-50 {
   width: 50px !important;
   flex: 0 0 50px !important;
}
.fix-w-100 {
   width: 100px !important;
}
.common-padding {
   padding: 12px 15px !important;
}

.vendor-dropdown {
   height: 150px;
}

.brand-dropdown {
   height: 150px;
}

.category-dropdown {
   height: 150px;
}

.supplier-drop-down {
   height: 150px;
}

.form-search .search-icon {
   border: none;
}

.form-search form {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-grow: 1;
}

.sticky-header .main-content-full .utable-wrapper .uhead, .sticky-header .main-content-full .fba-action {
   left: 21px;
}


@media (max-width:1750px) {
   .records .table-wrapper table.table.nofix {
       width: initial;
   }
}
@media (max-width: 1615px) {
   .report-content .credit-and-debit .table thead th:nth-child(1), .report-content .credit-and-debit .table thead td:nth-child(1) {
      width: 80px;
      min-width: 80px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(2), .report-content .credit-and-debit .table thead td:nth-child(2) {
      width: 120px;
      min-width: 120px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(3), .report-content .credit-and-debit .table thead td:nth-child(3) {
      width: 60px;
      min-width: 60px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(4), .report-content .credit-and-debit .table thead td:nth-child(4) {
      width: 150px;
      min-width: 150px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(5), .report-content .credit-and-debit .table thead td:nth-child(5) {
      width: 120px;
      min-width: 120px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(6), .report-content .credit-and-debit .table thead td:nth-child(6) {
      width: 180px;
      min-width: 180px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(7), .report-content .credit-and-debit .table thead td:nth-child(7) {
      width: 140px;
      min-width: 140px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(8), .report-content .credit-and-debit .table thead td:nth-child(8) {
      width: 140px;
      min-width: 140px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(9), .report-content .credit-and-debit .table thead td:nth-child(9) {
      width: 220px;
      min-width: 220px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(10), .report-content .credit-and-debit .table thead td:nth-child(10) {
      width: 150px;
      min-width: 150px;
   }
   .report-content .credit-and-debit .table thead th:nth-child(11), .report-content .credit-and-debit .table thead td:nth-child(11) {
      width: 140px;
      min-width: 140px;
   }
   .summary .info-block-wrapper .row {
      flex-wrap: wrap;
  }
  .summary .info-block-wrapper .col-3 {
      width: 33.33%;
   }
   
}

@media only screen and (max-width: 1480px) {
   .fba-fbm-reports .utable-wrapper {
       width: 100%;
       overflow-y: scroll;
   }
   .fba-fbm-reports .utable-wrapper .utable {
       width: 1500px;
   }
   .fba-fbm-reports .uhead {
       position: inherit;
   }
}

.filter-del-btn-hide {
   display: none;
}

.fix-w-200 {
   width: 200px !important;
}


@media (max-width: 1400px) {
   .utable-wrapper {
       width: 100%;
       overflow-y: scroll;
   }
   .utable-wrapper .utable {
       width: 1596px;
   }
   .uhead {
      position: initial;
   }
}


@media (max-width: 1023px) {
   .summary .info-block-wrapper .col-3 {
      width: 50%;
   }
}

/* ****************** Yash Patel *************** */

.loader-flow {
   background-image: url(../img/loading-gif.gif);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 18px;
   z-index: 9;
   overflow: hidden;
   width: 20px;
   height: 20px;
   transition: all .6s;
   display: none;
}

span.loader-flow {
   margin-left: 10px;
}

.loader-view{
   display: block;
}


.filter-section .card-body .row {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
}

.header .info-block {
   box-shadow: initial;
   gap: 10px;
   margin-left: 4px;
}
.header .info-block .icon {
   width: 40px;
   height: 40px;
   padding: 10px;
}
.header .info-block .value {
   font-size: 22px;
   margin-bottom: 0;
}
.header .info-block .title {
   font-size: 12px;
}

/* .sticky-header .fba-action, .sticky-header .fba-pricing .uhead {
   position: fixed;
   top: 72px;
   z-index: 10;
   right: 22px;
   background: #fff;
   left: 272px;
   padding: 15px;
} */
.sticky-header .fba-pricing .uhead {
   top: 124px;
   padding-bottom: 0;
}
.sticky-header .fba-reports .uhead {
   top: 124px;
   padding-bottom: 0;
}
.sticky-header .ul-list-view {
   padding-top: 118px;
}

table.warehouse-stock {
   height: 300px;
   max-height: 300px;
   overflow: auto;
   min-height: 300px;
   display: block;
}
table.warehouse-stock thead, table.warehouse-stock tbody {
   width: 100%;
   display: inline-table;
}
table.warehouse-stock thead {
   position: sticky;
   top: 0;
}
table.warehouse-stock thead tr, table.warehouse-stock tbody tr {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.h-150 {
   height: 150px !important;
}


.fba-reports .list-block > .title-block, .fba-reports .list-block > .title-block, .fba-pricing .list-block > .title-block, .fba-pricing .list-block > .title-block {
   display: grid;
   width: 100%;
   grid-template-columns: 110px 1fr;
   column-gap: 15px;
   align-items: center;
}
.fba-reports .list-block > .title-block .title-block-img a,
.fba-pricing .list-block > .title-block .title-block-img a {
   display: flex;
   align-items: center;
   height: 100%;
}
.fba-pricing  .title-block-img a img {
   top: 0;
}


input+.focus-popup.focus-active {
   display: block;
}
input+.focus-popup {
   display: none;
   margin-top: 5px;
}

p.mt-2.text-danger {
   font-size: 10px;
}

.grid-table-icon.amazon .text-dropdown-content.overlay-table-wrapper {
   width: 500px;
   left: initial;
   right: -250px;
   border: 1px solid #ccc;
   margin-top: 3px;
}

.fba-reports .list-block > .title-block .title-block-img a {
   position: relative;
   padding-bottom: 85%;
   display: block;
}
.fba-reports  .title-block-img a img {
   position: absolute;
   height: 100%;
   left: 0;
   right: 0;
   margin-inline: auto;
}
.fba-reports .list-block {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 0;
}
.fba-reports .list-block > .title-block {
   align-items: center;
}
.fba-reports .list-block.vendor-compare {
   display: flex;
   align-items: baseline;
   flex-direction: column;
   justify-content: center;
}

.fba-reports .report-content.fetching {
   background-image: url(../img/loading-gif.gif);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 22px;
}




.fba-fbm-reports .btn-with-icon.update-btn-black, .fba-fbm-reports .btn-with-icon.update-btn-white,
.fba-pricing .btn-with-icon.update-btn-black, .fba-pricing .btn-with-icon.update-btn-white,
.fba-reorders .btn-with-icon.update-btn-black, .fba-reorders .btn-with-icon.update-btn-white,
.fba-new-reorder .btn-with-icon.update-btn-black, .fba-new-reorder .btn-with-icon.update-btn-white {
    font-size: 12px;
    background-size: 14px;
    padding: 6px 8px 6px 29px;
}
.fba-fbm-reports .uhead li.list-block, .fba-fbm-reports .ubody li.list-block,
.fba-pricing .uhead li.list-block, .fba-pricing .ubody li.list-block,
.fba-new-orders .uhead li.list-block, .fba-new-orders .ubody li.list-block,
.fba-processing-orders .uhead li.list-block, .fba-processing-orders .ubody li.list-block,
.fba-completed-orders .uhead li.list-block, .fba-completed-orders .ubody li.list-block,
.fba-reorders .uhead li.list-block, .fba-reorders .ubody li.list-block,
.fba-new-reorder .uhead li.list-block, .fba-new-reorder .ubody li.list-block {
    display: flex;
    align-items: center;
}
.fba-pricing .ubody-item-wrapper .list-block.vendor-compare .form-select, 
.fba-new-orders .ubody-item-wrapper .list-block.vendor-compare .form-select,
.fba-reorders .ubody-item-wrapper .list-block.vendor-compare .form-select,
.fba-new-reorder .ubody-item-wrapper .list-block.vendor-compare .form-select {
    width: calc(100% - 20px);
    font-size: 11px !important;
}
.fba-pricing .ubody-item-wrapper .list-block.vendor-compare .grid-table-icon, 
.fba-new-orders .ubody-item-wrapper .list-block.vendor-compare .grid-table-icon,
.fba-reorders .ubody-item-wrapper .list-block.vendor-compare .grid-table-icon,
.fba-new-reorder .ubody-item-wrapper .list-block.vendor-compare .grid-table-icon {
    width: 20px;
}
.fba-processing-orders .uhead-item-wrapper .list-block:nth-child(2), 
.fba-processing-orders .ubody-item-wrapper>.list-block:nth-child(2) {
    grid-template-columns: 1fr;
}
.fba-reports .list-block > .title-block, .fba-reports .list-block > .title-block, 
.fba-pricing .list-block > .title-block, .fba-pricing .list-block > .title-block,
.fba-new-reorder .list-block > .title-block, .fba-new-reorder .list-block > .title-block {
    display: grid;
    width: 100%;
    grid-template-columns: 100px 1fr;
    column-gap: 10px;
    align-items: center;
}
.fba-reports .list-block > .title-block .title-block-img a, 
.fba-pricing .list-block > .title-block .title-block-img a,
.fba-new-reorder .list-block > .title-block .title-block-img a {
    display: block;
    position: relative;
    padding-bottom: 80%;
    text-align: center;
}
.fba-reports .list-block > .title-block .title-block-img a img, 
.fba-pricing .list-block > .title-block .title-block-img a img,
.fba-new-reorder .list-block > .title-block .title-block-img a img {
    width: auto;
    height: 100%;
    position: absolute;
    margin-inline: auto;
    left: 0;
    right: 0;
    top: 0;
}
.list-block {
    font-size: 11px;
    line-height: 15px;
}
.uhead .list-block {
    font-size: 13px;
    line-height: 18px;
}
.fba-fbm-reports .uhead-item-wrapper, .fba-fbm-reports .ubody-item-wrapper {
    grid-template-columns: 35px 9% 7% 4% 5% 5% 5% 5% 7% 5% 6% 6% 6% 6% 6% 6% 3% 7%;
}

.fba-fee-per table tbody td {
    border-bottom: 0;
    position: relative;
    font-size: 13px;
    line-height: 18px;
}
.fba-fee-per table {
    max-width: 300px;
    display: flex;
    width: 100%;
}
.fba-fee-per table * {
    border: 0 !important;
    width: 100%;
    display: block;
}
.fba-fee-per .table th, .fba-fee-per table td {
    background-color: #f3f5f9;
}
.fba-fee-per table thead {
    width: 80%;
}
.fba-fee-per table  tbody {
    width: 20%;
}
.fba-fee-per table tr {
    width: 100%;
    display: block;
}
.fba-fee-per table th, .fba-fee-per table td {
    border: 1px solid #e8e8e8;
}
.fba-fee-per table tbody td:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 24px;
    background: #c8c8c8;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.table thead th {
    font-size: 13px;
    line-height: 18px;
}
table tbody td {
    font-size: 11px;
    line-height: 15px;
} 
.fba-fbm-reports .btn-light, .fba-pricing .btn-light {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
}
.fba-fbm-reports .btn-light:hover, .fba-pricing .btn-light:hover {
    background-color: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
}
.fba-reports .title-block-content .asin-title,.fba-reports .title-block-content .sku-title,.fba-reports .title-block-content .item-title {
    font-weight: 600;
}
.fba-reports .title-block-content .asin-block,.fba-reports .title-block-content .sku-block,.fba-reports .title-block-content {
    padding: 1px 0;
}
.fba-pricing .ubody-item-wrapper .list-block.vendor-compare, .fba-new-orders .ubody-item-wrapper .list-block.vendor-compare {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}
.fba-pricing .grid-table-icon,body .grid-table-icon {
    margin-top: 0;
}
.fba-pricing .text-dropdown-content, body .text-dropdown-content {
    top: 5px;
}
.list-block .border--box, table .border--box,.list-block  .form-select {
    height: 32px;
    font-size: 11px !important;
}
.total .ubody-item-wrapper>.list-block {
    font-size: 13px;
}
.list-block .btn {
    font-size: 12px;
    height: 32px;
}
.list-block {
    gap: 6px;
}
.fba-new-orders .uhead-item-wrapper, .fba-new-orders .ubody-item-wrapper {
    grid-template-columns: 30px 15% 9% 14% 5% 7% 6% 7% 7% 5% 7% 3% 13%;
}
.fba-new-orders .total .ubody-item-wrapper {
    grid-template-columns: 15% 30px 9% 14% 5% 7% 6% 7% 7% 5% 7% 3% 13%;
}
.fba-completed-orders .uhead-item-wrapper,.fba-completed-orders .ubody-item-wrapper {
    grid-template-columns: 30px 1fr 10% 8% 5% 7% 7% 9% 9% 9% 11% 11%;
}
.fba-completed-orders .total .ubody-item-wrapper {
    grid-template-columns: 1fr 30px 10% 8% 5% 7% 7% 9% 9% 9% 11% 11%;
}
.sticky-header .fba-completed-orders .utable-wrapper .uhead {
   top: 72px;
}
.fba-reorders .uhead-item-wrapper, .fba-reorders .ubody-item-wrapper {
    grid-template-columns: 30px 11% 8% 11% 4% 5% 5% 5% 5% 6% 6% 5% 5% 6% 6% 2% 8%;
}
.fba-reorders .total .ubody-item-wrapper {
    grid-template-columns: 11% 30px 8% 11% 4% 5% 5% 5% 5% 6% 6% 5% 5% 6% 6% 2% 8%;
}
table .status-btn {
    font-size: 11px;
}
.fba-new-reorder .uhead-item-wrapper, .fba-new-reorder .ubody-item-wrapper {
    grid-template-columns: 30px 17% 12% 5% 5% 6% 5% 5% 7% 6% 5% 5% 5% 5% 3% 7%;
}
.fba-new-reorder .total .ubody-item-wrapper {
    grid-template-columns: 17% 30px 12% 5% 5% 6% 5% 5% 7% 6% 5% 5% 5% 5% 3% 7%;
}


.filter-dropdown .card-header .card-title {
   font-size: 14px;
}
.filters .card-header {
   padding: 10px 12px;
}
.filter-dropdown input.border--box, .filter-dropdown select.border--box {
   height: 32px;
   font-size: 13px !important;
   padding: 2px 10px !important;
}
.box-model .box-date:after {
   top: 6px;
   background-size: 16px;
}
.box-model span.text {
   font-size: 13px;
}
/*vendor-unmatched-orders*/
.vendor-unmatched-orders .records .unmatched-vender-table tr {
   display: grid;
   grid-template-columns: 10% 16% 15% 10% 10% 8% 11% 10% 10%;
}
.vendor-unmatched-orders .records .table-wrapper,
.fedex-unmatched-orders .records .table-wrapper {
   overflow-y: initial;
}
.vendor-unmatched-orders .records .table-wrapper table.table,
.fedex-unmatched-orders .records .table-wrapper table.table {
   width: 100%;
}
.vendor-unmatched-orders .records .table-header-sticky,
.fedex-unmatched-orders .records .table-header-sticky {
   position: sticky;
}
/*new-reorder*/

.new-reorder .uhead .list-block, .new-reorder .ubody .list-block {
   display: flex;
   align-items: center;
}
.fba-reports.new-reorder .uhead-item-wrapper, .fba-reports.new-reorder .ubody-item-wrapper {
   grid-template-columns: 27px 21% 11% 4% 4% 7% 5% 5% 7% 5% 5% 5% 5% 5% 6% 3% 0%;
   grid-auto-flow: column;
}
.fba-reports.new-reorder .uhead-item-wrapper .list-block.update-fba-pricing-items, .fba-reports.new-reorder .ubody-item-wrapper .list-block.update-fba-pricing-items {
padding: 0;
}
.fba-reports.new-reorder .total .ubody-item-wrapper {
   grid-template-columns: 19% 30px 11% 4% 5% 7% 5% 5% 7% 6% 4% 5% 5% 5% 3% 7%;
}
.new-reorder .btn-with-icon.update-btn-white {
   font-size: 12px;
   background-size: 14px;
   padding: 6px 8px 6px 29px;
}
.fba-reports.new-reorder input.amazon_qty {
   width: 100%;
}
.list-block .border--box, table .border--box, .list-block  .form-select {
   height: 32px;
   font-size: 11px !important;
   padding: 5px 10px !important;
}
.new-reorder .ubody-item-wrapper .list-block.vendor-compare {
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: center;
   gap: 10px;
   flex-wrap: nowrap;
}
.new-reorder .ubody-item-wrapper .list-block.vendor-compare .form-select {
   width: calc(100% - 20px);
   font-size: 11px !important;
}
.new-reorder .ubody-item-wrapper .list-block.vendor-compare .grid-table-icon {
   width: 20px;
}
.fba-processing-orders .uhead-item-wrapper, .fba-processing-orders .ubody-item-wrapper {
   grid-template-columns: 30px 8% 1fr 7% 6% 6% 5% 7% 7% 8% 8% 8% 16%;
}
.fba-processing-orders .total .ubody-item-wrapper {
   grid-template-columns: 1fr 30px 8% 7% 6% 6% 5% 7% 7% 8% 8% 8% 16%;
}
.fba-new-orders .list-block > .title-block, .fba-new-orders .list-block > .title-block {
   display: grid;
   width: 100%;
   grid-template-columns: 100px 1fr;
   column-gap: 10px;
   align-items: center;
}
.fba-new-orders .uhead-item-wrapper, .fba-new-orders .ubody-item-wrapper {
   grid-template-columns: 30px 20% 14% 6% 6% 7% 6% 7% 7% 6% 4% 15%;
}
.fba-new-orders .total .ubody-item-wrapper {
   grid-template-columns: 20% 30px 14% 6% 6% 7% 6% 7% 7% 6% 4% 15%;
}
/* reorder-dashboard css */
.reorder-dashboard .title {
   color: #6e7985;
   font-weight: 400;
}   
.reorder-dashboard .value {
   color: #000;
   font-weight: 500;
   font-size: 11px !important;
}   
.reorder-dashboard .block .block-heading {
   background-color: #212830;
   border-radius: 6px 6px 0 0;
   justify-content: flex-start;
}
.reorder-dashboard .block .btn-with-icon {
   background-size: 15px;
}
.reorder-dashboard .block .btn-with-icon.calendar-white-icon {
   background-image: url(../img/calendar-white-icon.svg);
}
.reorder-dashboard .block .btn-with-icon.order-white-icon {
   background-image: url(../img/order-white-icon.svg);
}
.reorder-dashboard .block .btn-with-icon.project-value-white-icon {
   background-image: url(../img/project-value-white-icon.svg);
}
.reorder-dashboard .block .btn-with-icon.stock-white-icon {
   background-image: url(../img/stock-white-icon.svg);
}
.reorder-dashboard .block-content-wrapper {
   box-shadow: 0 1px 2px rgba(204,210,218,.07), 0 2px 4px rgba(204,210,218,.07), 0 4px 8px rgba(204,210,218,.07), 0 8px 16px rgba(204,210,218,.07), 0 16px 32px rgba(204,210,218,.07), 0 32px 64px rgba(204,210,218,.07);
   border-radius: 6px;
}
.reorder-dashboard .block-content {
   display: grid;
   grid-template-columns: 40% 21% 35%;
   padding: 7px;
   column-gap: 1.5%;
   background-color: #fff;
   row-gap: 7px;
   border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
   border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
   border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
   border-radius: 0 0 6px 6px;
}
.reorder-dashboard .block-item .title {
   padding-bottom: 3px;
   font-size: 12px;
}
.reorder-dashboard .block-heading {
   color: #fff;
   background-color: #fff;
   padding: 9px 7px 9px 32px;
}
.reorder-dashboard .block-content * {
   font-size: 12px;
}
.reorder-dashboard .row {
   margin-left: 0;
   margin-right: 0;
}
.orders-reports .uhead-item-wrapper, .orders-reports .ubody-item-wrapper {
   grid-template-columns: 29px 1fr 9% 9% 9% 5% 5% 9% 8% 8% 8% 3% 7%;
}
.orders-reports .total .ubody-item-wrapper {
   grid-template-columns: 1fr 29px 9% 9% 9% 5% 5% 9% 8% 8% 8% 3% 7%;
}
.orders-reports .ubody-item-wrapper li.list-block {
   display: flex;
   align-items: center;
}

.fba-new-item-creation .title-block {
   display: grid;
   width: 100%;
   grid-template-columns: 100px 1fr;
   column-gap: 10px;
   align-items: center;
}

.fba-new-item-creation .list-block {
   display: flex !important;
   align-items: center;
}

.fba-new-item-creation .title-block .title-block-img a {
   display: block;
   position: relative;
   padding-bottom: 80%;
   text-align: center;
}

.fba-new-item-creation .title-block .title-block-img img {
   width: auto;
   height: 100%;
   position: absolute;
   margin-inline: auto;
   left: 0;
   right: 0;
   top: 0;
}

.fba-new-item-creation .uhead-item-wrapper, .fba-new-item-creation .ubody-item-wrapper {
   grid-template-columns: 28% 8% 8% 17% 10% 11% 10% 8%;
}

.fba-new-item-creation .asin-block {
   padding-bottom: 8px;
}

.card-header .card-title {
   font-size: 18px;
}
.fba-pricing select.form-select {
   font-size: 14px;
}
.fba-fbm-reports .btn-with-icon.update-btn-black, .fba-fbm-reports .btn-with-icon.update-btn-white, .fba-pricing .btn-with-icon.update-btn-black, .fba-pricing .btn-with-icon.update-btn-white, .fba-reorders .btn-with-icon.update-btn-black, .fba-reorders .btn-with-icon.update-btn-white, .fba-new-reorder .btn-with-icon.update-btn-black, .fba-new-reorder .btn-with-icon.update-btn-white {
    font-size: 11px;
}
.list-block .btn {
   font-size: 11px;
}
.fba-reports select.form-select {
   font-size: 14px;
}
.days-stock-light {
   background-color: #ff000085 !important;
   font-weight: 600 !important;                          
   color: var(--bs-black) !important;
}             
.days-stock-dark {
   background-color: #f00 !important;
   font-weight: 600 !important;
   color: var(--bs-black) !important;
}
.cost-page .uhead-item-wrapper, .cost-page .ubody-item-wrapper {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fba-cost-page .uhead-item-wrapper, .fba-cost-page .ubody-item-wrapper {
   grid-template-columns: 1fr 2fr 1fr 1fr;
}
.cost-page .uhead-item-wrapper .list-block:nth-child(2),.cost-page .ubody-item-wrapper>.list-block:nth-child(2) {
   grid-template-columns: 100%;
}
.cost-page .uhead-item-wrapper, .cost-page .ubody-item-wrapper {
   grid-template-columns: 150px 150px 200px 120px 120px 120px 1fr;
}
.b-700 {
   font-weight: 700 !important;
}

/*------------ Outline Start ---------------------*/
.outline-yellow {
   border: 3px dashed #eec408 !important;
}
.outline-warning {
   border: 3px dashed #ff7800 !important;
}
.outline-danger {
   border: 3px dashed #dc3545 !important;
}
.outline-success {
   border: 3px dashed #0cb785 !important;
}
.outline-info {
   border: 3px dashed #0dcaf0 !important;
}
.outline-0 {
   border: 0 !important;
}
.outline-t-0 {
   border-top: 0 !important;
}
.outline-r-0 {
   border-right: 0 !important;
}
.outline-b-0 {
   border-bottom: 0 !important;
}
.outline-l-0 {
   border-left: 0 !important;
}
.outline-1 {
   border-width: 1px !important;
}
.outline-2 {
   border-width: 2px !important;
}
.outline-3 {
   border-width: 3px !important;
}
/*------------ Outline End ---------------------*/
li.list-item.order-data-row.pointer.buybox-suppressed {
   background-color: #f3a4a44d;
}

.add-invoice-popup .s-c-popup .item-text {
   margin: 0;
   text-align: left;
} 
.add-invoice-popup .popup-title {
   margin: 15px 0;
}
.popup-title .block span:last-child {
   font-weight: 600;
   color: #000;
}
.add-invoice-popup .popup-title .block {
   display: inline-block;
}
.fba-fbm-reports .uhead-item-wrapper, .fba-fbm-reports .ubody-item-wrapper {
   grid-template-columns: 35px 10% 7% 4.5% 5% 5% 5% 5% 7% 6% 6% 6% 6% 6% 6% 6% 7.3%;
}
 
.sticky-header .utable-wrapper .uhead {
   position: fixed;
   top: 72px;
   z-index: 10;
   right: 22px;
   background: #fff;
   left: 272px;
   padding: 15px;
}
.sticky-header .utable-wrapper .uhead {
   top: 126px;
   padding-bottom: 0;
}
.fba-pricing .uhead-item-wrapper, .fba-pricing .ubody-item-wrapper {
   grid-template-columns: 32px 18% 14% 5% 5% 5% 5% 7% 5% 6% 6% 6% 6% 6% 4% 0;
}
.fba-pricing .uhead li.list-block:last-child {
   padding: 0;
}
body .fba-action {
   position: sticky;
   top: 72px;
   z-index: 11;
   right: 22px;
   background: #fff;
   left: 272px;
   padding: 15px 0;
   margin-bottom: 0 !important;
}
.sticky-header .ul-list-view {
   padding-top: 58px;
}
/* .fba-pricing .card-body.main-card-body, .fba-reports .card-body.main-card-body {
   padding-top: 0;
} */

/* fba popup */
.fba-item-on-amazon {
   position: fixed;
   right: 20px;
   bottom: 20px;
   background: #fff;
   box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
   padding: 5px 20px 20px;
   text-align: center;
   max-width: 386px;
   z-index: 999;
}
.fba-item-on-amazon a {
   display: block;
}
.fba-item-on-amazon a img {
   max-width: 240px;
   margin-inline: auto;
}
.fba-item-on-amazon p {
   margin-top: -8px;
}


.fba-new-item-creation.fba-item-removal .uhead-item-wrapper, .fba-new-item-creation.fba-item-removal .ubody-item-wrapper {
   grid-template-columns: 32% 28% 20% 20%;
}
.fba-pricing.map-price .uhead-item-wrapper, .fba-pricing.map-price .ubody-item-wrapper {
   grid-template-columns: 50% 50%;
}
.fba-pricing.map-price .card-body.main-card-body, .fba-reports.map-price .card-body.main-card-body {
   padding-top: 15px;
}

.refresh_dashboard_metrics {
   width: 16px;
   height: 16px;
}
.refresh_dashboard_metrics img {
   width: 100%;
   vertical-align: baseline;
}
.refresh_dashboard_wrapper {
   position: relative;
   margin-right: 65px;
   margin-top: -25px;
}
.dashboard_last_refresh_at {
   position: absolute;
   width: 90px;
   left: 50%;
   transform: translatex(-50%);
   font-size: 9px;
   text-align: center;
   margin-top: 5px;
}
.refresh_dashboard_icon {
   cursor: pointer;
}
/*new d r*/
@media only screen and (max-width: 1736px) {
   .sticky-header .new-reorder .ul-list-view {
      padding-top: 78px;
  }
}
@media only screen and (max-width: 1700px) {
   .new-reorder .list-block > .title-block, .fba-reports .list-block > .title-block {
       grid-template-columns: 75px 1fr;
   } 
   .fba-reports.new-reorder .uhead-item-wrapper, .fba-reports.new-reorder .ubody-item-wrapper {
       grid-template-columns: 27px 21% 11% 4% 4% 7% 5% 5% 7% 5% 5% 5% 5% 5% 6% 3% 0%;
   }
   .fba-reports.new-reorder .total .ubody-item-wrapper {
       grid-template-columns: 18% 30px 11% 4% 5% 7% 5% 5% 8% 6% 4% 5% 5% 5% 3% 7%;
   }
   .fba-processing-orders .uhead-item-wrapper, .fba-processing-orders .ubody-item-wrapper {
       grid-template-columns: 30px 7% 1fr 7% 6% 6% 5% 7% 7% 8% 8% 8% 18%;
   }
   .fba-processing-orders .total .ubody-item-wrapper {
       grid-template-columns: 1fr 30px 7% 7% 6% 6% 5% 7% 7% 8% 8% 8% 18%;
   }
}
@media only screen and (max-width: 1650px) {
    .fba-reorders .uhead-item-wrapper, .fba-reorders .ubody-item-wrapper {
        grid-template-columns: 30px 10% 7% 12.5% 5% 6% 6% 5% 4% 5% 6% 5% 5% 5% 5% 3% 8%;
    }
    .fba-reorders .total .ubody-item-wrapper {
        grid-template-columns: 10% 30px 7% 12.5% 5% 6% 6% 5% 4% 5% 6% 5% 5% 5% 5% 3% 8%;
    }
    .fba-new-reorder .list-block > .title-block {
        grid-template-columns: 80px 1fr;
    }
}
@media only screen and (max-width: 1580px) {
    .fba-new-orders .uhead-item-wrapper, .fba-new-orders .ubody-item-wrapper {
        grid-template-columns: 30px 12% 9% 14% 5% 7% 6% 7% 7% 5% 7% 3% 15.5%;
    }
    .fba-new-orders .total .ubody-item-wrapper {
        grid-template-columns: 12% 30px 9% 14% 5% 7% 6% 7% 7% 5% 7% 3% 15.5%;
    }
    .fba-processing-orders .uhead-item-wrapper, .fba-processing-orders .ubody-item-wrapper {
        grid-template-columns: 30px 9% 1fr 8% 7% 7% 7% 9% 9% 8% 8% 15%;
    }
    .fba-processing-orders .total .ubody-item-wrapper {
        grid-template-columns: 1fr 30px 9% 8% 7% 7% 7% 9% 9% 8% 8% 15%;
    }
    .fba-completed-orders .uhead-item-wrapper,.fba-completed-orders .ubody-item-wrapper {
        grid-template-columns: 30px 1fr 10% 8% 5% 7% 7% 9% 9% 9% 11% 11%;
    }
    .fba-completed-orders .total .ubody-item-wrapper {
        grid-template-columns: 1fr 30px 10% 8% 5% 7% 7% 9% 9% 9% 11% 11%;
    }
    .fba-new-reorder .uhead-item-wrapper, .fba-new-reorder .ubody-item-wrapper {
        grid-template-columns: 30px 19% 12% 4% 5% 6% 5% 5% 7% 4% 5% 5% 5% 4% 3% 8%;
    }
    .fba-reports .list-block > .title-block, .fba-reports .list-block > .title-block, .fba-pricing .list-block > .title-block, .fba-pricing .list-block > .title-block, .fba-new-reorder .list-block > .title-block, .fba-new-reorder .list-block > .title-block {
      grid-template-columns: 74px 1fr;
   }
   .fba-new-orders .uhead-item-wrapper, .fba-new-orders .ubody-item-wrapper {
      grid-template-columns: 30px 20% 14% 6% 6% 7% 6% 7% 7% 6% 4% 15%;
   }
   .fba-new-orders .total .ubody-item-wrapper {
      grid-template-columns: 20% 30px 14% 6% 6% 7% 6% 7% 7% 6% 4% 15%;
   }
}
@media only screen and (max-width: 1500px) {
   .new-reorder .utable-wrapper {
       width: 100%;
       overflow-y: scroll;
   }
   .new-reorder .utable-wrapper .utable {
       width: 1596px;
   }
   .new-reorder .uhead {
      position: initial;
   }
   .sticky-header  .fba-reports.new-reorder .uhead-item-wrapper {
       grid-template-columns: 30px 18% 11% 4.5% 6% 8% 6% 5% 9% 5% 4% 5% 5% 7% 2% 2%;
   }
   .reorder-dashboard .col-3.block {
      width: 50%;
   }  
}
@media only screen and (max-width: 1480px) {
    .fba-fbm-reports .utable-wrapper {
        width: 100%;
        overflow-y: scroll;
    }
    .fba-fbm-reports .utable-wrapper .utable {
        width: 1500px;
    }
    .fba-fbm-reports .uhead {
        position: inherit;
    }
}