body,
.card,
p,
span {
  font-weight: 400;
  color: #1a1a1a;
  font-family: "Lato", sans-serif; }

.sidebar[data-color="purple"] li.active > a,
.sidebar[data-color="purple"] li.active > a span {
  color: #fff; }

.text-white,
.text-white .card,
.text-white.card,
.text-white p,
.text-white span {
  color: #fff !important; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
thead th,
tfoot th {
  font-family: "Lato", sans-serif;
  letter-spacing: 0.025em;
  text-transform: lowercase; }

thead th,
tfoot th {
  font-weight: 600 !important; }

.nav-item.active p {
  color: #fff; }

h1, .h1 {
  font-size: 2rem; }

h2, .h2 {
  font-size: 1.8rem; }

h3, .h3 {
  font-size: 1.6rem; }

h4, .h4 {
  font-size: 1.4rem; }

h5, .h5 {
  font-size: 1.2rem; }

h6, .h6 {
  font-size: 1rem; }

.bg-img {
  background-image: url("/gpco/img/bg.jpg");
  background-size: cover;
  background-repeat: none;
  height: 100vh; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

body.login-body footer {
  position: absolute !important;
  bottom: 0 !important; }

body.login-body footer a {
  color: #ff7800 !important; }

body.login-body .page-header:after {
  display: none; }

body.login-body h3 {
  text-transform: lowercase;
  font-weight: 300;
  color: #ff7800; }

body.login-body .page-header:before {
  background-color: white; }

@media (max-width: 768px) {
  .xs-hidden {
    display: none; }

  body.login-body {
    background-image: url("/gpco/img/bg.jpg");
    background-size: cover;
    background-repeat: none;
    height: 100vh; }

  body.login-body .page-header:before {
    display: none; }

  body.login-body .card-login {
    background-color: #fff; }

  body.login-body .card-login,
  body.login-body .card-footer {
    border-radius: 15px; }

  body.login-body a {
    color: #fff !important; }

  body.login-body .card-login .card-login-body {
    padding: 1em; } }
.absolute {
  position: absolute !important; }

.bottom {
  bottom: 0 !important; }

.nav.profile-menu .nav-link {
  border-radius: 0 !important;
  padding: 1.5em 1.1em; }

.card-footer .stats i {
  position: relative;
  top: 4px;
  font-size: 16px;
  margin-right: 3px;
  margin-left: 3px; }

.breadcrumb {
  background-color: transparent !important; }

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item span {
  font-size: 1.125rem;
  line-height: 30px;
  padding: 0.625rem 0;
  font-family: "Lato", sans-serif;
  text-transform: lowercase; }

.breadcrumb .breadcrumb-item span {
  font-weight: 500; }

.sidebar .logo .simple-text {
  text-transform: lowercase;
  color: #ff7800;
  font-weight: 300; }

@media (max-width: 768px) {
  .absolute.profile-menu {
    position: relative !important; } }
.click-to-copy {
  transition: all .3s; }

.click-to-copy:hover {
  cursor: pointer;
  transform: translateY(-2px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

div.content input.form-control,
div.content select.form-control {
  background-image: none;
  padding: 0.375rem 0.75rem !important;
  font-size: 1rem;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

div.content label.bmd-label-floating,
div.content .form-group .bmd-label-static {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  font-size: 1em !important; }

div.content .form-group {
  margin-bottom: 0 !important; }

div.content .dataTables_filter {
  text-align: right; }

div.content table {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }

th.sorting:hover,
th.sorting_asc:hover,
th.sorting_desc:hover {
  cursor: pointer; }

th.sorting:after {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.8;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  content: '\f362';
  transform: rotate(90deg); }

th.sorting_asc:after {
  display: inline-block;
  margin-left: 5px;
  opacity: 1;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  content: '\f161'; }

th.sorting_desc:after {
  display: inline-block;
  margin-left: 5px;
  opacity: 1;
  color: #fff;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  content: '\f885'; }

.alert,
.alert span {
  color: #fff !important; }

.sidebar .nav li.active > a {
  background-color: #ff7800;
  color: #fff;
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.12); }

.sidebar .nav li.active > a, .sidebar .nav li.active > a i, .sidebar .nav li.active > a span {
  color: #fff; }