@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
 @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"); 
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css");


/* bootstrap modify */
body {
  background-color: #fafbfe;
}
h3 {
    font-size: 1.75rem;
    color: white;
    }

h4 {
  font-size: 18px;
}

ul {
  margin-bottom: 0px;
}

p {
  margin-bottom: 0px;
}

.dropdown-menu {
  top: 100% !important;
  transform: none !important;
  left: auto !important;
  right: 0px !important;
}

.breadcrumb {
  background-color: transparent;
}
.breadcrumb li {
  font-size: 12px;
}
.breadcrumb li a {
  color: #ffffff;
}
.breadcrumb li.breadcrumb-item.active {
  font-weight: 500;
  color: #333;
}

.card {
  border: none;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #bbbaba;
    text-align: center;
   
    background: #ffffffc4;
    margin-bottom: 11px;
    color: black;
}
.card i {
  font-size: 30px;
  display: block;
  height: 50px;
}

label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
}

.form-control {
  font-size: 14px;
}

.form-check-label {
  font-weight: 400;
}

.form-check-inline {
  padding: 7px 0px;
}

.table th {
  background-color: #f7f7f7;
    padding: 12px 13px;
    text-align: center;
    font-size: 13px;
}
.table td {
      padding: 5px 10px;
    font-size: 14px;
    text-align: center;
}
.table .btn {
  line-height: 18px;
  padding: 5px 10px;
}
.table .action {
  white-space: nowrap;
}

* {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

.flex {
  display: flex;
}