html,
body {
  height: 100%;
}

body {
  display: flex;
 
  background-color: #f5f5f5;
  background-image: url(../images/background_multi.svg);
}


.btn-acep-color {
    color: #fff;
    background-color: #02564A;
    border-color: #02564A;
}

.btn-acep-color:hover, .btn-acep-color:focus, .btn-acep-color:active, .btn-acep-color.active, .open>.dropdown-toggle.btn-acep-color {
    color: #fff;
    background-color: #2D736D;
    border-color: #2D736D; /*set the color you want here*/
}

#container-header{
	background-color: #02564A;
}

.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

.jBox-Confirm-button-submit {
    border-bottom-right-radius: 4px;
    background: #2D736D;
    color: #fff;
}

.jBox-Confirm-button {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 50%;
    line-height: 46px;
    height: 46px;
    overflow: hidden;
    padding: 0 10px;
    transition: color .2s,background-color .2s;
    transition-property: color, background-color;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease, ease;
    transition-delay: 0s, 0s;
    box-sizing: border-box;
}

.jBox-Confirm-button-submit:hover, .jBox-Confirm-button-submit:active {
  background: #3C9992;
}

.jBox-Confirm-button-submit:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.jBox-Modal .jBox-title {
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
    background: #2D736D;
    /*background: #04D1C6;*/
    border-bottom: 1px solid #eee;
    color : white;
}

.custom_th {
    background-color: #02564A!important;;
    color: white;
} 

.page-link-acep {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    background-color: #02564A;
    border: 1px solid #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #04D1C6;
    border-color: #04D1C6;
}

.btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active {
    color: #000;
    background-color: #04D1C6;
    border-color: #04D1C6;
    color : #ffffff;
}

#loanSummary{
  	overflow: hidden;
	background-image: url(../images/icons8-bank-building-802.svg);
	background-repeat: no-repeat;
	background-position: 100% -7%;
	
}

#accountSummary{
  	overflow: hidden;
	background-image: url(../images/icons8-wallet-64.svg);
	background-repeat: no-repeat;
	background-position: 100% -7%;
	
}

#credit_quick_cash_not_used{
	overflow: hidden;
	background-image: url(../images/credit_quick_cashv3-min.png);
}

#loanProjectSummary{
  	overflow: hidden;
	background-image: url(../images/icons8-money-box-48.svg);
	background-repeat: no-repeat;
	background-position: 100% -7%;
	
}

.background_white{
	background : #fff;
}

.btn-outline-secondary-acep {
    color: #25695C;
    border-color: #25695C;
}

#personIcon{
	color:#fff;
}

#personIcon:hover{
	color:#04D1C6;
	
}

.choice{
  cursor: pointer;
}

.choice:hover {
  color: #fff;
  background-color: #2D736D;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.choice-selected{
  color: #fff;
  background-color: #2D736D;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}