/* Bootstrap/Datatables/Template overrides */
.g-1, .gx-1 {
	--bs-gutter-x: 0.176rem
}

.g-1, .gy-1 {
	--bs-gutter-y: 0.176rem
}

.g-2, .gx-2 {
	--bs-gutter-x: 0.36rem
}

.g-2, .gy-2 {
	--bs-gutter-y: 0.36rem
}

.g-3, .gx-3 {
	--bs-gutter-x: 0.72rem
}

.g-3, .gy-3 {
	--bs-gutter-y: 0.72rem
}

.g-4, .gx-4 {
	--bs-gutter-x: 1.08rem
}

.g-4, .gy-4 {
	--bs-gutter-y: 1.08rem
}

.g-5, .gx-5 {
	--bs-gutter-x: 2.16rem
}

.g-5, .gy-5 {
	--bs-gutter-y: 2.16rem
}

.mt-1 {
	margin-top: 0.18rem !important
}

.mt-2 {
	margin-top: 0.36rem !important
}

.mt-3 {
	margin-top: 0.72rem !important
}

.mt-4 {
	margin-top: 1.08rem !important
}

.mt-5 {
	margin-top: 2.16rem !important
}

.me-1 {
	margin-right: 0.18rem !important
}

.me-2 {
	margin-right: 0.36rem !important
}

.me-3 {
	margin-right: 0.72rem !important
}

.me-4 {
	margin-right: 1.08rem !important
}

.me-5 {
	margin-right: 2.16rem !important
}

.mb-1 {
	margin-bottom: 0.18rem !important
}

.mb-2 {
	margin-bottom: 0.36rem !important
}

.mb-3 {
	margin-bottom: 0.72rem !important
}

.mb-4 {
	margin-bottom: 1.08rem !important
}

.mb-5 {
	margin-bottom: 2.16rem !important
}

.ms-1 {
	margin-left: 0.18rem !important
}

.ms-2 {
	margin-left: 0.36rem !important
}

.ms-3 {
	margin-left: 0.72rem !important
}

.ms-4 {
	margin-left: 1.08rem !important
}

.ms-5 {
	margin-left: 2.16rem !important
}

.p-1 {
	padding: 0.18rem !important
}

.p-2 {
	padding: 0.36rem !important
}

.p-3 {
	padding: 0.72rem !important
}

.p-4 {
	padding: 1.08rem !important
}

.p-5 {
	padding: 2.16rem !important
}

.px-1 {
	padding-right: 0.18rem !important;
	padding-left: 0.18rem !important
}

.px-2 {
	padding-right: 0.36rem !important;
	padding-left: 0.36rem !important
}

.px-3 {
	padding-right: 0.72rem !important;
	padding-left: 0.72rem !important
}

.px-4 {
	padding-right: 1.08rem !important;
	padding-left: 1.08rem !important
}

.px-5 {
	padding-right: 2.16rem !important;
	padding-left: 2.16rem !important
}

.py-1 {
	padding-top: 0.18rem !important;
	padding-bottom: 0.18rem !important
}

.py-2 {
	padding-top: 0.36rem !important;
	padding-bottom: 0.36rem !important
}

.py-3 {
	padding-top: 0.72rem !important;
	padding-bottom: 0.72rem !important
}

.py-4 {
	padding-top: 1.08rem !important;
	padding-bottom: 1.08rem !important
}

.py-5 {
	padding-top: 2.16rem !important;
	padding-bottom: 2.16rem !important
}

.pt-1 {
	padding-top: 0.18rem !important
}

.pt-2 {
	padding-top: 0.36rem !important
}

.pt-3 {
	padding-top: 0.72rem !important
}

.pt-4 {
	padding-top: 1.08rem !important
}

.pt-5 {
	padding-top: 2.16rem !important
}

.pe-1 {
	padding-right: 0.18rem !important
}

.pe-2 {
	padding-right: 0.36rem !important
}

.pe-3 {
	padding-right: 0.72rem !important
}

.pe-4 {
	padding-right: 1.08rem !important
}

.pe-5 {
	padding-right: 2.16rem !important
}

.pb-1 {
	padding-bottom: 0.18rem !important
}

.pb-2 {
	padding-bottom: 0.36rem !important
}

.pb-3 {
	padding-bottom: 0.72rem !important
}

.pb-4 {
	padding-bottom: 1.08rem !important
}

.pb-5 {
	padding-bottom: 2.16rem !important
}

.ps-1 {
	padding-left: 0.18rem !important
}

.ps-2 {
	padding-left: 0.36rem !important
}

.ps-3 {
	padding-left: 0.72rem !important
}

.ps-4 {
	padding-left: 1.08rem !important
}

