.select2-results__option--selectable {
  min-height: 33px;
}

.panel-actions {
  margin-top: -20px;
  margin-bottom: 0;
  text-align: right;
}

.panel-actions a {
  color: #333;
}

.panel-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.page-main-content-toggle {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1050;
  background: #f1f5f9 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #ececec;
  opacity: 1;
}

.matched-tenant {
  color: #02a8b5 !important;
}
.logo-lg img {
  height: 50px !important;
}

.tenant-dropdown {
  overflow-y: auto;
  height: 400px;
}
.datepicker {
  padding: 0px !important;
}
.menu-current-item {
  color: #0abde3 !important;
}

.tabulator-row.tabulator-group {
  border-right: none !important;
}

#sidebar-menu .menu-title {
  background-color: #dedede;
}
.bgwhite {
  background-color: #fff !important;
}

.white {
  color: #fff;
}

#tooltip-container {
  display: inline;
}

.nav-second-level {
  padding-left: 0px !important;
}

.nav-third-level {
  padding-left: 3px !important;
}

.menu-item {
  font-size: 14px !important;
  color: #444 !important;
  display: flex!important;
  align-items: center;
}

.menu-item i {
  line-height: 1.0625rem !important;
  text-align: center !important;
  font-size: 16px !important;
}

.text-download {
  color: #3b82da;
  text-decoration: underline;
  font-size: 15px;
}

/*hannv88
    I did fix an error scroll down and remove background behind the table.
    Because table contain many rows data
  */
.tabulator-table {
  transition: unset !important;
}

#load-screen {
  width: 100%;
  height: 100%;
  background: url('/images/loading.gif') no-repeat center center #343a40;
  position: fixed;
  opacity: 0.5;
  z-index: 999999999999999;
  display: none;
}

.display-none {
  display: none !important;
}

.invalid-input {
  border-color: #f1556c;
  padding-right: calc(1.5em + 0.9rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f1556c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1556c' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.225rem) center;
  background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

.valid-input {
  border-color: #1abc9c;
  padding-right: calc(1.5em + 0.9rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231abc9c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.225rem) center;
  background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

.modal-blur {
  opacity: 0.1;
}

.navbar-custom,
.logo-box {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}
#sidebar-menu > ul > li > a {
  color: #444;
  font-size: 13px;
}
body[data-sidebar-size='condensed']
  .left-side-menu
  #sidebar-menu
  > ul
  > li
  > a
  i {
  font-size: 1.2rem;
  margin-right: 20px;
  margin-left: 5px;
  position: unset;
  display: inline;
}
.btn-primary {
  border-color: #2f82a0;
  background-color: #2f82a0;
}
.btn-primary:hover {
  color: #fff;
  background-color: #2e5969;
  border-color: #2e5969;
}
#side-menu > li > a > span {
  font-weight: bold;
}
#content-page {
  padding: 0px !important;
}
#swal2-content ul {
  padding: 0px;
}
#swal2-content ul li {
  list-style: none;
}
.cover-img {
  width: 230px;
  height: 230px;
  object-fit: cover;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidebar-header {
  background: rgba(255, 0, 0, 0.1);
  width: 100%;
}
.sidebar-header-item {
  cursor: pointer;
}
.sidebar > .sidebar-body {
  width: 250px;
}
#change-avatar-btn {
  cursor: pointer;
}