:root
		{
			--bs-body-font-size : .85rem;
			--bs-nav-link-font-size : .775rem;
			--bs-list-group-item-padding-y:.25rem;
			--bs-list-group-item-padding-x:.25rem;

			--bs-nav-link-color:none;

            --ib-primary-color:#ebac1f;
			--ib-primary-button-color:#ebac1f;
			
			--ib-border-rgb:0, 0, 0;
			--ib-border-opacity:.125;
			 
			--header-text-rgb:0, 0, 0;
			--table-header-bgcolor:rgb(246, 246, 246);
			--table-header-text-color:rgb(69, 69, 69);
			--table-text-color:rgb(69, 69, 69);	
			--table-body-bgcolor:rgb(255, 255, 255);

            --ib-color-chocolate:chocolate;
            --ib-color-brown:brown;
            --ib-color-cornflowerblue:cornflowerblue;
            --ib-color-darkcyan:darkcyan;
            --ib-color-hotpink:hotpink;
            --ib-color-indigo:indigo;
            --ib-color-slateblue:slateblue;
            --ib-color-goldenrod:goldenrod;
            --ib-color-turquoise:turquoise;
            --ib-color-yellowgreen:yellowgreen;
			--ib-color-white:white;
		}

		body,form,.table-sm,.btn, button, input, textarea, select, option, .form-control-sm, .form-select-sm, table, .input-group > .datepicker
		{
			font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		
		}
