/**
 *------------------------------------------------------------------------------
 * JOOMLA BASE - Cassiopeia EDIT FRONT END
 *------------------------------------------------------------------------------
 * @website		  j5 base
 * @authors     SKYTRAILS
 * @System      j5
 *------------------------------------------------------------------------------
 */

/*FORMS*/
 .form-control.input-xlarge {
  max-width:21.875rem
}
.form-control.input-xxlarge {
  max-width:34.375rem
}
.form-control.input-full {
  max-width:100%
}
.spacer hr {
  width:23.75rem
}
.form-select,
.custom-select {
  max-width:100%
}
.form-inline .form-select,
.form-inline .custom-select {
  width:auto;
  display:inline-block
}
@media (width<=991.98px) {
  .form-inline .form-select,
  .form-inline .custom-select {
    width:100%
  }
}
td .form-control {
  width:auto;
  display:inline-block
}
.checkboxes {
  padding-top:5px
}
.checkboxes .checkbox input {
  margin-left:0;
  position:static
}
.modal label {
  width:100%
}
.invalid {
  color:#a51f18;
  border-color:#a51f18
}
.valid {
  border-color:#448344
}
.form-control-feedback {
  display:block
}
[role=tooltip]:not(.show) {
  z-index:1070;
  color:#000;
  text-align:start;
  background:#fff;
  border:1px solid #6d757e;
  border-radius:.25rem;
  max-width:100%;
  margin:.5em;
  padding:.5em;
  display:none;
  right:5em;
  box-shadow:0 0 .5rem #000c
}
[role=tooltip]:not(.show)[id^=editarticle-],
[role=tooltip]:not(.show)[id^=editcontact-] {
  margin-inline-start:-10em;
  right:auto
}
[role=tooltip]:not(.show)[id^=id-skip-],
[role=tooltip]:not(.show)[id^=cbunpublish] {
  right:auto
}
:focus+[role=tooltip],
:hover+[role=tooltip] {
  display:block;
  position:absolute
}
.filter-search-bar__description {
  bottom:100%
}
fieldset {
  margin-bottom:2em
}
fieldset+fieldset {
  margin-top:2em
}
fieldset>* {
  margin-bottom:0
}
.control-group {
  margin:1em 0
}
.container-popup .filter-search-bar__description {
  top:100%;
  bottom:auto
}
.com-users-profile__edit #jform_privacyconsent_privacy .radio,
.com-users-profile__edit #jform_profile_tos .radio,
.com-users-profile__edit #jform_terms_terms .radio,
.com-users-registration #jform_privacyconsent_privacy .radio,
.com-users-registration #jform_profile_tos .radio,
.com-users-registration #jform_terms_terms .radio {
  gap:1rem;
  display:inline-flex
}
.btn.jmodedit {
  z-index:900;
  color:var(--link-color);
  background-color:#ffffff80;
  border:1px solid #58595a;
  border-radius:.25rem;
  position:absolute;
  top:0;
  left:auto;
  right:0
}
.icon-white {
  color:#fff
}
.form-group {
  margin-bottom: 1rem !important;
}
/**/
.input-group-text:before {
  min-width:16px
}

