@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
/*body {font-family: 'Open Sans', sans-serif;font-size: 0.9rem;}*/
body {
	margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(34, 48, 62, 0);
}

@media print {
  body {
	-webkit-print-color-adjust: exact; /* Chrome, Safari */
	print-color-adjust: exact;         /* Modern browsers */
	color-adjust: exact;               /* Legacy */
  }
}

input[readonly] {    background-color: #e9ecef;}
.ck-editor__editable,textarea {    min-height: 150px;}
a.text-link {color: #afb1b0;}
.fs15 {	font-size:1.5rem;}
.loader_inner {    position: fixed;    left: 0;    top: 0;    z-index: 9999999;    width: 100%;    height: 100%;    overflow: visible;    background-color: rgba(255, 255, 255, 0.5);}
.loader_inner .loader_inner_img {    position: absolute;    left: 50%;    top: 50%;    width: 38px;    height: 38px;    background: #fff url(../img/ajax-loader.gif) center no-repeat;    border: 1px solid;    border-radius: 4px;    transform: translate(-50%, -50%);}
.hk-active{color: #ffffff;  background-color: #007bff;}
.hk-active:hover{	color: #ddd !important;}
.datatable {   width: 100% !important;}
.dataTables_length,.dataTables_filter,.dt-buttons {    margin-bottom: 0.333em;}
.dt-buttons .btn {    margin-left: 0.333em;    /*border-radius: 0;*/}
.table.datatable {  box-sizing: border-box;   border-collapse: collapse;}
table.dataTable thead th { border-bottom: 2px solid #dee2e6;}
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #dee2e6;}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { background-image: none;}
.btn-group-xs>.btn,
.btn-xs {padding: 1px 5px;font-size: 12px; line-height: 1.5; border-radius: 3px;}
.loader-bg { position: fixed; top: 0;  bottom: 0;  left: 0; right: 0;  background-color: #fff;  z-index: 9999}
.loader-bg .loader-bar { position: fixed; height: 5px; width: 80%;  top: 0;  left: 0;  background:var(--bs-title-color); -webkit-animation: barfiller 2s;  animation: barfiller 2s}

@-webkit-keyframes barfiller { 0% { width: 0 }  25% { width: 20% }  50% { width: 40% } 70% { width: 60% } 100% {width: 80%}}
@keyframes barfiller { 0% { width: 0} 25% { width: 20% } 50% {width: 40%} 70% {width: 60%} 100% { width: 80% }}
.select2 { max-width: 100%; width: 100%;}
.searchable-title {  font-weight: bold;}
.select2-container--open {  z-index: 9999;}
.searchable-fields { padding-left: 5px;}
.searchable-link { padding: 0 5px 0 5px;}
.searchable-link:hover { cursor: pointer;  background: #eaeaea;}
.select2-results__option { padding-left: 0px; padding-right: 0px;}
.panel-fullscreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto;}
.preview-file { padding: 5px;}
.card .card-header2 { padding: 15px 15px 0;}
div.dataTables_wrapper div.dataTables_length select {/*padding: 0.375rem 0.85rem;*/  font-size: 1rem;  line-height: 1;  height: 36px; border-radius: 0.25rem;}
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before { width: 14px; height: 14px; margin-top: -3px;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {  /*left: 10px;*/padding-top: 1px; margin-top: -11px;}
table.dataTable .child .dtr-details span.dtr-data {  overflow: hidden;  text-overflow: ellipsis;  white-space: normal;}
.container-pdf .table th,
.container-pdf .table td,
.tbl-pad.table th,
.tbl-pad.table td { padding: 0.35rem 0.50rem;}
/*
table.dataTable thead tr:first-child th, table.dataTable tbody tr:first-child td{
	width:30px;
}*/
.is-invalid+.select2-container .select2-selection--single {  border-color: #dc3545 !important;}
html {  --scrollbarBG: #FFF;  --thumbBG: #eeeeee;}
.sidebar {  scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG);}
.sidebar::-webkit-scrollbar { width: 11px;}
.sidebar::-webkit-scrollbar-track {  background: var(--scrollbarBG);}
.sidebar::-webkit-scrollbar-thumb { background-color: var(--thumbBG);  border-radius: 6px; border: 3px solid var(--scrollbarBG);}
.hk-scrollbar::-webkit-scrollbar { width: 11px;}
.hk-scrollbar::-webkit-scrollbar-track {  background: var(--scrollbarBG);}
.hk-scrollbar::-webkit-scrollbar-thumb {  background-color: var(--thumbBG);  border-radius: 6px;  border: 3px solid var(--scrollbarBG);}
.hk-v-scrollbar::-webkit-scrollbar {  height: 11px;}
.hk-v-scrollbar::-webkit-scrollbar-track {  background: var(--scrollbarBG);}
.hk-v-scrollbar::-webkit-scrollbar-thumb {  background-color: var(--thumbBG);  border-radius: 6px;  border: 3px solid var(--scrollbarBG);}
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar { width: 11px;}
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {  background: var(--scrollbarBG);}
.modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {  background-color: var(--thumbBG);  border-radius: 6px;  border: 3px solid var(--scrollbarBG);}

.modal form.hk-v-scrollbar {   max-height: 35rem;    overflow: auto;}
.select2-container--default .select2-selection--single {    border: 1px solid #ced4da;    height: 38px;}
.select2-container .select2-selection--single .select2-selection__rendered {    padding-left: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { color: #000;}
.nav-sidebar .nav-item>.nav-link { font-size: 14px;  /*color: #afb1b0;*/}
form input[type=file] {  line-height: 1.17;}
.preview-img-after-input img {  padding: 2px;}
.alert-dismissible { padding-right: 2rem;}
.card .card-header:not(.note-editor .card-header),
.pagination .page-link,
.dt-buttons .btn,
[class*='sidebar-light-'] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*='sidebar-light-'] .nav-sidebar>.nav-item:hover>.nav-link,
.modal .modal-dialog .modal-header { /*background-color: #afb1b0; color: #FFF;*/}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {    background-color: #afb1b0;}
.card .card-header .card-title .form-collapse-icon,
.card-primary.card-outline-tabs .card-header .nav .nav-item a.nav-link,
.modal .modal-dialog .modal-header .close {    color: #FFF;}
.pagination .active .page-link {    background-color: #3cc37b;}
.card-primary.card-outline-tabs .card-header .nav .nav-item a.active {    border-top-color: #afb1b0;    color: #afb1b0;}
.btn-action-cls {    background-color: transparent;    border: none;    color: #afb1b0;    outline: none;}
.btn-success {    background-color: #afb1b0;    color: #FFF;}
.bg-primary-hk {    background-color: #afb1b0 !important;    color: #FFF !important;}
.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,
.icheck-primary>input:first-child:checked+label::before {    background-color: #afb1b0;    border-color: #afb1b0;}
.bs-stepper .step-trigger {    padding: 10px;}
.active .bs-stepper-circle {    background-color: #afb1b0;}
.bs-stepper-header {    flex-wrap: wrap;}
.holder-invoice-product-modal-form table.rate_table select {    padding: 2px;}
.middle-scroll-container {    min-height: 5vh;    max-height: calc(100vh - 100px);    overflow-y: scroll;}
.form-control,.dropdown-menu,.cmn-font {    font-size: 0.9rem;}
.display-img-input-file {    position: absolute;    margin-left: 115px;    width: 53%;}
.preview-img-after-input {    width: 110px;}
.display-img-input-file+.preview-img-after-input {    width: 110px;}
.delete-img {    position: relative;    vertical-align: middle;    display: inline-block;}
.delete-img:after {    content: "\f00d";    position: absolute;    line-height: 24px;    top: -8px;    right: 0px;    height: 22px;    width: 22px;    font-size: 14px;    font-family: "Font Awesome 6 Free";    font-weight: 900;    background-color: #F00;    color: #FFF;    text-align: center;    border-radius: 50%;}
.table-responsive .dataTables_scrollBody {    overflow: inherit !important;}
.swal2-title {    font-size: 1.5em;}
.nav-sidebar .nav-link > .right:nth-child(2), .nav-sidebar .nav-link > p > .right:nth-child(2) {    right: 0.6rem;}
.chat-image {    position: fixed;    right: 15px;    bottom: 10px;    font-size: 2.2rem;}
.chat-image a{	color: #afb1b0;}
.container-pdf .card-tools .dropleft{	position: absolute;    right: 12px;    top: 8px;}
.container-pdf .card-header .card-title a.btn-ico,.card-header.hk-head-btn a.btn-ico{	color:#afb1b0;	padding-right:10px;}
.container-pdf .card-header .card-title a.btn-ico i,.card-header.hk-head-btn a.btn-ico i{	font-size: 20px;}
.container-pdf .card-header .card-pg-title,.card-header.hk-head-btn .card-pg-title{	display: inline-block;    margin-top: 0px;    position: absolute;}
/*** track **/
.order-tracking{	text-align: center;	width: 12.5%;	position: relative;	display: block;}
.order-tracking .is-complete{	display: block;	position: relative;	border-radius: 50%;	height: 30px;	width: 30px;	border: 0px solid #AFAFAF;	background-color: #A4A4A4;	margin: 0 auto;	transition: background 0.25s linear;	-webkit-transition: background 0.25s linear;	z-index: 2;}
.order-tracking .is-complete:after {	display: block;	position: absolute;	content: '';	height: 14px;	width: 7px;	top: -2px;	bottom: 0;	left: 5px;	margin: auto 0;	border: 0px solid #AFAFAF;	border-width: 0px 2px 2px 0;	transform: rotate(45deg);	opacity: 0;}
.order-tracking.completed .is-complete{	border-color: #afb1b0;	border-width: 0px;	background-color: #afb1b0;}
.order-tracking.completed .is-complete:after {	border-color: #fff;	border-width: 0px 3px 3px 0;	width: 7px;	left: 11px;	opacity: 1;}
.order-tracking p {	color: #A4A4A4;	font-size: 16px;	margin-top: 8px;	margin-bottom: 0;	line-height: 20px;}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {	content: '';	display: block;	height: 3px;	width: calc(100% - 40px);	background-color: #A4A4A4;	top: 13px;	position: absolute;
	left: calc(-50% + 20px);	z-index: 0;}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #afb1b0;}
.swal2-styled.swal2-confirm{background-color: #afb1b0 !important;}
.swal2-styled.swal2-cancel{background-color: #e9ecef !important;color: #000 !important;}
.btn-group .dropdown-item:hover, .btn-group .dropdown-item:focus{	color:#FFF;	text-decoration:none;	background-color: #afb1b0;}
div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label,div.dataTables_wrapper div.dataTables_info{	font-weight:bold;}
.right-side-other-exp .form-group{ margin-bottom: 0.6rem;}
.right-side-other-exp .form-group label{ margin-top: 8px; margin-bottom: 0;}

/* addd by kalpesh */
.card .card-header:not(.note-editor .card-header){border-radius:var(--bs-border-radius);}
.card {  border-radius:var(--bs-border-radius);}
.dt-buttons .btn:hover {background-color: #c7c8c95c; color: #000;}
.btn-success{border: 1px solid transparent;}
.btn-success:hover {color: #000; background-color:#3cc37b; border: 1px solid transparent;}
.btn-default {background-color: #afb1b0;color: #FFF;}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
   color: #000; background-color: #c7c8c95c; border: 1px solid transparent;
}
[class*='sidebar-light-'] .nav-treeview>.nav-item>.nav-link.active, [class*='sidebar-light-'] .nav-treeview>.nav-item>.nav-link.active:hover, [class*='sidebar-light-'] .nav-treeview>.nav-item>.nav-link:hover, .dt-buttons .btn:hover {/*background-color: #3cc37b;color: #fff;*/}
.callout.callout-info {border-left-color: #afb1b0;}
.small-box { border-radius:var(--bs-border-radius);}
.content-wrapper > .content { padding:1rem;}
.small-box > .inner {padding: 10px 25px;}
.small-box p {font-size: 1.1rem;}
.small-box > .small-box-footer { font-size: 1.2rem; padding: 10px 0;}
.bg-info {background-color: #afb1b0 !important;}
.icon i::before{color: #fff9;}
.nav-sidebar .nav-item>.nav-link {
	border-radius: var(--bs-border-radius);
	font-size: 0.9375rem;
    min-height: 2.625rem;
    display: flex;
    align-items: center;
}

.pagination .page-link{background-color: #afb1b0;color: #FFF; border-radius:var(--bs-border-radius); margin: 2px;}
.pagination .active .page-link { background-color: #07245a; color: #fff;}
.btn-info { color: #ffffff; background-color: #afb1b0; border: 1px solid transparent;}
.btn-info:hover { color: #333;  background-color: #c7c8c95c; border: 1px solid transparent;}

.dropdown-item.active, .dropdown-item:active {color: #ffffff;text-decoration: none;background-color:#3cc37b;}
.dropdown-item:hover, .dropdown-item:focus {color: #ffffff;text-decoration: none;background-color: #3cc37b;}
.login-box{background: #000 !important; padding: 15px; border-radius: 15px; }
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width:96.5%;}
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9);  padding: 5px 15px 5px 15px;}
.form-control:focus:not(.form-control:disabled, .form-control[readonly]) {  color: #495057;  background-color: #ffffff;  border-color: #36bf74;  outline: 0;   box-shadow:none;}


/* .navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
.main-header .navbar-nav .nav-item {margin: 0 0 0 5px; border: solid 2px green;}
.main-header >.fa-solid, .fas {font-weight: 900; display: block; font-size: 34px;  text-align: center;}
.layout-navbar-fixed .wrapper .main-header {left: 0; position: fixed; right: 0; top: 0;  z-index: 1037;  min-height: 100px;}
.main-header .nav-link {height: 4.5rem;  position: relative;} */

.navbar-nav .fa-solid, .fas {  font-weight: 900;  padding-right: 5px;  font-size: 15px;}
.navbar-nav .fa-solid:before{color: #afb1b0;}
.btn-default {border: none;}
.btn {border-radius: var(--bs-border-radius);}
.page-link {border:none;}
.pagination .page-link:hover {background:#07245a;}
.btn-action-cls:hover {color: #07245a;}
.card-title { margin-top: 3px;}
.card-header div.dt-buttons {  position: relative; float: right !important;}
.card-header .btn:not(.note-editor .note-btn) {line-height: 0;}
.card-header .dataTables_length, .dataTables_filter, .dt-buttons{margin-bottom:0px}
.login-page, .register-page{background: #07245a;}
.elevation-3{box-shadow:none !important;}
.main-header.navbar .navbar-nav .nav-link {padding-right: 0.5rem; padding-left: 0.5rem;}
.dashboard .small-box h3{font-size:1.3rem;}
.content.dashboard .sm-dd{padding: 0;height: calc(1.6rem + 0px);}
.dispatch-img-wdth{height: 120px;}

/*datatable column visibility*/
.dt-button-collection{width: 195px !important;}
.dt-button-collection .btn.buttons-columnVisibility{
	display: block !important;
    text-align: left;
	padding: 0px;
}
.dt-button-collection .btn.buttons-columnVisibility.active:after {
    position: absolute;
    margin-top: -2px;
    right: 10px;
    display: inline-block;
    content: "✓";
    color: inherit;
}

.container-navbar .layout-navbar.navbar-detached.container-xxl{width: auto !important; max-width:inherit !important;}

@media (max-width: 1280px) {
	/*.navbar-expand-lg .navbar-toggler {
		display: block !important;
	}
	.collapse:not(.show) {
		display: none !important;
	}*/
	
}
@media (max-width: 1280px) {
	.analysis-customer.container-fluid{padding:0px !important;}
	.analysis-customer .header-top-title{display:block !important;}
	.analysis-customer .header-top-title .card-title{line-height: 1.5rem;}
	.layout-menu-expanded .layout-overlay{display:none !important;}
}

@media (max-width: 768px) {
	.order-tracking{width: 100%;padding-bottom: 20px;	}	
	.order-tracking::before{display: none;	}
	.bs-stepper .step-trigger{padding: 2px;	font-size: 0.7rem;}
	.bs-stepper .line, .bs-stepper-line {-ms-flex-preferred-size: 5px;		flex-basis: 5px;}
	.table-responsive .form-control{min-width: 70px;	}
	.modal .modal-dialog:not(.modal-fullscreen){margin:0.5rem;}
	
	.no-mob{display:none !important;}
	.expenses .card .card-header .card-tools .btn{
		margin-top: 3px;
	}
	
	.dashboard #thisYearPrevYearChart{width: 600px;}
	.card-widget-separator .border-end{border-right: none !important;}
}

 
@media (min-width: 1201px) and (max-width: 1680px){
	.main-header.navbar .navbar-nav .nav-link {padding-right: 0.2rem; padding-left: 0.2rem;font-size:0.6rem;}
}
  
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
    @media (min-width: 1281px) {
		.modal-xl{ max-width: 85%;}
		.table-responsive{overflow-x: inherit;}		

    }
/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
  }
  /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
   
    .content-wrapper > .content {padding: 1rem;}
  }
  
  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    .content-wrapper > .content {padding: 1rem;}
  }
  
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  @media (min-width: 320px) and (max-width: 480px) {
    .content-wrapper > .content {padding: 1rem;}
  }