.hidden {
  display: none;
}

.align-middle {
    vertical-align: middle;
}

.center-content {
  justify-content: center;
  display: flex;
  align-items: center;
}

.center-content-no-flex {
  justify-content: center;
  align-items: center;
}

.center-text {
  text-align: center;
}
.center-content-right{
  justify-content: right;
  display: flex;
  align-items: center;
}

.center-content-left{
  justify-content: left;
  display: flex;
  align-items: center;
}

.justify-text{
  text-align: justify;
}

.bottom-content {
    align-self: flex-end;
}

.full-dimensions{
  width: 100%;
  height: 100%;
}

.set-content-margin{
  margin: 0px 25px 0px 25px;
}

.half-width-right{
  width: 50%;
  height: 100%;
  float:right;
}

.company-main-backgroundColor{
  background-color: #7C4FC5;
}

.company-green-backgroundColor{
  background-color: #7FB061;
}

.company-main-color{
  color: #7C4FC5;
}
.company-secondary-backgroundColor{
  background-color: #B9A1D6;
}
.company-secondary-color{
  color: #B9A1D6;
}
.company-main-color-opacity{
  background-color: #7C4FC5;
}
.company-main-color-opacity2{
  background-color: #7c4fc52d;
}
.company-main-color-opacity4{
  background-color: rgba(0, 0, 0, 0.45);
}
.company-main-color-opacity3{
  background-color: #7c4fc5c0
}

.info-msg,
.success-msg,
.warning-msg,
.error-msg {
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
}
.info-msg {
  color: #059;
  background-color: #BEF;
}
.success-msg {
  color: #270;
  background-color: #DFF2BF;
  animation: slideInLeftAndStretch 0.5s;
}
.warning-msg {
  color: #9F6000;
  background-color: #FEEFB3;
  animation: fadeIn 0.5s;
}
.error-msg {
  color: #D8000C;
  background-color: #FFBABA;
  animation: shake 0.5s;
}

.crud-action:hover{
  background-color: #7C4FC5;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}

@keyframes slideInLeft {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

@keyframes slideIn {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInLeftAndStretch {
  0% {
    opacity: 0;
    transform: translateX(-100%) scaleX(0.8);
  }
  70% {
    opacity: 1;
    transform: translateX(0) scaleX(1.1);
  }
  100% {
    transform: scaleX(1);
  }
}