body {margin: 0;font-family: 'Inter', sans-serif;font-size: 0.8rem;font-weight: 400;line-height: 1.5;color: #000;
    text-align: left;background-color: #fff;}
p{font-family: 'Inter', sans-serif;}
h1{font-family: 'Inter', sans-serif;}
h2{font-family: 'Inter', sans-serif;}
h3{font-family: 'Inter', sans-serif;}
h4{font-family: 'Inter', sans-serif;}
h5{font-family: 'Inter', sans-serif;}
h6{font-family: 'Inter', sans-serif;}
a{font-family: 'Inter', sans-serif;}
button{font-family: 'Inter', sans-serif;}

.primarylogo{font-size: 1rem!important;}
.text-primary{color: #0417c0}
.text-primary-main{color: #0417c0; }
#wrapper #content-wrapper {background-color: #F7F8FA;width: 100%;overflow-x: hidden;box-shadow:none;}
.topbar{border-bottom: 1px solid #E9EBF0;background: #F7F8FA;}
.sidebar {border-right: 1px solid #E9EBF0;background-color:#F7F8FA;}
.sidebar .sidebar-brand{border-bottom: 1px solid #E9EBF0;padding: 0 20px;}
#sidebarToggleTop .fa.fa-bars{font-size: 16px;    }
.sidebar .nav-item .nav-link span {margin-left: 5px;vertical-align: middle;}
.table-bordered thead th, .table-bordered thead td {font-weight: 500;}
.sidebar .nav-link img{width: 20px;}
.dash-sec .card:hover .text_color, .h5 {color: #000;}
.dash-sec .card:hover .h5 {color: #000;}
.divid-tabs {border-bottom: 0px solid #000;}
.divid-tabs a {text-decoration: none !important;padding: 10px 20px;margin: 0 5px;}
.divid-tabs a.active, .divid-tabs a:hover {text-decoration: none !important;padding: 10px 20px;background: #0D5EF8;
    margin: 0 5px;font-weight: bold;color: #fff;}
.bg-surface-secondary {background-color: #F7F8FA !important;}
.card {position: relative;background: #fff;border-radius: 0px;display: flex;border: none;border-radius: 10px;
    /* box-shadow: 0px 3px 3px -1px rgb(10 22 70 / 10%), 0px 0px 1px 0px rgb(10 22 70 / 6%) !important; */}
.selectthemecard{box-shadow: 4px 4px 4px 4px rgb(10 22 70 / 8%), 0px 4px 4px 4px rgb(10 22 70 / 8%)}
.view_wesite{font-size: 12px;border-radius: 3px;color: #98A2B2;font-weight: 600;}
.shadows {padding: 10px !important;}
.rounded-circle {border-radius: 50%;color: #000;display: inline-flex;align-items: center;justify-content: center;
    text-align: center;vertical-align: middle;border-radius: 0.375rem;width: 3rem;height: 3rem;}
.bg-first {background-color: transparent;color: #959595;border: 3px solid #006ED366;}
.bg-second {background-color: transparent;color: #959595;border: 3px solid #FF7E07;}
.bg-third {background-color: transparent;color: #959595;border: 3px solid #00683833;}
.bg-fourth {background-color: transparent;color: #959595;border: 3px solid #ECBA22;}
.card_first {background-color: #369FFF;border-radius: 20px;box-shadow: 0px 10px 30px 0px rgba(54, 159, 255, 0.40);}
.card_second {background-color: #FF993A;border-radius: 20px;box-shadow: 0px 10px 30px 0px rgba(255, 153, 58, 0.40); }
.card_third {background-color: #8AC53E;border-radius: 20px;box-shadow: 0px 10px 30px 0px rgba(138, 197, 62, 0.40); }
.card_fourth {background-color: #FFC000;border-radius: 20px;box-shadow: 0px 10px 30px 0px rgba(138, 197, 62, 0.50);
}
.fas {font-size: 24px;}
.text_color {color: #000;}
.h5 {position: relative;font-weight: 500;font-size: 2.2rem;color: #000;}
.text-primary {color: #000;}
.tableCard {padding: 10px;box-shadow: 0 7px 25px rgb(0 0 0 / 8%) !important;}
.imageuploadtext{align-items: center;justify-content: space-between;display: flex;}
.btn-group .btn-outline-dark{border: none;}
.dataTables_wrapper .top{display: flex;align-items: center;justify-content: space-between;}
.dataTables_wrapper .bottom{display: flex;align-items: center;justify-content: space-between;}

.dataTables_length label{
margin: 0px 0px 0px 0px;
display: flex;
align-items: center;  
}
.dataTables_filter label{
display: flex;
align-items: center;   
}
.dataTables_filter input{
margin: 0 0px 0 10px;    
}
.dataTables_length {
float: none;
width: 40%;
}
.pagination{
margin-bottom: 0rem;  
}
input[type=file]{
color: #d8d8d8;  
font-size: 12px;
width: 100%;
}
#example_length select{
margin: 0 5px 0 10px; 
width: auto;
}
.tablespaces{
padding: 0 0.5rem;
}
.btn-default{
font-size: 18px;    
}
label .fa-info:before {
content: "\f129";
color: #bdbdbd;
border-radius: 10px;
margin-left: 0px;
font-size: 0.5rem;
background-color: transparent;
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #cccccc;
}
.displayblk{
display: block;
}
.subtext{
color: var(--subtext);
font-size: 12px;
}
.select2-search__field{
border-color:#E9EBF0!important;    
}
.uploadstext{
display: flex;
align-items: center;
justify-content: center;
}
.select2-selection{
border: solid #E9EBF0 1px!important;   
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: #E9EBF0!important;
}
.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-color: #E9EBF0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
min-height: 35px;
height: auto;
}
.select2-selection--single {
height: 34px!important;
}
.select2-container .select2-selection--multiple {
min-height: 34px!important;
}
.logosettings{padding: 20px;width: 100px;height: auto;display:flex;align-items:center;justify-content:center;padding: 0;}
.submenu{position:absolute;list-style: none;display: none;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;background: white;}
.dropdown-menu li:hover .submenu{display: block;}
.border-radius-0{border-radius: 0;}
.seo_keyword .selectize-control{height: auto;padding: initial;line-height: 0;border: 0;}
.seo_keyword .selectize-input{border-radius: 0.5rem;min-height: 40px;line-height: normal;}
#profile_image{font-size: 10px;}
.admin-login-bg{ background: url(/admin/img/login-bg.png);background-repeat: no-repeat;background-size: 100%;background-color: #F5F5F5;display: flex;align-items: center;min-height: 100vh;}
.login-bg-white{ background-color: #fff !important;max-width: 1280px;border-radius: 20px;min-height: 600px;}
.welcome-text-admin{ font-size: 30px; color: #0417c0;}
#login-admin input{height: 55px; border-color: #E0E0E0;}
#login-admin button{font-size: 25px;}
#website_status.primary{color: #0417c0!important;}
#website_status.secondary{color: var(--secondary_color)!important;height: 40px;}

.nav-pills-custom .nav-link {color: #000;background: #fff;position: relative;}
.nav-pills-custom .nav-link.active {color: #45b649;background: #fff;}
.nav-pills-custom .nav-link.active::before {opacity: 1;}
#myAreaChart{width: 100%; height: 100%;}#myAreaChart1{width: 100%; height: 100%;}
.vendorfilter{color: #fff!important;}
.vendorfilter:hover{color: #0993D2!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: transparent!important;}
.fs-13{font-size: 11px;}
.tab1 button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 5px 16px;
    transition: 0.3s;font-size: 17px;}

/* Change background color of buttons on hover */
.tab1 button:hover {
background-color: #f1f1f1;
}

/* Create an active/current tablink class */
.tab1 button.active {
background-color: #f1f1f1;
}

/* Style the tab content */
.tabcontent1 {
display: none;
padding: 6px 12px;
border-top: none;
}
.tab1 {
overflow: hidden;
}
#vendor_Commission{
display: block;
}
.edit-commission{
background-color: transparent;
border: 0;
}
.currencydrop .select2-container{
width: auto!important;    
}
.billdetails th{
padding: 5px;
}
.billdetails td{
padding: 5px;
}
.checkcircular {
text-align: center;
place-items: center;
height: 100%;
display: grid;
background: #000;
}
.circular{
height: 100px;
width: 100px;
position: relative;
place-items: center;
}
.circular .inner, .circular .outer, .circular .circle{
position: absolute;
z-index: 6;
height: 100%;
width: 100%;
border-radius: 100%;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.2);
}
.circular .inner{
top: 50%;
left: 50%;
height: 80px;
width: 80px;
margin: -40px 0 0 -40px;
background-color: #83e176;
border-radius: 100%;
box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.circular .circle{
z-index: 1;
box-shadow: none;
}
.circular .numb{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
font-size: 18px;
font-weight: 500;
color: #34ad24;
}
.circular .bar{
position: absolute;
height: 100%;
width: 100%;
background: #fff;
-webkit-border-radius: 100%;
clip: rect(0px, 100px, 100px, 50px);
}
.circle .bar .progress{
position: absolute;
height: 100%;
width: 100%;
-webkit-border-radius: 100%;
clip: rect(0px, 50px, 100px, 0px);
}
.circle .bar .progress, .dot span{
background: #34ad24;
}
.circle .left .progress{
z-index: 1;
animation: left 4s linear both;
}
@keyframes left {
100%{
transform: rotate(180deg);
}
}
.circle .right{
z-index: 3;
transform: rotate(180deg);
}
.circle .right .progress{
animation: right 4s linear both;
animation-delay: 4s;
}
@keyframes right {
100%{
transform: rotate(180deg);
}
}
.circle .dot{
z-index: 2;
position: absolute;
left: 50%;
top: 50%;
width: 50%;
height: 10px;
margin-top: -5px;
animation: dot 8s linear both;
transform-origin: 0% 50%;
}
.circle .dot span {
position: absolute;
right: 0;
width: 10px;
height: 10px;
border-radius: 100%;
}
@keyframes dot{
0% {
transform: rotate(-90deg);
}
50% {
transform: rotate(90deg);
z-index: 4;
}
100% {
transform: rotate(270deg);
z-index: 4;
}
}
.orderlogs li { display: flex; flex-wrap: nowrap;}
.orderlogs .time {position: relative;padding: 0 1.5em 20px;}
.orderlogs .time::after {content: "";position: absolute;z-index: 2;right: 5px;top: 7px;transform: translateX(50%);
border-radius: 50%;background: #bdbdbd;border: 1px #000 solid;width: .8em;height: .8em;}
.orderlogs .statusnote {padding-top: 3px !important;position: relative;font-size: 12px;}
.orderlogs .statusnote::before {content: "";position: absolute;z-index: 1;left: -5px;height: 100%;
border-left: 1px #020202 solid;top: 8px;}
.orderlogs li:last-child .statusnote::before{height: 0%; }
#liveAlert{position: fixed;top: 0;right: 0;z-index: 99999;}

.ordershort_tags {
    cursor: pointer;
}


.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
    margin:0 3px;
}

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

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D4DBDE;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 4px;;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0d5ef8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}
.uploader1 model-viewer{
position: absolute;
}

.optionalfield{  
  opacity: 0.6;
  font-size: 9px;
}

.text_bottom {
  margin-bottom: 20px;
  align-items: baseline;
}
.text_bottom {
margin-bottom: 20px;
}

.show #dLabel {
background-color: #fff;
border-top: solid 1px #164A9E;
border-left: solid 1px #164A9E;
border-right: solid 1px #164A9E;
border-bottom: solid 1px transparent;
border-radius: 10px 10px 0 0;
background-color: #EFF5FF;
box-shadow: 0px 0px 10px 0px #164a9e4d;
}

#dLabel {
width: 130px;
height: 30px;
background-color: #fff;
border: solid 1px #fff;
text-align: left;
box-shadow: 3px 3px 6px #0000001A;
border-radius: 10px;
padding: 6px 10px;
font-size: 12px;
font: normal normal normal 12px/14px;
letter-spacing: 0px;
color: #666666;
opacity: 1;
}

.show #dLabel:hover {
background-color: #EFF5FF;
border-top: solid 1px #164A9E;
border-left: solid 1px #164A9E;
border-right: solid 1px #164A9E;
border-bottom: solid 1px transparent;
border-radius: 10px 10px 0 0;
box-shadow: 0px 0px 10px 0px #164a9e4d;
font: normal normal normal 12px/14px;
letter-spacing: 0px;
color: #666666;
opacity: 1;
}

#dLabel:hover {
width: 130px;
height: 30px;
background-color: #fff;
border: 1px solid #000000;
text-align: left;
box-shadow: 3px 3px 6px #0000001A;
border-radius: 10px;
}
.dropdown .dropdown-menu.show {
background-color: #fff;
border: 1px solid #f1f1f1;
padding-top: 5px;
padding: 10px auto !important;
box-shadow: 0px 5px 5px 0px #164a9e4d;
}

.dropdown .dropdown-menu.show:hover {
background-color: #fff;
border: 1px solid #f1f1f1;
padding-top: 5px;
padding: 10px auto !important;
box-shadow: 0px 5px 5px 0px #164a9e4d;
}

.dropdown-menu {
width: 130px;
min-width: 130px;
margin-top: -1px;
border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-radius: 0 0 10px 10px
}

.dropdown button:hover,
.dropdown button:focus {
border: none;
outline: 0;
}

.dropdown.open button#dLabel {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
border: solid 1px #164A9E;
border-bottom: none;
}

.dropdown.open ul {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
border: solid 1px #164A9E;
border-top: none;
overflow-y: scroll;
}

.dropdown-menu li {
line-height: 1.5;
color: #164A9E;
font-size: 12px;
cursor: pointer;
padding: 5px 8px;
border-top: solid 1px transparent;
}

.dropdown-menu li:hover {
background-color: #164A9E;
color: #fff;
}

.mobapp-image-upload {
  max-width: 100px;
  object-fit: contain;
}

.uploadfile::file-selector-button {
  border: 1px dotted #A3A3A3;
  color: #000000;
  background-color: white;
  padding: 8px 20px;
  border-radius: 0px;
  
}

.uploadfile[type=file] {
  border: none;
  height: 53px;
}

.inputvalidation{
  background-image: none!important;
}

.inputvalidation:optional{
  border-color: #E9EBF0!important;
}
.hide{
display: none;
}
.langlist th{
border-bottom-color: #f1f1f1!important;    
}
.table.remborder > :not(:last-child) > :last-child > * {
  border-bottom-color: white;
  border: 0;
}
.dashboard .topbar .topbar-divider {
  border-right: 1px solid #EBEEF2;
  height: calc(4rem - 3rem);
}
.sticky-footer{
 background-color: #F7F8FA;   
}
.dashboard .tableCard {
  border-radius: 10px;
  box-shadow: none!important;
  min-height: 673px;
}
.dashboard .edits {
  color: #B8BFCC;
  font-size: 17px;
  font-weight: 600;
}
.sidemenus.toggled .sidebar-brand-icon{
margin-left: 1rem!important;    
}
.dashboard .tableCard .card-header h2{
  display: inline-block;
  background-color: rgba(236, 72, 153, 0.10);
  padding: 10px;
  border-radius: 5px;
  height: auto;
  width: auto;
  text-align: center;
  font-size: 17px;
}
.dashboard .tableCard th{
font-size: 16px;
color: #1F2633;
padding-bottom: 6px;
padding-left: 0;
}
.dashboard .tableCard td{
padding-left: 0;
}

.dashboard .card-header{
    border-color: #E9EBF0;  
    padding-bottom: 6px !important;
    padding-top: 9px !important;
}
.tabbrd{
border-bottom: 1px solid #E9EBF0;
padding-bottom: 4px;
}
.has-search .form-control{
padding: 0px 0px 0px 35px; 
height: 40px;
border-radius: 8px;
font-weight: 500;
}
.has-search .form-control-feedback{
position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;    
}
.card-header h6{
background-color: rgba(236, 72, 153, 0.10);
padding: 10px;
border-radius: 5px;
font-size: 17px;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #E9EBF0;
}
.prdname .vewprd tr th {
  padding-left: 0px;
}
.fw-500{
font-weight: 500;    
}
.card-header {
  border-bottom: 1px solid #E9EBF0;
}
.addlocation .select2-container .select2-selection--multiple{
border-radius: 0;
height: 40px;
}
#accordionSidebar .collapse-inner{
    padding: 0 0px 0 25px;
}
.fs-12{
 font-size: 12px;   
}
.prdfeaturebtn i,.prdfeaturebtn span{
     color: #7a7a7a; 
}
.prdfeaturebtn i:hover,.prdfeaturebtn span:hover{
     color: #0d5ef8; 
}
#get_attitems{
  height: 34px;
  line-height: 18px;
  font-size: 14px;
}
.prdattribute .select2-selection{
padding-bottom: 0px;
line-height: 22px;
font-size: 14px;
}
.prdattribute .select2-search__field{
margin-left: 10px!important;
}
.borderimg{
 border: 2px dotted gray;   
}
.inventory_location_add .select2-selection{
border-radius: 0!important;
height: 40px;
line-height: 30px;
}
.select2-container--default .select2-selection--multiple{
    padding: 0 6px;
}
.vendorids .select2-container--default.select2-container--focus .select2-selection--multiple{
  border-radius: 0px;
}
.vendorids .select2-container--default .select2-selection--multiple{
  border-radius: 0px;
}
.vendorids .vendorfilter{
  padding: 7px 7px;
}
.venprd .select2-container--default .select2-selection--multiple {
  border-radius: 0px;
}
.selectize-input {
  border: 1px solid #E9EBF0!important;
}
.imgdotted{
border: 2px dotted #A3A3A3;
}
.taxrate .dropdown-toggle::after {
  display: none;
}pa
.viewsvendor th{
font-weight: 500!important;  
}
#timeval{
 padding: 0px 10px;
 text-transform: capitalize;   
}
#addproductModalLabel{
font-weight: 500;    
}
.vendorearnings table th, .vendorearnings table td{
padding-left: 0px;    
}
.vendorearnings table th{
font-weight: 600;
}
.vendorearnings .modal-body{
padding-top: 3px;
}
.processing-payout .dataTable {
  padding-bottom: 0.5rem !important;  
}
.processing-payout #example_info {
  padding-top: 0px;  
}
.vendors #addproductModal th{
  padding-left: 0;  
  padding-top: 0px;
}
.vendors #addproductModal td{
  padding-left: 0;  
}
.venearnings #example td{
  padding-left: 0;  
}
.venearnings #example th{
  padding-left: 0;  
}
.addterritory select{
height: 31px;   
}
.productlist .select2-container--default .select2-selection--single .select2-selection__arrow
{
  height: 33px;
}
.filterui{
border-radius: 4px;
height: 34px;    
border-color: #E9EBF0!important;
}
.productlist .dropdown-menu li:hover{
  background-color: transparent;
  color: #fff;
}
.productlist .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #858796;
}
.theme-settings #customModal input[type="file"]{
   height: 34px; 
   font-size: 14px;
}
.text-black{
color: : #000;    
}
.overviewreport .divid-tabs a {
  color: #98A2B2;
}  
.overviewreport .divid-tabs a:hover{
  color: #fff;
}    
.overviewreport .divid-tabs a.active{
color: #fff;    
}
.blogsadd .select2-container .select2-selection--multiple {
  min-height: 39.7px !important;
  border-radius: 0.5rem;
}
.blogsadd .select2-container--default.select2-container--focus .select2-selection--multiple {
  line-height: 29px;
}
.blogsadd .select2{
  line-height: 28px;
}
.seo_keyword .inputvalidation{
 height: 39.7px;   
}
.visiblityalign{
 margin-top: 1.5px;   
}

.collapse-item.active{
  font-weight: 600 !important;
}

.collapse-inner{
  margin: 0 !important;
}