@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);body {
  font-family: "Open Sans", sans-serif;
  background-color: #eeeeee;
}

.br-header {
  height: 50px;
}

@media (min-width: 992px) {
  .collapsed-menu .br-sideleft {
    top: 50px;
  }
}

.br-mainpanel {
  margin-top: 50px;
}

.navicon-left {
  height: 50px;
}

.br-pageheader {
  background-color: white;
}

.br-header-left .input-group {
  border-right: none;
}

.br-logo {
  height: 50px;
  justify-content: center;
}

.br-sideleft {
  top: 50px;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td {
  padding-right: 1.3rem;
}

.cursor-pointer {
  cursor: pointer;
}

.font-size-18 {
  font-size: 18px;
}

.br-section-wrapper {
  padding: 30px;
}

.table.dataTable {
  width: 100% !important;
  margin-bottom: 0;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before {
  display: none !important;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

.br-pagetitle {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

@media (min-width: 992px) {
  .wizard.vertical > .content {
    min-height: 700px;
  }

  .wizard.vertical > .steps {
    width: 21%;
  }

  .wizard.vertical > .content {
    width: 79%;
  }
}

.wizard > .content {
  background-color: #fff;
  border: 1px solid #e9ecef !important;
}

.form-group > .select2 {
  width: 100% !important;
}

.custom-icon {
  color: red;
}

.red {
  color: red;
}

.select2-dropdown {
  z-index: 1050;
}

.ui-datepicker {
  z-index: 1050 !important;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  color: #adb5bd;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background-color: #e9ecef;
  color: #adb5bd;
}

.wizard > .steps .done a .number,
.wizard > .steps .done a:hover .number,
.wizard > .steps .done a:active .number {
  border-color: #adb5bd;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f9f9f9;
}

th,
td {
  white-space: nowrap;
}

div.DTFC_LeftWrapper table.dataTable.no-footer,
div.DTFC_RightWrapper table.dataTable.no-footer {
  border-right: 0;
}

.table thead th,
.table th,
.table td {
  vertical-align: middle;
}

/* width */

::-webkit-scrollbar {
  height: 5px !important;
}

/* Track */

::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */

::-webkit-scrollbar-thumb {
  background: #555555ba;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.presentButtonColor {
  background-color: #23BF08;
  color: #fff;
  border: 1px solid #23BF08;
}

.presentButtonColor:hover {
  background-color: transparent;
  color: #23BF08;
  border: 1px solid #23BF08;
}

.absentButtonColor {
  background-color: #DC3545;
  color: #fff;
  border: 1px solid #DC3545;
}

.absentButtonColor:hover {
  background-color: transparent;
  color: #DC3545;
  border: 1px solid #DC3545;
}

.leaveButtonColor {
  background-color: #0866C6;
  color: #fff;
  border: 1px solid #0866C6;
}

.leaveButtonColor:hover {
  background-color: transparent;
  color: #0866C6;
  border: 1px solid #0866C6;
}

.weekoffButtonColor {
  background-color: #f49915;
  color: #fff;
  border: 1px solid #f49915;
}

.weekoffButtonColor:hover {
  background-color: transparent;
  color: #f49915;
  border: 1px solid #f49915;
}

.lateEntryButtonColor {
  background-color: #6f42c1;
  color: #fff;
  border: 1px solid #6f42c1;
}

.lateEntryButtonColor:hover {
  background-color: transparent;
  color: #6f42c1;
  border: 1px solid #6f42c1;
}

.earlyExitButtonColor {
  background-color: #6f42c1;
  color: #fff;
  border: 1px solid #6f42c1;
}

.earlyExitButtonColor:hover {
  background-color: transparent;
  color: #6f42c1;
  border: 1px solid #6f42c1;
}

.halfDayButtonColor {
  background-color: #343a40;
  color: #fff;
  border: 1px solid #343a40;
}

.halfDayButtonColor:hover {
  background-color: transparent;
  color: #343a40;
  border: 1px solid #343a40;
}

.status {
  font-size: 12px;
  margin: 5px;
}

.container {
  position: relative;
}

.middle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.container:hover .chooseImage {
  transition: 0.5s ease-in-out;
  -webkit-filter: blur(3px) brightness(30%);
          filter: blur(3px) brightness(30%);
}

.container:hover .middle {
  transition: 1s ease-in-out;
  opacity: 1;
}

.middleText {
  top: 50%;
  left: 50%;
  transform: translate(-70%, -50%);
  -ms-transform: translate(-70%, -50%);
}

.container:hover .middleText {
  transition: 1s ease-in-out;
  opacity: 1;
}

.white-background {
  background-color: white !important;
}

textarea {
  resize: none;
}

.card-bg-light {
  background-color: #fff8f1;
  height: 400px;
}

.select2 + ul,
.select2-show-search + ul {
  position: relative;
}

.fc-datepicker + ul {
  position: absolute;
  top: 43px;
}

div.legend div {
  background-color: #fff8f1 !important;
}

.fc-day-grid-event {
  margin-bottom: 5px;
  padding: 5px;
}

.thPadding {
  padding: 0 3% 0 1% !important;
}

.left-0 {
  left: 0 !important;
}

.border-radius-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
  padding: 0.5em;
  padding-right: 1.5em;
}

#nationality {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 85% !important;
  }
}