/****************************************************** Mobile devices ************************************************/
@media (max-width: 435px) {
	.avatar-1 {
		display: block;
	}

	.m-avatar {
		display: none !important;
	}

	/*.back {
		margin-left: -10px;
	}*/

	.company {
		font-size: 4vw !important;
		font-weight: 600;
		/* text-overflow: ellipsis; */
	}

	.companytext {
		width: 170px;
		overflow: hidden;
		/* white-space: nowrap; */
		display: block;
		text-overflow: ellipsis;
	}

	.dropdown-menu {
		font-size: var(--i-body-font-size);
	}

	.language {
		display: none;
	}

	.sidebar-container {
		padding-left: 8%;
		padding-right: 0%;
	}
}

@media (max-width: 360px) {
	.avatar-1 {
		display: block;
	}

	.m-avatar {
		display: none !important;
	}

	.company {
		font-size: 3.8vw !important;
		font-weight: 600;
	}

	.sidebar-container {
		padding-left: 8%;
		padding-right: 0%;
	}
}

@media only screen and (max-width: 768px) and (min-width: 436px) {
	.company {
		font-size: 2.5vw !important;
		font-weight: 600;
	}
}

@media only screen and (max-width: 768px) and (min-width: 436px) {
	.company {
		font-size: 2.2vw !important;
		font-weight: 600;
	}
}