.ps-5 {
	padding-left: 2.16rem !important
}

.fs-1 {
	font-size: calc(0.9896rem + 1.5vw) !important
}

.fs-2 {
	font-size: calc(0.9536rem + .9vw) !important
}

.fs-3 {
	font-size: calc(0.936rem + .6vw) !important
}

.fs-4 {
	font-size: calc(0.9176rem + .3vw) !important
}

.fs-5 {
	font-size: 0.9rem !important
}

.fs-6 {
	font-size: 0.72rem !important
}

.col-form-label {
	padding-top: 4px;
	padding-bottom: 4px;
}

.row {
	padding-top:2px;
}

/* Application settings */
body {
  font-size: 		0.6rem;
}

tr {
  cursor:			pointer;
}

.logo span {
  font-size:		1.152rem;
}

.sidebar-nav .nav-link {
  font-size:		0.6rem;
}

.sidebar-nav .nav-content a {
  font-size:		0.504rem;
}

.sidebar {
  width:			173px;
  padding:			7px;
  top:				44px;
}

#main, #footer {
  margin-left:		173px;
}

#main {
  padding:			10px;
  margin-top:		40px;
}

.mbsExpandArea {
  width: 			98%;
  height: 			98%;
  z-index:			1000;
  position:			fixed;
  top:				50%;
  left:				50%;
  transform:		translate(-50%, -50%);
}

.mbsMain {
  padding:			7px;
}

.mbsLayer {
  min-width:		98%;
}

.mbsModal {
  --bs-modal-margin:	7px;
}

.hovertextarea {
  overflow:			visible;
  position:			fixed;
  width:			auto;
  text-align:		left;
  border-style:		solid;
  border-width:		0px;
  white-space:		normal;
  z-index:			99;
  padding:			9px;
  background-color: #FFFFFF;
  display:			none;
  border-color:		#000000;
  max-width:		300px;
}

.pagetitle h1 {
  font-size:		0.864rem;
}

.form-control {
  font-size:		0.6rem;
  padding:			0.2rem 0.4rem;
}

.form-check-input {
  font-size:		1rem;
  padding:			0.16rem 0.32rem;
  border-color:		#B1B4B7;
}

.btn {
  font-size:		0.6rem;
  padding:			0.16rem 0.32rem;
}

.header {
  height:			44px;
}

.header .search-form input {
  font-size:		0.6rem;
}

.header .toggle-sidebar-btn {
  padding-left:		0px;
}

.card-title {
  font-size:		0.648rem;
  padding:			7px 0px 7px 0px;
  margin-bottom:	0px;
}

.chart-title {
  font-size:		0.6rem;
}

.cardtitle span {
  font-size:		0.648rem;
}

.chart-title span {
  font-size:		0.504rem;
}

.card {
  margin-bottom:	7px;
}

.card-body {
  padding:			0px 10px 7px 10px;
}

.sales-card .card-title span, .revenue-card .card-title span, .customers-card .card-title span {
  font-size:		0.504rem;
}

.dashboard .info-card h6 {
  font-size:		calc(0.4rem + 1.0vw);
}

.accordion-body {
  padding:			10px;
}

.accordion-item, .accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed{
  border-radius:	7px;
}

.accordion-item {
  margin-bottom:	3px;	
}

.accordion-button {
  font-size:		0.6rem;
  padding:			0.504rem;
  background-color:	#FFFFFF;
  border-bottom:	0px solid #EEEEEE;
  border-radius:	7px;
  height:			27px;
}

.accordion-button:not(.collapsed) {
  background-color:	#008EFB;
  color:			#FFFFFF;
  fill:				#FFFFFF;
}

.accordion-button span {
  color:			#FFFFFF;
  fill:				#FFFFFF;
  font-size:		10px;
  font-weight:		400;
}

.accordion-button:not(.collapsed) span {
  color:			#888888;
  fill:				#888888;
}

.accordion-button i, .accordion-button svg {
  color:			#0d6efd;
  fill:				#0d6efd;
}

.accordion-button:not(.collapsed) i, .accordion-button:not(.collapsed) svg {
  color:			#FFFFFF;
  fill:				#FFFFFF;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' stroke='%232278FD' fill='%232278FD'%3E%3Cg id='Lager_19' data-name='Lager 19' transform='translate(-6 -6)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='4' height='20' rx='1.98' transform='translate(14 6)' /%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='20' height='4' rx='1.98' transform='translate(6 14)' /%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 	7px 7px;
  background-position: center;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' stroke='%23FFFFFF' fill='%23FFFFFF'%3E%3Cg id='Lager_19' data-name='Lager 19' transform='translate(-6 -6)'%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='20' height='4' rx='1.98' transform='translate(6 14)' /%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 	7px 7px;
  background-position: center;
}

