@import url('darkmode.css?version=20260519');

.modal-content {box-sizing: border-box; padding: 40px; border: 0; border-radius: 6px;}
.modal-header {padding: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; border-radius: 0; margin-bottom: 20px;}
.modal-title {font-size: 24px; font-weight: 400; color: #333;}
.modal-header .close {width: 24px; height: 24px; padding: 0; margin: 0; margin-top: 6px; background: url('../images/popup/icon_close.svg') center center no-repeat; opacity: 1; font-size: 0;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
.modal-header .close span {font-size: 0;}

.modal-body {padding: 0; margin-bottom: 40px; color: #333;}

.modal-footer {display: block; box-sizing: border-box; padding: 0; border: 0; border-radius: 0; text-align: center; font-size: 0;}
.modal-footer>* {margin: 0;}
.modal-footer .btn {line-height: 40px; padding: 0 20px; margin: 0 4px; border: 0; border-radius: 6px; font-size: 16px;}
.btn-primary {background-color: #0098d9;}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #0098d9;}
.btn-primary.focus, .btn-primary:focus {background-color: #0098d9; box-shadow: none;}
.btn-secondary {background-color: #8a8e99;}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background-color: #8a8e99;}
.btn-secondary.focus, .btn-secondary:focus {background-color: #8a8e99; box-shadow: none;}

/*responsive*/
@media all and (max-width: 420px) {
    .modal-content {padding: 30px;}
    .modal-title {font-size: 20px;}
    .modal-header .close {width: 22px; height: 22px; margin-top: 4px;}
}