:root {
  --color-default: ##0a8dbf; /* Global variable */
  --color-primary: #102C57; /* Global variable */
  --color-secondary: #0a8dbf; /* Global variable */
  --color-warning: #E4E0E1; /* Global variable */
  --color-danger: #30364F; /* Global variable */
  --color-success: #4B6587; /* Global variable */
  --color-info: #113946; /* Global variable */
  --color-primary-hl: #E8E2D8; /* Global variable */
  --color-white : #fff;

  --color-sidebar : #493628;
  --font-stack: Helvetica, sans-serif;
}


body {
  margin: 0;
  font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: left;
  background-color: #fff;
}


.navbar-nav li span{
    display: none;
    color: #fff;
}

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

img#system-logo {
    width: 3em;
    height: 3em;
    object-fit: cover;
    object-position: center center;
    border-width: 2px;
}

.topbar {
    height: 3.5rem;
}

#wrapper #content-wrapper {
    background-color: #e9e9e9;
}

img.img-profile.rounded-circle {
    object-fit: cover;
    object-position: center center;
    border-width: 3px !important;
}

.bg-gradient-light {
    background-image: linear-gradient(180deg, #f8f9fc 10%, #dddddd 100%) !important;
}

h1, h2, h3, h4, h5, h6, label, p {
    font-size: 0.86em !important;
}

/* label {
    font-size: 3pt !important;
} */
table {
    font-size: .80rem;
    color: #000 !important;
}

.table td,th {
    text-align: left !important;
}

/* Base table font */
table.dataTable {
    font-size: 0.85rem;
}

/* Header + footer */
table.dataTable thead th,
table.dataTable tfoot th {
    font-size: 0.8rem;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Length + search inputs */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    font-size: 0.75rem;
    height: 28px;
}

/* Info text */
.dataTables_wrapper .dataTables_info {
    font-size: 0.75rem;
}

input, select, textarea, label, span, a {
    font-size: .86em !important;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-default {
    color: #fff ;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-success {
  color: #fff;
  background-color: #FF9D00;
  border-color: #FF9D00;
}

.btn-success:hover {
  color: #fff;
  background-color: #e68f00; /* darker */
  border-color: #d98600;
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 157, 0, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #FF9D00;
  border-color: #FF9D00;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #d98600; /* darker active */
  border-color: #cc7f00;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 157, 0, 0.5);
}

h1, h2, h3, h4, h5, h6, label, p {
    font-size: 0.86em !important;
}

/* label {
    font-size: 3pt !important;
} */
table {
    font-size: .80rem;
    color: #000 !important;
}

.table td,th {
    text-align: left !important;
}

/* Base table font */
table.dataTable {
    font-size: 0.85rem;
}

/* Header + footer */
table.dataTable thead th,
table.dataTable tfoot th {
    font-size: 0.8rem;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Length + search inputs */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    font-size: 0.75rem;
    height: 28px;
}

/* Info text */
.dataTables_wrapper .dataTables_info {
    font-size: 0.75rem;
}

input, select, textarea, label, span, a {
    font-size: .86em !important;
}