:root {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'fact web', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.daterangepicker {
    font-family: 'fact web', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.form-label {
    font-weight: 600;
    margin-bottom: .25rem !important
}

body {
    font-family: 'fact web', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem
}

.badge {
    font-weight: 500
}

b,
th,
strong {
    font-weight: 600
}

.datepicker {
    padding: .375rem .75rem !important;
    -webkit-border-radius: 0.375rem !important;
    -moz-border-radius: 0.375rem !important;
    border-radius: 0.375rem !important;
    direction: ltr;
}

.highcharts-menu hr {
    margin: 5px 0;
    border-top: 1px
}

.notie-container {
    font-size: 1rem !important;
    z-index: 99
}

.form-select-custom,
.form-control,
.form-select,
.btn {
    font-size: 1rem
}

.btn-sm,
.input-group-text {
    font-size: 0.9rem !important
}

.card-header-button {
    padding: .125rem .5rem;
    font-size: 0.9rem;
    border-radius: .2rem
}

.dropdown-toggle::after {
    vertical-align: .05em
}

.navbar {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.dropdown-menu {
    font-size: 1rem
}

.form-error {
    color: red
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    background-color: #3498db;
    color: #fff
}

.btn-sq {
    width: 160px !important;
    height: 80px !important;
    font-size: 1 rem;
    margin-right: 5px;
    margin-bottom: 10px;
    padding-top: 15px
}

.fa-3x {
    font-size: 25px !important;
    margin-bottom: 5px
}

a {
    text-decoration: none !important
}

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px
}

.notice-sm {
    padding: 10px;
    font-size: 80%
}

.notice-lg {
    padding: 35px;
    font-size: large
}

.notice-success {
    border-color: #27ae60
}

.notice-success>strong {
    color: #27ae60
}

.notice-info {
    border-color: #3498db
}

.notice-info>strong {
    color: #3498db
}

.notice-warning {
    border-color: #f39c12
}

.notice-warning>strong {
    color: #f39c12
}

.notice-danger {
    border-color: #c0392b
}

.notice-danger>strong {
    color: #c0392b
}

.notice-secondary {
    border-color: #95a5a6
}

.notice-secondary>strong {
    color: #95a5a6
}

.bg-pr-gradient {
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard-card {
    background-color: var(--bs-gray-300) !important;
}