/* Add here all your CSS customizations */
ul.nav-main li.nav-parent > a:after
 {
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900;
    content: '\f32d' !important;
 }

 #leftCol {
	position: relative; /* Essential for positioning the pseudo-element */
	background-image: url('/img/bg.jpg');
	background-size: cover;
	background-position: fixed;
	height: 100%;
 }
 
.FG_White, a .FG_White {
	color: #fff !important;
}
.BG_White, a .BG_White {
	background: #fff !important;
}
.FG_Green, a .FG_Green {
	color: #3c9242 !important;
}
.BG_Green, a .BG_Green {
	background: #3c9242 !important;
}
.FG_Blue, a .FG_Blue {
	color: #1f5da9 !important;
}
.BG_Blue, a .BG_Blue {
	background: #1f5da9 !important;
}
.FG_Black, a .FG_Black {
	color: #000 !important;
}
.BG_Black, a .BG_Black {
	background: #000 !important;
}

.card-header div h2 {
	color: #1f5da9 !important;
	display: inline !important;
	color: #3c9242 !important;
}

h3 {
	color: #1f5da9 !important;
}

.darker {
	font-weight: 600;
	background: #ddd;
}

.payment-card {
	position: relative;
}
.removeCard {
	position: absolute;
	top: 0;
	right: 0;
	display: inline;
}

.removeCard button {
	border: 0;
	background: transparent;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	margin-right: -5px;
	padding: 0;
}





.box {
    padding: 40px 30px;
    cursor: pointer
}

p.text-muted {
    margin: 0;
    font-size: 0.9rem
}

.rounded-circle {
    width: 60px;
    height: 60px;
}

#addCard {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	margin: 10px;
	
}

/* Payments */
.payment-card {
  background: #ffffff;
  padding: 20px;
  margin-bottom: 25px;
  border: 1px solid #e7eaec;
  border-radius: 50px;
}
.payment-icon-big {
  font-size: 60px;
  color: #d1dade;
}
.payments-method.panel-group .panel + .panel {
  margin-top: -1px;
}
.payments-method .panel-heading {
  padding: 15px;
}
.payments-method .panel {
  border-radius: 0;
}
.payments-method .panel-heading h5 {
  margin-bottom: 5px;
}
.payments-method .panel-heading i {
  font-size: 26px;
}

.payment-icon-big {
    font-size: 60px !important;
    color: #d1dade;
}

.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}
.color-amex {
    color: #1ab394;
}
.color-visa {
    color: #1c84c6;
}
.color-mastercard {
    color: #f8ac59;
}
.color-discover {
    color: #ed5565;
}
.ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0;
}
.ibox.collapsed .ibox-content {
  display: none;
}
.ibox.collapsed .fa.fa-chevron-up:before {
  content: "\f078";
}
.ibox.collapsed .fa.fa-chevron-down:before {
  content: "\f077";
}
.ibox:after,
.ibox:before {
  display: table;
}


.modal p { margin: 1em 0; }
.modal a.close-modal { border: none; }

.modalBox {
	background: #eee;
	padding: 10px;
	border: 3px solid #BBB;
	filter: drop-shadow(8px 8px 10px gray);
}

.receipt {
	background: #aaa;
}


#contract {
	color: #000;
}

#contract h1,
#contract h2,
#contract h3,
#contract h4,
#contract h5,
#contract h6 {
	color: #000 !important;
}