/* OSAFW theme adaptation CSS */

/* TOASTS */
#toast-container .toast {
  background-color: #edf2f9;
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05) !important;
  opacity: 1 !important;
  border: 0 !important;
  padding: 13px 16px 13px 50px !important;
}

#toast-container .toast .toast-close-button {
  font-size: 1rem !important;
  text-shadow: none;
  font-weight: 300 !important;
}

#toast-container .toast .toast-progress {
  height: 0.125rem !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1 !important;
}

#toast-container .toast-success {
  background-color: var(--falcon-success);
}

#toast-container .toast-error {
  background-color: var(--falcon-danger);
}

#toast-container .toast-info {
  background-color: var(--falcon-info);
}

#toast-container .toast-warning {
  background-color: var(--falcon-warning);
}

/* SEARCH BOX WITHOUT JS EVENT*/
.ofw-search-box {
  position: relative;
}

.ofw-search-box .search-input {
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1.7;
  border-radius: 50rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ofw-search-box .search-box-icon {
  position: absolute;
  color: var(--falcon-400);
  top: 50%;
  left: 0.9rem;
  -webkit-transform: translateY(-48%);
  -ms-transform: translateY(-48%);
  transform: translateY(-48%);
}

/* ERRORS */
#fw-form-msg {
  display: none; /* form messages converted to toasters, see site.js*/
}

form .required:before {
  content: "*";
  color: var(--falcon-danger);
  font-family: monospace;
  line-height: 1.2;
}

form [class^='err-'] {
  display: none;
}

form .has-danger input, form .has-danger select {
  border-color: var(--falcon-danger);
}

form .has-danger label {
  color: var(--falcon-danger);
}

/* FORMS */
.form-control,
.form-select {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.col-form-label {
  overflow-wrap: normal;
}

@media (min-width: 768px) {
  form label:not(:last-child) {
    text-align: right;
  }
}

.form-check {
  margin-bottom: 0.125rem;
}

.form-check-input {
  background-color: #fff;
}

.form-check-label {
  margin-bottom: 0;
}

/* MODALS */
.modal-title {
  line-height: 1;
  font-size: 1rem;
}

.modal-header .btn-close {
  font-size: 75%;
}

/* DOUBLE MODAL */
.modal-backdrop.fade.show + .modal-backdrop.fade.show {
  z-index: 1056;
}

.modal.fade.show + .modal.fade.show {
  z-index: 1057;
}

/* TABLES */
table.table-sm.list thead th,
table.table-sm.list tbody th,
table.table-sm.list tbody td {
  vertical-align: middle;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

table.list th[data-sort].active-sort .fa-sort {
  display: none;
}

table.list th[data-sort] {
  cursor: pointer;
}

table.list th[data-sort]:hover,
table.list th a:hover {
  color: var(--falcon-primary) !important;
}

.table-hover tbody tr:hover > * {
  color: var(--falcon-900);
  --falcon-table-accent-bg: var(--falcon-200);
}

/* filter inputs */
table.list tr.search {
  display: none;
}

table.list tr.search > th {
  padding-top:0;
}

/* scrollable */
.scrollable .data-header {
  position: fixed;
  overflow: hidden;
  background-color: #fff;
  top:4.25rem !important;
  z-index: 10;
}

.scrollable .data-header table{
  margin-bottom: 0;
  max-width: none;
  width: auto;
}

/* UPLOADS AND ATT*/
.btn-fileinput {
  overflow: hidden;
  position: relative;
}
  .btn-fileinput input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    min-width: 100%;
    min-height: 100%;
  }

#modal-att a.thumbnail {
  overflow: hidden;
  border:0;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

  -webkit-transition: -webkit-box-shadow .15s ease-in-out;
  transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

#modal-att  a.thumbnail:hover {
  border: 0;
  -webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07) !important;
}

#modal-att .thumbs .title {
  background-color: rgba(11, 23, 39, 0.8);
  color: #fff;
  font-size: 0.83333rem;
  text-align: center;
  left: 0;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.25rem 0.75rem;
}

