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

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

#system-message-container {
  padding: 30px 0;
}
  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;
   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;
   font-weight: 400;
   opacity:1;
   padding: 0 .8rem;
   position:absolute;
   right:0;
   bottom: 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)
  }