/*TABLES*/
.tbody-icon {
  text-align:center;
  background-color:#0000;
  border:0;
  padding:0 3px
}
.tbody-icon [class^=icon-],
.tbody-icon [class*=\ icon-],
.tbody-icon [class^=fa-],
.tbody-icon [class*=\ fa-] {
  color:#ced4da;
  border:2px solid var(--border);
  border-radius:50%;
  width:26px;
  height:26px;
  font-size:1.1rem;
  line-height:22px
}
.tbody-icon .icon-publish,
.tbody-icon .icon-check,
.tbody-icon .fa-check {
  color:#448344;
  border-color:#448344
}
.tbody-icon .icon-checkedout,
.tbody-icon .icon-lock,
.tbody-icon .fa-lock {
  color:#484f56;
  border:0;
  width:auto;
  height:auto;
  font-size:1.2rem;
  line-height:1rem
}
.tbody-icon.home-disabled,
.tbody-icon.featured-disabled,
.tbody-icon.color-featured-disabled,
.tbody-icon.icon-star-disabled,
.tbody-icon.fa-star-disabled {
  cursor:not-allowed;
  opacity:1
}
.tbody-icon .icon-delete,
.tbody-icon .fa-delete,
.tbody-icon .icon-times,
.tbody-icon .fa-times {
  color:#a51f18;
  border-color:#a51f18
}
.plg_system_webauthn_login_button svg {
  width:30px;
  margin:4px
}
.plg_system_webauthn_login_button svg path,
.plg_system_webauthn_login_button svg circle {
  fill:var(--black)
}
iframe {
  border:0
}
.modal iframe {
  width:100%
}
.grid-child {
  width:100%;
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
  display:flex
}
.mod-custom {
  position:relative
}
.system-debug {
  display:block
}
.options-form {
  color:#495057;
  background-color:#fff;
  border:1px solid #b2bfcd;
  width:100%;
  margin-bottom:1rem;
  padding:1vw 2vw
}
.options-form>legend {
  float:none;
  color:#495057;
  background-color:#fff;
  width:auto;
  padding:0 .5rem;
  font-weight:700
}
.modal .btn {
  margin-right:.5rem
}
.modal .btn-primary:not([href]),
.modal .btn-success:not([href]),
.modal .btn-primary:not([href]):hover,
.modal .btn-success:not([href]):hover {
  color:#fff
}
.modal-header {
  padding:0 15px
}
.modal-title {
  font-weight:var(--cassiopeia-font-weight-normal,400);
  line-height:3rem
}
.contentpane {
  padding:15px
}
.contentpane .main-card {
  box-shadow:none;
  margin:-10px
}
joomla-dialog dialog {
  border:1px solid var(--border-color-translucent);
  border-radius:.3rem;
  width:96vw;
  max-width:1700px;
  height:96vh;
  padding:0;
  box-shadow:0 .5rem 1rem #00000026
}
@media (width>=1400px) {
  joomla-dialog dialog {
    width:80vw;
    height:80vh
  }
}
joomla-dialog dialog[open] {
  display:flex
}
joomla-dialog[type=image] dialog {
  width:fit-content;
  height:fit-content
}
joomla-dialog[type=iframe] dialog {
  overflow:hidden
}
joomla-dialog iframe.iframe-content {
  width:100%;
  height:100%
}
joomla-dialog[type=iframe].loading dialog:after,
joomla-dialog[type=ajax].loading dialog:after {
  content:"";
  background:url("../../../../system/images/ajax-loader.gif?v=144b8c") 50% no-repeat;
  width:66px;
  height:66px;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
joomla-dialog dialog[open] {
  animation:.4s dialog-show
}
@media (prefers-reduced-motion:reduce) {
  joomla-dialog dialog[open] {
    animation:none
  }
}
@keyframes dialog-show {
  0% {
    opacity:0;
    transform:translateY(-50px)
  }
  30% {
    opacity:1
  }
  to {
    transform:translateY(0)
  }
}
.joomla-dialog-container {
  box-sizing:border-box;
  flex-flow:column;
  width:100%;
  display:flex;
  position:relative
}
.joomla-dialog-container .buttons-holder {
  justify-content:flex-end;
  align-items:center;
  margin-inline-start:auto;
  display:flex
}
.joomla-dialog-container .buttons-holder button {
  margin-inline:.375rem
}
.joomla-dialog-header {
  border-bottom:1px solid var(--border-color);
  justify-content:space-between;
  align-items:center;
  padding:1rem;
  display:flex;
  position:relative
}
.joomla-dialog-header h3,
.joomla-dialog-header .h3 {
  margin:0
}
.joomla-dialog-header .header-icon {
  margin-inline-end:.375rem;
  font-size:1.75rem
}
.joomla-dialog-header.empty {
  display:none
}
.joomla-dialog-body {
  box-sizing:border-box;
  flex:auto;
  position:relative
}
.joomla-dialog-body .buttons-holder {
  position:absolute;
  top:1rem;
  right:1rem
}
.joomla-dialog-body joomla-dialog[type=inline],
joomla-dialog[type=ajax] .joomla-dialog-body {
  overflow:auto
}
joomla-dialog.loading .joomla-dialog-body {
  opacity:0
}
joomla-dialog.loaded .joomla-dialog-body {
  opacity:1;
  transition:opacity .4s
}
.joomla-dialog-footer {
  border-top:1px solid var(--border-color);
  padding:1rem;
  position:relative
}
.joomla-dialog-footer .buttons-holder button {
  padding-inline:22px
}
.joomla-dialog-footer.empty {
  display:none
}
.joomla-dialog-alert dialog,
.joomla-dialog-confirm dialog {
  width:600px;
  max-width:80vw;
  height:fit-content
}
.joomla-dialog-alert .joomla-dialog-body,
.joomla-dialog-confirm .joomla-dialog-body {
  padding:1rem
}
@media (width>=1400px) {
  .joomla-dialog-content-select-field dialog {
    width:90vw;
    height:90vh
  }
}
.error_site .page-header {
  margin-top:1em
}
/**/

.subhead {
  z-index:1000;
  color:#495057;
  background:#fff;
  width:auto;
  min-height:43px;
  padding:.25rem;
  position:sticky;
  top:0;
  left:0;
  right:0;
  box-shadow:-3px -2px 22px #ddd
}
.subhead .row {
  margin-left:0;
  margin-right:0
}
.subhead.noshadow {
  box-shadow:none
}
.subhead joomla-toolbar-button,
.subhead .btn-group {
  margin-inline-start:.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:.5rem
}
.subhead .btn {
  --subhead-btn-accent:#495057;
  color:#495057;
  background:#fff;
  border-color:#adb5bd;
  margin:5px 0;
  padding:0 1rem;
  font-size:1rem;
  line-height:2.45rem
}
.subhead .btn>span {
  color:var(--subhead-btn-accent);
  display:inline-block
}
.subhead .btn:not([disabled]):hover,
.subhead .btn:not([disabled]):active,
.subhead .btn:not([disabled]):focus {
  color:#ffffffe6;
  background-color:var(--subhead-btn-accent);
  border-color:var(--subhead-btn-accent)
}
.subhead .btn:not([disabled]):hover>span,
.subhead .btn:not([disabled]):active>span,
.subhead .btn:not([disabled]):focus>span {
  color:#ffffffe6
}
.subhead .btn.btn-success {
  --subhead-btn-accent:var(--success)
}
.subhead .btn.btn-danger {
  --subhead-btn-accent:var(--danger)
}
.subhead .btn.btn-primary {
  --subhead-btn-accent:#2a69b8
}
.subhead .btn.btn-secondary {
  --subhead-btn-accent:#001b4c
}
.subhead .btn.btn-info {
  --subhead-btn-accent:#132f53
}
.subhead .btn.btn-action {
  --subhead-btn-accent:#132f53;
  align-items:center;
  display:flex
}
.subhead .btn.btn-action:after {
  content:"";
  border:0;
  width:2.375rem;
  font-family:"Font Awesome 6 Free";
  font-weight:900
}
.subhead .btn[disabled],
.subhead .btn.dropdown-toggle[disabled] {
  --subhead-btn-accent:#132f53;
  opacity:.5;
  background:#dfe3e7cc
}
.subhead .btn[disabled]:hover,
.subhead .btn[disabled]:active,
.subhead .btn[disabled]:focus,
.subhead .btn.dropdown-toggle[disabled]:hover,
.subhead .btn.dropdown-toggle[disabled]:active,
.subhead .btn.dropdown-toggle[disabled]:focus {
  cursor:not-allowed
}
.subhead .dropdown-toggle.btn {
  padding-inline-end:0
}
.subhead .btn-group:not(:last-child)>.dropdown-toggle-split {
  border-radius:0 .25rem .25rem 0;
  order:1;
  margin-inline-start:-.25rem
}
.subhead .dropdown-menu joomla-toolbar-button,
.subhead .btn-group joomla-toolbar-button {
  margin-inline-start:0
}
@media (width<=767.98px) {
  joomla-tab[view=accordion] .col-md-9,
  joomla-tab[view=accordion] .col-md-3 {
    padding:.5rem 1rem!important
  }
  #myTab {
    margin-top:1rem;
    margin-bottom:1.5rem
  }
  joomla-tab[view=accordion] ul li {
    width:100%
  }
  .subhead joomla-toolbar-button,
  .subhead .btn-group,
  .subhead .btn {
    text-align:left;
    width:100%;
    margin-left:0
  }
  .subhead .btn-toolbar>.btn-group,
  .subhead .btn-toolbar>joomla-toolbar-button {
    margin-left:0
  }
  .subhead .btn.btn-action:after {
    text-align:center;
    margin-inline-start:auto
  }
  .subhead .dropdown-toggle-split {
    width:auto
  }
}

/**/
.table th {
  font-weight:500
}
.table thead th {
  white-space:nowrap;
  border-bottom-width:1px
}
.table th,
.table td {
  vertical-align:middle
}
.table th label,
.table td label {
  margin-bottom:0
}

/*11082*/
.btn-group>input {
  border:1px solid #ced4da;
  border-radius:.25rem 0 0 .25rem;
  padding:.5em
}
.btn-group>.btn-group {
  margin-bottom:0
}
.com-content-article ol,
.com-content-article ul {
  overflow:hidden
}
.com-content-category__pagination {
  margin-bottom:1em;
}
small,
.small {
  font-size:.875rem
}