.accordion-button h5 {
  font-size:		0.6rem;
}

.accordion-button .dropdown-item {
  color:			#0d6efd !important;
  fill:				#0d6efd !important;
}

.mbsIconButton {
  color:			#0d6efd;
  fill:				#0d6efd;
  stroke:			#0d6efd;
  cursor: 			pointer;
}

.mbs-datatable-pageinfo {
  font-weight:		400;
  font-size:		0.504rem;
}

.modal-header {
  border-width:		0px;
}

.cmenuarea {
  position:			fixed;
  display:			none;
  z-index:			100;
  width:			auto;
  max-height:		300px;
  overflow-y:		auto;
  overflow-x:		hidden;
  box-shadow:		0 4px 21px 0 rgba(82, 63, 105, 0.2);
}

.mbsListMenu {
  display:			block;
  position:			relative;
  padding-top:		0px;
  padding-bottom:	0px;
}

.svgicon {
  width:			13px;
  height:			13px;
  color:			#4154f1;
  fill:				#4154f1;
}

.modal-content {
  background-color:	#f6f9ff;
}

table.dataTable tbody td {
  padding-top:		3px;
  padding-bottom:	3px;
  font-size:		0.6rem;
}

table.dataTable thead td.sorting {
  padding-top:		3px;
  padding-bottom:	3px;
  font-size:		0.6rem;
}

table.dataTable.display > tbody > tr.selected > *,
table.dataTable.display > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.odd.selected > *,
table.dataTable.display > tbody > tr.odd.selected:hover > *
	{
  box-shadow:		inset 0 0 0 9999px #C5DAF8 !important;
  color:			inherit !important;
}

.dataTables_info {
  display:			none;
}

.mbsCompany {
  min-width:		144px;
}

.listCommentWidth {
  width:			360px;
}

.ifmMerchantIframe {
  border:			none;
  width:			100%;
}

.ifmMerchant415 {
  height:			332px;
}

.ifmMerchant480 {
  height:			384px;
}

.ifmMerchant370 {
  height:			296px;
}

.iconactive, a.iconactive:link, a.iconactive:visited, a.iconactive:hover {
  color:			#008C4E;
  fill:				#008C4E;
}

.iconinactive, a.iconinactive:link, a.iconinactive:visited, a.iconinactive:hover {
  color:			#6A6A6A;
  fill:				#6A6A6A;
}

.icondeactive, a.icondeactive:link, a.icondeactive:visited, a.icondeactive:hover {
  color:			#B80000;
  fill:				#B80000;
}

.icontempdeactive, a.icontempdeactive:link, a.icontempdeactive:visited, a.icontempdeactive:hover {
  color:			#AFB600;
  fill:				#AFB600;
}

.treeUl {
  list-style-type: 		none;
  padding-inline-start: 8px;
}

.treeLi {
  text-indent:			0px;
  padding:				4px;
}
  
.treeCaret {
  cursor: 				pointer;
  -webkit-user-select: 	none; /* Safari 3.1+ */
  -moz-user-select: 	none; /* Firefox 2+ */
  -ms-user-select: 		none; /* IE 10+ */
  user-select: 			none;
  font-size:			11px;
}

.treeCaret::before {
  content: 				"\2212";
  color: 				black;
  display: 				inline-block;
  margin-right: 		5px;
}

.treeCaret-down::before {
  content: 				"\002B";
}

.treeNested {
  display: 				none;
}

.treeActive {
  display: 				block;
}

.sub-nav-icon {
  margin-right: 		7px !important;
}

.wizardConfirmArea {
  width:			90%;
}

.wizardConfirmSpacer {
  height:			4px;
}

.wizardConfirmGroupArea {
  width:			auto;
  overflow:			hidden;
  border-radius:	7px;
  background-color:	#FFFFFF;
  padding:			14px;
  margin-bottom:	7px;
  box-shadow:		0px 0 21px rgba(1, 41, 112, 0.1);
}

.wizardConfirmationPrintButton {
  margin-right:		0px;
  padding-bottom:	4px;
}

.wizardConfirmationTitle {
  white-space:		normal;	
  font-weight:		bold;
}

.wizardConfirmationSectionTitle {
  display:			block;
  padding:			7px 0px 7px 0px;
  font-weight:		bold;
  white-space:		normal;
  border-bottom:	1px solid #0066AC;
  margin-left:		6px;
}

.wizardConfirmDataLabel, .wizardConfirmDataValue {
  display:			inline-block;
  white-space:		normal;
  vertical-align:	top;
  padding:			4px 0px 4px 0px;
}

.wizardConfirmDataLabel {
  width:			200px;
  margin-left:		14px;
}
	
