.modal {
    padding: 20px;
}

.modal .modal-header {
    min-height: 56px; /* in case the header text is not shown, this close icon will still look good */
}

.modal .modal-title {
    margin-right: 42px; /* make room for the close icon no matter how much text there is */
}

.modal .close {
    background-color: #ffffff;
    /*border: solid 2px #2ecc71;*/
    color: #ed612a;
    height: 32px;
    opacity: 1;
    position: relative;
    width: 32px;
}

.modal .close > div {
    font-size: 40px;
    line-height: 32px;
    position: relative;
    right: 6px;
    top: 3px;
}
.modal .close > span:before,
.modal .close > span:after {
    display: none;
}

.modal .modal-dialog {
    margin: 0 auto;
}

.modal .modal-content {
    border-radius: 0;
}

@media (max-width: 767px) {
    .modal {
        padding: 10px;
    }
}

@media (min-width: 768px) {

  .modal-dialog {    
    margin-top: 0;
  }

}

#billing-login .button
{
    width: 200px;
}

#support-login .button {
    width: 200px;
}