/*
    Part of     :   Puricheck - Python Flask Application
    By          :   Emmanuel Adigun (emmanuel@zignal.net)
    Date        :   01 Dec 2024
*/

body {
  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;

  padding: 0;
  margin: 0;

  color: #fff;
  text-align: left;

  overflow-x: hidden;
  background-color: #191c24;
  background-color: #111;
}


.content-wrapper {
    padding-top: 0.855rem;
}

.page-header {
  margin-bottom: 0.855rem;
}
a.brand-logo h3.logo span { color: #0090e7; }
a.brand-logo h3.logo span span.check { color: #f50057; }

a.brand-logo-mini h3.logo span { font-size: 1.0rem; color: #0090e7; }
a.brand-logo-mini h3.logo span span.check { color: #f50057; }

li.nav-item span.nav-link-header { font-size: 1.0rem !important; }

div.navbar-profile span i.mdi-account-user { color: #00d25b !important; }
div.navbar-profile p.navbar-profile-name { margin-left: 0.5rem !important; }

div.preview-icon.bg-dark.rounded-circle
{
  width: 30px !important;
  height: 30px !important;
}

ul.puricheck-pagination {
  margin-top: 1rem;
  font-size: .875rem;
}

ul.puricheck-pagination li { line-height: 1.0; }
ul.puricheck-pagination li.page-item.disabled .page-link,
ul.puricheck-pagination li a { background-color: transparent; }
ul.puricheck-pagination li.page-item.disabled .page-link,
ul.puricheck-pagination li a.page-link { 
  color: rgb(255 255 255 / .65); 
  border: 1px solid #2c2e33;
}

li.breadcrumb-item a {
  color: #0090e7;
}

ul.puricheck-pagination li a.page-link:hover { color: #111; }
table#modelTable thead th { border: 1px solid #2c2e33 !important;  color: #0090e7;}

.fas {
  font-weight: 600;
}
.footer a {
  color: #0090e7 !important;
}

@media (min-width: 992px) {
  .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini h3 {
    display: none !important;
  }
  
  .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini img{
    display: inline-block !important;
  }

}

th.form-field-center,
td.form-field-center { text-align: center; }

span.fa-check-circle { color: #00d25b; }
th.form-field-right,
td.form-field-right { text-align: right; }


i.mdi-approval {
  color: #fc424a !important;
}

i.mdi-auth {
  color: #8f5fe8 !important;
}

div.datepicker-container,
.datepicker-panel > ul > li {
    background-color: #191c24 !important;
    border-radius: 5px;
}

.datepicker-dropdown {
    border-color: #39f !important;
}

.datepicker-panel > ul > li:hover {
  background-color: #39f !important;
  border-radius: 5px;
}

.swal2-border {
  border: 1px solid #fff;
  border-color: #39f !important;
  box-shadow: 0 3px 6px #ccc;
}

.swal2-puricheck-button {
  color: #fff;
  box-shadow: none !important;
}

.swal2-puricheck-button:focus,
.swal2-puricheck-button:hover{
  border-color: #0090e7;
}

.swal2-button-success {
  background-color: #0090e7;
  border-color: #0090e7;
}

@media (max-width: 480px) {
  .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini h3 {
    display: none !important;
  }
  
  .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini img{
    display: inline-block !important;
  }

  a.modeltable-create-new-button span,
  .page-card-description,
  .page-card-title {
    display: none;
  }

  a.modeltable-create-new-button { margin-bottom: 5px; }


}