@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), url('../fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans SemiBold'), url('../fonts/OpenSans-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold'), url('../fonts/OpenSans-Bold.woff') format('woff');
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: normal;font-family: 'Open Sans Bold';}
.small, small{font-weight: normal;}
b, strong{font-weight: normal;font-family: 'Open Sans Bold';}
.table thead th{font-weight: normal;font-family: 'Open Sans SemiBold';}
body{
	font-family: 'Open Sans';
	background-color: #fff !important;
	font-weight: 400 !important;
	overflow-x: hidden;
}
.navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical-aside) .navbar-brand-wrapper{
	display: block;
}
.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
    margin-left: 0;
}
.js-navbar-vertical-aside-submenu .nav-link{color: #fff !important;}
.js-navbar-vertical-aside-submenu .nav-item:hover{background-color: #000 !important;}
.js-navbar-vertical-aside-submenu .nav-link:hover{color: #fff !important;}
.nav-compact>.nav-item>.nav-link{border-left: 4px solid #393A3D;}
.nav-compact>.nav-item>.nav-link.active, .nav-compact>.nav-item>.nav-link:hover{
	color: #fff;
  background-color: #000;
  border-radius: 0;
  width: 8.3rem;
  border-left: 4px solid #18a164;
}
.nav-compact>.show>.nav-link{background-color: transparent;}
.navbar-vertical-aside-compact-mini-mode .navbar-vertical-content>.navbar-nav>.navbar-vertical-aside-has-menu>.nav{
	background-color: #393A3D;
}
.nav-compact{margin-top: 10px;}
.navbar-brand {padding-top: 0;padding-bottom: 0;margin-right: 0;}
.navbar-brand-logo{max-width: 10rem;}
.card-subtitle{font-weight: normal;font-family: 'Open Sans Bold';}
.text-cap{font-weight: normal;font-family: 'Open Sans SemiBold';}
.table-align-middle tbody td{font-size: 0.875rem;}
.card{box-shadow: none !important;border: none;border-radius: 0 !important;}
.footer{margin-left: 190px !important;height: 4.19rem;background: #fff;}
.creat-customer{margin-top: 9px;}
.order-id-edit h2{float: left;margin-top: 7px;font-family: 'Open Sans SemiBold';}
.order-id-edit .form-group.d-md-flex.justify-content-md-end{float: left;margin-left: 12px;}
input{border-radius: 3px;}
#order-edit-form .form-group {margin-bottom: 5px !important;}
#order-edit-form .form-group dl{margin-bottom: 5px !important;}
.navbar-vertical-aside-compact-mode .navbar-vertical-aside {width: 12rem !important;}
.form-control{font-size:0.8rem;border:.0625rem solid #c2cad8;border-radius:.15rem !important;}
.custom-select{font-size:0.8rem;border:.0625rem solid #c2cad8;border-radius:.15rem !important;}
.text-cap{font-size: 10px;letter-spacing: 0;}
.input-group-quantity-counter{width: auto;}
.coming-loader{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(255,255,255,0.60);}
.coming-loader .coming-loader-img{width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px;}
.main .content {padding-top: 0; padding-bottom: 0;}
.container-fluid, .container-xxl {padding-right: 0;padding-left: 0;}
.page-header {padding-bottom: 0.5rem;margin-bottom: 0;border-bottom: none;}
.input-label{text-align: right;padding-top: 8px;font-size: 13px;letter-spacing: 0.5px;color: #000;}
.page-header-title {
	font-size: 20px;
	font-family: 'Open Sans SemiBold';
	color: #000;
	padding: 10px 15px;
  border-bottom: 2px solid #f1f1f1;
}
.navbar-fixed~.main {padding-top: 1.8rem;}
.card-header-title{font-family: 'Open Sans SemiBold';font-size: 16px;}
.form-group {margin-bottom: 0.5rem;}
.btn-ghost-success {background-color: rgba(0,201,167,.1);}
.btn{padding: .3rem .875rem;line-height: 1.45;}
dt{font-weight:normal;font-size:13px;margin-bottom:3px !important;color:#000;}
.weight-dropdown span .custom-select{height: calc(1.6em + 0.95rem);line-height: 1.1;}
.edit-pro-variant .input-label{text-align: left;padding-top: 8px;font-size: 13.5px;letter-spacing: 0.5px;}
.edit-initial-stock-variant .select2-container .select2-search--inline {float: none;}
.navbar {background-color: #393A3D;}
.navbar-vertical .nav-link {color: #d4d7dc;}
.nav-icon{opacity: 1;}
.navbar-vertical-aside-has-menu>.nav-link-toggle::after{filter: brightness(0) invert(1);}
.custom-control-label::before{left: 0;}
.custom-control-label{padding-left: 25px;color: #000;}
.navbar .active>.nav-link, .navbar .nav-link.active, .navbar .nav-link.show, .navbar .show>.nav-link {
  color: #fff;
}
.navbar-vertical .navbar-nav.nav-tabs .active .nav-link, .navbar-vertical .navbar-nav.nav-tabs .active.nav-link {
  border-left-color: #18a164;
  background: #000;
}
.navbar .nav-link:hover {color: #fff;}
.navbar-vertical .active .nav-indicator-icon, .navbar-vertical .nav-link:hover .nav-indicator-icon, .navbar-vertical .show>.nav-link>.nav-indicator-icon {
  color: #41d02d
}
.config-tab-listing-title{font-size: 15px;}
.custom-control.custom-checkbox{padding-left: 0 !important;}
.app-integration label{text-align: left;padding-top: 0px;}
.custom-select{ 
  height: calc(1.6em + 0.85rem); 
  padding: .35rem 1.875rem .54688rem .875rem; 
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap; 
}
.card-lg>.card-body, .card-lg>.collapse .card-body {padding: 1rem 1rem;}
.form-control-plaintext{padding: 0.35rem 0;}
.input-group-add-field-delete{top: .10rem; right: 10px; color: #677788; opacity: 1;margin-right: 0;}
.quick-add-customer label{text-align: left;}
.nav-indicator-icon{display: none;}
.total-amount{font-size: 14px; font-weight: bolder;}
.badge-soft-warning {background-color: #ec9a3c;border: none;border-radius:0;color: #fff!important;}
.badge-soft-primary {background-color: #319cbd;border: none;border-radius: 0;color: #fff;}
.badge-soft-success{background-color:#18a164;border:none;border-radius:0;color:#fff;}
.show-order-detail .form-group{margin-bottom: 0px;}
.show-order-detail dl dt{border-right: 1px solid #eceef1;text-align:right; padding-right:12px;color:#8d9096;}
.show-order-detail dl dd{padding-left: 12px;color:#393a3d;font-size: 13px;}
.show-page-total dt{border-bottom: 1px solid #eceef1; margin-bottom: 5px;}
.show-page-total dd{border-bottom: 1px solid #eceef1; padding-bottom: 8px; margin-bottom: 3px;text-align: right;}
.show-page-address h5{border: 1px solid #e6e6e6;padding: 7px;color: #717171;margin-bottom: 0px;}
.show-page-address .show-address-detail{background: #f8fafd;padding: 12px;}
.show-page-address .show-address-detail .form-group{margin-bottom: 0px;}
.show-page-address .show-address-detail .form-group dl dt{color:#8d9096;text-align: left !important;}
.show-page-address .show-address-detail .form-group dl dd{color:#393a3d;font-size: 13px;}
.show-page-tabel .table th{padding: .55rem;}
.show-order h5{border: 1px solid #e6e6e6;padding: 7px;color: #717171;margin-bottom: 0px;}
.show-order .show-order-detail{background: #f8fafd;padding: 12px;}
.right-box{border-left: 2px solid #3bb770;}
.right-box .card-body{padding: 1rem;}
.right-box .card-header{padding:0.6rem 1rem;}
.right-box .card-body dl dd{margin-bottom: .3rem;}
.right-box .custom-control{padding-left: 0px;}
.right-box .custom-control-label::after {left: 0;}
.right-box .list-checked-bg-info .list-checked-item {margin: 0;font-size: 12px;}
.custom-control-label::after{left: 0;}
.awaiting-packing{color: #377dff; cursor: pointer;}
.assign-member{
	width: auto;
	text-align: center;
	margin: 5px auto 0;
	display: block;
	color: #fff;
  background-color: #3bb770;
}
.assign-member:active ,.assign-member:focus{color: #fff;background-color: #2fa15d !important;}
.assign-member:hover{color: #fff;background-color: #2fa15d;}
.picking-list{display: block;}
.show-page-footer{border: none;}
.app-box{
	background-color: #fff;
	padding: 40px 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	transition: all 1s;
	position:relative;
}
.app-box:after{
	content: '';
	display: block;
	border-bottom: 3px solid #3bb770;
	width: 0;
	position: absolute;
	left: 0;
	-webkit-transition: 1s ease;
	transition: 1s ease;
	padding-bottom: 37px;
}
.app-box:hover:after{width: 100%;padding-bottom: 37px;}
.app-box:hover{box-shadow: 0px 3px 15px 1px rgb(0 0 0 / 10%);}
.app-box .app-image{width: 60px;margin: 0 auto;}
.app-box .app-name{
	text-align: center;
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: none;
	color: #393a3d !important;
	margin: 8px 0 0 0;
}
.app-name .app-source{font-size:0.75rem;font-weight:400;text-transform:none;color:#6b6c72 !important;}
.company-box {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding:30px 15px;
	transition: all 1s;
	position:relative;
}
.company-box:after{
	content: '';
	display: block;
	border-bottom: 3px solid #3bb770;
	width: 0;
	position: absolute;
	left: 0;
	-webkit-transition: 1s ease;
	transition: 1s ease;
	padding-bottom: 27px;
}
.company-box:hover:after{width: 100%;padding-bottom: 27px;}
.company-box:hover{box-shadow: 0px 3px 15px 1px rgb(0 0 0 / 10%);}
.company-detail-icon img{width: 80px;height: 80px;margin: 0 auto;display: block;}
.company-detail-text {text-align: center;padding-top: 20px;}
.list-action a{padding: 0px !important;}
.edit-product .input-label{text-align: left;}
.table thead th {font-size: .71rem;}
.stock-transfer-location-box dt{font-size: 15px;font-family: 'Open Sans Bold';color: #8d9096;margin-bottom: 5px;}
.stock-transfer-location-box dd span{font-size: 14px;font-weight: 400;color: #393a3d;}
.stock-transfer-location-box hr{margin-top: 0.5rem; margin-bottom: 0.5rem;}
.view-stock-transfer-page table thead th{color: #000 !Important;}
.stock-transfer-status-box{border: 1px solid #e6e6e6;}
.stock-transfer-status-box dt{font-size: 14px;font-weight: 400;color: #8d9096;}
.badge-primary{background-color: #377dff;border: none;border-radius: 0;color: #fff;}
.badge-success{background-color: #18a164;border: none;border-radius: 0;color: #fff;}
.btn-success {background-color: #3bb770;border-color: #3bb770;border-radius: 3px;}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #2fa15d;
  border-color: #2fa15d;
}
.btn-success:focus {background-color: #2fa15d;border-color: #2fa15d;}
.btn-success:hover {background-color: #2fa15d;border-color: #2fa15d;}
.nav-pills .nav-link {border-radius: 0;padding: 7px 10px;font-size: 14px;color: #6b6c72;}
.nav-pills:not(.nav-segment) .nav-link:hover{background-color: transparent;}
.nav-pills:not(.nav-segment) .nav-link.active{
	color: #000;
	background-color: transparent;
	border-bottom: 3px solid #3bb770;
	font-family:'Open Sans SemiBold';
}
.table .thead-light th{background-color: transparent;font-family: 'Open Sans SemiBold';}
.product-index-table table tbody td a{color: #31A5F7;}
.btn-ghost-success{color: #fff;background-color: #3bb770;border-radius: 3px;}
.btn-ghost-success.active, .btn-ghost-success.focus, .btn-ghost-success:active, .btn-ghost-success:focus, .btn-ghost-success:hover{
	color: #fff;
	background-color: #2fa15d;
}
.btn-primary {color: #fff;background-color: #3bb770;border-color: #3bb770;border-radius: 3px;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2fa15d;
  border-color: #2fa15d;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #2fa15d;
  border-color: #2fa15d;
  box-shadow: none;
}
.btn-primary:hover{color: #fff;background-color: #2fa15d;border-color: #2fa15d;}
.add-product .invalid-feedback{margin-left: 35%;}
.new-order .invalid-feedback{margin-left: 35%;margin-top: -7px;}
.edit-order .invalid-feedback{margin-left: 35%;margin-top: -7px;}
.creat-order-item-name span.select2-dropdown--below{width: 445px !important;}
.js-select2-custom-dynamic .creat-order-item-name .select2-container--open span.select2-dropdown--below{width: 445px !important;}
.btn-outline-primary {color: #393a3d;border-color: #393a3d;}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
  color: #393a3d;
  background-color: transparent;
  border-color: #393a3d;
}
.btn-outline-primary:hover{color: #393a3d;background-color: transparent;border-color: #393a3d;}
.alert-success{color:#2c9a1c;background-color:#e5face;border-color:#e5face;}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  border-color: #3bb770;
  background-color: #3bb770;
}
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #3bb770;
  background-color: #3bb770;
}
i.tio-arrow-drop-down-circle.tio-xl {color: #3bb770;}
/* .courier-shipping{width: 162px;margin: 0 auto;}
 */
 .courier-shipping{width: 200px;margin: 0 auto;}
.courier-shipping-step-1 .modal-header{
	border-top: 1px solid #e6e6e6;
  border-radius: 0;
  padding: 6px !important;
  border-bottom: 1px solid #e6e6e6;
}
.courier-shipping-step-1 .row h5{font-weight: 500;color: #393a3d;}
.courier-shipping-step-1 .row span{color: #677788;}
.fulfill-order-show td{padding-right: 0.55rem !important; padding-left: 0.55rem !important;}
.awaiting-packing {color: #677788;cursor: default;}
.order-show-view-btn{display: inline-block;}
.delivery-option label{text-align: left;font-size: 14px;color: #393a3d;font-weight: 600;padding-top: 6px;}
.delivery-option {background: #f8fafd;padding: 15px 15px 12px;}
.shipping-option-popup tr td button{color: #fff;border-color: #3bb770;background-color: #3bb770;}
.shipping-option-popup tr td button:hover, .shipping-option-popup tr td button:active, .shipping-option-popup tr td button:focus{
	color: #fff;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.popup-step-4{border: none;box-shadow: none;}
.popup-step-4 .success-msg{border: none;}
.popup-step-4 .card-body button{color: #fff;border-color: #3bb770;background-color: #3bb770;}
.popup-step-4 .card-body button:hover, .popup-step-4 .card-body button:active, .popup-step-4 .card-body button:focus{
	color: #fff;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.courier-shipping-result{padding: 10px 0 0;}
.new-category .invalid-feedback{margin-left: 35%;}
.edit-category .invalid-feedback{margin-left: 35%;}
.creat-customer .invalid-feedback{margin-left: 35%;}
.edit-customer .invalid-feedback{margin-left: 35%;}
.source-location .invalid-feedback{margin-left: 38%;}
.destination-location .invalid-feedback{margin-left: 47%;}
.assigned-to .invalid-feedback{margin-left: 47%;}
.card-footer .btn-ghost-secondary{color: #393a3d;background-color: transparent;border-color: #393a3d;}
.reset-btn{color: #393a3d;background-color: transparent;border-color: #393a3d;}
.reset-btn:hover, .reset-btn:active, .reset-btn:focus{
	color: #393a3d !important;
	background-color: transparent !important;
	border-color: #393a3d !important;
}
.order-show-download{color: #3bb770;}
.transfer-stock-table .form-control.is-valid, .form-control.is-valid:focus{box-shadow: none;}
.transfer-stock-table .form-control.is-invalid, .form-control.is-invalid:focus{box-shadow: none;}
.transfer-stock-table .custom-select:focus, .form-control:focus{box-shadow: none;}
.payment-dropdown{left: -50px !important;right: 0 !important;top: -8px !important;}
.shipment-new-box .location-title{color: #8d9096;font-size: 12px;}
.shipment-new-box .location-place{color: #393a3d;font-size: 12px;}
.shipment-new-box .btn-danger{color:#393a3d;background-color:transparent;border:none;}
.shipment-new-box .btn-danger:active{color:#393a3d !important;background-color:transparent !important;}
.select2-hidden-accessible{height: calc(1.6em + 0.92rem) !important;padding: .35rem 1.875rem .54688rem .875rem !important;}
.picking-shipping-btn{color: #fff;border-color: #3bb770;background-color: #3bb770;}
.picking-shipping-btn:active, .picking-shipping-btn:hover{
	color: #fff;
	background-color: #2fa15d !important;
	border-color: #2fa15d !important;
}
.shipment-new-box .status-title{color: #8d9096;font-size: 12px;}
.shipment-new-box .status{color: #393a3d;font-size: 12px;margin-top: 5px;}
.assign-remove-btn{
	color: #393a3d;
	background-color: transparent;
	border: .0625rem solid #393a3d !important;
	width: 65px;
	margin-left: 25px;
	height: 22px;
	padding: 1px;
}
.shipment-box .shipment-heading .shipment-box-title{
	float: left;
  font-family: 'Open Sans Bold';
  color: #000;
  font-size: 15px;
}
.shipment-box .shipment-heading .shipment-box-action{float: right;}
.shipment-box .shipment-box-detail{border: 1px solid #e6e6e6;padding: 15px;}
.select2-bigdrop{width: 600px !important;}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #97a4af;
    line-height: 1.6;
    height: calc(1.6em + 0.92rem);
    padding: .35rem 1.875rem .54688rem .875rem;
    font-weight: 400;
    vertical-align: middle;
    background:#fff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right .5rem center/1rem 1rem;
    border: .0625rem solid #e7eaf3;
    border-radius: .3125rem;
    font-size: 0.8rem;
    appearance: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.asign-team-member span .custom-select{height: 20px !important;}
.customer-show-tab .invalid-feedback{margin-left: 36%;}
.show-customer-details .column-divider span.h6{color: #677788 !important;}
.show-team-member .column-divider span.h6{color: #677788 !important;}
.show-page-tabel table tr td{padding-right: 0.55rem !important; padding-left: 0.55rem !important;}
.ship-from-dropdown .invalid-feedback{margin-left: 38%;}
#accountNavbarDropdown{width: auto !important;}
.company-profile-overview .invalid-feedback{margin-left: 35%;}
.team-management .invalid-feedback{margin-left: 35%;}
.edit-team-management .invalid-feedback{margin-left: 35%;}
.add-location .invalid-feedback{margin-left: 35%;}
.edit-location .invalid-feedback{margin-left: 35%;}
.default-setting-tab .invalid-feedback{margin-left: 35%;}
.add-currency .invalid-feedback{margin-left: 35%;}
.new-tex-classes .invalid-feedback{margin-left: 35%;}
.edit-tex-classes .invalid-feedback{margin-left: 35%;}
.new-payment-method .invalid-feedback{margin-left: 35%;}
.edit-payment-method .invalid-feedback{margin-left: 35%;}
.add-price-list .invalid-feedback{margin-left: 35%;}
.edit-price-list .invalid-feedback{margin-left: 35%;}
.new-payment-term .invalid-feedback{margin-left: 35%;}
.edit-payment-term .invalid-feedback{margin-left: 35%;}
.new-shipping-cost .invalid-feedback{margin-left: 35%;}
.edit-shipping-cost .invalid-feedback{margin-left: 35%;}
.btn-info {color: #fff;background-color:#3bb770;border-color: #3bb770;}
.btn-info:active, .btn-info:hover{
  color: #fff;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.creat-variant .invalid-feedback{margin-left: 35%;}
.new-payment-info .invalid-feedback{margin-left: 35%;}
#groupselectedData span.disabled{background: #e7eaf3;}
.team-member-img img{border-radius: 50%;}
th.multiselect-box .custom-control.custom-checkbox{display: inline-block !important;}
th.multiselect-box:after {display: none !important;}
.multiselect-box-dropdown {
  margin-top:1px;
  border-radius: 3px;
  padding: 5px 0;
  box-shadow: none;
  border: 1px solid #e7eaf3;
  left: 0;
  width: fit-content;
}
.multiselect-box-dropdown a.dropdown-item:focus, .multiselect-box-dropdown a.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #2fa15d;
}
.btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover {
  color: #677788;
  box-shadow: none;
}
.btn-white.active.dropdown-toggle::after, .btn-white.focus.dropdown-toggle::after, .btn-white:active.dropdown-toggle::after, .btn-white:focus.dropdown-toggle::after, .btn-white:hover.dropdown-toggle::after{
  filter: grayscale(1);
}
#filterForm .select2-container {min-width: 100%;}
.btn-secondary {color: #fff;background-color: #3bb770;border-color: #3bb770;border-radius: 3px;}
.btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus{
  color: #fff;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.multiselect-native-select .dropdown-menu{
  max-height: 165px !important;
  border-radius: 5px !important; 
  padding: 5px 0 0!important;
  box-shadow: none;
  border: .0625rem solid #e7eaf3;
  width: auto;
  margin-top: 2px;
  z-index: 9999;
}
.multiselect-native-select .dropdown-menu .dropdown-item{padding: .150rem 0.5rem !important;}
.multiselect-native-select .dropdown-menu .dropdown-item:active, .multiselect-native-select .dropdown-menu .dropdown-item:focus {
  color: #1e2022;
  background-color: transparent;
}
.multiselect-native-select .dropdown-menu .dropdown-item.active:not(:focus):not(:active) {
  color: #1e2022;
  background-color: transparent;
}
.multiselect-native-select .dropdown-menu .dropdown-item:hover{
  color: #1e2022;
  background-color: transparent;
}
.multiselect-native-select .multiselect.custom-select{text-align: left;border-radius: 3px;}
.multiselect-native-select .multiselect.custom-select:focus{box-shadow: none;border-color : #e7eaf3;}
.multiselect-native-select .dropdown-menu .dropdown-item.active input{background-color: #3bb770;}
input.form-control.multiselect-search {border-radius: 3px !important;height: calc(1em + 1rem);}
.top-filter-date-dropdown{border:0.0625rem solid #c2cad8;border-radius: 3px;padding: 2.5px 9px;}
.daterangepicker{box-shadow:none;border-radius:3px;border:.0625rem solid #e7eaf3;margin-left:-11px;}
.daterangepicker:before, .daterangepicker:after{display: none !important;}
.daterangepicker .ranges ul {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.checkbox-filter{
  position: relative;
  top: 18px;
  left: 47px;
  z-index: 999;
  transition: 0.8s ease;
  animation-name: fadeInLeft;
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.2s;
}
@keyframes fadeInLeft {
    from {opacity:0;transform: translatex(-10px);}
    to {opacity:1;transform: translatex(0);}
}
.listing-checkbox, .listing-checkbox:active, .listing-checkbox:focus, .listing-checkbox:hover{
  border: .0625rem solid #1e2022;
  border-radius: 3px;
  background: #f3f3f3;
  color: #1e2022;
}
.listing-checkbox:after, .listing-checkbox:active:after, .listing-checkbox:focus:after, .listing-checkbox:hover:after{
  filter: brightness(0.2) !important;
}
.multiselect-native-select .btn-group{width: 100% !important;}
.daterangepicker .drp-calendar.left {padding: 0.5rem 0.5rem;}
.daterangepicker .drp-calendar.right {padding: 0.5rem 0.5rem;}
.product-listing-img{border-radius: 5px;}
.increase-btn{float: left;border: none;padding: 2px 12px;font-size: 20px;}
.number-colunm{float: left;width: 108px;margin: 0 10px;text-align: center;}
.decrease-btn{float: left;border: none;padding: 2px 15px;font-size: 20px;}
.product-label-templates-box{
  transition: all 1s;
  background-color: #fff;
  padding: 10px 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  position:relative;
  height: 200px;
}
.product-label-templates-box:after{
  content: '';
  display: block;
  border-bottom: 3px solid #3bb770;
  width: 0;
  /*position: absolute;*/
  left: 0;
  transition: 1s ease;
  padding-bottom: 0px;
}
.product-label-templates-box:hover:after{width: 100%;padding-bottom: 0px;border-radius: 2px;}
.product-setting-title{
	font-size: 13px;
  font-weight: 600;
  background-color: #EFF0F1;
  padding: 8px;
  margin-bottom: 15px;
}
.product-templete-action{text-align: right; height: 19px;padding-right: 15px;}
.product-templete-action a{display: none;padding: 0;}
.product-label-templates-box:hover .product-templete-action a{display: block;color: #1e2022;}
.product-templete-btn a{color: #fff;border-color: #3bb770;background-color: #3bb770;}
.product-templete-btn a.btn-outline-primary:hover, .product-templete-btn a.btn-outline-primary:active, .product-templete-btn a.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.product-label-templates-name{font-size: 15px; font-weight: normal;}
.product-templete-btn button{color: #3bb770;border-color: #3bb770;background-color: transparent;}
.product-templete-btn button.btn-outline-primary:hover, .product-templete-btn button.btn-outline-primary:active, .product-templete-btn button.btn-outline-primary:focus {
  color: #2fa15d !important;
  border-color: #2fa15d !important;
  background-color: transparent;
}
.product-label-new-tamplete .invalid-feedback{margin-left: 35%;}
.product-label-edit-tamplete .invalid-feedback{margin-left: 35%;}
.creat-brand .invalid-feedback{margin-left: 35%;}
.edit-brand .invalid-feedback{margin-left: 35%;}
.show-group-title{font-size: 14px; font-weight: 600;}
.new-return .invalid-feedback{margin-left: 28%;}
.edit-return .invalid-feedback{margin-left: 28%;}
.order-return-badge span.badge {font-size: 13px;}
.invoice-templete-box {
	transition: all 1s;
	background-color: #fff;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 5px !important;
	position:relative;
	height: 120px;
	width: 150px;
}
.invoice-templete-box:after{
  content: '';
  display: block;
  border-bottom: 3px solid #3bb770;
  width: 0;
  left: 0;
  transition: 1s ease;
  padding-bottom: 0px;
}
/*.invoice-templete-box:hover:after{width: 100%;padding-bottom: 0px;border-radius: 2px;}*/
.invoice-templete-action{text-align: right; height: 19px;padding-right: 15px;}
.invoice-templete-action a{display: none;padding: 0;}
.invoice-templete-box:hover .invoice-templete-action a{display: block;color: #1e2022;}
.invoice-templete-btn a{color: #fff;border-color: #3bb770;background-color: #3bb770;}
.invoice-templete-btn a.btn-outline-primary:hover, .invoice-templete-btn a.btn-outline-primary:active, .invoice-templete-btn a.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #2fa15d !important;
  border-color: #2fa15d !important;
}
.invoice-templete-name{font-size: 15px; font-weight: normal;}
.invoice-templete-btn button{color: #3bb770;border-color: #3bb770;background-color: transparent;}
.invoice-templete-btn button.btn-outline-primary:hover, .invoice-templete-btn button.btn-outline-primary:active, .invoice-templete-btn button.btn-outline-primary:focus {
  color: #2fa15d !important;
  border-color: #2fa15d !important;
  background-color: transparent;
}
.purchase-order-badge span.badge {font-size: 13px;}
.invisible-icon-area {position: relative;top: 10px;}
.show-order-shipment .column-divider span.h6{color: #677788 !important;}
.document-setting-tab .invalid-feedback{margin-left: 35%;}
.btn-ghost-secondary{background-color:rgba(55,125,255,.1);}
.toggle-switch-input:checked+.toggle-switch-label {background-color: #3bb770;}
.badge-warning {background-color: transparent;border: 1px solid;border-radius: 3px;color: #f5ca99;}
.product-variant .invalid-feedback{margin-left: 35%;}
.badge-danger {color: #fff;background-color: #ed4c78;border:none;border-radius: 0;}
.dashboard-card{border-radius: 8px !important;}
.dashboard-tables table tr th{padding-top: 0.8rem;padding-bottom: 0.8rem;}
.dashboard-card .card-body{padding: 1rem 1.3125rem;}
.dashboard-box {padding: 15px 10px;}
.dashboard-box-icon{margin-top: 35%;}
.dashboard-top-box-1{font-size:42px;background:#9043ad;color:#fff;padding:3px;border-radius:8px;}
.dashboard-top-box-2{font-size:42px;background:#fdd85d;color:#fff;padding:3px;border-radius:8px;}
.dashboard-top-box-3{font-size:42px;background:#f1634b;color:#fff;padding:3px;border-radius:8px;}
.dashboard-top-box-4{font-size:42px;background:#9fc131;color:#fff;padding:3px;border-radius:8px;}
.product-label-popup-title{width: 100px;display: inline-block;}
.swal-overlay--show-modal .swal-modal{will-change: auto;}
.swal-modal{width: 450px;}
.swal-title:not(:last-child) {margin-bottom: 0;}
.swal-button--danger {
	background-color: #3bb770;
	padding: .4375rem .65625rem;
  font-size: .8125rem;
  line-height: 1.5;
  border-radius: .25rem;
}
.swal-title{font-weight: normal;font-family: 'Open Sans SemiBold';color: #000;}
.swal-text{font-weight: normal;color: #000;}
.swal-button--cancel{
	padding:.4375rem .65625rem;
	font-size:.8125rem;
	line-height:1.5;
	border-radius:2px;
	font-weight: normal;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  background: #fff !important;
}
.swal-button--danger:not([disabled]):hover {background-color: #2fa15d;}
.swal-button--cancel:focus {box-shadow: none;}
.fullfilment-increase-decrease-btn{display: flex;}
.fullfilment-increase-decrease-btn .decrease-btn{padding: 0px 12px;}
.fullfilment-increase-decrease-btn .increase-btn{padding: 1px 11px;font-size: 18px;}
.fullfilment-increase-decrease-btn .number-colunm{width: 60px;}
.fullfilment-tabel .table td, .fullfilment-tabel  .table th{padding: .3rem;}
.fullfilment-tabel .table thead th{border-bottom: none;color: #1e2022;}
.product_listClass th, .product_listClass td{padding: .75rem 0.2rem;}
.qty-packed-decrease{font-size: 20px;line-height: 0;height: 36px;}
.swal-icon{width: 60px;height: 60px;}
.swal-icon--warning__body, .swal-icon--warning__dot{background-color: red;}
.swal-icon--warning__body{height: 30px;}
.swal-icon--warning__dot{margin-left: -3px;}
.swal-icon--warning{border-color: red !important;}
.swal-button--confirm{
	background-color: #3bb770;
	padding: .4375rem .65625rem;
  font-size: .8125rem;
  line-height: 1.5;
  border-radius: 2px;
  width: 60px;
  font-weight: normal;
  font-family: 'Open Sans SemiBold';
}
.swal-button:focus{box-shadow: none;}
.swal-button--confirm:hover {background-color: #2fa15d;}
.positivediff{background-color:#3bb770;color: #fff; padding: 5px;border-radius: 3px;}
.negativediff{background-color:red;color: #fff; padding: 5px;border-radius: 3px;}
.badge-dark{background-color: #132144;border: 1px solid #132144;border-radius: 3px;color: #fff;}
.badge-info{background-color:#00c9db;border:none;border-radius:0; color:#fff;}
.badge-secondary{background-color:transparent;border:1px solid #71869d;border-radius:3px; color:#71869d;}
.shipped-badge{background-color:transparent;border:1px solid #ff753b;border-radius:3px;color:#ff753b;}
.awaiting-shipment-badge{
	background-color:transparent;
	border:1px solid #7360ee;
	border-radius:3px; 
	color:#7360ee;
}
.swal-title{font-size: 20px;}
.swal-text{font-size: 14px;}
.new-price-list .input-label{text-align: left;}
.error {color: #ed4c78; width: 100%; margin-top: .25rem; font-size: 80%;}
.dropdown-toggle::after{border: none !important;}
#defaultpageBtn .dropdown.show .dropdown-menu.show{right: 0 !important;left: auto !important;}
#showonInvoiceClick .dropdown.show .dropdown-menu.show{right: 0 !important;left: auto !important;}
#PaymentMethodEdit .dropdown.show .dropdown-menu.show{right: 0px !important;left: auto !important;}
#PickingclkBtn .dropdown.show .dropdown-menu.show{right: 0 !important;left: auto !important;}
#ShipmentclkBtn .dropdown.show .dropdown-menu.show{left: -60px !important;}
.shipment-new-box .location-title{color: #000;}
.navbar-dropdown-account-wrapper .avatar-sm {width: 1.6rem;height: 1.6rem;}
.input-group-quantity-counter .input-group-quantity-counter-control{padding-right: 15px !important;}
.dataTables_scrollBody .sticky-table-header{margin-top: -19px;margin-left: -1px;}
.creat-product-bundles .invalid-feedback{margin-left: 35%;}
.edit-product-bundle .invalid-feedback{margin-left: 35%;}
.footer-offset {margin-bottom: 0;}
.order-setting-counter {background-color: #f0f0f0;padding:4px 10px;font-size:13px;}
.order-setting-prefix-suffix input{height: 28px;}
.purchase-order-setting-prefix-suffix input{height: 28px;}
.purchase-order-setting-counter {background-color: #f0f0f0;padding:4.3px 10px;font-size:13px;}
.bundle-detail-table table thead{background-color: #EFF0F1;}
.bundle-detail-table table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.bundle-detail-table table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.package-info .package-info-title{font-size: 13px;}
.package-info .package-info-value{font-size: 13px; color: #000;}
.bundle-detail-vertical-table table tr th{
	background-color: #EFF0F1;
	font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.bundle-detail-vertical-table table tr td{
	font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.listing-page table thead tr{background:#EFF0F1;height: 34.58px;}
.listing-page table thead tr th{color: #000 !important;padding:0.35rem 1.3125rem;font-family: 'Open Sans SemiBold';}
.listing-page table tbody tr {border: 1px solid #ddd;height: 44px;}
.listing-page table tbody tr:hover{background-color: #F6F7F8;}
.listing-page table tbody tr td{color:#000 !important;padding:0.25rem 1.3125rem;font-size:0.85rem;}
.listing-page table tbody tr td .list-action .tio-edit{color: #000;} 
.listing-page table tbody tr td .list-action .tio-delete-outlined{color: #f00;}
.listing-page .custom-select{ 
  height: calc(1.4em + 0.7rem);
  padding: .18rem 1.5rem .54688rem .5rem; 
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap; 
}
.listing-page .page-header-title{padding: 0;border: none;}
.listing-page #filterForm .form-control-sm{height: calc(1.4em + 0.7rem);padding: .3rem 1.5rem .3rem .5rem;}
.btn-success {background-color: #18a164;border-color: #18a164;border-radius: 2px;font-family: 'Open Sans SemiBold';}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0b7647;
  border-color: #0b7647;
}
.btn-success:focus {background-color: #0b7647;border-color: #0b7647;box-shadow: none;}
.btn-success:hover {background-color: #0b7647;border-color: #0b7647;}
.listing-page .listing-bulk-action button{
	background-color: #303c86 !important;
	border-color: #303c86 !important;
	border-radius: 2px;
}
.listing-page .listing-bulk-action button:not(:disabled):not(.disabled).active,.listing-page .btn-success:not(:disabled):not(.disabled):active,.listing-page .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #21295d !important;
  border-color: #21295d !important;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus{
	box-shadow: none;
}
.listing-page .listing-bulk-action button:focus {background-color: #21295d !important;border-color: #21295d !important;}
.listing-page .listing-bulk-action button:hover {background-color: #21295d !important;border-color: #21295d !important;}
.listing-page .listing-bulk-action .dropdown-menu{
	margin-top: 1px;
  border-radius: 3px;
  padding: 5px 0;
  box-shadow: none;
  border: 1px solid #e7eaf3;
  left: auto !important;
  right: 0;
  width: fit-content;
}
.listing-page .btn-secondary.disabled:hover,.listing-page .btn-secondary.disabled:active,.listing-page .btn-secondary.disabled:focus {
  color: #fff;
  background-color: #71869d !important;
  border-color: #71869d !important;
}
.listing-page .btn-secondary:disabled:hover,.listing-page .btn-secondary:disabled:active,.listing-page .btn-secondary:disabled:focus {
  color: #fff;
  background-color: #71869d !important;
  border-color: #71869d !important;
}
.listing-page .btn-secondary {background-color: #303c86;border-color: #303c86;border-radius: 2px;}
.listing-page .btn-secondary:not(:disabled):not(.disabled).active,.listing-page .btn-success:not(:disabled):not(.disabled):active,.listing-page .show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0b7647 !important;
  border-color: #0b7647 !important;
}
.listing-page .btn-secondary:focus {background-color: #427C9A !important;border-color: #427C9A !important;}
.listing-page .btn-secondary:hover {background-color: #427C9A !important;border-color: #427C9A !important;}
.listing-page .nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
}
.listing-page .nav-pills:not(.nav-segment) .nav-link.active{
	color: #000;
  font-family: 'Open Sans SemiBold';
  border-bottom: 3px solid #18a164;
}
.listing-page .btn-ghost-secondary {width: 1.8rem !important;height: 1.8rem !important;}
.help-icon i{font-size: 30px;color: #f1f1f1;margin-top: -4px;display: block;}
.listing-pagination .card-footer{
	position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 67px;
  border-radius: 0 !important;
  margin-left: 191px;
  width: calc(100% - 190px);
}
.product-listing-page .dataTables_scrollBody .sticky-table-header{margin-top:-18px;margin-left:-1px;}
.order-listing-page .dataTables_scrollBody .sticky-table-header{margin-top:-11px;margin-left:-1px;}
.stock-transfer-listing-page .dataTables_scrollBody .sticky-table-header{margin-top: -12px;margin-left: -1px;}
.stock-adjustments-listing-page .dataTables_scrollBody .sticky-table-header{margin-top: -12px;margin-left: -1px;}
.stock-takes-listing-page .dataTables_scrollBody .sticky-table-header{margin-top: -12px;margin-left: -1px;}
.insight-customer-listing-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.insight-sales-by-product-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.insight-labels-by-carrier-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.insight-shipment-by-customer-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.insight-order-summary-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.insight-label-summary-page .dataTables_scrollBody .sticky-table-header{margin-top:-19px;margin-left: -1px;}
.insight-shipment-summary-page .dataTables_scrollBody .sticky-table-header{margin-top:-12px;margin-left: -1px;}
.dataTables_scrollBody{height:calc(100vh - 345px) !important;}
.scrollBody-option-2 .dataTables_scrollBody{height:calc(100vh - 304px) !important;}
.scrollBody-option-3 .dataTables_scrollBody{height:calc(100vh - 220px) !important;}
.scrollBody-2 .dataTables_scrollBody{height:calc(100vh - 368px) !important;}
.scrollBody-option-2 .scrollBody-2 .dataTables_scrollBody{height:calc(100vh - 327px) !important;}
.scrollBody-option-2 .scrollBody-2 .dataTables_scrollBody .sticky-table-header {
  margin-top: -19px;
  margin-left: -1px;
}
.supplier-listing-page .dataTables_scrollBody .sticky-table-header{margin-top:-11px;margin-left:-1px;}
.multi-shipment-popup .modal-body{padding: 0 1rem 1rem !important;}
.multi-shipment-popup .modal-body table thead tr{background:#EFF0F1;}
.multi-shipment-popup .modal-body table thead tr th{color: #000 !important;padding: 0.75rem 0.25rem;border-bottom: none;}
.multi-shipment-popup .modal-body table tbody tr{border-bottom: 1px solid #ddd;height: 44px;}
.multi-shipment-popup .modal-body table tbody tr td{color:#000 !important;padding: 0.4rem 0.25rem;font-size:0.85rem;}
.view-stock-transfer-page table tbody tr{border-bottom: 1px solid #ddd;}
.stock-adjustment-table-1 table thead{background-color: #EFF0F1;}
.stock-adjustment-table-1 table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.stock-adjustment-table-1 table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.stock-adjustment-table-2 table thead tr th{
	color: #000 !important;
	padding-right: 1.4rem !important;
	padding-left: 1.4rem !important;
}
.stock-adjustment-table-2 table tbody tr td{padding-right:1.4rem !important;padding-left:1.4rem !important;}
.stock-adjustment-total dt{border-bottom:1px solid #eceef1;margin-bottom:5px;font-size:14px;font-weight:600;}
.stock-adjustment-total dd{
	border-bottom: 1px solid #eceef1;
  padding-bottom: 8px;
  margin-bottom: 5px;
  text-align: right;
}
.stock-takes-table-1 table thead{background-color: #EFF0F1;}
.stock-takes-table-1 table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.stock-takes-table-1 table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.stock-takes-table-2 table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.stock-takes-table-2 table tbody tr td{padding-right:1.5rem !important;padding-left:1.5rem !important;}
.stock-takes-total dt{border-bottom:1px solid #eceef1;margin-bottom:5px;font-size:14px;font-family: 'Open Sans Bold';}
.stock-takes-total dd{
	border-bottom: 1px solid #eceef1;
  padding-bottom: 8px;
  margin-bottom: 5px;
  text-align: right;
}
.supplier-detail-table-1 table thead{background-color: #EFF0F1;}
.supplier-detail-table-1 table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.supplier-detail-table-1 table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.supplier-detail-table-2 table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.supplier-detail-table-2 table tbody tr td{padding-right:1.5rem !important;padding-left:1.5rem !important;}
.customer-detail-info .customer-detail-info-title{font-size: 13px;}
.customer-detail-info .customer-detail-info-value{font-size: 13px; color: #000;}
.cutomer-detail-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.cutomer-detail-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.cutomer-detail-table tfoot tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.customer-group-info .customer-group-info-title{font-size: 13px;}
.customer-group-info .customer-group-info-value{font-size: 13px; color: #000;}
.cutomer-group-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.cutomer-group-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.cutomer-group-table tfoot tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.edit-product-detail-table table thead tr th{color: #000 !important;}
.edit-product-detail-table table tbody .form-control-sm{
	height: calc(1.4em + 0.7rem);
	padding: .3rem 1.5rem .3rem .5rem;
}
.edit-product-page .edit-product-image{padding: .25rem .875rem !important;}
.edit-product-inventory-table table thead tr th{color: #000 !important;}
.edit-product-inventory-table table tbody .form-control-sm{
	height: calc(1.4em + 0.7rem);
	padding: .3rem 1.5rem .3rem .5rem;
}
.edit-product-listing-table table thead tr th{color: #000 !important;}
.edit-product-variants-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.edit-product-variants-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.edit-product-order-table table thead tr th{color: #000 !important;}
.list-action .tio-delete-outlined {color: #f00;}
img.shipment-icon {height: 16px;}
.dashboard-tables table tr:first-child th{border: none;}
.dashboard-tables table tr:first-child td{border: none;}
.dashboard-tables table tr th{color: #585858;font-family: 'Open Sans SemiBold';}
.order-invoice-detail-info .order-invoice-detail-info-title{font-size: 13px;}
.order-invoice-detail-info .order-invoice-detail-info-value{font-size: 13px; color: #000;}
.order-invoice-detail-tabel table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.order-invoice-detail-tabel table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.purchase-order-detail-info .purchase-order-detail-info-title{font-size: 13px;}
.purchase-order-detail-info .purchase-order-detail-info-value{font-size: 13px; color: #000;}
.purchase-order-detail-tabel table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.purchase-order-detail-tabel table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.purchase-order-detail-tabel table tbody .form-control-sm{
	height: calc(1.4em + 0.7rem);
	padding: .3rem 1.5rem .3rem .5rem;
}
/*.view-order-return-page .custom-select{
	height: calc(1.4em + 0.7rem);
  padding: .18rem 1.5rem .54688rem .5rem;
}*/
.return-detail-table table thead{background-color: #EFF0F1;}
.return-detail-table table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.return-detail-table table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
}
.order-return-location-box dt{font-size: 15px;font-family: 'Open Sans SemiBold';color: #8d9096;margin-bottom: 5px;}
.order-return-location-box dd span{font-size: 14px;font-weight: 400;color: #393a3d;}
.order-return-location-box hr{margin-top: 0.5rem; margin-bottom: 0.5rem;}
.view-order-return-tabel .form-control-sm{
	height: calc(1.4em + 0.7rem);
	padding: .3rem 1.5rem .3rem .5rem;
}
.view-order-return-tabel table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.view-order-return-tabel table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.pricelist-modify-detail-info .pricelist-modify-detail-info-title{font-size: 13px;}
.pricelist-modify-detail-info .pricelist-modify-detail-info-value{font-size: 13px; color: #000;}
.view-pricelist-modify-detail-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.view-pricelist-modify-detail-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.view-pricelist-modify-detail-table tfoot tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.ordershipment-detail-info .ordershipment-detail-info-title{font-size: 13px;}
.ordershipment-detail-info .ordershipment-detail-info-value{font-size: 13px; color: #000;}
.ordershipment-detail-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.ordershipment-detail-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.teammember-detail-info .teammember-detail-info-title{font-size: 13px;}
.teammember-detail-info .teammember-detail-info-value{font-size: 13px; color: #000;}
.teammember-detail-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.teammember-detail-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.insigth-ordershipment-detail-info .insigth-ordershipment-detail-info-title{font-size: 13px;}
.insigth-ordershipment-detail-info .insigth-ordershipment-detail-info-value{
	font-size: 13px; 
	color: #000;
}
.insigth-ordershipment-detail-table table thead tr th{
	color: #000 !important;
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.insigth-ordershipment-detail-table table tbody tr td{
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.new-product-option-table-1 table thead{background-color: #EFF0F1;}
.new-product-option-table-1 table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
}
.new-product-option-table-1 table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
  padding: 10px;
}
.new-product-option-table-1 table tbody tr td .custom-select{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-1 table tbody tr td .form-control-sm{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-1-value table tbody tr td{
  font-size: 13px;
  font-weight: normal;
  border-bottom: none;
  border: 0.5px solid #ddd;
  padding: 10px;
}
.new-product-option-table-2 table thead{background-color: #EFF0F1;}
.new-product-option-table-2 table thead tr th{
  font-size: 13px;
  font-weight: normal;
  color: #000;
  border-bottom: none;
  border: 0.5px solid #ddd;
  text-transform: none;
  text-align: center;
}
.new-product-option-table-2 tr td{
	/*font-size: 13px;
  font-weight: normal;
  border-bottom: none;*/
	padding: 5px 5px;
	border: none;
}
.new-product-option-table-2 tr td input{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-2 tr td .form-control-sm{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-2 table tbody tr td{
	/*font-size: 13px;
  font-weight: normal;
  border-bottom: none;*/
	padding: 5px 5px;
	border: none;
}
.new-product-option-table-2 table tbody tr td input{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-2 table tbody tr td .form-control-sm{
	border: none;
	border-radius: 0;
	border-bottom: 0.5px solid #ddd;
	box-shadow: none;
}
.new-product-option-table-2 table.table tbody+tbody{border-top: none;}
.creat-btn:hover{background-color: transparent !important;}
.upload-product-images ul li{margin-bottom: 0px;}
.upload-product-images ul li h5{color: #989898;font-family: 'Open Sans';}
.product-images-card{padding:15px 20px;border:1px solid #ddd;border-radius:5px;height:235px;}
.product-images-card .uploaded-images img{margin: 0 auto;display: block;}
.product-images-card .product-images-card-icons{margin: 0 auto;width: 50px;}
.product-images-card .product-images-card-icons i{font-size: 22px;color: #000;}
.price-list-table table thead tr{background:#EFF0F1;height: 34.58px;}
.price-list-table table thead tr th{color: #000 !important;padding:0.5rem 1.3125rem;}
.price-list-table table tbody tr {height: 36px;}
.price-list-table table tbody tr td{
	color:#000 !important;
	padding:0.45rem 1.3125rem;
	font-size:0.85rem;
	border-top: none;
}
.upload-brand-setting-img li h5{color: #989898;font-weight: 500;font-size: 13px;}
.showhidestockadjustment .form-control-sm{height: calc(1.4em + 0.7rem);padding: .3rem 1.5rem .3rem .5rem;}
.showhidestockadjustment .custom-select{ 
  height: calc(1.4em + 0.7rem);
  padding: .18rem 1.5rem .54688rem .5rem; 
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap; 
}
.showhidestocktak .form-control-sm{height: calc(1.4em + 0.7rem);padding: .3rem 1.5rem .3rem .5rem;}
.transfer-stock-table .form-control-sm{height: calc(1.4em + 0.7rem);padding: .3rem 1.5rem .3rem .5rem;}
.transfer-stock-table .custom-select{ 
  height: calc(1.4em + 0.7rem);
  padding: .18rem 1.5rem .54688rem .5rem; 
  overflow: hidden;
  text-overflow: ellipsis; 
  white-space: nowrap; 
}
.product-setting-input-field .input-group-add-field-delete{margin-right: -9px;padding-left: 0;}
.product-setting-input-field .btn-ghost-primary:active, .product-setting-input-field .btn-ghost-primary:hover{
	background-color: transparent !important;
}
.product-option-table table thead tr th{color: #000 !important;}
.product-setting-index .invalid-feedback{margin-left: 2%;}
.product-setting-edit .invalid-feedback{margin-left: 2%;}
.new-customer-group .card{height: calc(100vh - 127px);}
.edit-customer-group .card{height: calc(100vh - 127px);}
.add-supplier .invalid-feedback{margin-left: 35%;}
.canvasjs-chart-credit{display: none !important;}
.canvasjs-chart-toolbar{display: none !important;}
.new-customer .invalid-feedback{margin-left: 35%;}
.add-category .card{height: calc(100vh - 127px);}
.edit-category .card{height: calc(100vh - 127px);}
.add-brand .card{height: calc(100vh - 127px);}
.edit-brand .card{height: calc(100vh - 127px);}
.add-price-list .card{height: calc(100vh - 127px);}
.edit-price-list .card{height: calc(100vh - 127px);}
.edit-preset .card{height: calc(100vh - 109px);}
.add-shipping-cost .card{height: calc(100vh - 127px);}
.edit-shipping-cost .card{height: calc(100vh - 127px);}
.account-setting .invalid-feedback{margin-left: 35%;}
.new-tex-classes-rate .card{height: calc(100vh - 127px);}
.currency-page .card{height: calc(100vh - 127px);}
.payment-method .card{height: calc(100vh - 127px);}
.payment-term .card{height: calc(100vh - 127px);}
.preset-modal{border-radius: .3rem;}
.balance-info .card{height: calc(100vh - 127px);}
.balance-info-box {background-color: #fff;border: 1px solid #000000;border-radius:3px;}
.balance-info-box h6{background-color: #18a164;color: #fff;padding: 8px;}
.index-search{position: absolute;z-index: 999;top: -65px;width: 100%;}
.index-btn {
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  border-radius: 2px;
  font-family: 'Open Sans SemiBold';
  box-shadow: rgb(55 66 77 / 15%) 0px 1px 3px;
}
.index-btn:hover{color: #0b7647;}
.badge{font-weight: normal;font-family:'Open Sans SemiBold';padding: 4px 6px;}
.log-in-btn{color: #fff;background-color: #18a164;border-color: #18a164;}
.remember-me-text:before{border-color: #000 !important;}
.step .active .step-title::after{border-top: .125rem solid #18a063;}
#RegFormContent{color: #000 !important;}
#RegFormContent input{border-color: #000;}
#RegFormContent textarea{border-color: #000;}
#RegFormContent select{border-color: #000;}
.step-title{color: #979797;}
.step .active .step-title, .step .active.is-valid .step-title{color: #18a063;}
.step-sm.step-inline .step-title{
	font-size: 16px;
	font-weight: normal;
	font-family:'Open Sans SemiBold';
}
.base-grey-color{background: #f1f1f1;}
.listing-page {background: #fff;padding-top: 12px;}
.btn-green{
	color: #fff !important;
	background-color: #18a164;
  border-color: #18a164;
  border-radius: 2px;
  font-family: 'Open Sans SemiBold';
}
.btn-green:hover{background-color: #0b7647;border-color: #0b7647;color: #fff !important;}
.delete-btn{background:#ed4c78;color:#fff;border-radius:2px;font-family:'Open Sans SemiBold';}
.delete-btn:hover{background: #ea295e;color: #fff;}
#presetModal .custom-select{
	height: calc(1.5em + 1rem);
	padding: .4375rem .65625rem;
	border: 0.0625rem solid #c2cad8;
  border-radius: 0.15rem !important;
}
.createPicklistModal .custom-select,.createMultipleShipmentModal .custom-select,.quickShipmentModal .custom-select{
	height: calc(1.5em + 1rem);
	padding: .4375rem .65625rem;
	border: 0.0625rem solid #c2cad8;
  border-radius: 0.15rem !important;
}
.picking_item_details_section{color: #000;}
.picking_item_details_section .table thead th{
	padding: .35rem;
	vertical-align: inherit;
}
.picking_item_details_section .table tbody td{padding: .35rem;}
.sign-up-btn{
	background: #fff;    
	padding: 10px 30px; 
	border-radius: 3px; 
	color: #000;
	font-family:'Open Sans SemiBold';
}
.sign-up-btn:hover{background: transparent;border: 3px solid #fff;color: #fff;}
.step .active .step-icon{color: #18a164;background-color: #e5face;}
.step .is-valid .step-icon {color: #18a164;background-color: #e5face;}
.step .is-valid .step-title::after {border-top: 0.125rem solid #18a164;}
.step .is-valid .step-title {color: #18a164;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	padding: 0 15px 0 8px !important;
	margin-top: 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	margin-right: 0px !important;
	margin-top: 1px;
}
#validateThirdStep .custom-select{
	height: calc(1.6em + 1.21875rem);
  padding: 0.54688rem 1.875rem 0.54688rem 0.875rem;
}
.header-message{
  position: absolute;
  top: 13%;
  left: 40%;
  z-index: 999;
  transition: 0.8s ease;
  animation-name: fadeInUp;
  animation-fill-mode: both;
  animation-duration: 0.8s;
  animation-delay: 0.5s;
  letter-spacing: 0.5px;
  padding: 1rem;
  font-weight: normal;
  font-family: 'Open Sans SemiBold';
  width: 25%;
}
@keyframes fadeInUp {
    from {opacity:0;transform: translatey(-10px);}
    to {opacity:1;transform: translatey(0);}
}
/* button.close{padding: 3px 0 0 15px;color: #2c9a1c;} */
button.close{padding: 3px 0 0 15px;color: #FFFFFF;}
/* button.close:hover {color: #2c9a1c;} */
button.close:hover {color: #FFFFFF;}
.shipment-popup{border: none !important;}
.shipment-popup .nav-link{background-color: #EFF0F1;color: #000;}
.shipment-popup .nav-link.active{
	background-color: #18a164 !important;
  color: #fff !important;
  border: none !important;
}
.brand-setting-tab.nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
  border-top: 0;
}
.user-role-show-tab.nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
}
.edit-product-tab.nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
  border-top: 0;
}
.edit-product-variant-tab.nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
}
.pricelist-modification-tab.nav-pills{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
}
.price-list-table table tbody tr{border-bottom: 1px solid #ddd;}
.price-list-table table tbody tr td{vertical-align: middle;}
.dropdown-toggle:after{filter: brightness(0) invert(1);}
.dropdown-menu{box-shadow: 0 5px 10px 5px rgb(140 152 164 / 8%);border-radius: 3px;}
.pick-list-box .card-header{
	cursor: pointer;
	background-color: #EFF0F1;
	padding: 0.4rem 1rem;
	border-radius: 0;
	border: 1px solid #ddd;
}
.pick-list-box .card-header .card-header-title{font-size: 15px;}
.shipment-new-box {padding: 0.5rem 0;border: 1px solid #ddd;}
#picking_products .table-responsive{overflow-x: hidden;}
.order-progress-bar{display: flex;}
.finalized-bedge, .invoice-bedge, .paid-bedge, .pick-bedge, .ship-bedge{
	background: #ddd;
	border-radius: 0px;
	margin-right: 5px;
	font-size: 11px;
  padding: 6px;
  width: 58px;
}

.ship-bedge{margin-right: 0px;}
.invoice-green, .paid-green, .pick-green, .ship-green, .finalized-green{background:#a3c539;color:#fff;}
.pick-green-partial, .ship-green-partial{
	background:linear-gradient(90deg, hsl(75deg 55% 50%) 77%, hsla(0, 0%, 87%, 1) 77%);
	color: #fff;
}
.my-account-tab .nav-tabs {
  background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border-bottom: 1px solid #ddd;
  padding: 5px 5px 1px;
}
.my-account-tab .nav-tabs .nav-link {
  border-radius: 0;
  padding: 7px 10px;
  font-size: 14px;
  color: #6b6c72;
}
.my-account-tab .nav-tabs .nav-item.show .nav-link,.my-account-tab .nav-tabs .nav-link.active{
	color: #000;
  font-family: 'Open Sans SemiBold';
  border-bottom: 3px solid #18a164;
}
.my-account-detail-info .my-account-detail-info-title{font-size: 13px;}
.my-account-detail-info .my-account-detail-info-value{font-size: 13px; color: #000;}
#password .invalid-feedback{margin-left: 27%;margin-top: 0;}
#picking_productTable table thead tr th{vertical-align: middle;}
.dashboard-area .custom-select{height: calc(1.4em + 0.8rem);padding: 0.18rem 1.5rem 0.54688rem 0.5rem;}
.add-preset .invalid-feedback{margin-left: 35%;}
.pricelist-modification-tab{
	background-color: #fff;
  font-family: 'Open Sans SemiBold';
  border: 1px solid #ddd;
  padding: 5px 5px 0;
}
.badge-soft-dark{border-radius: 0px;}
.dashboard-icon{background-image: url(../svg/menu-icons/Dashboard.svg);}
.reports-icon{background-image: url(../svg/menu-icons/Reports.svg);}
.orders-icon{background-image: url(../svg/menu-icons/Orders.svg);}
.relationship-icon{color: #fff;font-size: 21px !important;margin-top: -4px;}
.purchases-icon{color: #fff;font-size: 20px !important;margin-top: -4px;}
.inventory-icon{background-image: url(../svg/menu-icons/Inventory.svg);}
.returns-icon{color: #fff;font-size: 20px !important;margin-top: -4px;}
.pricelists-icon{background-image: url(../svg/menu-icons/PriceAdju.svg);}
.shipments-icon{background-image: url(../svg/menu-icons/Shipments.svg);}
.settings-icon{background-image: url(../svg/menu-icons/Settings.svg);}
.integrations-icon{background-image: url(../svg/menu-icons/Integrations.svg);}
.billing-icon{background-image: url(../svg/menu-icons/Billing.svg);}
.transactions-icon{background-image: url(../svg/menu-icons/Transactions.svg);}
.nav-compact>.nav-item{width: 100%;}
.navbar-vertical:not([class*=container]) .navbar-nav.nav-compact .nav-link, .navbar-vertical:not([class*=container]) .navbar-nav.nav-compact-icon .nav-link{
	padding-left: 15px;
	width: 100%;
}
.step .active .step-icon, .step .active.is-valid .step-icon{
	background-color: #e5face !important;
	color: #18a164 !important;
}
.notification-icon{
	border: 0.125rem solid #f1f1f1;
	top: -0.2rem;
  right: -0.2rem;
  width: 9px;
  height: 9px;
}
.dashboard-icons{filter: brightness(0) saturate(100%);margin-top:-4px;}
.app-integration-left-menu .nav{display: block;}
.app-integration-left-menu .nav-pills:not(.nav-segment) .nav-link.active {
    background-color: #18a164;
    border-bottom: 0;
    color: #fff;
}
.app-integration-left-menu .nav-item{margin: 0px !Important;}
.app-integration-left-menu .nav-pills .nav-link{padding: 7px 15px;}
.app-integration-left-menu{
	height: 100%;
  width: 196px;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
  border-right: 1px solid #f1f1f1;
}
.swal-title {
  margin-top: 0px !important;
  background-color: #f1f1f1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 25px !important;
  padding: 13px 16px !important;
}
.modal-title{margin: 0 auto !important;}
.pagination{margin-bottom: 0px !important;}
.pagination li {padding: 0px 5px; }
.pagination li a {
	position: relative;
  display: block;
  line-height: 1.25;
	color: #677788;
	padding: 6px 12px;
	border-radius: 2px;
}
.pagination .active > a {color: #2c9a1c;background-color: #e5face;border-color: #e5face;}
.nextpage a{position: relative;display: block;line-height: 1.25;padding: 6px 12px;color: #677788;}
.previouspage a{position: relative;display: block;line-height: 1.25;padding: 6px 12px;color: #677788;}
.menu-icon i{
  width: 25px;
  color: #fff;
  font-size: 17px;
}
.plan-price{
	background: #f9f9f9;
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.plan-price:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)}
.plan-price li {padding: 4px 15px;color: #000;}
.plan-price .header {font-size: 25px;}
.plan-price .green {background-color: #18a164;font-size: 20px;padding: 15px 20px;color: #fff;}
.plan-price .grey {padding: 15px 20px;}
.plan-price .grey a{color: #000!important;}
.plan-button {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}
.free-trial-alert{
	background: #18a164;
  border: none;
  border-radius: 0;
  padding: 5px 12px;
  text-align: center;
}
.free-trial-alert a{color: #fff;text-decoration: underline;font-family: 'Open Sans SemiBold';}
.created-status{background: #40aaf6;border: 1px solid #40aaf6;color: #fff;}
.received-status{background: #169f69;border: 1px solid #169f69;color: #fff;}
.low-stock-status{background: #ffad1b;border: 1px solid #ffad1b;color: #fff;}
.in-stock-status{background: #2b9a1a;border: 1px solid #2b9a1a;color: #fff;}
.out-of-stock-status{background: #f15717;border: 1px solid #f15717;color: #fff;}
.paid-status{background: #065c3a;border: 1px solid #065c3a;color: #fff;}
.panding-status{background: #b85a5a;border: 1px solid #b85a5a;color: #fff;}
.cancelled-status{background: #ff0000;border: 1px solid #ff0000;color: #fff;}
.overdue-status{background: #ffa300;border: 1px solid #ffa300;color: #fff;}
.partial-cancel-status{background: #f27373;border: 1px solid #f27373;color: #fff;}
.awaiting-fulfillment-status{background: #0102d1;border: 1px solid #0102d1;color: #fff;}

.awaiting-payment-status{background: #feda14;border: 1px solid #ffad1b;color: #ff0000 !important;}
.deleted-status{background: transparent;color: #ff0000;border: 1px solid #ff0000;}
.active-status{background: transparent;color: #a26bfa;border: 1px solid #a26bfa;}
.inactive-status{background: transparent;color: #4f4f4f;border: 1px solid #4f4f4f;}
.partial-shipment-status{background: transparent;color: #0d66aa;border: 1px solid #0d66aa;}
.swal-icon.swal-icon--success {display: none;}
.btn-status{width: 18px;height: 18px;}
#notificationTabContent .custom-checkbox-list-stretched-bg:after{background-color: rgba(0,0,0,0) !important;}


/*pricing-css-start*/

.pricing-section ul, .pricing-section li{margin: 0;padding: 0;list-style: none;}
.pricing-section ul li i{font-size: 13px;color: #18a164;padding-right: 5px;}
.pricing-section .toggle, .pricing-section .toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.pricing-section .toggler{color: #000;transition: .2s;font-weight: bold;}
.pricing-section .b {display: block;}
.pricing-section .toggle {
  position: relative;
  width: 54px;
  height: 25px;
  border-radius: 100px;
  background-color: #18a164;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.pricing-section .check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
.pricing-section .check:checked ~ .switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}
.pricing-section .switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 57.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.pricing-section{padding: 0px;float: left;width: 100%;text-align: center;}
.pricing-columns .wrapper-full{position: relative;margin: 0 auto;}
.pricing-columns #pricing-chart, .pricing-columns-both #pricing-chart {
    margin-top: 70px;
    float: left;
    position: relative;
    width: 100%;
}
.pricing-columns #pricing-chart #smaller-plans, .pricing-columns-both #pricing-chart #smaller-plans {
    display: block;
}
.pricing-columns #pricing-chart .plan, .pricing-columns-both #pricing-chart .plan {
    float: left;
    background-color: #fff;
    position: relative;
    color: #454545;
    padding: 14px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    width: 33.33%;
}
.pricing-columns #pricing-chart .plan:first-child, .pricing-columns-both #pricing-chart .plan:first-child {
    border-left: 1px solid #e1e1e1;
}
.pricing-columns #pricing-chart .plan:before, .pricing-columns-both #pricing-chart .plan:before {
    content: "";
    position: absolute;
    height: 5px;
    left: -1px;
    top: 0;
    background-color: #233E48;
    width: 100.5%;
}
.pricing-columns #pricing-chart .plan .price, .pricing-columns-both #pricing-chart .plan .price {
    font-size: 26px;
    float: left;
    width: 100%;
    margin-bottom: 35px;
    margin-top: 30px;
}
.pricing-columns #pricing-chart .plan .price .dollar, .pricing-columns-both #pricing-chart .plan .price .dollar {
    top: -10px;
    letter-spacing: -1px;
    left: 3px;
}
.pricing-columns #pricing-chart .plan .price .amount, .pricing-columns-both #pricing-chart .plan .price .amount {
    font-size: 55px;
    font-weight: 600;
}
.pricing-columns #pricing-chart .plan .price .slash, .pricing-columns-both #pricing-chart .plan .price .slash {
    font-weight: 600;
    left: -2px;
}
.pricing-columns #pricing-chart .plan .price .month, .pricing-columns-both #pricing-chart .plan .price .month {
    font-weight: 600;
    left: -7px;
}
.pricing-columns #pricing-chart .plan ul, .pricing-columns-both #pricing-chart .plan ul {
    padding: 0 18px;
    margin-bottom: 40px;
}
.pricing-columns #pricing-chart .plan ul li, .pricing-columns-both #pricing-chart .plan ul li {
    font-weight: 600;
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
}
.pricing-columns #pricing-chart .plan ul li span, .pricing-columns-both #pricing-chart .plan ul li span {
    color: #9e9e9e;
    display: inline-block;
    margin-left: 7px;
    font-weight: 400;
    font-size: 14px;
}
.pricing-columns #pricing-chart .plan a.sign-up, .pricing-columns-both #pricing-chart .plan a.sign-up {
  width: 100%;
  padding: 13px;
  background-color: white;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  color: #9e9e9e;
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
  clear: left;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pricing-section .sign-up {
  padding: 17px 50px;
  text-transform: uppercase;
  background-color: #93cc76;
  color: white;
  letter-spacing: 0.1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  white-space: pre;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 30px;
}
.pricing-columns #pricing-chart .popular, .pricing-columns-both #pricing-chart .popular {
  width: 33.33%;
  position: relative;
  top: -30px;
  background-color: white;
  margin-left: -2px;
  right: 0;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.pricing-columns #pricing-chart .popular:before, .pricing-columns-both #pricing-chart .popular:before {
  width: 100.5%;
  background-color: #18a164;
  height: 7px;
}
.pricing-columns #pricing-chart .popular a.sign-up, .pricing-columns-both #pricing-chart .popular a.sign-up {
  background-color: #18a164;
  border: none;
  color: #ffffff;
}
.pricing-columns #pricing-chart .popular .price .amount, .pricing-columns-both #pricing-chart .popular .price .amount {
  font-size: 60px;
}
.pricing-section .bandwidth {
  display: block;
  color: #9e9e9e;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: -90px;
}
.pricing-columns #pricing-chart .popular p.pop-plan, .pricing-columns-both #pricing-chart .popular p.pop-plan {
  color: #454545;
  font-size: 16px;
  margin-bottom: 45px;
}
.pricing-columns #pricing-chart .popular .price, .pricing-columns-both #pricing-chart .popular .price {
  margin-bottom: 70px;
}
.pricing-columns #pricing-chart .plan a.sign-up:hover, .pricing-columns-both #pricing-chart .plan a.sign-up:hover {
  background: inherit !important;
}
.pricing-columns #pricing-chart .popular a.sign-up:hover, .pricing-columns-both #pricing-chart .popular a.sign-up:hover{
  background-color: #18a164 !important;
}
.hide{display: none;}
.plan-name{font-size: 20px;font-weight: 600;margin-top: 10px;}

/*pricing-css-end*/

.plan-top-box{background-color:#fff7f7;border-color:#db4f4f;color: #000;text-align: center;padding: 25px;}
.plan-top-box a{background: #18a164;color: #fff;padding: 10px 20px;border-radius: 20px;}
.plan-top-box-text-1{background: #db4f4f;color: #fff;padding: 10px;font-family:'Open Sans Bold';}
.card-info .invalid-feedback {margin-left: 18%;}
.plan-renewal .card {height: calc(100vh - 127px);}
.top-filter-date-dropdown i{color: #000;}
.top-filter-date-dropdown span{color: #000;padding-right: 5px;}
.daterangepicker .ranges li{color: #000 !important;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
	color: #000 !important;
	background: transparent;
}
.listing-pagination, .listing-pagination span{color: #000 !important;}
.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: transparent !important;
	color: #000 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: transparent !important;
	color: #000 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:not([aria-selected=true]){
	background-color: transparent !important;
	color: #000 !important;
}
.custom-select-borderless:focus{border: 0.0625rem solid #c2cad8;}
.select2-container--open .select2-dropdown--above{border-bottom: 1px solid #aaa !important;}
.select2-results__option span{color: #000;font-size: 13px;}
.select2-container--default .select2-search--dropdown .select2-search__field{
	background-color: #fff;
	border: 0.0625rem solid #c2cad8;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #c2cad8;
    box-shadow: none;
}
.select2-container--default .select2-results__option[aria-selected=true]::after{display: none;}
.verify-email .media-body{font-size: 18px;color: #000;}
.verify-email .media-body i{color: #fbbe10;}

/* datatable-custom-hli */
.datatable-custom-hli .dataTables_filter,
.datatable-custom-hli .dataTables_info,
.datatable-custom-hli .dataTables_length {
    display: none;
}

.datatable-custom-hli .sorting,
.datatable-custom-hli .sorting_asc,
.datatable-custom-hli .sorting_desc {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.datatable-custom-hli .sorting:after,
.datatable-custom-hli .sorting_asc:after,
.datatable-custom-hli .sorting_desc:after {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: .7rem;
    height: .7rem;
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
    content: "";
    margin-left: .5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.datatable-custom-hli .sorting_asc:after {
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23dde1ee'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23377dff'/%3E%3C/svg%3E%0A");
    content: ""
}

.datatable-custom-hli .sorting_desc:after {
    background: url("data:image/svg+xml,%3Csvg width='0.7rem' height='0.7rem' viewBox='0 0 292 375' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M131.965 15.3808C139.5 7.12345 152.5 7.12346 160.035 15.3808L262.976 128.193C274.106 140.39 265.453 160 248.941 160H43.0589C26.5474 160 17.8943 140.39 29.0238 128.193L131.965 15.3808Z' fill='%23377dff'/%3E%3Cpath d='M160.035 359.619C152.5 367.877 139.5 367.877 131.965 359.619L29.0238 246.807C17.8942 234.61 26.5473 215 43.0589 215L248.941 215C265.453 215 274.106 234.61 262.976 246.807L160.035 359.619Z' fill='%23dde1ee'/%3E%3C/svg%3E%0A");
    content: ""
}
.datatable-custom-hli .dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  background: #f2f2f2;
  margin-top: 20px;
}


@media print{
	body{-webkit-print-color-adjust: exact;color-adjust: exact;}
 .navbar-vertical-aside-show-xl .main{background: transparent;}
 .navbar-vertical-aside-show-xl .navbar-vertical-aside{display:none;}
 .alert-info{display: none;}
 .page-header-title{display: none;}
 .hide-print{display: none;}
 .card-footer .btn-ghost-secondary{display: none;}
 .footer{display: none;}
 .modal-backdrop{background-color: #fff !important;}
}
@media (min-width: 1200px){
	.navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
    margin-left: 0;
    background: #393a3d;
    height: 3.8rem;
    z-index: 999;
	}
	.navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .main {padding-left: 12rem;background: #f1f1f1;}
	.navbar-dropdown-account-wrapper{margin: 0;}
}
@media (min-width: 768px){
	.modal-lg .modal-footer, .modal-lg .modal-header, .modal-xl .modal-footer, .modal-xl .modal-header {
    padding-right: 1rem;
    padding-left: 1rem;
	}
	.modal-lg .modal-header, .modal-xl .modal-header {padding-top: 1rem;padding-bottom: 1rem;}
	.modal-lg .modal-body, .modal-xl .modal-body {padding: 0 2.25rem 1.5rem;}
}
@media(max-width: 430px){
	.mobile-filter-btn button{margin-bottom: 10px;}
}