/**
 *------------------------------------------------------------------------------
 * 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
}




/*////////////////////////////////////////////////////

-              JOOM ALERT SYSTEM
////////////////////////////////////////////////////*/

#system-message-container {
  padding: 30px auto;
}
  /*JOOM ALERT*/
  joomla-alert {
    --jui-alert-min-width: 250px;
    --jui-alert-padding: .5rem 1.25rem;
    --jui-alert-margin: 0 0 1rem 0;
    --jui-alert-border: 1px solid transparent;
    --jui-alert-border-radius: .25rem;
    --jui-alert-animation-duration: .5s;
    --jui-alert-animation-timing-function: ease-in-out;
    --jui-alert-button-color-dark: #000;
    --jui-alert-button-color-light: #fff;
    --jui-alert-success-color: #234423;
    --jui-alert-success-background-color: #d9e6d9;
    --jui-alert-success-border-color: #cadcca;
    --jui-alert-success-link-color: #122212;
    --jui-alert-info-color: #0c5460;
    --jui-alert-info-background-color: #d1ecf1;
    --jui-alert-info-border-color: #bee5eb;
    --jui-alert-info-link-color: #062c33;
    --jui-alert-warning-color: #7d5a29;
    --jui-alert-warning-background-color: #fcefdc;
    --jui-alert-warning-border-color: #fbe8cd;
    --jui-alert-warning-link-color: #573e1c;
    --jui-alert-danger-color: #712b29;
    --jui-alert-danger-background-color: #f7dddc;
    --jui-alert-danger-border-color: #f4cfce;
    --jui-alert-danger-link-color: #4c1d1b;
    display: block;
    min-width: 250px;
    padding: 0.5rem 1.25rem;
    margin: 0 0 1rem 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  /*
  joomla-alert .joomla-alert--close {
    position: relative;
    top: -0.5rem;
    right: -1.25rem;
    float: right;
    padding: 0.2rem 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0  #fff;
    background: transparent;
    border: 0;
    opacity: 0.5;
  }*/
  
  joomla-alert .joomla-alert--close:hover,
  joomla-alert .joomla-alert--close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.75;
  }
  
  joomla-alert[type=success] {
    color:#234423;
    background-color: #d9e6d9;
    border-color: #cadcca;
  }
  
  joomla-alert[type=success] hr {
    border-top-color: #cadcca;
  }
  
  joomla-alert[type=success] .alert-link {
    color: #122212;
  }
  
  joomla-alert[type=info] {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }
  
  joomla-alert[type=info] hr {
    border-top-color: #bee5eb;
  }
  
  joomla-alert[type=info] .alert-link {
    color:  #062c33;
  }
  
  joomla-alert[type=warning] {
    color: #7d5a29;
    background-color: #fcefdc;
    border-color: #fbe8cd;
  }
  
  joomla-alert[type=warning] hr {
    border-top-color: #fbe8cd;
  }
  
  joomla-alert[type=warning] .alert-link {
    color: #573e1c;
  }
  
  joomla-alert[type=danger] {
    color:#712b29;
    background-color: #f7dddc;
    border-color:  #f4cfce;
  }
  
  joomla-alert[type=danger] hr {
    border-top-color: #f4cfce;
  }
  
  joomla-alert[type=danger] .alert-link {
    color: #4c1d1b;
  }
  
  html[dir=rtl] joomla-alert .joomla-alert--close,
  html[dir=rtl] joomla-alert .joomla-alert-button--close {
    right: auto;
    left: -1.25rem;
    float: left;
  }
  
  @-webkit-keyframes joomla-alert-fade-in {
    0% {
      opacity: 0;
    }
  }
  
  @keyframes joomla-alert-fade-in {
    0% {
      opacity: 0;
    }
  }
  @-webkit-keyframes joomla-alert-fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes joomla-alert-fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    joomla-alert {
      -webkit-animation-duration: 1ms !important;
              animation-duration: 1ms !important;
    }
  }
  
  /*Joom alert min css*/
  #system-message-container:empty {
   display:none;
   margin-top:0
  }
  #system-message-container joomla-alert {
   background-color:#fff;
   border:1px solid transparent;
   border-radius:.25rem;
   color: darkgray;
   display:flex;
   margin-bottom:0;
   min-width:16rem;
   padding:0;
   position:relative;
   transition:opacity .15s linear;
   width:100%
  }
  #system-message-container joomla-alert+* {
   margin-top:1rem
  }
  #system-message-container joomla-alert .alert-heading {
   align-content:center;
   background:transparent;
   color:var(--alert-heading-text);
   display:flex;
   flex-direction:column;
   justify-content:center;
   padding:.8rem
  }
  #system-message-container joomla-alert .alert-heading span {
    height: 1.2em;
    width: 1.2em;
   }
  #system-message-container joomla-alert .alert-heading span:before {
    background-size:100%;
    content:"";
    display:inline-block;
    height: 1.2em;
    width: 1.2em;
    background-repeat: no-repeat;
   }
  #system-message-container joomla-alert .alert-heading .message:before,
  #system-message-container joomla-alert .alert-heading .success:before {
   background-image:url("data:image/svg+xml,%3Csvg fill='%2353a37f' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M50,0c13.8,0,26.31,5.6,35.36,14.65,9.05,9.05,14.65,21.55,14.65,35.36s-5.6,26.31-14.65,35.36c-9.05,9.05-21.55,14.65-35.36,14.65s-26.31-5.6-35.36-14.65C5.6,76.31,0,63.81,0,50S5.6,23.69,14.65,14.65C23.69,5.6,36.19,0,50,0h0Zm28.29,21.71c-7.24-7.24-17.24-11.71-28.29-11.71s-21.05,4.48-28.29,11.71c-7.24,7.24-11.71,17.24-11.71,28.29s4.48,21.05,11.71,28.29c7.24,7.24,17.24,11.71,28.29,11.71s21.05-4.48,28.29-11.71c7.24-7.24,11.71-17.24,11.71-28.29s-4.48-21.05-11.71-28.29Z'/%3E%3Cpath d='M38.84,47.97l6.49,6.49,18.28-18.28c4.27-4.27,11.34,2.8,7.07,7.07l-22.88,22.88c-1.36,1.36-3.59,1.36-4.95,0l-11.09-11.09c-4.27-4.27,2.8-11.34,7.07-7.07Z'/%3E%3C/svg%3E");
  
  }
  #system-message-container joomla-alert .alert-heading .info:before,
  #system-message-container joomla-alert .alert-heading .notice:before {
   background-image:url("data:image/svg+xml,%3Csvg fill='%230081b8' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M50,0c13.8,0,26.31,5.6,35.36,14.65,9.05,9.05,14.65,21.55,14.65,35.36s-5.6,26.31-14.65,35.36c-9.05,9.05-21.55,14.65-35.36,14.65s-26.31-5.6-35.36-14.65C5.6,76.31,0,63.81,0,50S5.6,23.69,14.65,14.65C23.69,5.6,36.19,0,50,0h0Zm28.29,21.71c-7.24-7.24-17.24-11.71-28.29-11.71s-21.05,4.48-28.29,11.71c-7.24,7.24-11.71,17.24-11.71,28.29s4.48,21.05,11.71,28.29c7.24,7.24,17.24,11.71,28.29,11.71s21.05-4.48,28.29-11.71c7.24-7.24,11.71-17.24,11.71-28.29s-4.48-21.05-11.71-28.29Z'/%3E%3Cpolygon points='60 66.25 60 73.75 40 73.75 40 66.25 45 66.25 45 46.25 40 46.25 40 41.25 45 41.25 55 41.25 55 41.25 55 66.25 60 66.25' /%3E%3Cpath d='M50,36.5c3.44,0,6.25-2.81,6.25-6.25s-2.81-6.25-6.25-6.25-6.25,2.81-6.25,6.25,2.81,6.25,6.25,6.25Z'/%3E%3C/svg%3E");
  
  }
  #system-message-container joomla-alert .alert-heading .warning:before {
   background-image:url("data:image/svg+xml,%3Csvg fill='%23ba8529' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M50,0c13.8,0,26.31,5.6,35.36,14.65,9.05,9.05,14.65,21.55,14.65,35.36s-5.6,26.31-14.65,35.36c-9.05,9.05-21.55,14.65-35.36,14.65s-26.31-5.6-35.36-14.65C5.6,76.31,0,63.81,0,50S5.6,23.69,14.65,14.65C23.69,5.6,36.19,0,50,0h0Zm28.29,21.71c-7.24-7.24-17.24-11.71-28.29-11.71s-21.05,4.48-28.29,11.71c-7.24,7.24-11.71,17.24-11.71,28.29s4.48,21.05,11.71,28.29c7.24,7.24,17.24,11.71,28.29,11.71s21.05-4.48,28.29-11.71c7.24-7.24,11.71-17.24,11.71-28.29s-4.48-21.05-11.71-28.29Z'/%3E%3Cpath d='M55,27.5l-1,30h-8c-.33-10-.67-20-1-30,2.34-1.41,7.66-1.39,10,0Z'/%3E%3Cpath d='M50,75c3.44,0,6.25-2.81,6.25-6.25s-2.81-6.25-6.25-6.25-6.25,2.81-6.25,6.25,2.81,6.25,6.25,6.25Z'/%3E%3C/svg%3E");
  
  }
  #system-message-container joomla-alert .alert-heading .danger:before,
  #system-message-container joomla-alert .alert-heading .error:before {
   background-image:url("data:image/svg+xml,%3Csvg fill='%23c75656' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M50,0c13.8,0,26.31,5.6,35.36,14.65,9.05,9.05,14.65,21.55,14.65,35.36s-5.6,26.31-14.65,35.36c-9.05,9.05-21.55,14.65-35.36,14.65s-26.31-5.6-35.36-14.65C5.6,76.31,0,63.81,0,50S5.6,23.69,14.65,14.65C23.69,5.6,36.19,0,50,0h0ZM20.37,76.88L76.88,20.37c-7.1-6.44-16.53-10.37-26.88-10.37-11.05,0-21.05,4.48-28.29,11.71-7.24,7.24-11.71,17.24-11.71,28.29,0,10.35,3.93,19.78,10.37,26.88h0ZM83.4,27.99L27.99,83.4c6.31,4.17,13.88,6.6,22.02,6.6,11.05,0,21.05-4.48,28.29-11.71,7.24-7.24,11.71-17.24,11.71-28.29,0-8.13-2.43-15.7-6.6-22.02Z'/%3E%3C/svg%3E");
  
  }
  #system-message-container joomla-alert .alert-wrapper {
   width:100%
  }
  #system-message-container joomla-alert .alert-link {
   color:var(--success,inherit)
  }
  
  /* SUCESS */
  #system-message-container joomla-alert[type=message],
  #system-message-container joomla-alert[type=success] {
   --alert-accent-color:var(--success);
   --alert-heading-text:hsla(0,0%,100%,.95);
   --alert-close-button:var(--success);
   background-color:#fff;
        color: rgb(10, 111, 77);
        background-color: #cff1e6;
        border-color: #b7ead9;
  }
  #system-message-container joomla-alert[type="message"] a, 
  #system-message-container joomla-alert[type="success"] a{
    color: #0a6f4d;
  }
  
  /* INFO */
  #system-message-container joomla-alert[type=info],
  #system-message-container joomla-alert[type=notice] {
   --alert-accent-color:var(--info);
   --alert-heading-text:hsla(0,0%,100%,.95);
   --alert-close-button:var(--info);
   background-color:#fff;
      color: rgb(5, 81, 96);
      background-color: #cff4fc;
      border-color: #b6effb;
  }
  #system-message-container joomla-alert[type="info"] a,
  #system-message-container joomla-alert[type="notice"] a{
    color: #04414d;
  }
  
  /* WARNING */
  #system-message-container joomla-alert[type=warning] {
   --alert-accent-color:var(--warning);
   --alert-heading-text:hsla(0,0%,100%,.95);
   --alert-close-button:var(--warning);
   background-color:#fff;
      color: rgb(102, 77, 3);
      background-color: #fff3cd;
      border-color: #ffecb5;
  }
  #system-message-container joomla-alert[type="warning"] a{
    color: #523e02;
  } 
  
  /* DANGER */
  #system-message-container joomla-alert[type=danger],
  #system-message-container joomla-alert[type=error] {
   --alert-accent-color:var(--danger);
   --alert-heading-text:hsla(0,0%,100%,.95);
   --alert-close-button:var(--danger);
   background-color:#fff;
      color: rgb(132, 32, 41);
      background-color: #f8d7da;
      border-color: #f5c2c7;
  }
  #system-message-container joomla-alert[type="danger"] a,
  #system-message-container joomla-alert[type="error"] a{
    color: #6a1a21;
  }
  
  /* X CLOSE btn */
  #system-message-container joomla-alert .joomla-alert--close,
  #system-message-container joomla-alert .joomla-alert-button--close {
   background:none;
   border:0;
   color:var(--alert-close-button);
   font-size:2rem;
   opacity:1;
   padding:.2rem .8rem;
   position:absolute;
   right:0;
   top:0
  }
  #system-message-container joomla-alert .joomla-alert--close:focus,
  #system-message-container joomla-alert .joomla-alert--close:hover,
  #system-message-container joomla-alert .joomla-alert-button--close:focus,
  #system-message-container joomla-alert .joomla-alert-button--close:hover {
   cursor:pointer;
   opacity:.75;
   text-decoration:none
  }
  [dir=rtl] #system-message-container joomla-alert .joomla-alert--close,
  [dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close {
   left:0;
   padding:.2rem .6rem;
   right:auto
  }
  
  #system-message-container joomla-alert div {
   font-size:1rem
  }
  #system-message-container joomla-alert div .alert-message {
   margin:.5rem;
   padding:.3rem 2rem .3rem .3rem
  }
  [dir=rtl] #system-message-container joomla-alert div .alert-message {
   padding:.3rem .3rem .3rem 2rem
  }
  #system-message-container joomla-alert div .alert-message:not(:first-of-type) {
   border-top:1px solid var(--alert-accent-color)
  }