@import url("core/variables.css");
@import url("core/fonts.css");
@import url("core/default.css");

@import url("./includes/navbar.css");
@import url("./includes/sidebar.css");
@import url("./includes/footer.css");

.form-btn.disabled,
button:disabled,
button[disabled] {
    opacity: 0.7;
    background-color: #1d4ed8;
    border-color: #1d4ed8;
    cursor: not-allowed;
}

.btn-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: btn-spin 0.6s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes btn-spin {
    to {
        transform: rotate(360deg);
    }
}

.loading-spinner {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    border: 4px solid #e5e7eb;
    border-top: 2px solid #2563eb;
    border-radius: 50%;
    animation: spin 0.9s linear infinite;
    margin-left: 6px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

#main_content {
    margin: 50px auto;
    width: 90%;
}

@media screen and (max-width: 768px) {
    #main_content {
        margin: 25px auto;   
    }
}