@import url(https://fonts.googleapis.com/css?family=Nunito);
.bg-primary {
  background-color: #2840a8 !important;
  color: #F8F9FAFF !important;
}

.bg-secondary {
  background-color: #109191 !important;
  color: #F8F9FAFF !important;
}

.bg-success {
  background-color: #23e060 !important;
  color: #F8F9FAFF !important;
}

.bg-info {
  background-color: #4c99ef !important;
  color: #F8F9FAFF !important;
}

.bg-warning {
  background-color: orange !important;
  color: #F8F9FAFF !important;
}

.bg-danger {
  background-color: #f34a59 !important;
  color: #F8F9FAFF !important;
}

.bg-light {
  background-color: #F8F9FAFF !important;
  color: #F8F9FAFF !important;
}

.bg-dark {
  background-color: #343A40FF !important;
  color: #F8F9FAFF !important;
}

.bg-gradient-primary {
  background-color: #2840a8;
  background-image: linear-gradient(180deg, #2840a8 10%, #19286a 100%);
  background-size: cover;
}

.bg-gradient-secondary {
  background-color: #109191;
  background-image: linear-gradient(180deg, #109191 10%, #084c4c 100%);
  background-size: cover;
}

.bg-gradient-success {
  background-color: #23e060;
  background-image: linear-gradient(180deg, #23e060 10%, #17a043 100%);
  background-size: cover;
}

.bg-gradient-info {
  background-color: #4c99ef;
  background-image: linear-gradient(180deg, #4c99ef 10%, #1472db 100%);
  background-size: cover;
}

.bg-gradient-warning {
  background-color: orange;
  background-image: linear-gradient(180deg, orange 10%, #b37400 100%);
  background-size: cover;
}

.bg-gradient-danger {
  background-color: #f34a59;
  background-image: linear-gradient(180deg, #f34a59 10%, #e20f22 100%);
  background-size: cover;
}

.bg-gradient-light {
  background-color: #F8F9FAFF;
  background-image: linear-gradient(180deg, #F8F9FAFF 10%, #cbd3da 100%);
  background-size: cover;
}

.bg-gradient-dark {
  background-color: #343A40FF;
  background-image: linear-gradient(180deg, #343A40FF 10%, #121416 100%);
  background-size: cover;
}

.bg-gray-100 {
  background-color: #f8f9fa !important;
}

.bg-gray-200 {
  background-color: #e9ecef !important;
}

.bg-gray-300 {
  background-color: #dee2e6 !important;
}

.bg-gray-400 {
  background-color: #ced4da !important;
}

.bg-gray-500 {
  background-color: #adb5bd !important;
}

.bg-gray-600 {
  background-color: #6c757d !important;
}

.bg-gray-700 {
  background-color: #495057 !important;
}

.bg-gray-800 {
  background-color: #343a40 !important;
}

.bg-gray-900 {
  background-color: #212529 !important;
}

.logo-menu img {
  max-height: 50px;
  border-radius: 5px;
}

input {
  padding: 5px;
}

select.form-control {
  padding: 3px 30px 3px 10px;
}

label.required:after {
  content: "*";
  color: red;
  font-size: "9px";
}

.menu-item {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem !important;
  border-bottom-width: 2px;
  border-color: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all linear 150ms;
  --tw-text-opacity: 1;
  color: rgb(107, 114, 128, var(--tw-text-opacity));
}
.menu-item:hover {
  transition: all linear 150ms;
  outline: none;
  --tw-border-opacity: 1;
  border-color: rgb(209, 213, 219, var(--tw-border-opacity));
}
.menu-item.active {
  --tw-border-opacity: 1;
  border-color: rgb(129, 140, 248, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(17, 24, 39, var(--tw-text-opacity));
}
.menu-item.active:focus {
  transition: all linear 150ms;
  outline: none;
}

.btn-primary {
  background-color: #2840a8;
}
.btn-primary:hover {
  background: #1e307f;
}

.btn-secondary {
  background-color: #109191;
}
.btn-secondary:hover {
  background: #0b6363;
}

.btn-success {
  background-color: #23e060;
}
.btn-success:hover {
  background: #1ab64c;
}

.btn-info {
  background-color: #4c99ef;
}
.btn-info:hover {
  background: #1d7eeb;
}

.btn-warning {
  background-color: orange;
}
.btn-warning:hover {
  background: #cc8400;
}

.btn-danger {
  background-color: #f34a59;
}
.btn-danger:hover {
  background: #f01a2d;
}

.btn-light {
  background-color: #F8F9FAFF;
}
.btn-light:hover {
  background: #dae0e5;
}

.btn-dark {
  background-color: #343A40FF;
}
.btn-dark:hover {
  background: #1d2124;
}

.btn-xs {
  border-radius: 0.2rem;
  font-size: 0.78rem;
  line-height: 1.5;
  padding: 0.15rem 0.3rem;
}

.text-primary {
  color: #2840a8 !important;
}

.text-secondary {
  color: #109191 !important;
}

.text-success {
  color: #23e060 !important;
}

.text-info {
  color: #4c99ef !important;
}

.text-warning {
  color: orange !important;
}

.text-danger {
  color: #f34a59 !important;
}

.text-light {
  color: #F8F9FAFF !important;
}

.text-dark {
  color: #343A40FF !important;
}

.btn-xs {
  border-radius: 0.2rem;
  font-size: 0.78rem;
  line-height: 1.5;
  padding: 0.15rem 0.3rem;
}

.breadcrumb {
  font-size: 0.8em;
  padding: 5px 15px;
}

a {
  color: #2840a8;
}

.table-responsive {
  overflow-x: initial;
  padding: 1%;
}