@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,700,900&display=swap");
/* -------- General CSS ---------*/
a {
  color: #484848;
}

a:hover {
  text-decoration: none;
  color: unset;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.bg-dark {
  background-color: #232323;
}

.bg-sky {
  background-color: #627892;
}

.header-hl {
  background: #0000008c;
}

.mini-card {
  border: 1px solid #0c263500;
  padding: 9px;
  text-align: left;
  cursor: pointer;
}

.mini-card:hover {
  border: 1px solid #0c26352b;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}

/* -------- Theme Edits ---------*/
.card {
  background-color: #ffffffd4;
}

.card, .input-group-text, .form-control, .btn {
  border-radius: 0px;
}

.dropdown-item {
  padding: .25rem 1rem;
  font-size: 15px;
}

.myti-page-header {
  background-color: #123b56d1;
}

.myti-page-filters {
  background-color: #203f54a3;
}

.myti-cards-no-records {
  margin-top: 5px;
  background-color: #e6f2ff;
  color: #484848;
  text-align: center;
  font-weight: 700;
  font-size: unset;
  padding: 5px;
}

.myti-card-selectable:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.myti-card-selectable:hover a {
  text-decoration: none !important;
}

#NavBar .navbar-brand {
  background-color: unset !important;
}

#NavBar {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  min-height: 56px !important;
  color: #c2c2c2;
  background-color: #000000db !important;
  background-image: unset !important;
  padding: 5px 10px;
}

#NavBar .nav-link {
  background-color: unset !important;
  border-bottom: 2px solid transparent;
  color: #d0d0d0;
  border-radius: 0px;
}

#NavBar .nav-link:hover {
  color: white;
  border-bottom: 2px solid #4c7aaf;
  -webkit-transition: color 0.5s, border-bottom 0.5s;
  transition: color 0.5s, border-bottom 0.5s;
}

#Dashboard-Mytikas .card .card-header {
  color: #fff;
  background-color: #4c7aaf !important;
  border-radius: 0px;
  border: 1px solid #dddddd57;
}

#Data-Dropdown > .dropdown-item > a > span.float-right > button {
  font-size: 9px !important;
}

.DataRow {
  margin: 0px;
  background-color: #123b56d1;
  text-align: left;
  text-decoration: none;
}

.DataRow-Title {
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-weight: 100;
}

/* --------- Custom ---------*/
body {
  font-family: 'Titillium Web', sans-serif;
  background-image: url(../images/trees.jpg) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#navbar form > .input-group > .position-relative > ul.dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

#Dashboard-Mytikas .Dashboard-Header {
  font-size: 15px;
}

#Dashboard-Mytikas .Dashboard-Header .card-header h4 {
  margin: 0;
  font-weight: bold;
  font-size: 19px;
}

#Dashboard-Mytikas .Dashboard-Header .card-header span {
  font-size: 13px;
}

#Dashboard-Mytikas .Dashboard-Header .card-body > .row {
  border: 1px solid #dee2e6 !important;
}

#Dashboard-Mytikas .Dashboard-Header .card-body .col-icon {
  max-width: 100px;
  background-color: #232322;
  color: #ffffff;
  cursor: pointer;
  line-height: 40px;
}

#Dashboard-Mytikas .Dashboard-Header .card-body .col-title {
  font-size: 15px;
  text-align: left;
}

#Dashboard-Mytikas .Dashboard-Header .card-body .col-title:hover {
  background-color: #627892;
  color: #ffffff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/*# sourceMappingURL=Vamped.css.map */