.modal.fade .modal-dialog {
  transform: translate3d(0, 100vh, 0);
}
.modal-content {
    border-radius: 20px 20px 0 0;
    border: 0;
    box-shadow: none;
    
    /* Background formatting */
    background: linear-gradient(rgba(255, 255, 255, 0.9),
	    rgba(255, 255, 255, 0.9)),
	    url(/wps/PA_AEME_EApply/images/amex-brand-feather.svg) no-repeat bottom,
	    linear-gradient(#fff, #fff);
    background-size: 120%;
    padding-bottom: 60px;
}


.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
  max-height: 100vh;
  padding-top: 100px;
}

.modal {
    width: 100vw;
    bottom: 0;
    top: auto;
}
 button.close {
	    margin: 0 auto;
	    float: none;
	    display: block;
	    font-size: 14px;
	    letter-spacing: 4px;
	    padding: 15px;
	}
.modal-body {
    padding: 15px 65px;
}
@media screen and (min-width: 768px) {
  .modal.fade .modal-dialog {
    transform: translate3d(100vw, 0, 0);
    margin-left: 50%;
  }
  .modal-content {
    border-radius: 0;
    height: 100%;
    min-height: 100vh;
  }
  .modal.in .modal-dialog {
    transform: translate3d(0, 0, 0);
    min-height: 100vh;
    padding-top: 0;
    width: 50vw;
  }
  .modal {
    width: 100vw;
    top: 0;
  }
	 button.close {
	    margin: 0;
	}
}


.modal-dialog {
    margin: 0
}




.panel {
    box-shadow:  none;
}
.panel-default {
    border: 0
}

.panel-default>.panel-heading {
    background-color: #fff;
    text-decoration: none;
    position: relative;
}
.panel-default>.panel-heading a {
    text-decoration: none;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-width: 0.5px;
}

.panel-default>.panel-heading a:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 0 solid #006FCF;
    border-width: 0 1px 1px 0;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.5s ease;
}

.panel-default>.panel-heading a[aria-expanded=true]:after {
    transform: translateY(-50%) rotate(-135deg);
}