/* DROPDOWN */
.dropdown-menu {
  padding: 0.75rem 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  --falcon-dropdown-link-hover-color: var(--falcon-1000);
  --falcon-dropdown-link-hover-bg: var(--falcon-200);
}

/* BUTTONS */
.btn-default {
  color: var(--falcon-btn-falcon-default-color);
  background-color: var(--falcon-100);
  border-color: var(--falcon-300);
}

.btn-default:hover, .btn-default:focus, .btn-default:active {
  color: var(--falcon-btn-falcon-default-hover-color);
  background-color: var(--falcon-200);
}

.btn-white {
  color: var(--falcon-btn-falcon-default-color);
  background-color: var(--falcon-white);
  border-color: var(--falcon-300);
}

.btn-white:hover, .btn-white:focus, .btn-white:active {
  color: var(--falcon-btn-falcon-default-hover-color);
  background-color: var(--falcon-200);
}

.btn-falcon-shadow {
  box-shadow: var(--falcon-btn-falcon-box-shadow);
}

.btn-falcon-shadow:hover:not(.disabled):not(:disabled),
.btn-falcon-shadow:focus:not(.disabled):not(:disabled) {
  box-shadow: var(--falcon-btn-falcon-hover-box-shadow);
}

/* FALCON OVERRIDES */
/* .navbar-top {
  min-height: auto;
} */

:root {
  --falcon-pagination-border-color: var(--falcon-input-border-color);
  }

.footer {
  position:relative;
}

.btn-group>.btn-check + label {
  margin: 0;
}

.btn-group>.btn-check + label.btn-falcon-default.active {
  color: var(--falcon-btn-falcon-default-hover-color);
  -webkit-box-shadow: var(--falcon-btn-falcon-box-shadow);
  box-shadow: var(--falcon-btn-falcon-box-shadow);
}

.bg-card {
  background-repeat: no-repeat;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

.navbar-vertical .navbar-collapse .navbar-vertical-content {
  padding: 0.5rem 1rem;
}

/* MISC */
.w-1 {
  width: 1%;
}

/* PRINT */
@media print {
  body {
    background-color: #fff;
  }

  body > main > .container-fluid  {
    padding-left: 0;
    padding-right: 0;
  }

  footer {
    display: none;
  }

  .card {
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .navbar-top.navbar-expand-lg,
  .navbar-vertical.navbar-expand-lg,
  #FFilter,
  .btn-std,
  #list-btn-multi
  {
    display: none !important;
  }

  .navbar-vertical.navbar-expand-lg + .content {
    margin-left: 0 !important;
  }

  .table-striped > tbody > tr:nth-of-type(odd) > td {
    /* background-color: #f9f9f9 !important; */
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* COMPONENTS (move to components templates?) */

/* Datepicker */
.datepicker.dropdown-menu {
  color: var(--falcon-body-color);
  padding: 0.5rem;
}

/* Markdown Editor adjustments*/
.md-editor .md-footer, .md-editor>.md-header {
  background: var(--falcon-200) !important;
}

.md-editor>.md-header.btn-toolbar .btn {
  box-shadow: none !important;
}

.md-editor .md-control.md-control-fullscreen,
.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
  color: var(--falcon-600) !important;
  /* font-size: 85%; */
}

.md-editor .md-control.md-control-fullscreen:hover,
.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
  color: var(--falcon-1000) !important;
}

.md-editor.md-fullscreen-mode .md-header {
  top: 10px !important;
}

.md-editor .md-header.btn-toolbar .btn-group {
  margin-right: 0.25rem !important;
}

.md-editor .md-header.btn-toolbar .btn.btn-default {
  color: var(--falcon-800) !important;
  border: 1px solid var(--falcon-300) !important;
  background-color: #fff !important;
  font-size: 75%;
}

.md-editor .md-header.btn-toolbar .btn.btn-default:hover,
.md-editor .md-header.btn-toolbar .btn.btn-default:focus,
.md-editor .md-header.btn-toolbar .btn.btn-default.active {
  color: var(--falcon-1000) !important;
  background-color: var(--falcon-300) !important
}