.content-page .reservation-title #inline-datepicker {
  line-height: 60px !important;
  height: 60px !important;
}

#inline-datepicker {
  font-size: 22px;
  border: 0px solid transparent !important;
  max-width: 200px;
  text-align: center;
  line-height: 60px;
  display: inline;
}

.reservation-title {
  font-size: 22px;
  text-align: center;
  background: #FFF;
  margin-bottom: 30px;
  line-height: 60px;
}

.reservation-title .icon-left, .reservation-title .icon-right {
  font-size: 32px;
  background: #0089d0;
  color: #FFF;
  width: 60px;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
}

.reservation-title .icon-left {
  float: left;
}

.reservation-title .icon-right {
  float: right;
}

.productStatus .productHistory {
  display: none;
}

.productStatus:hover .productHistory {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
}

.product-image {
  width: 100%;
  background: transparent no-repeat center/contain;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-image:after {
  content: "";
  display: block;
  height: 0;
  padding-bottom: 100%;
}

.product-image .product-image-icon {
  font-size: 3em;
}

.product-image .product-image-close {
  padding: 0.25em;
  position: absolute;
  font-size: 0.8em;
  top: -0.5em;
  right: 0.5em;
  line-height: 1em;
}

.product-image .product-image-close > i {
  width: 1em;
  height: 1em;
  text-align: center;
}

.product-image.product-image-drag-location {
  background:rgba(206,212,218,.2);
  border: 1px dashed #b6bcbf;
}

.product-image-container.ui-sortable-handle {
  cursor: move;
}

.language-dropdown {
  min-width: 0;
  padding: 5px;
}

.language-dropdown > .dropdown-item {
  padding: 6px 10px;
}

.notification-list .notify-item .notify-icon {
  color: inherit;
  font-size: 36px;
}

.page-title-box {
  padding: 1em 0;
}

.page-title-box .page-title {
  padding: 0;
  line-height: 38px;
}

.breadcrumb {
  padding: 0;
  line-height: 38px;
}

a.filter-menu-item-input .filter-menu-item-input-group-holder {
  display: inline-block;
  vertical-align: middle;
}

a.filter-menu-item {
  height: 38px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 38px;
}

a.filter-menu-item-input .form-control,
a.filter-menu-item-select .select2-container .select2-selection--single .select2-selection__rendered,
a.filter-menu-item-select .select2-container .select2-selection--single .select2-selection__placeholder {  
  color: #323a46;
  font-weight: 500;
  font-family: "Cerebri Sans,sans-serif";
}

.dashboard-dark-mode a.filter-menu-item-input .form-control,
.dashboard-dark-mode a.filter-menu-item-select .select2-container .select2-selection--single .select2-selection__rendered,
.dashboard-dark-mode a.filter-menu-item-select .select2-container .select2-selection--single .select2-selection__placeholder {  
  color: #dee2e6;
}

a.filter-menu-item-input,
a.filter-menu-item-select {
  padding: 0;
}

a.filter-menu-item-input:hover,
a.filter-menu-item-input.active,
a.filter-menu-item-select:hover,
a.filter-menu-item-select.active {
  background: none;
}

a.filter-menu-item-select .select2-container {
  display: inline-block;
}

a.filter-menu-item-select.active .select2-container .select2-selection--single {
  background-color: #0089d0;
  border-width: 0;
}

a.filter-menu-item-select.active .select2-container .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.card-header-flex {
  min-height: 4rem;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
}
.card-header {
  background: transparent !important;
}
.card-title {
  color: #0089d0;
  font-weight: 100;
  font-size: 16px;
}
/* If card is expanded then change plus to minus sign */
.card a[aria-expanded="true"]>i.mdi-plus:before {
  content: "\F374";
}

.handlebars-template {
  display: none;
}

.select2-container {
  display: block;
}

.swal-icon-only {
  width: 20em;
}

.swal-icon-only .swal2-icon {
  margin: 1.875em;
  zoom: 2;
}

.alignment-fix-user-type {
  vertical-align: sub; 
}

.tooltip-inner {
    max-width: 350px;
}

.invalid-feedback {
	display: block;
}

.empty-feedback {
	display: none;
}

.form-control.invalid {
	border-color: #dc3545;
}

.datatable-action-icon {
  cursor: pointer;
}

.card-header > h1,
.card-header > h2,
.card-header > h3,
.card-header > h4,
.card-header > h5,
.card-header > h6 {
  display: inline-block;
}

.list-group-item.disabled, .list-group-item:disabled {
  background-color: rgba(0,0,0,.0625);
}

.list-group-flush .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-flush .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush .list-group-item-first-enabled {
  border-top: 0;
}

.list-group-flush .list-group-item-last-enabled {
  border-bottom: 0;
}

.list-group-item.active {
  border-color: rgba(0,0,0,.125);
}

.badge-list-group {
    color:#fff;
    background-color:#0089d0
}

.list-group-item.active .badge-list-group {
    color: rgb(52, 58, 64);
    background-color: rgb(241, 245, 247);
}

.custom-control.user-right-checkbox {
  padding: 0;
}

#sidebar-menu > ul > li > ul > li > a i {
    display: inline-block;
    line-height: 1.0625rem;
    margin: 0 6px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

#sidebar-menu-right > ul > li > a {
  color: #6e768e;
  display: block;
  padding: 13px 20px;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-family: "Cerebri Sans,sans-serif";
  font-size: 0.95rem; }
  #sidebar-menu-right > ul > li > a:hover, #sidebar-menu-right > ul > li > a:focus, #sidebar-menu-right > ul > li > a:active {
    color: #00acc1;
    text-decoration: none; }
  #sidebar-menu-right > ul > li > a > span {
    vertical-align: middle; }
  #sidebar-menu-right > ul > li > a i {
    display: inline-block;
    line-height: 1.5rem;
    margin: 0 10px 0 3px;
    text-align: center;
    position: absolute;
    right: 20px;
    vertical-align: middle;
    width: 20px; }
  #sidebar-menu-right > ul > li > a .drop-arrow-right {
    float: right; }
    #sidebar-menu-right > ul > li > a .drop-arrow-right i {
      margin-right: 0; }

