.modal.modal-component .modal-content {
  background-color: #ffffff;
  border-radius: 0 !important; }
  .modal.modal-component .modal-content .modal-close {
    font-size: 15px;
    color: #000000;
    padding: 0 10px;
    cursor: pointer;
    background: 0 0;
    border: 0; }
    .modal.modal-component .modal-content .modal-close:hover .icon-cross, .modal.modal-component .modal-content .modal-close:active .icon-cross, .modal.modal-component .modal-content .modal-close:focus .icon-cross {
      color: #086ea1; }

.modal.modal-component .header {
  text-align: right; }

.modal.modal-component .body {
  text-align: left; }

.modal.modal-component.center .body {
  text-align: center; }

.modal.modal-component .modal-dialog .header {
  padding: 30px 30px 0 30px; }

.modal.modal-component .modal-dialog .modal-body {
  padding: 0; }

.modal.modal-component .modal-dialog .body {
  padding: 20px 40px 50px 40px; }
  .modal.modal-component .modal-dialog .body a {
    text-decoration: underline !important; }

@media (min-width: 768px) and (max-width: 1023px) {
  .modal.modal-component .modal-dialog .body {
    padding: 30px 40px 50px 40px; } }

@media (max-width: 767px) {
  .modal.modal-component .modal-dialog .body {
    padding: 15px 30px 30px 30px; } }