.tablebg {  background-color: #1c62ad}
.body {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #000000; background-color: #EBEBEB}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #1c62ad}
.panel {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #FFFFFF; text-align: center}
.bodytext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000}
.bodytext2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000}
.button {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #1c62ad; background-position: center center; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; border: 1px #999999 solid; width: 100px}
.errortext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #CC0000}
.buttonlower { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #6786CD; background-position: center center; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; border: 1px #999999 solid; width: 75px }
.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.button2 { border-radius: 4px; text-decoration: none; padding: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #1c62ad; background-position: center center; font-style: normal; font-weight: bold; text-align: center; vertical-align: middle; border: 1px #999999 solid;}
.myglypicon-ok:before{
	content:"\e013";
	color: green
}
.number-input {
  "background-color":"white",
  "border": "1px solid",
  "color":"black",
  "text-align":"center",
  "width":"55px",
  "font-size":"18px",
  "line-height":"normal",
  "padding":"0",
  "outline":"none",
  "border-left-color": #9A1B1E,
  "border-right-color": #108040,
  "border-top-color": "lightblue",
  "border-bottom-color": "lightblue"
}

#searchStr { outline: none;}

@font-face {
    font-family: roboto;
    src: url(//cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.11.0/font/roboto/Roboto-Regular.woff2);
	font-size: small;
	}
	body,html{
	height:100%;
	font-family: roboto;
	background-color: rgba(0,0,0,.035);
	--bs-body-font-size: 0.9rem;
	}
	header {
	padding: 10px 0 10px;
	}

	footer {
	padding: 10px 0 10px;
	}

	.errMsg { color: red; }
	
	table.dataTable tbody th, table.dataTable tbody td {
	padding: .2em .4em .2em;
	}
	
	.label {
	    display: inline;
	    padding: .2em .6em .3em;
	    font-size: 75%;
	    font-weight: 700;
	    line-height: 1;
	    color: #fff;
	    text-align: center;
	    white-space: nowrap;
	    vertical-align: baseline;
	    border-radius: .25em;
	}
	
	.client-direct-text{color:#199fb1}
	.client-direct-bg{background-color:#199fb1}
	.client-partner-text{color:#f06b41}
	.client-partner-bg{background-color:#f06b41}
	.client-referral-text{color:#85b64c}
	.client-referral-bg{background-color:#85b64c}
	.client-resold-text{color:#d8396f}
	.client-resold-bg{background-color:#d8396f}
	.client-direct-support-bg{background-color:#973aa7}
	.client-canceled-bg{background-color:#ff0000}
	.client-active-bg{background-color:#4caf50}
	.client-dummy-bg{background-color:#4caf50}

	.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: 0;

	}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

#rewardPoint .reward {
    width: 50px;
}
	
#customer-header-card-top {
	padding: 6px;
}

#customer-header-card-top .customer-tag {	
	background: rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 2px;
    padding: 0 4px;
    color: #fff;
    cursor: default;
    font-size: 12px;
    line-height: 1.428571429;
    white-space: nowrap;
    display: inline-block;
}

#customer-header-card-name {
    color: #fff;
    margin: 0;
    font-size: 24px;
    font-weight: 400;
}