@import 'base.css';
@import 'common.css';
/* @import "ui-nav.css"; */
/* @import "ui-panel.css"; */
@import 'ui-sidebar.css';
@import 'ui-fileuploader.css';
/* @import "ui-color.css"; */
/* @import "ui-list.css"; */
/* @import "ui-table.css"; */
/*@import "ui-segmctrl.css";*/
/*@import "ui-timeline.css";*/
@import "ui-rating.css";
/*@import "ui-sociallist.css";*/
/*@import "ui-icon-hamburger.css";*/

/* --- bootstrap 5 --- */

:root {
  --bs-body-color: #666;
}

@media (max-width: 768px) {
  header .navbar .ui-sidebar-toggle {
    margin-left: 1.0rem !important;
  }
  .container-fluid.ps-4.pe-4 {
    padding-left: 1.0rem !important;
    padding-right: 1.0rem !important;
  }
  .container-fluid.p-4 {
    padding: 1.0rem !important;
  }
}

.invalid-feedback {
  color: #a94442;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #a94442;
}

.breadcrumb {
  /* padding: 8px 15px; background: #f5f5f5; border-radius: 4px; */
  padding: 0.75rem 1rem;
  background-color: var(--bs-gray-200);
  border-radius: 0.25rem;
}

.btn-group > .btn-group:not(.btn-group:only-child) > .btn-group > .btn {
  border-radius: 0;
}

/* --- yii --- */

.grid-view .tr-inactive,
.grid-view tr[data-system-status='2'] {
  background: #ddd !important;
}
.grid-view .tr-deleted,
.grid-view tr[data-system-status='3'] {
  background: url('../images/bg-pattern-slash.png') #ddd !important;
}

.grid-view .btn-toolbar > * {
  margin-bottom: 5px;
}
.grid-view .btn-toolbar:has(*) {
  margin-bottom: -5px;
}

.detail-view tr th:first-child {
  white-space: nowrap;
  width: 1px;
  width: 30%;
}

/* .detail-view tr td:last-child {
    word-break: break-all;
} */

[role='radiogroup'].d-flex .form-check {
  margin-right: 20px;
}

/* --- kartik --- */

.kv-panel-before .btn-toolbar.float-end {
  justify-content: flex-end;
}
.kv-panel-before .btn {
  white-space: nowrap;
}

.kv-table-header {
  white-space: nowrap;
}

.kv-panel-before .kv-grid-toolbar.float-end > .btn-group {
  margin-left: 10px;
}

.kv-panel-pager > ul {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
}

.dropdown-menu.kv-checkbox-list {
  padding-left: 10px;
  padding-right: 10px;
}

/* growl */

.growl-close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  margin-top: -3px;
}

.growl-close:hover {
  color: #000;
  text-decoration: none;
}

.growl-close:not(:disabled):not(.disabled):focus,
.growl-close:not(:disabled):not(.disabled):hover {
  opacity: 0.75;
}

button.growl-close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.growl-close.disabled {
  pointer-events: none;
}

/* --- jquery-ui --- */

.ui-datepicker .ui-datepicker-title {
  white-space: nowrap;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  margin-left: -4px;
  margin-right: 5px;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  margin-left: 5px;
}

/* --- fancybox --- */

.fancybox-lock .fancybox-overlay {
  overflow-y: auto !important;
}
.fancybox-slide--iframe {
  padding: 44px 0 0;
}

/* --- selectize --- */

.selectize-input {
  padding-right: 35px;
}
.selectize-input > .item {
  white-space: nowrap;
}
.selectize-dropdown {
  width: auto !important;
}
.selectize-dropdown .selectize-dropdown-content .option {
  white-space: nowrap;
}

.selectize-dropdown-content {
  max-height: 250px;
}

/* --- kioskboard --- */

@media only screen and (min-width:767px) {
  #KioskBoard-VirtualKeyboard .kioskboard-row-top {
      padding-bottom: 0; margin-bottom: 0;
  }
  #KioskBoard-VirtualKeyboard .kioskboard-row-bottom {
      padding-top: 0; margin-top: 0;
  }
  #KioskBoard-VirtualKeyboard .kioskboard-row span[class^=kioskboard-key] {
      /* max-width: 6.25%; */
      margin: 5px 5px 10px;
      padding: 5px 5px 15px;
  }
}

/* .input-group .selectize-control.form-control .selectize-input {
  height: 100%;
} */

/* --- --- --- */

/* Bootstrap */
/* .form-group .form-control { display: block; width: 100%; } */
/* .dropdown-menu > li:hover .dropdown-menu { display: block; margin-top: 0; } */

/* .bootstrap-tagsinput .label { font-size: 80%; } */

/* .grid-view { overflow: auto; }
.grid-view .highlight-yellow { background-color: #F4FFBB !important; }
.grid-view .highlight-red { color: #FFF !important; background-color: #DF574D !important; }
.grid-view .highlight-blue { background-color: #E6F3FD !important; }
.grid-view .filters .form-control { width: 100%; }
.grid-view tr[data-system-status='2'] { background: #eee !important; }
.grid-view tr[data-system-status='3'] { background: url('../images/bg-pattern-slash.png') #ddd !important; }
.grid-view tr.disabled { background: url('../images/bg-pattern-slash.png') #f0f0f0 !important; }
.grid-view table > thead > tr > th > a { white-space: nowrap; } */

/* hover */
/*.grid-view table tr[data-value][data-text]:hover { background: #EEE; cursor: pointer; }*/
/* .grid-view table.table-hover > tbody > tr:hover { background: #F4FAFF; } */
/* .grid-view table.table-hover > tbody > tr[class*='highlight']:hover { background: #E6F3FD !important; } */
/* .grid-view table > tbody > tr.selected { background: #E6F3FD !important; cursor: pointer; } */

/* .detail-view tr:hover { background: #F4FAFF !important; } */
/* .detail-view tr th:first-child { white-space: nowrap; width: 1px; width: 30%; } */

/* .bootstrap-tagsinput { display: block; } */
/* .bootstrap-tagsinput input { border: none; } */

/* .progress { position: relative; } */
/* .progress .progress-bar-text { width: 100%; position: absolute; left: 0; top: 0; } */
/* .progress .progress-bar-grey { background-color: #BBB; } */

/* .table-bordered > thead > tr > th, */
/* .table-bordered > thead > tr > td { border-bottom-width: 1px; } */

/* .toolbar-container:not(:empty) { margin-bottom: -5px; } */
/* .toolbar-container > * { margin-bottom: 5px; } */

.panel-footer {
  overflow-x: auto;
}