#sidebar-menu-right > ul > li > a.active {
  color: #00acc1; }

#sidebar-menu-right > ul > li > ul {
  padding-left: 40px; }
  #sidebar-menu-right > ul > li > ul ul {
    padding-left: 20px; }

#sidebar-menu-right .menu-arrow {
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s;
  display: inline-block;
  font-family: 'Material Design Icons';
  text-rendering: auto;
  line-height: 1.5rem;
  font-size: 1.1rem;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }
  #sidebar-menu-right .menu-arrow:before {
    content: "\F141"; }

#sidebar-menu-right .badge {
  margin-top: 4px; }

#sidebar-menu-right li.active > a > span.menu-arrow {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }


/* USER LIST */
tr.clickable-row:hover {
  cursor: pointer;
  background-color: #f5f5f5 !important;
}

/* DETAILS LIST */
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #ced4da;
            box-shadow:  0px 0px 0px 0px #ced4da;
}

legend.scheduler-border {
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
}

img.product-image-preview {
  width: auto;
  height: auto;
  max-width: 100px;
  max-height: 100px;
}

.authentication-bg .btn-primary {
  background-color: #71173a;
  border-color: #71173a;
}

body.authentication-bg-pattern {
  background-image: url('../images/background-image-dark.jpg');
  background-color: #71173a;
}

body.authentication-bg-pattern .subtitle {
  color: #94A0AD;
  text-transform: uppercase;
  border: 1px solid #8C98A5;
  padding: 15px 0;
  position: relative;
}

.auth-logo .logo img {
  height: 70px;
}

.beta-tag {
  font-size: 11px;
  color: #e10000;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
}