body, html {
  font-family: "Instrument Sans" !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Bricolage Grotesque", serif !important;
}

/* SIDEBAR HEADER */
div#main-logo {
  width: 80px;
  /* height: 50px; */
  display: block;
  object-fit: contain;
}

div#main-logo img {
  width: 100%;
}
/* END SIDEBAR HEADER */

/* AUTH */

div.auth-side-wrapper {
  background-image: url('/images/login/upace-login-graphic.png') !important;
  /* background-image: url('/images/login/upace-login-graphic-compressed.png') !important; */
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}

nav.navbar {
  z-index: 999;
}

div.nav-title {
  display: flex;
  align-items: center;
}

/* END AUTH */

/* SIDEBAR */
.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
  margin-left: 15px;
  font-weight: 500;
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title {
  margin-left: 15px !important;
}

/* END SIDEBAR */


/* GENERAL */

.upace-slick-title {
  border-top: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #7987a1;
}

.upace-link {
  /* color: #5bbacb; */
  font-weight: 600;
}

.vertical-centered-content {
  display: flex;
  align-items: center;
}

.upace-light-bg {
  background-color: #F0F0F0;
}

.upace-super-light-bg {
  background-color: #F8F8F8;
}

/* INPUT STYLES OVERRIDE */
input.form-control, textarea.form-control {
  border: 1px solid hsl(0, 0%, 80%);
}

table.table th {
  font-weight: bold;
}

table.table th:first-child{
  border-radius:5px 0 0 0;
}

table.table th:last-child{
  border-radius:0 5px 0 0;
}

/* Data table styles */
table.dataTable td {
  font-size: 14px !important;
}

/* Styles for ordering icons */
.dt-ordering-asc .dt-column-order::before,
.dt-ordering-desc .dt-column-order::after
{
  opacity: 1 !important;
}

/* File upload input */
.file-input {
  padding: 40px 25px;
  border: 1px dashed #A1A1A1 !important;
}

/** Button **/
button {
  text-transform: capitalize !important;
}

/** OVERWRITE menu spacing to reduce vertical heights **/
.sidebar .sidebar-body .nav .nav-item.nav-category:not(:first-child) {
  margin-top: 10px;
}

.sidebar .sidebar-body .nav.sub-menu {
  padding: 0 0 8px 33px;
}

/* SELECT 2 */
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
  border: 1px solid hsl(0, 0%, 80%) !important;
}

.select2-selection.select2-selection--multiple .select2-selection__choice {
  background-color: rgb(230, 230, 230);
  color: #222;
  border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #222;
  border-right: none;
}

.select2-selection.select2-selection--multiple .select2-selection__choice__display {
  margin-left: 6px;
}

/** SWAL STYLES **/
.swal2-popup .swal2-html-container {
  color: #222 !important;
  font-weight: 500;
}

.form-switch .form-check-input {
  width: 2.5em;
}

/* Toggle input */
/* .form-check-input {
  width: 50px !important;
  height: 25px !important;
} */

@media screen and (max-width: 768px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 992px) {
  .sidebar-header {
     /* Adjust sidebar header margin for smaller screens since the fixed positioned header covers the sidebar header */
    margin-top: 60px;
  }

  .sidebar-header #main-logo img {
    width: 80px;
  }
}