.wizardConfirmDataValue {
  width:			216px;
}
	
@media (max-width: 1199px) {
  #main, #footer {
	margin-left:		0px;
  }

  .mbsCompany {
	min-width:			72px;
  }
}

@media (max-width: 600px) {
  .listCommentWidth {
	width:				144px;
  }
  .mbsLayer {
    min-width:			auto;
  }
}

.taskcalhead {
  font-weight:		bold;
  padding:			2px;
  text-align:		center;
  border-width:		1px 1px 1px 0px;
  border-color:		#999999;
  border-style:		solid;
  background-color:	#0066AC;
  color:			#FFFFFF;
  fill:				#FFFFFF;
}
 
.taskcalweek {
  color:			#000000;
  fill:				#000000;
}
 
.taskcalday {
  border-width:		0px 1px 1px 0px;
  height:			112px;
  vertical-align:	top;
  background-color:	#FFFFFF;
  padding:			2px;
  border-color:		#999999;
  border-style:		solid;
}
 
.taskcaldayother {
  background-color:	#E9E9E9;
}
 
.taskcaldaytimehead {
  border-width:		1px 0px 0px 0px;
  vertical-align:	top;
  overflow-x:		hidden;
  padding:			2px;
  background-color: #FFFFFF;
  border-color:		#FFFFFF;
  border-style:		solid;
}
 
.taskcaldetail {
  border-width:		1px 0px 0px 0px;
  padding:			2px;
  border-color:		#FFFFFF;
  border-style:		solid;
}
 
.taskcalcellouter {
  padding:			0px;
  text-align:		center;
  border-width:		0px 1px 1px 0px;
  border: 			1px solid #FFFFFF;
}

.taskcalcell {
  padding:			2px;
  text-align:		center;
  background-color: #FFFFFF;
  border-bottom:	1px solid #FFFFFF;
}
 
.taskcalcellselected {
  padding:			2px;
  text-align:		center;
  background-color:	#FEB69B;
  border-bottom:	1px solid #FFFFFF;
}

.taskcalslot {
  padding:			2px;
  position:			relative;
  overflow:			hidden;
  text-align:		left;
}

.taskcaldroparea {
  padding:			2px;
  display:			inline-block;
  position:			absolute;
  width:			43px;
  height:			51px;
}

.taskcalweekdroparea {
  padding:			2px;
  position:			absolute;
  width:			100%;
  height:			24px;
}

.dragover {
  border:			1px solid #5CCC22;
  background-color:	#5CCC22;
}

.schdbordercolor {
  border-color: 	#999999 #999999 #999999 #999999;
  border-style: 	solid solid solid solid;
}

.schdhead {
  border-color: 	#0066AC #0066AC #0066AC #0066AC;
  background-color:	#0066AC;
  color:			#FFFFFF;
}

canvas {
  background-color:	#FFFFFF;
}

.canvasClickArea {
  border:			1px solid #FF0000;
  border-radius:	4px;
  background-color:	rgba(255,0,0,0.2);
  position:			absolute;
}

.canvasClickArea:hover {
  border:			1px solid #FF0000;
  border-radius:	4px;
  background-color:	rgba(255,0,0,0.5);
  position:			absolute;
  cursor:			pointer;
}

.canvasClickAreaPrint {
  border:			0px solid #FF0000;
  border-radius:	4px;
  background-color:	transparent;
  position:			absolute;
}

.canvasInternalClickArea {
  border:			1px solid #FF0000;
  border-radius:	4px;
  background-color:	rgba(255,255,0,0.2);
  position:			absolute;
}

.canvasInternalClickArea:hover {
  border:			1px solid #FF0000;
  border-radius:	4px;
  background-color:	rgba(255,255,0,0.5);
  position:			absolute;
  cursor:			pointer;
}

.canvasInternalClickAreaPrint {
  border:			0px solid #FF0000;
  border-radius:	4px;
  background-color:	transparent;
  position:			absolute;
}

.canvasButtonArea {
  position:			fixed;
  left:				8px;
  top:				8px;
}

.button {
  height:			19px;
  font-size: 		8px;
  font-family: 		Tahoma,Arial,Verdana;
  width: 			80px;
  cursor:			pointer;
  font-family: 		Tahoma,Arial,Verdana;
  background-color:	#003D6D;
  border-radius: 	5px;
  box-shadow: 		rgba(0, 0, 0, 0.1) 0 2px 4px;
  color:			#FFFFFF;
  fill:				#FFFFFF;
  overflow: 		hidden;
  text-align: 		center;
  touch-action: 	manipulation;
  white-space: 		nowrap;
  border: 			1px solid #003D6D;
}

.header .search-form input, .header .search-form select {
  font-size:		9px;
}