main {
  padding: 40px 0;
}

.navbar-brand {
  font-size: 30px;
}

#countdown {
  font-weight: 600
}

#countdown li span {
  display: block;
}

#countdown li span {
  font-size: 1.5em;
  font-weight: 700;
}

#countdown li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 0.6em;
  text-transform: uppercase;
}

#scriptstatus {
  display: none;
  font-size: 1em;
}

.subform-title {
  text-transform: uppercase;
}

.form-control:focus {
  box-shadow: none;
  transition: all .1s linear;
  border-color: #000;
  box-shadow: inset 0px 0px 0px 1px #000;
}

@media screen and (max-width: 480px) {
  .navbar-brand {
    font-size: 20px;
  }

  h3.card-title {
    font-size: 1.25rem;
  }

  .alert {
    font-size: 0.8rem;
  }
}

@media (max-width: 575px) {
  .smt {
    margin-top: 6px
  }
}

@media (max-width: 992px) {
  .navbar-nav {
    border-top: 1px solid #eee;
  }
}

#countdown ul {
  margin: 0;
  padding: 0;
}

@media (max-width: 421px) {
  #countdown li {
    font-size: 0.75rem;
    padding: 0.5em;
  }

  .sd-none {
    display: none;
  }
}

.dataTables_length label {
  display: inline-flex;
}

.dataTables_length select {
  margin: 0 7px;
}

.dataTables_filter label {
    display: inline-flex;
}

.dataTables_filter input {
  margin: 0 7px;
}

#datatable_filter {
    text-align: end;
}

table#datatable {
  margin-top: 0.7rem;
}

@media (max-width: 767px) {
  .dataTables_length {
    display: none;
  }
  #datatable_filter {
    text-align: start;
  } 
  #datatable_info {
    text-align: center;
  }
  #datatable_paginate .pagination {
    justify-content: center;
  }
}

.text-right {
  text-align: right;
}

@media (max-width: 365px) {
  .list-records h2 {
      font-size: 1.2rem
  }
}

.list-records .form-inline {
  display: inline-block;
}

.list-records .form-inline input {
  width: 3rem
}

.list-records .action-btn {
  width: 3rem
}

.dashboard .avatar-content {
  font-size: 3rem;
}

.dashboard .avatar {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 0.2rem;
  margin-right: 0.7rem;
}

.dashboard .avatar.cron {
  background: #ea5455a8;
}

.dashboard .avatar.code {
  background: #ffeb3bb8;
}

.dashboard .avatar.user {
  background: #2196f385;
}

@media (max-width: 400px) {
  .dashboard .avatar-content {
    font-size: 2rem;
  }
}

.main-bg {
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

code.language-accesslog.hljs {
  height: 650px;
  overflow: auto;
}