
	  
	body {


	  font-family: "Aptos", "Aptos Body", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-size: 15px;
	  line-height: 1.42857143;
	  color: #333;
	}
	


	
	.td-mcg-color-a{
		background-color:#dc3545 !important;
		color:#ffffff;
	}
	
	.td-mcg-color-b{
		background-color:#0318ff !important;
		color:#ffffff;
	}

	.td-mcg-color-c{
		background-color: #3A90BA !important;
		color: #ffffff;
	}
	
	.mcg-icon-color1{
		color: #dc3545 !important;
	}

	.mcg-icon-color2{
		color: #0318ff !important;
	}

	.mcg-icon-color3{
		color: #3A90BA !important;
	}
	
	.mcg-icon-color3b{
		color: #1F4456 !important;
	}
		

	.mcg-text-color1{
		color: #dc3545 !important;
	}

	.mcg-text-color2{
		color: #0318ff !important;
	}

	.mcg-text-color3{
		color: #3A90BA !important;
	}
	
	.mcg-text-color3b{
		color: #1F4456 !important;
	}
	
	
	.m2{
		margin:0px 2px !important;
		padding:0px  !important;
	}
	.sb-sidenav-menu,.sb-sidenav{
		align-items:top !important;
	}
	.sb-sidenav .sb-sidenav-menu {
		background-color:#f8f8f8 !important;
	}
	
	.nav-link{


	}

	.nav-link.active {
	  background-color: #FFCC43 !important;
	  color: #ffffff !important;
	  border-color: #ffffff !important;
	}

	.item-name {
	  font-family: "Aptos", "Aptos Body", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-weight: bold;
	}

	.text-1em-bold {
	  font-size: calc(1em + 1px);
	  font-weight: bold;
	  color: #002266;
	}


/* modified buttons */

/* ING CSS */
/* ING Orange #FFCD3F */
/* ING Maroon #FDD603 */
/* ING Gray #A69F98*/

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

#wrapper {
    width: 100%;
    background-color:#f4f4f4 !important;
}

.text-FFCC43 {
    color: #FFCC43 !important;
}

.text-FFCD3F {
    color: #FFCD3F !important;
}

.text-FF3F58 {
    color: #ff3f58 !important;
}

.text-FF6200 {
    color: #fdd603 !important;
}

.text-FDD603 {
    color: #FDD603 !important;
}

.text-D61520{
    color: #d61520 !important;
}


.text-A69F98 {
    color: #A69F98 !important;
}

.text-96d7d2 {
    color: #96d7d2 !important;
}

.text-b4d696 {
    color: #b4d696 !important;
}	
.text-B1CEF4 {
	color: #B1CEF4 !important;
}

.td-FFCD3F {
    background-color: #FFCD3F !important;
}

.td-FFCD3F {
    background-color: #FFCD3F !important;
}

.td-FDD603 {
    background-color: #FDD603 !important;
	color:#d61520 !important;
}

.td-A69F98 {
    background-color: #A69F98 !important;
}
.bg72daf7 {
    background-color: #72daf7 !important;
}
.bg-blue {
    background-color: #B1CEF4 !important;
} 

.bgFDD603 {
	color:#ffffff;
    background-color: #FDD603 !important;
} 
#contrdetails td{
	font-size:13px;
}

#contrdetails td.bold{
	font-weight:bold;
}
#contrdetails td.text-right{
	text-align:right;
	font-weight:normal;
}

#contrdetails td.td-FFCD3F{
	background-color:#FFCD3F;
	color:#ffffff !important;
}

#contrdetails td.td-A69F98{
	background-color:#A69F98;
	color:#ffffff;
}

#contrdetails td.td-c2c2c2{
	background-color:#c2c2c2;
	color:#000;
}

/**/

#listtable td.bold{
	font-weight:bold;
}
#listtable td.text-right{
	text-align:right;
	font-weight:normal;
}

#listtable td.td-FFCD3F{
	background-color:#FFCD3F;
	color:#ffffff !important;
}

#listtable td.td-A69F98{
	background-color:#A69F98;
	color:#ffffff;
}

#listtable td.td-c2c2c2{
	background-color:#c2c2c2;
	color:#000;
}

#listtable thead td {
	vertical-align:top;
}
	
