* {
  font-family: Arial, Helvetica, sans-serif !important;
}
.resume {
  border: 1px solid #B22625;
}

html {
  font-size: 1rem;
}

.custom .row:before, .custom .row:after {display: none !important;}

.custom label {
  font-weight: 400;
}

.custom table, .custom th, .custom td {
  border: 0;
  text-align: left;
}

/* .table-lg>tbody>tr>td, .table-lg>tbody>tr>th, .table-lg>tfoot>tr>td, .table-lg>tfoot>tr>th, .table-lg>thead>tr>td, .table-lg>thead>tr>th {
  padding: 14px;
} */

.custom .form-check-input {
  margin-left: -1.25rem;
}

.custom .btn-primary.focus, .custom .btn-primary:focus {
  background-color: #b22625;
  border-color: #b22625;
}

.custom .btn-link:focus {
  color: #B22625;
}

#vg_footer_wrapper {
  font-size: 12.8px;
}

.candidate, .card-header, .order, .invoice {
  cursor: pointer;
}

.star_label {
  font-size:60px;
  color:#ccc;
}

.star_label_small {
  color:#ccc;
  font-size: 1.2rem;
  margin-right: 2px;
}

.selected {
  color:#B22625;
}

.columns {
  columns: 3 100px;
}

.skills {
  font-size: .7rem;
  list-style-type: none;
}

.skills-cat {
  font-weight: bold;
}

.custom .compress {
  margin-bottom: 0;

}

.custom hr.big {
  border-width: 4px;
  border-color: #b22625;
}

.table_wrapper {
  overflow: auto;
  max-height: 250px;
}

.order, .invoice, .timesheet {
  cursor: pointer;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;

  display:flex;
  align-items:center;
}

.large-heading {
  font-size: 4em;
}

.center_div{
    margin: 0 auto;
    width:75%;
}

.check-control ~ .check-detail {
  height: 0;
  overflow: hidden;
  -webkit-transition: height, 0.25s ease;
  -moz-transition: height, 0.25s ease;
  -ms-transition: height, 0.25s ease;
  -o-transition: height, 0.25s ease;
  transition: height, 0.25s ease;
}

.check-control:checked ~ .check-detail {
  height: 200px;
  /* overflow: hidden; */
  -webkit-transition: height, 0.25s ease;
  -moz-transition: height, 0.25s ease;
  -ms-transition: height, 0.25s ease;
  -o-transition: height, 0.25s ease;
  transition: height, 0.25s ease;
}

.custom input:invalid:not(.novalidate) {
  border-bottom: 2px solid #B22625;
  border-bottom-color: #B22625 !important;
}

.custom input.clean:invalid:not(.novalidate) {
  border-bottom: 1px solid #ced4da;
  border-bottom-color: #ced4da !important;
}

.custom input.dirty:invalid:not(.novalidate) {
  border-bottom: 2px solid #B22625;
  border-bottom-color: #B22625 !important;
}

.custom input.dirty:valid:not(.novalidate) {
  border-bottom: 2px solid #28a745;
  border-bottom-color: #28a745 !important;
}

.custom textarea:invalid:not(.novalidate) {
  border-bottom: 2px solid #B22625;
  border-bottom-color: #B22625 !important;
}

.custom textarea.clean:invalid:not(.novalidate) {
  border-bottom: 1px solid #ced4da;
  border-bottom-color: #ced4da !important;
}

.custom textarea.dirty:invalid:not(.novalidate) {
  border-bottom: 2px solid #B22625;
  border-bottom-color: #B22625 !important;
}

.custom textarea.dirty:valid:not(.novalidate) {
  border-bottom: 2px solid #28a745;
  border-bottom-color: #28a745 !important;
}

.modal_body {
  flex: 1 0 auto;
}

.modal_footer {
  flex: none;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  padding-top: 100px; /* Location of the box */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 80%;
}

.modal-prompt {
  height: 25%;
}

/* calendar colors */
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #B22625 !important;
}

.flatpickr-months .flatpickr-month, .flatpickr-monthDropdown-months, .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background: #b22625 !important;
  background-color: #b22625 !important;
}

.flatpickr-weekdays, .flatpickr-weekdaycontainer, span.flatpickr-weekday {
  background: #b22625 !important;
  background-color: #b22625 !important;
  color: #fff !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #b22625 !important;
  background-color: #b22625 !important;
}
