/*** MODAL COnfirm ***/
.component-modal-alert{
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: 105px 50px 1.5fr 1fr;

  & .component-modal-info-icon{
    font-size: 100px;
    justify-self: center;
    align-self: center;
    margin-top: -25px;

    &.success{
      color: #28a745;
    }
    &.warning{
      color: #FFC000;
    }
    &.error{
      color: #dc3545;
    }
    &.info{
      color: #3fc3ee;
    }
  }

  & .component-modal-title-text{
    justify-self: center;
    width: 370px;
    height: 30px;
    text-align: center;
    font-weight: bolder;
    font-size: x-large;
    color:  var(--color-text-S360);
  }

  & .component-modal-content-text{
    justify-self: center;
    text-align: center;
    color:  var(--color-text-S360);
    font-size: var(--font-size-large-S360);
    word-wrap: break-word;
    max-width: 370px;
  }
}