.vertical-center {  /* for login page*/
  min-height: 90%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 90vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.fixed200{
  width: 200px;
}
.fixed300 {
  max-width: 300px;
}
.fixed500{
  width: 500px;
}
.fixed600{
  width: 600px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;


  padding-right: 0;
  padding-left: 0;

}

th {
  text-align: center !important;
  vertical-align:middle !important;
}
.th-view {
  text-align: left !important;
  width: 25%;
}
.th-view-page-right-col {
  text-align: left;
  width: 25%;
}
td {
  text-align: center;
  vertical-align:middle !important;
}
.td-view {
  text-align: center;
}
.td-view-page-right-col {
  text-align: left;
}
.actions {
  text-align: center;
  vertical-align: middle;
}
/* .project-index-actions { */
/* text-align: center; */
/* vertical-align:middle; */
/* } */
.show-date {
  text-align: center;
}
.row-fluid {
  height: 100%;
  display:table-cell;
  vertical-align: middle;
}




.td-status-active {
  color: green;
}
.td-status-disabled {

}
.td-left-justify {
  /*Used in Contents display-name*/
  text-align: left;
}

form i {
  margin-left: -30px;
  cursor: pointer;
}
.inline-items {
  display: inline !important;
}



.popout {
  animation: popout 1s ease;
  -webkit-animation: popout 1s ease;
}
@keyframes popout {
  from{transform:scale(0)}
  80%{transform:scale(1.2)}
  to{transform:scale(1)}
}
@-webkit-keyframes popout {
  from{-webkit-transform:scale(0)}
  80%{-webkit-transform:scale(1.2)}
  to{-webkit-transform:scale(1)}
}