.modal-content .modal-header .close{
    right: -10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border-color: transparent;
    background: var(--primary-color);
    color: var(--white-color);
    cursor: pointer;
}
.modal-content .modal-header .close i{
    position: absolute;
    top: 3px;
    left: 5px;
    cursor: pointer;
}
.modal-content .modal-body .modal-body-heading{
    border-bottom: 1px solid var(--border-color);
}
.modal-content .modal-body .modal-body-heading h3{
    font-size: 18px;
    color: var(--text-color-heading);
}
.modal-content .modal-body .modal-body-content label{
    font-size: 14px;
    color: var(--text-color-heading);
    margin: 0 0 5px 0;
}
.modal-content .modal-body .modal-body-content span{
    color: var(--primary-color);
}
.modal-content .modal-body .modal-body-content .form-select,
.modal-content .modal-body .modal-body-content .form-control{
    font-size: 14px;
    border: 1px solid var(--border-color);
    border-radius: 3px;
}
.modal-content .modal-body .modal-body-content textarea{
    height: 60px;
}
.modal-content .modal-footer{
    margin: 20px 0 0 0;
    position: relative;
    padding: 0;
}
.modal-content .modal-footer p{
    font-size: 14px;
    position: absolute;
    left: 0;
    top: -20px;
    color: var(--primary-color);
}
.modal-content .modal-footer .submit-button,
.modal-content .modal-footer .submit-button:active,
.modal-content .modal-footer .submit-button:hover,
.modal-content .modal-footer .submit-button:focus{
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    border-radius: 3px;
    color: var(--white-color);
}
.modal-content .modal-footer .cancel-button,
.modal-content .modal-footer .cancel-button:active,
.modal-content .modal-footer .cancel-button:hover,
.modal-content .modal-footer .cancel-button:focus{
    border: 1px solid var(--border-color);
    background-color: var(--white-color);
    border-radius: 3px;
    color: var(--text-color-heading);
}