/* ===================================== form-group kludge for now for Bootstrap. REMOVE WHEN FIXED */
.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}

label {
  margin-bottom: 0.5rem;
}

/* ======================================form-group kludge for now for Bootstrap. REMOVE WHEN FIXED */

#adminOMB p {
	margin: 0px 0px;
}

a {
	text-decoration: none;
}

/* Add here all your css styles (customizations) */
.fieldlabelerror {
   color: #cc0000;
    text-decoration:underline;
}

/* Add * to required fields. */
.form-group.required .col-form-label:after {
   content: " *";
   color: red;
}

.form-read-only {
   line-height: 1.0;
}

.g-color-terms-of-use-home {
	color: #AD0000;
}

.g-color-header-bold {
	color: #AEF061;
}

.g-bg-color-notification-counter {
	background-color: #0C616E !important;
}

.g-color-breadcrumb {
	color: #AEF061;
}

.u-pagination-i901--disabled {
  opacity: .6;
  pointer-events: none; 
}

.u-pagination-i901 {
  color: #555;
  border-color: #555; 
}

.u-pagination-i901:hover, .u-pagination-i901:focus {
  color: #0C640C;
  border-color: #0C640C; 
}

.u-pagination-i901--active, .u-pagination-i901--nav {
  background-color: #0C640C;
  color: #fff;
  border-color: #0C640C; 
}

.u-pagination-i901--active:hover, .u-pagination-i901--active:focus, .u-pagination-i901--nav:hover, .u-pagination-i901--nav:focus {
  color: #fff; 
}

.u-pagination-i901--nav:hover {
  background-color: rgba(62, 96, 21, 0.8); 
}



/* Copy colors from global CSS to over-write admin CSS values */
/* Inherit Colors */
.g-color-inherit {
   color: inherit !important;
}


/* Main Colors */
.g-color-main {
   color: #555 !important;
}

.g-color-main--hover:hover {
   color: #555 !important;
}


/* Primary Colors */
.g-color-primary {
   color: #0C640C !important;
}

/* Primary Colors */
.g-bg-primary {
   background-color: #2F5B89 !important;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover
   {
   color: #2F5B89 !important;
}

.g-parent:hover .g-color-primary--parent-hover {
   color: #2F5B89 !important;
}

.g-color-primary-opacity-0_3 {
   color: rgba(114, 192, 44, 0.3) !important;
}

.g-color-primary-opacity-0_4 {
   color: rgba(114, 192, 44, 0.4) !important;
}

.g-color-primary--active.active {
   color: #2F5B89 !important;
}

.active .g-color-primary--parent-active {
   color: #2F5B89 !important;
}

.g-color-primary--before::before, .g-color-primary--after::after {
   color: #2F5B89;
}

/* Secondary Colors */
.g-color-secondary {
   color: #e74b3c !important;
}

.u-block-hover:hover .g-color-secondary--hover,
   .g-color-secondary--hover:hover {
   color: #e74b3c !important;
}

.g-parent:hover .g-color-secondary--parent-hover {
   color: #e74b3c !important;
}

/* I-901 Dark and Light Blue */
.g-bg-blue-dk-i901 {
   background-color: #036 !important;
}

.g-bg-blue-dk-i901-opacity-0_9 {
   background-color: rgba(0, 51, 102, 0.9) !important;
}

.g-bg-blue-dk-i901-opacity-0_6 {
   background-color: rgba(0, 51, 102, 0.6) !important;
}

.g-bg-blue-dk-i901-opacity-0_1 {
   background-color: rgba(0, 51, 102, 0.1) !important;
}

.g-bg-blue-lt-i901 {
   background-color: #2F5B89 !important;
}

/* Chargeback Pages */
/* Action Required Page */
.chargeback-actionrequired-table-header-row {
	white-space: nowrap;
}

.chargeback-actionrequired-checkbox-selectall-label {
	display: inline;
}

/* Dashboard notification links */
.dashboardLink a {
   text-decoration: underline;
}

.u-sidebar-i901 {
   background-color: rgba(25, 71, 117, 1) !important;
   border-right: 1px solid white;
}

/* Sidebar Toggler */
.u-sidebar-navigation__toggler {
   background-color: rgba(25, 71, 117, 1) !important;
   top: 150px;
}

/* Headings - work in progress */
.u-heading-i901 {
   background-color: rgba(25, 71, 117, 1) !important;
   color: white;
}

/* Heading left border primary color */
[class*="u-heading-v4-"] {
   border-color: rgba(25, 71, 117, 1);
   vertical-align: middle;
}

.transfer-overdue {
	color: #AD0000;
	text-decoration: underline;
}

.transfer-overdue:hover {
	color: #FD0000;
	text-decoration: underline;
}

.transfer-payment-overdue {
	color: #AD0000;
	font-weight: bold;
}

/* Custom badge for attaching to text */
.badge-i901 {
   height: 25px;
   width: 25px;
   background-color: #AD0000;
   border-radius: 50%;
   color: white;
   font-weight: 800;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   text-align: center;
   display: inline-block;
   padding: 0.21429rem;
   line-height: 1.28571rem;
}

/* Reports */
.table {
	
}

.table-report-total-row td {
   border-top-width: medium;
   border-top-color: #000;
   border-top-style: double;
   border-bottom-width: medium;
   border-bottom-color: #000;
   border-bottom-style: solid;
   background-color: #EEE;
}

#dataTableBody a {
	  text-decoration: underline;
}

