/*******************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/*******************************************************************************************/

:before,
:after {
  box-sizing: border-box;
}

#adminForm table {
  margin: 50px 0;
}

.form-select {
  width: 100%;
}

.js-stools-container-bar {
  padding: 10px 20px;
}

.js-stools-container-bar .btn-toolbar {
  justify-content: flex-end;
}

.js-stools-container-bar .btn-toolbar > * {
  margin: 4px 0;
  margin-inline-end: 8px;
}

.js-stools-container-bar .btn-toolbar .js-stools-btn-clear {
  background-color: #30638d;
  border: 0;
}

.js-stools-container-bar .ordering-select {
  display: flex;
}

.js-stools-container-filters {
  margin-bottom: 20px;
  padding: 0 20px;
  display: none;
}

.js-stools-container-filters-visible {
  grid-gap: 8px;
  background-color: #fff;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  padding: 10px 10px 0;
  display: flex;
}

.js-stools-container-filters > * {
  margin: 4px 0;
  margin-inline-end: 8px;
}

.js-stools-field-list + .js-stools-field-list {
  margin-inline-start: 8px;
}

.js-stools-field-selector .form-select {
  width: 100%;
}

.js-stools-container-bar .btn-primary {
  width: auto;
  text-transform: capitalize;
}

.ms-auto {
  margin-left: auto !important;
}

.btn-toolbar {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.btn-group,
.btn-group-vertical {
  vertical-align: middle;
  display: inline-flex;
  position: relative;
}

.input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.btn-toolbar .input-group {
  width: auto;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .custom-select,
.input-group > .form-floating,
.js-stools-field-list > .form-select {
  flex: auto;
  position: relative;
  height: 40px;
  padding: 5px 15px;
}

#filter_search-desc {
  display: none;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
}

.icon-search::before {
  content: "\f002";
  font-size: 16px;
}

.icon-angle-down:before {
  content: "\f107";
  font-size: 18px;
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-upload:before {
  content: "\f093";
}

.icon-folder:before {
  content: "\f07b";
}

.icon-search-plus:before {
  content: "\f00e";
}

.icon-lock:before {
  content: "\f023";
}

.input-group {
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

/***********************************************************************************/
/*   Media manager
/***********************************************************************************/

.contentpane.modal {
  background-color: #fff;
}

.media-sidebar .media-drive,
.media-main {
  border: 1px solid #eee;
}

.media-main .media-toolbar {
  border-bottom: 1px solid #eee;
  border-inline-start: 1px solid #eee;
}

.file-background,
.folder-background {
  background-color: hsl(214, 20%, 97%);
  border: 1px solid hsl(214, 35%, 95%);
}

.media-browser-item [class^="icon-"],
.media-browser-item [class*=" icon-"] {
  width: auto;
}

.media-browser-select {
  content: "";
  opacity: 0;
  background-color: #000c;
  border: 2px solid #fff;
  border-radius: 0.25rem;
  width: 2.002rem;
  height: 2.002rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  box-shadow: inset 0 0 #fff;
}

.media-browser-select:after {
  font-family: "FontAwesome";
  font-size: 18px;
  content: "\f00c";
}

.media-browser-actions {
  display: none;
}

.icon-ellipsis-h:before {
  font-family: "FontAwesome";
  font-size: 18px;
  content: "\f141";
}

.subhead {
  z-index: 1000;
  color: #495057;
  background: #fff;
  width: auto;
  min-height: 43px;
  padding: 0.25rem;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: -3px -2px 22px #ddd;
  margin: -20px;
}

.subhead .row {
  margin-left: 0;
  margin-right: 0;
}

.subhead.noshadow {
  box-shadow: none;
}

.subhead joomla-toolbar-button,
.subhead .btn-group {
  margin-inline-start: 0.75rem;
}

.subhead joomla-toolbar-button:first-child,
.subhead .btn-group:first-child {
  margin-inline-start: 0;
}

.subhead joomla-toolbar-button .btn > span,
.subhead joomla-toolbar-button .dropdown-item > span {
  text-align: center;
  width: 1.25em;
  margin-inline-end: 0.5rem;
}

.subhead .btn {
  border: none;
  margin: 5px 0;
  padding: 0 1rem;
  font-size: 12px;
  line-height: 2.45rem;
  color: #fff;
}

.subhead .btn-info:hover,
.subhead .btn-success:hover {
  background-color: #37b373;
  color: #ffffff;
}

.subhead .btn-danger:hover {
  background-color: #bd362f;
}

.subhead .btn > span {
  display: inline-block;
}

.subhead .btn:not([disabled]):hover,
.subhead .btn:not([disabled]):active,
.subhead .btn:not([disabled]):focus {
  color: #ffffff;
}

.subhead .btn:not([disabled]):hover > span,
.subhead .btn:not([disabled]):active > span,
.subhead .btn:not([disabled]):focus > span {
  color: #ffffff;
}

.subhead .btn.btn-action:after {
  content: "";
  border: 0;
  width: 2.375rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.subhead .dropdown-toggle.btn {
  padding-inline-end: 0;
}

.subhead .btn-group:not(:last-child) > .dropdown-toggle-split {
  border-radius: 0;
  order: 1;
  margin-inline-start: -0.25rem;
}

.subhead .dropdown-menu joomla-toolbar-button,
.subhead .btn-group joomla-toolbar-button {
  margin-inline-start: 0;
}