span.rcorners3 {
  margin:2px;	
  border-radius:25px;
  background:#A69F98;
  color:#000000;
  padding:5px 10px;
  font-weight:bold;
  display:inline-block !important;
}

.input-group-text {
    background-color: #FDD603 !important;
    color: #ffffff;
}

.btn-mcg-info {
    color: #fff;
    background-color: #FFCD3F !important;
    border-color: #A69F98;
}

.btn-mcg-all{
    color: #fff;
    background-color: #A69F98 !important;
    border-color: #FFCD3F;
}

.input-group-addon{
	background-color:#FDD603 !important;
	color:#ffffff;
}

.pagination > li > a, .pagination > li > span {
    background-color: #ffffff !important;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #999 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #FFCC43 !important;
}
	
.badge {
    padding: 1px 9px !important;
	--bs-badge-padding-x: 0.35em !important;
	--bs-badge-padding-y: 0.35em !important;
	--bs-badge-font-size: 1.35em !important;
    font-size: 15.0px !important;
    font-weight: bold;
    white-space: nowrap;
    color: #ffffff;
    background-color: #999999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
	
.badge-total {
	background-color: #B1CEF4 !important;
	color:#000000 !important;
	font-weight:bold !important;
}

select.form-control{
    -webkit-appearance: menulist!important;
    -moz-appearance: menulist!important;
    -ms-appearance: menulist!important;
    -o-appearance: menulist!important;
    appearance: menulist!important;
}

.panel-heading {
    color: #000 !important;
    background-color: #FFCD3F !important;
}


.accordion-button {
  background-color:#f70505 !important;
}
	
	
.accordion-button:not(.collapsed) {
  color: #f70505  !important;
  background-color: #efef02 !important;
  box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

input.contr {
	text-align:right;
	width:90%;
}
.accordion{
--bs-accordion-btn-padding-y: 0.2rem !important;;
}
.accordion-button::after {
    background-image: none;
    content: "+";
    height:35px;
    width:35px;
	font-size:13px !important;
    font-weight: bold !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--secondary-color);
    background-color: var(--bs-card-cap-bg) !important;
    color: var(--secondary-color);
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "-"; 
}

.text-middle{
  vertical-align: middle;
}
.form-control-text{
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem !important;
  font-size: calc(.8rem + 1px) !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
}

.leftnav-footer{
	height: 200px;
}
	
.btn-ing-primary{
	background-color:#FFCD3F;
}
.btn-ing-primary:hover{
	background-color:#FDD603;
	color:#ffffff;
}

.group-text-180{
	width:180px !important;
	background-color:#A69F98 !important;
}	
.card-footer-gray {
	background-color:#f4f4f4 !important;
}

.category-bg{
	background-color:#B1CEF4 !important;
}

/* end ING CSS */

	.fa-border {
		border-color:#ffffff;
	}
	
	.badge {
	  vertical-align:center !important;
	  padding:8px 10px !important;
	}
	.btotal {
	  background-color: #1F4456;
	  vertical-align:center !important;
	  font-size:16px !important;	
	}

	.fa-2x {
	  font-size: 3em !important;
	}
	
	.text-right{
		text-align:right;
		
	}

	.td-c2c2c2{
		background-color:#c2c2c2 !important;
		color:#000000;
		
	}
	
	.dropdown-messages-w400 {
	  width: 400px !important;
	  min-width: 0px !important;
	}
	
	.dropdown-messages li.m-15 {
	  margin-left: 15px !important;
	}
	
	.col-2 {
	  margin: 0px 4px;
	}
	
	div.grp-header {
	  padding: 5px 0px;
	  color: #67757c !important;
	}
	
	.card-body-info{
		font-size:calc(.8em + 1px);
	}
	.table-info{
		font-size:calc(.8em + 1px);
	}
	.text-9{
		font-size:10px;
	}
	
	.input-group {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
	}

	.input-group-addon {
		background-color: #6F8A97 !important;
		color: #ffffff;
	}

	.img-label{
		width:130px !important;
		
	}
	.label-img{
		padding:2px !important;
		width:20px !important;
	}	
		
	.funddata{
		width: 150px !important;
		text-align: right;
	}

	.funddata-indent{
		margin-left:30px;
		width: 120px !important;
		text-align: right;
	}
	