:root {
    --header-height: 50px;
    --footer-height: 30px;
    --sidebar-lg-width: 200px;
    --sidebar-sm-width: 60px;
    font-size: 16px;
    --bs-font-sans-serif: "Roboto",sans-serif;
    --bs-heading-color: #495057;
    --bs-body-color: #212529;
    --bs-border-color: #ced4da;
}

body {
    background-color: #f5f5f5;
}

.form-control {
    line-height: 1.8;
    padding: 0.3rem 0.5rem;
}
.form-control:focus, .form-select:focus {
    box-shadow: none;
}


/* SweetAlert2 */
.swal2-icon {
    margin: 1.5em auto 0.6em;
}

.swal2-title {
    padding: 10px 10px 0;
    font-weight: 500;
    font-size: 24px;
}

.swal2-html-container {
    margin: 15px 10px 5px;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none;
}

.swal2-input {
    padding: 0 0.5em;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%), 0 0 0 1px rgba(33, 149, 243, 0.5);
}

.swal2-icon.swal2-success {
    border-color: #009688;
    color: #009688;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(0, 150, 135, 0.5);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #009688;
}

.swal2-styled.swal2-confirm {
    background-color: #2196f3;
}
/* End SweetAlert2 */