/* Custom style settings for the CRUD pages: employees, departments, sales */

.card {
  margin: 0 auto; /* Added */
  float: none; /* Added */
  margin-bottom: 10px; /* Added */
}

.custom-card-general {
  margin: auto;
  width: 75%;
}

.card-section {
  background: #f4f4f4;
  padding: 4px;
  margin: 8px 0px 8px 0px;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
}

.card-section label {
  font-weight: bold;
  color: #424242;
}

.card-section .checkbox-custom-text {
  font-weight: 600;
  color: #424242;
}

.card-section-header {
  text-align: center;
  font-weight: 600;
  color: #424242;
}

/* Used to hide and display date and time pickers to create a datetime picker */
#hidden-datetime {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.menu li {
    float: right;
    margin-left: 20px;
}

.list-inline li:last-child {
  float: right;
}

.tab-pane {
  padding-top: 2px;
}

a.go-back-link { color: white; }

@media screen and (max-width: 767px) {
  .custom-card-general { width: 100%; }
}

.pending { color: #4286f4 }
.approved { color: #27d141 }
.not-approved { color: #d12626 }