@media (max-width: 768px) {
	:root {
		/*--i-primary: #1ab394;*/
		--i-body-color: #000000; /* #4c4c5c; */
		--i-border-width: 1px;
		--i-border-radius: 0.3rem;
		--i-border-radius-sm: 0.25rem;
		--i-border-radius-lg: 0.4rem;
		--i-font-weight-medium: 500;
		--i-secondary-bg: #fff;
		/* --i-border-color: #e7e9eb; */
		--i-link-hover-color: #16987e;
		--i-secondary-color: #9ba6b7;
		--i-secondary-bg: #fff;
		--i-tertiary-bg: #f6f7fb;
		--i-dark: #313a46;
		--i-dark-rgb: 49, 58, 70;
		/* --i-light-rgb: 238, 242, 247; */
		--i-tertiary-bg: #f6f7fb;
		--i-box-shadow-sm: 0 0.0625rem 0.125rem;
		--i-font-weight-semibold: 600;
		--i-danger: #ed5565;
		--i-danger-text-emphasis: #c94856;
		--i-danger-rgb: 237, 85, 101;
		--i-light-bg-subtle: #fbfbfd;
		--i-body-font-size: 0.813rem;
		--i-body-font-weight: 400;
	}

	body {
		margin: 0;
		font-family: var(--i-font-inter);
		font-size: var(--i-body-font-size);
		font-weight: var(--i-body-font-weight);
		/*line-height: var(--i-body-line-height);*/
		/*color: var(--i-body-color);*/
		/*text-align: var(--i-body-text-align);*/
		background-color: var(--i-body-bg) !important;
		/*-webkit-text-size-adjust: 100%;*/
		/*-webkit-tap-highlight-color: transparent;*/
	}

	.site-login {
		background-color: #E3E9ED;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.site-request-password-reset {
		background-color: #E3E9ED;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/*.site-login .container-fluid {*/
	/*padding-right: 1px !important;*/
	/*padding: 0px;*/
	/*}*/

	.btn-xs {
		border-radius: 6px;
	}

	.btn-long {
		width: 100% !important;
		margin-left: 0px;
	}

	/* .btn-xs-create {
		width: 28px;
		border: none;
	} */

	.btn-xs-create-do {
		width: 100px;
		height: 28px;
		line-height: 28px;
	}

	.title>div>div>.btn {
		width: auto !important;
	}

	.bg-white {
		background-color: var(--i-color-white) !important;
	}

	.bg-m-whitesmoke {
		--i-bg-opacity: 1;
		background-color: rgba(var(--i-card-header-bg-rgb), var(--i-bg-opacity)) !important;
	}

	/*.title span {
		font-size: 10px;
		margin-right: 5px !important;
	}*/

	/*.btn{
		font-size: 10px !important;
		letter-spacing: 0px !important;
	}*/

	/* General Setting */
	/* #flowmeter-table label {
		width: 80px;
	}

	#flowmeter-table .select2-container--krajee-bs5 .select2-selection--single {
		width: 150px;
		height: 33px;
	} */

	.row {
		--i-gutter-x: 1.25rem;
		margin-left: calc(-0.4 * var(--i-gutter-x));
	}

	/*
	.row {
		--i-gutter-x: 1.25rem;
		--i-gutter-y: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: calc(-1 * var(--i-gutter-y));
		margin-right: calc(-0.4 * var(--i-gutter-x));
		margin-left: calc(-0.4 * var(--i-gutter-x));
	}

	.row>* {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		padding-right: calc(var(--i-gutter-x) * 0.5);
		padding-left: calc(var(--i-gutter-x) * 0.5);
		margin-top: var(--i-gutter-y);
	}

	.g-3,
	.gx-3 {
		--i-gutter-x: 1.25rem;
	}

	.g-3,
	.gy-3 {
		--i-gutter-y: 1.25rem;
	}
*/
	.m-bs0 {
		border-style: none !important;
	}

	.d-bs0 {
		--i-card-border-width: var(--i-theme-card-border-width);
		--i-card-border-color: var(--i-theme-card-border-color);
		border: var(--i-card-border-width) solid var(--i-card-border-color) !important;
	}

	/**********************************************************************************************/
	.justify-content-between {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-start {
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.align-items-start {
		-webkit-box-align: start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.justify-content-end {
		-webkit-box-pack: end !important;
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.card h3 {
		font-size: 14px;
	}

	.card p {
		font-size: 14px;
	}

	.card-detail {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.card-body {
		--i-card-spacer-y: 1rem;
		--i-card-spacer-x: 1.25rem;
		padding: var(--i-card-spacer-y) var(--i-card-spacer-x);
	}

	.card .card-title,
	.card .card-title span {
		font-size: 14px;
		font-weight: 600;
		text-transform: none;
		/* color: var(--i-color1); */
	}

	.card-header {
		padding: var(--i-card-cap-padding-y) var(--i-card-cap-padding-x);
		margin-bottom: 0;
		--i-bg-opacity: 1;
		/* color: var(--i-card-cap-color); */
		background-color: rgba(var(--i-light-bg-subtle-rgb), var(--i-bg-opacity));
		border-bottom: var(--i-card-border-width) solid var(--i-card-border-color);
	}

	.custom-card {
		--i-card-spacer-y: 1rem;
		--i-card-spacer-x: 1.25rem;
		--i-card-title-spacer-y: 0px;
		--i-border-radius: 0.3rem;
		--i-theme-card-border-width: 1px;
		--i-border-color: #edf2f9;
		--i-theme-card-border-color: var(--i-border-color);
		--i-card-border-width: var(--i-theme-card-border-width);
		--i-card-border-color: var(--i-theme-card-border-color);
		--i-card-border-radius: var(--i-border-radius);
		--i-card-box-shadow: var(--i-theme-card-box-shadow);
		--i-card-inner-border-radius: calc(var(--i-border-radius) - (var(--i-theme-card-border-width)));
		--i-card-cap-padding-y: 0.9375rem;
		--i-card-cap-padding-x: 1.25rem;
		--i-card-cap-bg: transparent;
		--i-card-bg: var(--i-secondary-bg);
		--i-card-img-overlay-padding: 1.25rem;
		--i-card-group-margin: 0.625rem;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		min-width: 0;
		height: var(--i-card-height);
		color: var(--i-body-color);
		word-wrap: break-word;
		background-color: var(--i-card-bg);
		background-clip: border-box;
		border: var(--i-card-border-width) solid var(--i-card-border-color);
		border-radius: var(--i-card-border-radius);
		padding: unset;
	}

	.custom-card.t2 {
		padding: unset;
	}

	.custom-card>hr {
		margin-right: 0;
		margin-left: 0;
	}

	.custom-card>.list-group {
		border-top: inherit;
		border-bottom: inherit;
	}

	.custom-card>.list-group:first-child {
		border-top-width: 0;
		border-top-left-radius: var(--i-card-inner-border-radius);
		border-top-right-radius: var(--i-card-inner-border-radius);
	}

	.custom-card>.list-group:last-child {
		border-bottom-width: 0;
		border-bottom-right-radius: var(--i-card-inner-border-radius);
		border-bottom-left-radius: var(--i-card-inner-border-radius);
	}

	.custom-card>.custom-card-header+.list-group,
	.custom-card>.list-group+.custom-card-footer {
		border-top: 0;
	}

	.custom-card .select2-selection {
		min-width: 200px;
	}

	.custom-card input:not([type='checkbox'], [type='radio']),
	.custom-card input:not([type='checkbox']):not([type='radio']) {
		min-width: 90px;
	}

	.custom-card-body {
		--i-card-spacer-y: 1rem;
		--i-card-spacer-x: 1.25rem;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: var(--i-card-spacer-y) var(--i-card-spacer-x);
		/* color: var(--i-card-color); */
	}

	.t3 thead tr>th:last-of-type,
	.t3 tbody tr>td:last-of-type {
		padding-right: 20px;
	}

	.t3 thead tr>th:first-child,
	.t3 tbody tr>td:first-child {
		padding-left: 20px;
	}

	.custom-card-body2 {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: 0px 20px 0px 20px;
		color: var(--i-card-color);
	}

	.custom-card-title {
		margin-bottom: var(--i-card-title-spacer-y);
		color: var(--i-card-title-color);
	}

	.custom-card-subtitle {
		margin-top: calc(-0.5 * var(--i-card-title-spacer-y));
		margin-bottom: 0;
		color: var(--i-card-subtitle-color);
	}

	.custom-card-text:last-child {
		margin-bottom: 0;
	}

	.custom-card-link+.custom-card-link {
		margin-left: var(--i-card-spacer-x);
	}

	.custom-card-header {
		padding: var(--i-card-cap-padding-y) var(--i-card-cap-padding-x);
		margin-bottom: 0;
		--i-bg-opacity: 0.25;
		/* background-color: rgba(var(--i-grey88-rgb), var(--i-bg-opacity)) !important; */
		background-color: rgba(var(--i-light-bg-subtle), var(--i-bg-opacity));
		border-bottom: var(--i-card-border-width) solid var(--i-card-border-color);
	}

	.custom-card-header:first-child {
		border-radius: var(--i-card-inner-border-radius) var(--i-card-inner-border-radius) 0 0;
	}

	.custom-card {
		-webkit-box-shadow: var(--i-theme-card-box-shadow);
		box-shadow: var(--i-theme-card-box-shadow);
		margin-bottom: 1.25rem;
	}

	.custom-card.custom-card-collapse .custom-card-header {
		border-bottom: 0;
	}

	.custom-card[class*="text"] .custom-card-action-item {
		background-color: rgba(var(--i-white-rgb), 0.2) !important;
		color: #fff !important;
	}

	.custom-card .custom-card-title,
	.custom-card .custom-card-title span {
		font-size: 16px;
		font-weight: 600;
		text-transform: none;
		/* color: var(--i-color1); */
	}

	.custom-card .custom-card-subtitle,
	.custom-card .custom-card-subtitle span {
		font-size: 15px;
		font-weight: 600;
		text-transform: none;
		/* color: var(--i-color1); */
	}

	.custom-card.custom-card-bordered {
		border: none;
		border-left: 3px solid;
	}

	.custom-card-bg {
		background-color: var(--i-secondary-bg);
	}

	.custom-card-header {
		--i-border-color2: var(--i-body-bg);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/*border-bottom: 1px dashed var(--i-border-color);*/
		border-bottom: 1px solid var(--i-border-color2);
	}

	.custom-card-header.border-dashed {
		border-bottom-style: dashed !important;
	}

	.d-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.m-block div.col:nth-child(1) {
		border-right: 0px;
	}

	.m-block {
		display: block !important;
	}

	.d-only {
		display: none !important;
	}

	.m-only {
		display: flex !important;
	}

	.m-only-block {
		display: block !important;
	}

	.m-pad {
		padding-left: 20px;
		/* padding-bottom: 20px; */
	}

	.d-mr20 {
		margin-right: 0px !important;
	}

	.ct-box span.title {
		font-size: 16px !important;
		font-weight: 600;
	}

	.title {
		align-items: center;
		margin-top: 10px;
		/*margin-right: 24px;*/
		margin-bottom: 10px;
		/*padding-left: 24px;*/
		/*padding-right: 24px;*/
		font-weight: 600;
		height: auto;
	}

	.title>div>div>.btn {
		width: auto !important;
	}

	.title span {
		font-size: 16px !important;
		margin-right: 5px !important;
	}

	div.setting-sub-title span {
		font-size: 16px !important;
	}

	/*.btn {*/
	/*font-size: 16px !important;*/
	/*letter-spacing: 0px !important;*/
	/*}*/

	.main-title {
		font-size: 20px !important;
		height: 30px !important;
	}

	.sub-title {
		font-size: 16px !important;
		/*height: 20px !important;*/
	}

	.top-margin {
		margin-top: 20px !important;
	}

	.select2-container--krajee-bs5 .select2-selection--single,
	.select2-selection .select2-selection--multiple {
		width: auto;
	}

	/* DASHBOARD */
	@media (max-width: 768px) {
		.dashboard h3 {
			font-size: 18px !important;
		}
	}

	/* General Setting */
	#flowmeter-table label {
		width: 80px;
	}

	/* #flowmeter-table .select2-container--krajee-bs5 .select2-selection--single {
		width: 150px;
		height: 33px;
	} */

	.topbar {
		display: block;
	}

	.navbar form>button.logout {
		display: block;
		text-align: left;
		width: 100%;
		padding: 10px 0;
	}

	/** hamburger **/
	.hamburger {
		display: block;
		width: 50px;
		height: 40px;
		/*cursor: pointer;*/
		appearance: none;
		background: none;
		outline: none;
		border: none;
		/*background-color: #e9ecef !important;*/
		/*margin-right: 12px;*/
		z-index: 1099;
		position: relative;
	}

	.hamburger .bar,
	.hamburger:after,
	.hamburger:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background-color: #000;
		margin: 5px 0px;
		transition: 0.4s;
		position: relative;
		z-index: 1099;
	}

	.hamburger.is-active:before {
		transform: rotate(-45deg) translate(-6px, 6px);
	}

	.hamburger.is-active:after {
		transform: rotate(45deg) translate(-5px, -5px);
	}

	.hamburger.is-active .bar {
		opacity: 0;
	}

	.logo-details .col1 {
		margin-left: 10px;
	}

	.logo-details .col2 {
		margin-right: 10px;
	}

	.hamburger2 {
		display: block;
		width: 35px;
		height: 40px;
		/*cursor: pointer;*/
		appearance: none;
		background: none;
		outline: none;
		border: none;
		/*background-color: #e9ecef !important;*/
		/*margin-right: 12px;*/
		z-index: 9998;
		position: relative;
	}

	.hamburger2 .bar2,
	.hamburger2:after,
	.hamburger2:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		background-color: #716060;
		margin: 5px 0px;
		transition: 0.4s;
		position: relative;
		z-index: 9998;
	}

	.hamburger2.is-active:hover {
		background-color: #000;
	}

	.hamburger2.is-active:before {
		transform: rotate(-45deg) translate(-5px, 13px);
		width: 18px;
	}

	.hamburger2.is-active:after {
		transform: rotate(45deg) translate(2px, -6px);
		width: 18px;
	}

	.hamburger2.is-active .bar2 {
		opacity: 0;
	}

	/** end hamburger **/

	/** disable hamburger border */
	.navbar-1 {
		margin-left: 0px;
	}

	.navbar-2 {
		display: none;
		position: absolute;
		left: -999px;
		/*margin-left: 20px;*/
		/*margin-right: 10px;*/
	}

	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}

	.navbar form>button.logout {
		display: block;
		text-align: left;
		width: 100%;
		padding: 10px 0;
	}

	/*#myTable {
		white-space: nowrap;
	}*/

	/*#leftMenu {
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  position: fixed;
		  background-color: rgb(192, 24, 24);
		  overflow-y: auto;
		  display: none;
		  z-index: 1100;*/
	/* For Mobile mode > Search field overlap issue */
	/*}*/

	/***SIDEBAR MOBILE***/
	#open-sidebar-button,
	#close-sidebar-button {
		display: block;
	}

	/*nav.n22 a {
		  width: 100%;
		  padding-left: 12.5em;
	  }*/

	/*nav.n22 a.active-link {
		  border-bottom: none;
	  }*/
	/*
	  nav.n22 a {
		  display: flex;
		  text-decoration: none;
		  color: var(--text-color);
		  padding: 1em 2em;
		  transition: background-color 150ms ease;
	  }*/

	/*nav.n22 a:hover {
		  background-color: var(--hover-color);
	  }
  
	  nav.n22 a.active-link {
		  border-bottom: 2px solid var(--text-color);
	  }*/

	/*nav.n22 .home-li {
		  margin-right: unset;
	  }*/

	/*nav.n22 ul {
		  list-style: none;
		  display: flex;
	  }*/

	/*nav.n22 .home-li {
		  margin-right: auto;
	  }*/

	/*#open-sidebar-button{
		  display: none;
		  background: none;
		  border: none;
		  padding: 1em;
		  margin-left: auto;
		  cursor: pointer;
		}
		#close-sidebar-button{
		  display: none;
		  background: none;
		  border: none;
		  padding: 1em;
		  cursor: pointer;
		}*/
	#overlay {
		background: rgba(0, 0, 0, 0.80);
		position: fixed;
		inset: 0;
		z-index: 1100;
		display: none;
	}

	#oaLang {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		inset: 0;
		z-index: 9001;
		display: none;
	}

	/*.skip-link {
		  opacity: 0;
		  pointer-events: none;
		  position: absolute;
		  top: 10px;
		  left: 10px;
		  z-index: 1000;
		  background-color: var(--accent-color); 
		  color: #ffffff; 
		  padding: 12px 24px;
		  border-radius: 5px;
		  text-decoration: none;
		  font-weight: bold;
		  font-size: 1rem;
		  transition: opacity 0.3s ease;
		}
		
		.skip-link:focus {
		  opacity: 1; 
		  pointer-events: auto; 
		  outline: 3px solid #ffffff; 
		}*/
	/* sidebar */
	.sidebar-container:before {
		/*padding-left: 8%;*/
		/*padding-right: 5%;*/
		content: "";
		display: block;
		position: absolute;
		width: 90%;
		left: 5%;
		border-bottom: 2px solid #d1d8dd;
	}

	.sidebar {
		/*display: none;*/
		position: fixed;
		top: 0;
		left: -100%;
		height: 100%;
		/*width: 265px;*/
		width: min(21em, 100%);
		/*border-right: 2px solid #D1D8DD;*/
		z-index: 2000;
		font-size: 14px;
		font-weight: 500;
		/*transition: all 0.3s ease;*/
		transition: left 300ms ease-in-out;
		color: #000000;
		background-color: #ffffff;
		/*border-bottom: 1px solid var(--hover-color);*/
	}

	.sidebar.show {
		left: 0;
	}

	.sidebar.show~#overlay {
		display: block;
	}

	.dropdown-menu.show~#oaLang {
		display: block;
	}

	.sidebar.close {
		width: 78px;
	}

	.sidebar .logo-details {
		height: 68px;
		width: 100%;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		/*background: #F2F2F2;*/
		pointer-events: auto;
		cursor: pointer;
		z-index: 101;
	}

	.sidebar .logo-details img {
		/*height: 120px;*/
		/*width: 120px;*/
		object-fit: cover;
		display: none;
	}

	.sidebar .logo-details .logo_name img {
		height: 100% !important;
		width: 70%;
		object-fit: cover;
		/*display: inline-block !important;*/
	}

	.sidebar .logo-details .logo_name {
		font-size: 14px;
		display: none;
	}

	.sidebar.close .logo-details .logo_name {
		display: none;
	}

	.sidebar .logo-details .intsoft_logo img {
		display: block !important;
		margin-left: 20%;
		width: 40%;
	}

	.sidebar.close .logo-details img {
		display: block;
	}

	.sidebar .nav-links {
		max-height: calc(100vh - 20vh);
		padding: 10px 0 0 0;
		overflow: auto;
		z-index: 2600;
	}

	.sidebar.close .nav-links {
		overflow: visible;
	}

	.sidebar .nav-links::-webkit-scrollbar {
		display: none;
	}

	.sidebar .nav-links li {
		position: relative;
		list-style: none;
		transition: all 0.4s ease;
		font-size: 14px;
	}

	.sidebar .nav-links li a {
		font-size: 14px;
		font-weight: 500;
		color: #000000;
		height: 40px;
		align-items: center;
		display: flex;
		/*padding: 0 16px 0 16px;*/
		text-decoration: none;
	}

	.sidebar.close .nav-links li a {
		justify-content: center;
	}

	.i-hover:hover {
		color: var(--i-color1);
	}

	.sidebar .nav-links li a:not(.lang):hover,
	.sidebar .nav-links li .active {
		filter: brightness(0) saturate(100%) invert(44%) sepia(57%) saturate(5962%) hue-rotate(157deg) brightness(91%) contrast(101%);
		color: #009190;
	}

	.sidebar .nav-links li .active {
		font-weight: 600;
	}

	.sidebar.close .nav-links li .iocn-link {
		display: block;
	}

	.sidebar .nav-links li img {
		height: 26px;
		min-width: 26px;
		text-align: center;
		line-height: 30px;
		padding-left: 10px;
		cursor: pointer;
		transition: all 0.3s ease;
		flex: 0 0 auto;
	}

	.sidebar.close .nav-links li img {
		justify-content: center;
		padding: 0;
	}

	.sidebar .nav-links li a .link_name {
		margin-left: 15px;
		flex: 1 1 auto;
	}

	.sidebar .nav-links li .arrow_spin {
		padding-right: 10px;
		height: 16px;
		min-width: 10px;
		flex: 0 0 auto;
	}

	.sidebar .nav-links li.showMenu .arrow_spin {
		transform: rotate(-180deg);
	}

	.sidebar.close .nav-links .arrow_spin {
		display: none;
	}

	.sidebar.close .nav-links li a .link_name {
		display: none;
		pointer-events: none;
	}

	.sidebar .nav-links li .sub-menu {
		padding: 5px 5px 0px 40px;
		margin-top: -10px;
		background: white;
		display: none;
		align-items: start;
	}

	.sidebar .nav-links li.showMenu div+.sub-menu {
		display: block;
	}

	.sidebar.close .nav-links li.showMenu div+.sub-menu {
		display: none;
	}

	.sidebar .nav-links li .sub-menu a {
		white-space: nowrap;
		color: #000000;
		transition: all 0.3s ease;
	}

	.sidebar .nav-links li .sub-menu img:not(.lang-flag) {
		margin-left: 10px;
		flex: 0 0 auto;
	}

	.sidebar .nav-links li img.lang-flag,
	.sidebar .nav-links li .sub-menu img.lang-flag {
		height: 18px;
		min-width: 18px;
		padding-left: 0px;
		margin-left: 0px !important;
	}

	/* .sidebar .nav-links li .sub-menu span {
        margin-left: 12px;
        flex: 1 1 auto;
    }
    .sidebar .nav-links li a .link_name {
        margin-left: 15px;
        flex: 1 1 auto;
    } */

	.sidebar .nav-links li .sub-menu span {
		margin-left: 12px;
		flex: 1 1 auto;
	}

	/* .sidebar .nav-links li .sub-menu a:not(.lang):hover {
		filter: brightness(0) saturate(100%) invert(44%) sepia(57%) saturate(5962%) hue-rotate(157deg) brightness(91%) contrast(101%);
		color: #009190;
	} */

	.sidebar .footer {
		position: relative;
		bottom: 0;
		/*width: 260px;*/
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		height: 80vh;
	}

	.sidebar.close .footer {
		display: none;
	}

	.sidebar .logo-details .logo_name img {
		width: 70% !important;
	}

	/*.sidebar.close~.home-section {
		  left: 0px;
		  width: 100%;
	  }*/

	/*.sidebar .mv {
		  opacity: 0;
	  }*/

	/*.sidebar .logo-details .logo_name img {
		  width: 70% !important;
	  }*/

	/*
	  .company {
		  width: calc(50%) !important;
	  }
	  */

	#divLogin {
		min-height: 10px !important;
		width: 100% !important;
		border-radius: 8px;
		padding: 20px 5px 20px 5px;
	}

	#divLogo {
		height: 30vh !important;
	}

	.home-section {
		left: 0px !important;
		width: 100% !important;
	}

	.home-section .nav1 {
		/*background: #ced4da !important;*/
		border-bottom: 1px solid #c9c9c9;
		z-index: 1099 !important;
	}

	/*.home-section .navbar {*/
	/*border-bottom: 2px solid #c9c9c9;*/
	/*}*/

	.home-content {
		padding-left: 10px;
		padding-right: 10px;
		/*background-color: rgb(115 115 115 / 15%);*/
	}

	.home-content:before {
		/*padding-left: 8%;*/
		/*padding-right: 5%;*/
		width: 100%;
		/*left: 2%;*/
		border-bottom: 1px solid #d1d8dd;
	}

	/*
	  .company {
		  width: calc(50%) !important;
	  }
	  */

	/*
	  .sidebar .nav-links {
		  margin-top: 60px !important;
	  }
	  */
	/*
	div,
	label,
	body,
	.table,
	.form label,
	.form .select2-selection__rendered,
	.table td,
	.table th,
	.table-form> :not(caption)>*>*,
	.table-header th,
	.table-header a {
		font-size: 14px;
	}*/

	.order_items {
		overflow: scroll;
		white-space: nowrap;
	}

	.order_items .title {
		margin-bottom: 10px;
	}

	.table {
		--i-table-color-type: initial;
		--i-table-bg-type: initial;
		--i-table-color-state: initial;
		--i-table-bg-state: initial;
		--i-table-color: var(--i-body-color);
		--i-table-bg: transparent;
		--i-table-border-color: var(--i-light);
		--i-table-accent-bg: transparent;
		--i-table-striped-color: var(--i-body-color);
		--i-table-striped-bg: rgba(var(--i-light-rgb), 0.45);
		--i-table-active-color: var(--i-body-color);
		--i-table-active-bg: rgba(var(--i-light-rgb), 0.45);
		--i-table-hover-color: var(--i-body-color);
		--i-table-hover-bg: rgba(var(--i-light-rgb), 0.45);
		width: 100%;
		margin-bottom: 1.25rem;
		vertical-align: middle;
		border-color: var(--i-table-border-color);
	}

	.fs-tbl {
		font-size: 13px !important;
	}

	.thead-sm>*>* {
		padding: 0.5rem 0.5rem !important;
	}

	.table> :not(caption)>*>* {
		/*padding: 0.75rem 0.6rem;*/
		color: var(--i-table-color-state,
				var(--i-table-color-type, var(--i-table-color)));
		background-color: var(--i-table-bg);
		border-bottom-width: var(--i-border-width);
		-webkit-box-shadow: inset 0 0 0 9999px var(--i-table-bg-state,
				var(--i-table-bg-type, var(--i-table-accent-bg)));
		box-shadow: inset 0 0 0 9999px var(--i-table-bg-state,
				var(--i-table-bg-type, var(--i-table-accent-bg)));
	}

	/*
	.table>tbody {
		vertical-align: inherit;
	}

	.table>thead {
		vertical-align: bottom;
	}
*/
	.iTbl th {
		background-color: rgba(var(--i-light-rgb), var(--i-bg-opacity)) !important;
	}

	.table-striped-columns> :not(caption)>tr> :nth-child(even) {
		--i-table-color-type: var(--i-table-striped-color);
		--i-table-bg-type: var(--i-table-striped-bg);
	}

	.meter_reading .tbl_mr {
		/*overflow-x: auto;*/
		/*overflow-y: auto;*/
		overflow: scroll;
		white-space: nowrap;
		/*padding: 0px 20px 10px 20px;*/
	}

	.meter_reading .title {
		margin-bottom: 10px;
		/*padding-left: 10px !important;*/
	}

	.expandable {
		margin-bottom: 10px;
	}

	/*.home-content .order-update {*/
	/*border: 1px solid var(--color-gray-L600);*/
	/*border-radius: 8px;*/
	/*}*/
	/*
	#order-table .btn {
		padding: 51px 81px 51px 81px;
	}

	#order-table th {
		padding: 51px 81px 51px 81px;
	}
*/
	/** Table to block display **/
	table.tbl2block table,
	table.tbl2block thead,
	table.tbl2block tbody,
	table.tbl2block th,
	table.tbl2block tr,
	table.tbl2block td {
		display: flex;
		flex-direction: column;
	}

	/*table.tbl2block tr {
		border: 1px solid #ccc;
	}*/
	table.tbl2block td {
		border: none;
		/* border-bottom: 1px solid #eee; */
		position: relative;
		/* padding-left: 50%; */
		white-space: normal;
		text-align: left;
	}

	table.tbl2block td span:nth-child(1) {
		text-transform: uppercase;
	}

	table.tbl2block td span:nth-child(2) {
		/*border: none;*/
		/*border-bottom: 1px solid #eee;*/
		/*position: relative;*/
		/*padding-left: 10%;*/
		/*white-space: normal;*/
		/*text-align:left;*/
		display: none;
	}

	table.tbl2block td span:nth-child(3) {
		/*border: none;*/
		border-bottom: 1px solid #b5b0b0;
		/*position: relative;*/
		/*padding-left: 10%;*/
		white-space: normal;
		color: #009190;
		text-align: right;
		float: right;
	}

	table.tbl2block td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		/* white-space: nowrap; */
		text-align: left;
		font-weight: bold;
	}

	table.tbl2block td:before {
		content: attr(data-title);
	}

	/** eol.Table to block display **/
	table.packing-delivery table,
	table.packing-delivery thead,
	table.packing-delivery tbody,
	table.packing-delivery th,
	table.packing-delivery tr,
	table.packing-delivery td {
		display: block;
	}

	/*table.packing-delivery tr {
		border: 1px solid #ccc;
	}*/
	table.packing-delivery td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%; */
		white-space: normal;
		text-align: left;
	}

	table.packing-delivery td span:nth-child(1) {
		text-transform: uppercase;
	}

	table.packing-delivery td span:nth-child(2) {
		/*border: none;*/
		/*border-bottom: 1px solid #eee;*/
		/*position: relative;*/
		/*padding-left: 10%;*/
		/*white-space: normal;*/
		/*text-align:left;*/
		display: none;
	}

	table.packing-delivery td span:nth-child(3) {
		/*border: none;*/
		border-bottom: 1px solid #b5b0b0;
		/*position: relative;*/
		/*padding-left: 10%;*/
		/*white-space: normal;*/
		color: #009190;
		text-align: right;
		float: right;
	}

	table.packing-delivery td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	table.packing-delivery td:before {
		content: attr(data-title);
	}

	thead,
	tbody,
	tfoot,
	tr,
	td,
	th {
		/*border-style: initial;*/
	}

	.table> :not(caption)>*>* {
		/*padding: 8px 0px 8px 20px;*/
	}

	.pl20 {
		padding-left: 20px !important;
	}

	#myTable a {
		text-decoration: none;
		color: #000000;
	}

	#myTable.fs-tbl>li>* :not(.has-flow-meter):not(span) {
		/* color: var(--i-color1); */
	}

	/*
	#myTable thead tr>th:last-of-type,
	#myTable tbody tr>td:last-of-type {
		padding-right: 20px;
	}

	#myTable thead tr>th:first-child,
	#myTable tbody tr>td:first-child {
		padding-left: 20px;
	}
	*/

	.meter-reading-table {
		/* border-bottom: 1px solid #E2E2E2; */
		/* border-left: 1px solid #ccc; */
		/* border-right: 1px solid #ccc; */
	}

	.meter-reading-table table {
		/* border: 1px solid #009190; */
		/* border-collapse: collapse; */
		/*border-left: #009190;*/
		/*border-right: #009190;*/
		/*border-color:#9ecaed;*/
		/* box-shadow: 0 0 4px #9ecaed; */
	}

	/*
	#meter-reading-table thead tr>td:last-of-type,
	#meter-reading-table tbody tr>td:last-of-type {
		padding-right: 30px;
	}

	#meter-reading-table thead tr>th:first-child,
	#meter-reading-table tbody tr>td:first-child {
		padding-left: 20px;
	}

	#meter-reading-table thead tr>th:last-of-type,
	#meter-reading-table tbody tr>td:last-of-type {
		padding-right: 20px;
	}

	#order-table thead tr>th:first-child,
	#order-table tbody tr>td:first-child {
		padding-left: 20px;
	}

	#order-table thead tr>th:last-of-type,
	#order-table tbody tr>td:last-of-type {
		padding-right: 20px;
	}

	*/
	.m-nb {
		border-style: none;
	}

	/**********************************************************************************************
	** BUTTON **
	**********************************************************************************************/
	/*
	.btn {
		--i-btn-padding-x: 1.1rem;
		--i-btn-padding-y: 0.4532rem;
		--i-btn-font-size: 0.813rem;
		--i-btn-font-weight: var(--i-font-weight-medium);
		--i-btn-line-height: 1.5;
		--i-btn-color: var(--i-body-color);
		--i-btn-bg: transparent;
		--i-btn-border-width: var(--i-border-width);
		--i-btn-border-color: transparent;
		--i-btn-border-radius: var(--i-border-radius);
		--i-btn-hover-border-color: transparent;
		--i-btn-box-shadow: 0px 2px 6px 0px;
		--i-btn-disabled-opacity: 0.65;
		--i-btn-focus-box-shadow: 0 0 0 0 rgba(var(--i-btn-focus-shadow-rgb), 0.5);
		display: inline-block;
		padding: var(--i-btn-padding-y) var(--i-btn-padding-x);
		font-family: var(--i-btn-font-family);
		font-size: var(--i-btn-font-size);
		font-weight: var(--i-btn-font-weight);
		line-height: var(--i-btn-line-height);
		color: var(--i-btn-color);
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: var(--i-btn-border-width) solid var(--i-btn-border-color);
		border-radius: var(--i-btn-border-radius);
		background-color: var(--i-btn-bg);
		-webkit-transition: color 0.15s ease-in-out,
			background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
			-webkit-box-shadow 0.15s ease-in-out;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
			border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
			border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
			border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
			-webkit-box-shadow 0.15s ease-in-out;
	}
	*/
	.btn {
		--i-btn-padding-x: 0.625rem;
		--i-btn-padding-y: 0.4532rem;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.btn:focus {
		/* background-color: #04666d; */
		background-color: var(--i-body-bg) !important;
		border: 1px solid var(--i-body-bg);
		/* color: #fff !important; */
		color: #fff;
	}

	.btn:active {
		background-color: var(--i-body-bg) !important;
		border: 1px solid var(--i-body-bg);
		/* color: var(--i-color1) !important; */
	}

	#myTable a.btn:active,
	#myTable a.btn:focus,
	#myTable a.btn:hover {
		background-color: var(--i-body-bg) !important;
		border: 1px solid var(--i-body-bg);
		color: var(--i-color1) !important;
	}

	.icon-svg-back {
		height: 20px;
		width: 20px;
		/*margin-bottom: 0px;*/
		/*margin-left: 0px;*/
	}

	.m-edit-icon {
		margin-left: -5px;
	}

	.m-btn-pad-0 {
		padding: 0;
	}

	.m-btn-border-0 {
		border: 0 !important;
	}

	.m-e:focus {
		filter: brightness(0) saturate(100%) invert(44%) sepia(57%) saturate(5962%) hue-rotate(157deg) brightness(91%) contrast(101%);
	}

	/* .btn-icon {
		position: relative;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: calc(.5rem + 1.5em + 2px);
		width: calc(.5rem + 1.5em + 2px);
		padding: 0
	} */

	.btn-icon :is(i, svg, img) {
		vertical-align: middle
	}

	.btn-delete {
		/*font-weight: 600;*/
		/*width: 104px;*/
		/*height: 40px;*/
		/*background: #910001;*/
	}

	.table .btn-delete {
		width: 70px;
	}

	.btn-delete:hover {
		color: #fff;
		background-color: #04666d;
		border: 1px solid var(--i-body-bg);
	}

	.btn-default {
		--i-btn-color: var(--i-dark);
		--i-btn-bg: transparent;
		--i-btn-border-color: rgba(var(--i-dark-rgb), 0.1);
		--i-btn-hover-color: var(--i-dark);
		--i-btn-hover-bg: rgba(var(--i-dark-rgb), 0.02);
		--i-btn-hover-border-color: rgba(var(--i-dark-rgb), 0.3);
		--i-btn-active-bg: var(--i-tertiary-bg);
		--i-btn-active-color: var(--i-dark);
		--i-btn-active-border-color: rgba(var(--i-dark-rgb), 0.15);
		--i-btn-focus-shadow-rgb: 0 0 0 0 rgba(var(--i-light-rgb), 0.5);
	}

	.btn-danger {
		--i-btn-bg: var(--i-danger);
		--i-btn-border-color: var(--i-danger);
		--i-btn-hover-bg: var(--i-danger-text-emphasis);
		--i-btn-hover-border-color: var(--i-danger-text-emphasis);
		--i-btn-focus-shadow-rgb: var(--i-danger-rgb);
		--i-btn-active-bg: var(--i-danger-text-emphasis);
		--i-btn-active-border-color: var(--i-danger-text-emphasis);
		--i-btn-disabled-bg: var(--i-danger);
		--i-btn-disabled-border-color: var(--i-danger);
	}

	.btn-danger {
		--i-btn-color: #fff;
		--i-btn-bg: #910001;
		--i-btn-border-color: #910001;
		--i-btn-hover-color: #fff;
		--i-btn-hover-bg: #d64d5b;
		--i-btn-hover-border-color: #db4f5d;
		--i-btn-focus-shadow-rgb: 240, 111, 124;
		--i-btn-active-color: #fff;
		--i-btn-active-bg: #db4f5d;
		--i-btn-active-border-color: #db4f5d;
		--i-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		--i-btn-disabled-color: #fff;
		--i-btn-disabled-bg: #910001;
		--i-btn-disabled-border-color: #910001;
	}

	.btn-danger .icon-svg {
		filter: invert(1);
	}

	.btn-outline-light {
		--i-btn-color: var(--i-dark);
		--i-btn-bg: transparent;
		--i-btn-border-color: var(--i-light);
		--i-btn-hover-color: var(--i-dark);
		--i-btn-hover-bg: var(--i-tertiary-bg);
		--i-btn-hover-border-color: var(--i-light);
		--i-btn-active-bg: var(--i-tertiary-bg);
		--i-btn-active-color: var(--i-dark);
		--i-btn-active-border-color: var(--i-light);
		--i-btn-focus-shadow-rgb: 0 0 0 0 rgba(var(--i-light-rgb), 0.5);
	}

	a#btn-delete {
		/*font-weight: 600;*/
		width: initial;
		height: initial;
		/*background: unset;*/
	}

	.table .btn-order-details {
		width: 104px;
		height: 28px;
		line-height: 28px;
	}

	.btn-create-order {
		background: #009190;
		color: #fff;
		height: 40px;
		width: 125px;
	}

	.btn-filter {
		color: #009190;
		background: #ffffff;
		border-color: #009190;
		height: 40px;
		width: 80px;
	}

	.btn-group-sm>.btn,
	.btn-sm {
		--i-btn-padding-y: 0.3125rem;
		--i-btn-padding-x: 0.7rem;
		--i-btn-font-size: 0.788rem;
		--i-btn-border-radius: var(--i-border-radius-sm);
	}

	.btn-group-sm>.btn,
	.btn.btn-sm {
		line-height: normal;
	}

	.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
	.btn-group>form .btn,
	.btn-group>.btn.dropdown-toggle-split:first-child,
	.btn-group>.btn-group:not(:last-child)>.btn {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.btn-group>.btn:nth-child(n+3),
	.btn-group>form .btn,
	.btn-group> :not(.btn-check)+.btn,
	.btn-group>.btn-group:not(:first-child)>.btn {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.btn-cs {
		/*width: 100%;*/
		height: 50px;
	}

	/**********************************************************************************************/

	.h1,
	.h2,
	.h3,
	.h4,
	.h5,
	.h6,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-top: 0;
		margin-bottom: .5rem;
		font-weight: var(--i-font-weight-semibold);
		line-height: 1.5;
		color: var(--i-heading-color)
	}

	/**********************************************************************************************
	** MODAL **
	**********************************************************************************************/
	#ajaxCrudModal .modal-content,
	#delete-modal .modal-content,
	#compare-modal .modal-content {
		font-size: initial;
		font-weight: initial;
		color: initial;
		padding: initial;
	}

	#ajaxCrudModal .modal-header,
	#delete-modal .modal-header,
	#compare-modal .modal-header {
		color: #009190;
		font-weight: 600;
		font-size: 18px;
		padding: 45px 30px 0px 30px;
	}

	/*#ajaxCrudModal .modal-body,8*/
	#delete-modal .modal-body>p {
		padding: 30px 30px 0px 30px;
	}

	#delete-modal .modal-title {
		font-size: 15px;
		font-weight: 600;
	}

	.modal {
		--i-modal-zindex: 1055;
		--i-modal-width: 500px;
		--i-modal-padding: 1rem;
		--i-modal-margin: 0.5rem;
		--i-modal-color: var(--i-body-color);
		--i-modal-bg: var(--i-secondary-bg);
		--i-modal-border-color: transparent;
		--i-modal-border-width: var(--i-border-width);
		--i-modal-border-radius: var(--i-border-radius-lg);
		--i-modal-box-shadow: var(--i-box-shadow-sm);
		--i-modal-inner-border-radius: calc(var(--i-border-radius-lg) - (var(--i-border-width)));
		--i-modal-header-padding-x: 1.25rem;
		--i-modal-header-padding-y: 1.25rem;
		--i-modal-header-padding: 1.25rem 1.25rem;
		--i-modal-header-border-color: var(--i-border-color);
		--i-modal-header-border-width: var(--i-border-width);
		--i-modal-title-line-height: 1.5;
		--i-modal-footer-gap: 0.5rem;
		--i-modal-footer-border-color: var(--i-border-color);
		--i-modal-footer-border-width: var(--i-border-width);
		position: fixed;
		top: 0;
		left: 0;
		z-index: var(--i-modal-zindex);
		display: none;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		outline: 0;
	}

	.modal-dialog {
		position: relative;
		width: auto;
		margin: var(--i-modal-margin);
		pointer-events: none;
	}

	.modal.fade .modal-dialog {
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
		-webkit-transition: -webkit-transform 0.3s ease-out;
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	}

	@media (prefers-reduced-motion: reduce) {
		.modal.fade .modal-dialog {
			-webkit-transition: none;
			transition: none;
		}
	}

	.modal.show .modal-dialog {
		-webkit-transform: none;
		transform: none;
	}

	.modal.modal-static .modal-dialog {
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}

	.modal-content {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		color: var(--i-modal-color);
		pointer-events: auto;
		background-color: var(--i-modal-bg);
		background-clip: padding-box;
		border: var(--i-modal-border-width) solid var(--i-modal-border-color);
		border-radius: var(--i-modal-border-radius);
		outline: 0;
	}

	.modal-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: var(--i-modal-header-padding);
		border-bottom: var(--i-modal-header-border-width) solid var(--i-modal-header-border-color);
		border-top-left-radius: var(--i-modal-inner-border-radius);
		border-top-right-radius: var(--i-modal-inner-border-radius);
	}

	.modal-title {
		margin-bottom: 0;
		line-height: var(--i-modal-title-line-height);
	}

	.modal-title {
		color: inherit;
	}

	.modal-body {
		position: relative;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		padding: var(--i-modal-padding);
	}

	.modal-footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: calc(var(--i-modal-padding) - var(--i-modal-footer-gap) * 0.5);
		background-color: var(--i-modal-footer-bg);
		border-top: var(--i-modal-footer-border-width) solid var(--i-modal-footer-border-color);
		border-style: none;
		border-bottom-right-radius: var(--i-modal-inner-border-radius);
		border-bottom-left-radius: var(--i-modal-inner-border-radius);
	}

	.modal-footer>* {
		margin: calc(var(--i-modal-footer-gap) * 0.5);
	}


	/**********************************************************************************************/
	/** FORM CHECK **/
	.form-check {
		display: block;
		min-height: 1.2195rem;
		padding-left: 1.75em;
		margin-bottom: 0;
	}

	.form-check .form-check-input {
		float: left;
		margin-left: -1.75em;
		border-color: #000000;
	}

	.form-check-input {
		--i-form-check-bg: var(--i-secondary-bg);
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 1.25em;
		height: 1.25em;
		margin-top: 0.125em;
		vertical-align: top;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: var(--i-form-check-bg);
		background-image: var(--i-form-check-bg-image);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		border: var(--i-border-width) solid var(--i-border-color);
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.form-check-input:checked {
		background-color: var(--i-primary);
		/* border-color: var(--i-primary); */
	}

	.form-check-input:checked[type="radio"] {
		--i-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
	}

	.form-check-inline {
		display: inline-block;
		margin-right: 1rem;
	}

	.custom-col {
		width: 86% !important;
		margin-left: inherit !important;
		margin-top: -35px !important;
	}

	.ix {
		margin-top: -7px !important;
		margin-left: 12px !important;
	}

	/** eol.FORM CHECK **/
	.page-title-head {
		min-height: 40px;
		background-color: var(--i-light-bg-subtle);
		margin: 0 -1.25rem 1.25rem;
		padding: 0 1.25rem;
		border-bottom: 1px solid var(--i-border-color);
	}

	#meter_date_from,
	#meter_date_to {
		width: 210px;
	}

	/* .d-gap-2 {
		gap: 0 !important;
	} */

	.custom-tab .nav-link {
		color: #009190;
		border: 1px solid #009190;
		border-radius: 6px 0 0 6px;
		/* max-height: 55px; */
		width: 38vw;
	}

	.custom-tab .nav-link.active {
		color: white;
		background-color: #009190;
		border: 1px solid #009190;
	}

	#tab1.nav-link {
		border-radius: 6px 0 0 6px;
	}

	#tab2.nav-link {
		border-radius: 0 6px 6px 0;
	}

	.profile.fs {
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
	}

	/**********************************************************************************************/
	/** MULTI SELECT **/
	.choices[data-type*="select-one"] {
		cursor: pointer;
	}

	.choices[data-type*="select-one"] .choices__input {
		padding: 0.4532rem 0.77rem !important;
		background-color: var(--i-secondary-bg);
		border: 1px solid var(--i-border-color);
		font-size: 0.813rem;
		border-radius: var(--i-border-radius);
		color: var(--i-body-color);
		margin-bottom: 10px;
	}

	.choices[data-type*="select-one"] .choices__input:hover {
		border-color: var(--i-dark-border-subtle);
	}

	.choices[data-type*="select-one"]:after {
		content: "";
		color: var(--i-light);
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
		position: absolute;
		border: 0;
		top: 18px;
		right: 12px;
		left: auto;
		font-size: 20px;
		height: 20px;
		width: 20px;
		margin-top: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: -webkit-transform 0.2s ease-in-out;
		transition: -webkit-transform 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
		pointer-events: none;
	}

	.choices[data-type*="select-one"].is-open:after {
		margin-top: 0;
		-webkit-transform: translateY(-50%) rotate(-180deg);
		transform: translateY(-50%) rotate(-180deg);
	}

	.choices[data-type*="select-one"] .choices__button {
		right: 20px;
	}

	.choices[data-type*="select-multiple"] .choices__inner,
	.choices[data-type*="text"] .choices__inner {
		cursor: text;
		padding: 0.2266rem 0.385rem !important;
	}

	.choices[data-type*="select-multiple"] .choices__button,
	.choices[data-type*="text"] .choices__button {
		border-left: 1px solid rgba(255, 255, 255, 0.5);
		border-right: 0;
	}

	.choices[data-type*="select-multiple"] .choices__list--dropdown,
	.choices[data-type*="text"] .choices__list--dropdown {
		padding-bottom: 10px;
	}

	.choices[data-type*="select-multiple"] .choices__list--dropdown .choices__list,
	.choices[data-type*="text"] .choices__list--dropdown .choices__list {
		margin-bottom: 0;
	}

	.choices[data-type*="select-multiple"] .choices__input {
		padding-top: 3px;
	}

	.input-light .choices__inner {
		background-color: var(--i-light);
		border: none;
	}

	.choices__inner {
		padding: 0.4532rem 0.77rem !important;
		vertical-align: middle;
		background-color: var(--i-secondary-bg);
		border: var(--i-border-width) solid var(--i-border-color);
		border-radius: var(--i-border-radius) !important;
		font-size: 0.813rem;
		min-height: auto;
	}

	.choices__inner:hover {
		border-color: var(--i-dark-border-subtle);
	}

	.choices__inner .choices__list--single {
		padding: 0 !important;
	}

	.is-focused .choices__inner,
	.is-open .choices__inner {
		border-color: var(--i-dark-border-subtle);
	}

	.choices__list--multiple .choices__item {
		vertical-align: initial;
		border-radius: 7px;
		padding: 2px 7px;
		font-size: 11px;
		font-weight: 400;
		margin: 2px 5px 2px 0;
		background-color: var(--i-primary);
		border: 1px solid var(--i-primary);
		color: #fff;
		-webkit-box-shadow: 0 0.0625rem 0.125rem rgba(var(--i-body-color-rgb), 0.15);
		box-shadow: 0 0.0625rem 0.125rem rgba(var(--i-body-color-rgb), 0.15);
	}

	.choices__list--multiple .choices__item.is-highlighted {
		background-color: var(--i-primary);
		border: 1px solid var(--i-primary);
	}

	.is-disabled .choices__list--multiple .choices__item {
		background-color: var(--i-secondary);
		border: 1px solid var(--i-secondary);
	}

	.choices__list--dropdown {
		padding: 10px 10px 20px 10px;
		background-color: var(--i-secondary-bg) !important;
		border: 1px solid var(--i-border-color) !important;
		-webkit-box-shadow: var(--i-box-shadow);
		box-shadow: var(--i-box-shadow);
		border-radius: 0.3rem;
		-webkit-animation-name: DropDownSlideUp;
		animation-name: DropDownSlideUp;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		will-change: transform;
	}

	.choices__list--dropdown.is-active {
		-webkit-animation-name: DropDownSlideUp;
		animation-name: DropDownSlideUp;
	}

	.choices__list--dropdown .choices__item--selectable.is-highlighted {
		background-color: var(--i-tertiary-bg) !important;
	}

	.choices__list--dropdown .choices__list {
		margin: 0 -10px -16px;
	}

	.choices__list--dropdown .choices__list::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	.choices__list--dropdown .choices__list::-webkit-scrollbar:vertical {
		width: 12px;
		margin-right: 15px;
	}

	.choices__list--dropdown .choices__list::-webkit-scrollbar:horizontal {
		height: 12px;
	}

	.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
		background-color: rgba(var(--i-dark-rgb), 0.1);
		border-radius: 10px;
		border: 2px solid var(--i-secondary-bg);
	}

	.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: var(--i-secondary-bg);
	}

	.choices__list--dropdown .has-no-results {
		font-style: italic;
		font-weight: var(--i-font-weight-medium);
	}

	.choices__list--dropdown .choices__item--selectable:after {
		display: none;
	}

	.choices__list--dropdown .choices__list {
		max-height: 300px;
	}

	.choices__list--dropdown .choices__item {
		font-size: 0.813rem !important;
		padding: 0.4rem 0.9375rem 0.4rem 16px !important;
	}

	.choices__heading {
		font-weight: var(--i-font-weight-semibold);
		padding: 10px 16px;
		border-bottom: 1px solid var(--i-border-color);
		color: var(--i-secondary-color);
	}

	.choices__input {
		background-color: var(--i-secondary-bg);
		color: var(--i-body-color);
		font-size: 0.813rem;
		margin-bottom: 0;
		padding: 2px 0 2px 2px;
	}

	.choices__input::-webkit-input-placeholder {
		color: var(--i-secondary-color);
	}

	.choices__input::-moz-placeholder {
		color: var(--i-secondary-color);
	}

	.choices__input:-ms-input-placeholder {
		color: var(--i-secondary-color);
	}

	.choices__input::-ms-input-placeholder {
		color: var(--i-secondary-color);
	}

	.choices__input::placeholder {
		color: var(--i-secondary-color);
	}

	.choices__placeholder {
		color: var(--i-secondary-color);
		opacity: 1;
	}

	.choices.is-disabled .choices__inner,
	.choices.is-disabled .choices__input {
		background-color: var(--i-tertiary-bg);
	}

	/** eol.MULTI SELECT **/
	/* Milking Process - Start */
	.milking-process-step-bar {
		display: block;
		/* align-items: center; */
		/*position: relative;*/
		/*margin-bottom: 20px;*/
		/*border: 3px solid #E9ECEf;*/

		/*padding-top: 10px;*/
		/*padding-bottom: 10px;*/
		/*border-radius: 8px;*/
	}
}

@media (max-width: 575.98px) {
	.app-topbar .topbar-menu {
		position: initial;
	}
}