﻿.myClass {
  display:none;
}

label{
  font-weight: 600;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 7px;
}

.but {
    background: none repeat scroll 0 0 #e5eaee;
    color: #00325b;
    cursor: pointer;
    border: 1px;
    padding: 10px 10px;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 100;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem!important;
}

.button-group .but {
    margin-bottom: 10px!important;
    margin-left: 3px!important;
}

#form-ui button{
  cursor: pointer;
}

button.selected, button.but:hover { 
    background-color: #00325b;
    color: #ffffff;
    text-decoration:none;
}

#researchProject {
  width: 100%;
}

#researchProject div {
  display:flex;
}

#researchProject .item:hover {
  background-color: #ddd;
}

#researchProject .item .columns{
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#researchProject .head {
  border-left: 1px;
  text-align: left;
  background-color: #0E426C;
  color: white;
  font-weight: bold;
}


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}