.datepicker
{
		font-size:.75rem !important;
}
		

        .color-e07a0e{color:#e07a0e;}
		.color-fff{color:#fff}
		
		.color-chocolate{color:chocolate}
		.color-brown{color:brown}
		.color-cornflowerblue{color:cornflowerblue}
		.color-darkcyan{color:darkcyan}
		.color-hotpink{color:hotpink}
		.color-indigo{color:indigo}
		.color-slateblue{color:slateblue}
		.color-goldenrod{color:goldenrod}
		.color-turquoise{color:turquoise}
		.color-yellowgreen{color:yellowgreen}			

		.accordion-button
		{
			font-size:.85rem !important;
		}

		.accordion-body .nav-link
		{
			color:#331b01;
			border:1px solid transparent;
		}

		.accordion-body .nav-link:hover
		{
			color:var(--ib-primary-color);
			border:1px solid var(--ib-primary-color);
		}

		.active-menu
		{
			background-color: #f3ede6;
			border:1px solid var(--ib-primary-color);			
		}

		.menu-icon
		{
			color:var(--ib-primary-color) ;
			margin-right: .5em;
		}

		.quick-launch-item
		{
			border-radius:50%;
			margin: .25rem;
			border: 1px solid transparent;
			background-color: #fff;
			color: var(--ib-primary-color);
		}

		.quick-launch-icon, .card-icon
		{
			color: var(--ib-primary-color);
		}

		.quick-launch-item:hover
		{
			background-color: var(--ib-primary-color);
			color:#fff;
		}

		.quick-launch-item:hover .quick-launch-icon
		{
			color:#fff;
		}

		@media only screen and (max-width: 960px) {
			.quick-launch-item {
				border: none;
				border-radius: 0;
				background-color: #fff;
				color: var(--ib-primary-color);
			}
			.quick-launch-item:hover{
				color: var(--ib-primary-color);
				background-color:#fff;
			}

			.quick-launch-item:hover .quick-launch-icon{
				color: var(--ib-primary-color);
			}
			.quick-launch-item:hover span{
				color: var(--ib-primary-color);
			}
		}

		.shortcut-icon
		{
			padding: 1.5em;
			background-color: #fff;
			color: #9f8f5f;
		}
		.outline-e07a0e
		{
			background-color: #fff;
			border: 1px solid var(--ib-primary-button-color);
			color: var(--ib-primary-button-color);
		}

		.outline-e07a0e:hover
		{
			background-color: var(--ib-primary-color);
			color: #fff;
		}
        

        .card-icon-container
        {
                padding: 1.5em;
                background-color: #fff;
                color: var(--ib-primary-color);
        }

        .quick-launch-icon, .card-icon
        {
                color: var(--ib-primary-color);
        }

        .card-style
        {
            /*border-radius: var(--bs-border-radius) !important;*/
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%;
            border-top-left-radius: 5%;
            border-bottom-left-radius: 5%;
        }

        fieldset
        {
            margin:.5rem .01rem 0.5rem .01rem;
            padding: 1em;
            border-radius: 0.5em;
            border: 1px solid #f3ede6 !important;/*0.28*/
        }

		.filter-box
		{
			font-weight: 700;
		}

		input[type="text"]:not(.form-control, .datepicker,.timepicker,.search-selector,.frequency-selector,.default-size), input[type="textarea"]:not(.form-control,.search-selector,.default-size), textarea:not(.search-selector,.default-size)
		{
			/**form-control-sm**/
			
			padding: .25rem .5rem;
			font-size:.75rem;
			font-weight : 400;
			border-radius: .2rem;
			/**w-100**/
			width: 100% !important;
			
			background-color: inherit;
			border: 1px solid #dee2e6;
			color: inherit;
			line-height: 2;
		}

		input[type="select"]:not(.form-select, .search-selector,.default-size), select:not(.form-select,.search-selector,.default-size)
		{
			/**form-select**/
			display: block;
			width: 100%;
			padding: .375rem 2.25rem .375rem .75rem;
			-moz-padding-start: calc(0.75rem - 3px);	
			line-height: 2;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
			background-repeat: no-repeat;
			background-position: right .75rem center;
			background-size: 16px 12px;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;

			/**form-select-sm**/
			padding-top: .25rem;
			padding-bottom: .25rem;
			padding-left: .5rem;
			font-size:.75rem;
			font-weight : 400;
			border-radius: .2rem;
			
			background-color: inherit;
			border: 1px solid #dee2e6;
			color: inherit;
		}

		input[type="button"]:not(.accordion-button), button:not(.accordion-button)
		{
			display: inline-block;
			line-height: 2;
			text-align: center;
			text-decoration: none;
			vertical-align: middle;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			font-size:.75rem;
			font-weight : 400;	
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
			padding-top: .5rem !important;
			padding-bottom: .5rem !important;	
			padding-right: 1rem !important;
			padding-left: 1rem !important;
			border: 1px solid #E3AA38;
			border-radius: .25rem;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;


			color: var(--ib-primary-button-color);
			background: var(--ib-color-white);
		}
		input[type="file"]:not(.accordion-button)
		{
			display: inline-block;
			line-height: 1;
			text-align: center;
			text-decoration: none;
			vertical-align: middle;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			font-size:.75rem;
			font-weight : 200;	
			transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
			padding-top: .5rem !important;
			padding-bottom: .5rem !important;	
			padding-right: 1rem !important;
			padding-left: 1rem !important;
			border: 1px solid #25a3e9;
			border-radius: .25rem;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;


			color: var(--ib-primary-color);
			background: var(--ib-color-white);
		}

		input[type="button"]:not(.accordion-button):hover, button:not(.accordion-button):hover
		{
			background: var(--ib-primary-color);
			color: var(--ib-color-white);
		}


		label
		{
			display: inline-block;
			margin-bottom: .5rem;
			font-weight: 600;
		}
		
		.amount-field
		{
			text-align:right;
			color: rgb(13, 110, 253) !important;
		}
	
	.dt-length{
		display:flex;
	}
	
	.dt-length select {
		height: 32px;
		width:60px;
		border-radius: 3px;
		padding: 1px;
		background-color: transparent;
		display: inherit;
		margin-right:5px;
	}
	
	.bg-grey{background-color:rgb(255,248,241) !important;/*background:rgba(0, 0, 0, 0.12)!important;*/}

	.bg-light-grey{background:rgb(214,216,217)!important;}
	
	table.dataTable tbody tr:hover {
		background-color:rgb(241,248,255) !important;
		
	}
 
	table.dataTable tbody tr:hover > .sorting_1 {
		background-color:rgb(241,248,255) !important;
		
	}
	
	table.dataTable td {background:transparent;}
	
	table.dataTable thead th
	{
		background-color:var(--ib-primary-color);
		color:#fff !important;
	}
	
	div.dt-container div.dt-layout-cell
	{
		padding: 3px 0;
	}
	
	#main-tabs
	{
		/*padding-left:15px !important;*/
	}
		
	#main-tabs li
	{
		border-bottom:1px solid #efefef;
		/*padding: 0.25em 0 0.5em;*/
	}

	#main-tabs li a
	{
		border:none;
		color: rgb(0, 0, 0);
		font-size:1em;
		font-weight: 600;
		line-height: 2;
	}

	#main-tabs li:hover, #main-tabs li a:hover
	{
		color: var(--ib-primary-color);
		/*border:none;*/
	}

	#main-tabs li a.active
	{
		text-decoration : none;		
		background:transparent;		
		/*border:none;*/
		border-bottom:4px solid var(--ib-primary-color);/* #5cb85c;*/
	}
	.error {
	color: #C00000;
	padding: 5px;
	font-weight: normal;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	
	
}
.headTitle {
	color: #25427E;
	font-family: 'Times New Roman', Geneva, Arial, Helvetica, Tahoma,
		sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	text-align: inherit;
	vertical-align: middle;
	white-space: nowrap;
}

.headText {
	background-color: transparent;
	border-style: none;
	color: #008000;
	font-family: times new roman;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}
.headTextRed {
	background-color: transparent;
	border-style: none;
	color: #e3091b;
	font-family: times new roman;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

.FailedText {
	background-color: transparent;
	border-style: none;
	color: #C00000;
	font-family: times new roman;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

#errorDiv {
	padding: 10px 0px 2px 10px;
	 box-shadow: inset 0px 4px 6px -2px rgba(0,20,50,0.26);
}

/** overrides bootstrap datepicker css STARTS**/
 .datepicker
 {
	/*color:#9facbd;*/
	color: rgb(var(--ib-primary-color));
	padding : 0px;
 }
 
  .datepicker table
  {
  	border:1px solid rgba(var(--ib-border-rgb),var(--ib-border-opacity)) !important;
  }
  
/*date-picker*/

.datepicker thead th.dow
{
	font-weight: 400;
	/*color:#9facbd;/*#a3a7cb;*/
}
.datepicker td, .datepicker th 
{
	padding:1em;
	font-size:.8em;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: rgb(var(--ib-primary-color));
}

.datepicker td.active, .datepicker td span.active
{
	border-radius:50%;
	background : var(--ib-primary-color)!important;
	color : #fff;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused
{
	border-radius:50%;
}

.datepicker thead tr:nth-child(2)
{
	background : var(--ib-primary-color)!important;
	color : #fff;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next
{
	font-size:1em;
	font-weight: 600;
	color:#e8e9f2;
	background:transparent;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover
{
	background:transparent;
	border:none;
}

/** overrides bootstrap datepicker css ENDS**/