.largeIcons .grids{
  float:left;
  text-align: center;
  height: 325px;
  width: 325px;
  padding-top: 10px;
  border: 1px solid #DDD;
  margin: 5px;
  background-color: #EFEFEF;
}

.largeIcons .grids span{
  font-size: 220px;
  top:20px;
}

.smallIcons .grids{
  float:left;
  text-align: center;
  height: 175px;
  width: 175px;
  padding-top: 5px;
  border: 1px solid #DDD;
  margin: 3px;
  background-color: #EFEFEF;
}

.smallIcons .grids span{
  font-size: 110px;
  top:10px;
}

.smallIcons .grids .glyphName{
  font-size:38px
}


.gridSelector {
  cursor: pointer;
}

.largeIcons .grids .glyphName {
  font-size:38px
}

.addModal{
  background-color:#DDD;
  opacity:.5;
  width:400px;
  height:540px;
  border:1px solid black;
  margin-left:auto;
  margin-right:auto;
  top:50px;
  text-align:center;
  padding:13px;
}

.clickable{
  cursor: pointer;
}

.table-glyph{
  font-size:14px;
  transition: 2s;
}

.table-glyph:hover{
  font-size:64px;
}

.loading{
  font-size:40px;
}