#dataTableBody a {
	  text-decoration: underline;
}

.underline-text {
	  text-decoration: underline;
}

.underline-link a {
  text-decoration: underline;
}

/* Override IE Date Widget background width to cover entire calendar Report 003*/
.ui-datepicker {
   width: auto;
   !
   important
}

/* Report badges */
.badge-report-1 {
   height: 0.75rem;
   width: 0.75rem;
   background-color: #F00;
   border-radius: 50%;
   display: inline-block;
}

.badge-report-2 {
   height: 0.75rem;
   width: 0.75rem;
   background-color: #0F0;
   border-radius: 50%;
   display: inline-block;
}

.badge-report-3 {
   height: 0.75rem;
   width: 0.75rem;
   background-color: #00F;
   border-radius: 50%;
   display: inline-block;
}

.badge-report-4 {
   height: 0.75rem;
   width: 0.75rem;
   background-color: #FF0;
   border-radius: 50%;
   display: inline-block;
}

/* jQuery Select2 dropdown */
/* TODO modify style of select2-i901 so the border is primary color */
/* TODO modify style of select2-i901 so drop down aligns with field */
.select2-i901+span.select2-container, .select2-i901+span.select2-container span.selection span.select2-selection
   {
   height: 3rem !important;
   padding-right: 9px;
}

.select2-i901+span.select2-container span.selection span.select2-selection span.select2-selection__arrow
   {
   transform: inherit !important;
   top: 0.5rem !important;
   width: 3rem !important;
}

.select2-i901+span.select2-container span.selection span.select2-selection span.select2-selection__arrow b::before
   {
   content: "" !important;
}

.select2-container .select2-selection--single {
   border-radius: inherit !important;
}

.select2-i901 {
   height: 3rem;
   padding: 0.25rem;
}

/* Hide element in IE10 and IE11 */
@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
   {
   .ieHidden {
      visibility: hidden !important;
      display: none !important;
   }
}

/* fixes for bootstrap 5 */
.accordion-button::after, .form-select::after {
	background-image: url(../../framework/bootstrap-icons/chevron-down.svg);
}

.accordion-button:not(.collapsed )::after {
	background-image:url(../../framework/bootstrap-icons/chevron-down.svg);
}

.btn-block {
  width: 100%;
  cursor: pointer;
}

select.form-control {
	-webkit-appearance: menulist!important;
	-moz-appearance: menulist!important;
	-ms-appearance: menulist!important;
	-o-appearance: menulist!important;
	appearance: menulist!important;
	
}

.float-right {
    float: right !important;
}

.g-brd-white-opacity-0_1 {
    color: #fff !important;
}

.i901table-header-text:hover {
	text-decoration: underline !important;
}

.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url(../../bootstrap-icons/check.svg);
}

.atooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  background-color: black;
  color: #fff;
  z-index: 999;
}

.atooltipAfter::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.atooltipBefore::before  {
	top: -9px;
	left: 50%;
	transform: rotate(180deg);
	content: " ";
	position: absolute;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}