﻿.p-text {
  position: relative;
  top: 19px;
}
#p-message-text {
top: 3px;
  position: relative;
  text-align: center;
  word-break:break-all;
}
.justify-center {
    justify-content: center;
  }
.flex {
	display: flex;
}
.w-full {
	display: flex;
	align-items: center;
}
.p-message {
    border-radius:6px;
    margin:1rem 0
  }
 .component {
	border: solid #e5e7eb;
	border-width: 0 0 0 6px;
 }
  .p-message .p-message-wrapper {
    padding:1.25rem 1.75rem
  }
  .p-message-close {
    border-radius:50%;
    height:2rem;
    width:2rem;
	cursor:pointer;
  }

  
  .p-message.p-message-info {
	background: rgba( 40, 53, 147 ,.9);
	border: solid #2196f3;
	border-width: 0 0 0 6px;
	color: #b3e5fc;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(47, 60, 247, 0.87);
	-moz-box-shadow: 4px 4px 8px 0px rgba(47, 60, 247, 0.87);
	box-shadow: 4px 4px 8px 0px rgba(47, 60, 247, 0.87);
}

.p-message.p-message-success {
	background: rgba(28, 70, 70,.9);
	border: solid #10b981;
	border-width: 0 0 0 6px;
	color: #6ee7b7;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(74, 131, 29, 0.87);
	-moz-box-shadow: 4px 4px 8px 0px rgba(74, 131, 29, 0.87);
	box-shadow: 4px 4px 8px 0px rgba(74, 131, 29, 0.87);
}

  .p-message.p-message-warning {
	background: rgba( 125, 102, 8,.9);
	border: solid #eab308;
	border-width: 0 0 0 6px;
	color: #fff59d;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(232, 183, 23, 0.87);
	-moz-box-shadow: 4px 4px 8px 0px rgba(232, 183, 23, 0.87);
	box-shadow: 4px 4px 8px 0px rgba(232, 183, 23, 0.87);
  }

  .p-message.p-message-error {
	background: rgba( 239,68,68,.7);
	border: solid #ef4444;
	border-width: 0 0 0 6px;
	color:  #fdedec;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(247, 47, 47, 0.87);
	-moz-box-shadow: 4px 4px 8px 0px rgba(247, 47, 47, 0.87);
	box-shadow: 4px 4px 8px 0px rgba(247, 47, 47, 0.87);
}

  .p-message .p-message-text {
    font-size:1rem;
    font-weight:500
  }
  .p-message .p-message-icon {
    font-size:1.5rem;
    margin-right:.5rem
  }
  .p-message .p-icon:not(.p-message-close-icon) {
    height:1.5rem;
    width:1.5rem
  }

  .p-inline-message-text {
    font-weight:500
  }

  .p-component {
    font-feature-settings:var(--font-feature-settings,normal);
    font-family:var(--font-family);
    font-size:1rem;
    font-weight:400
  }
  .p-component-overlay {
    background-color:#0006;
    transition-duration:.2s
  }
  .p-component:disabled,
  .p-disabled {
    opacity:.4
  }
  .p-error {
    color:#fca5a5
  }
