.box {
  float: left;
  height: 12px;
  width: 12px;
  clear: both;
}

/* shadows */
.panel {
  border-radius: 4px;
  box-shadow: 0px 0px 8px #888;
}
.well {
  border-radius: 0px;
  box-shadow: 0px 0px 8px #888;
}

/* force scroll on dropdowns */
.force-scroll {
 overflow-y: scroll;
 height: 300px;
}

/* custom footer */
.footer {
 /*position: fixed;*/
 left: 0;
 bottom: 0;
 width: 100%;
 background-color: #495F75;
 color: #C8CBCF;
 text-align: center;
}

/* add vertical space between buttons on screen resize */
.btn-grid
{
 margin: -5px 0;
}
.btn-grid > .btn
{
 margin: 5px 0;
}

/* borderless table */
.table.table-borderless td, .table.table-borderless th {
 border: 0 !important;
}
.table.table-borderless {
 margin-bottom: 0px;
}

.collapsing {
 -webkit-transition: height .01s ease;
 -moz-transition: height .01s ease;
 -o-transition: height .01s ease;
 transition: height .01s ease
}

/* reverse caret on dropdown open */
.open .caret {
 border-top: none;
 border-bottom: 4px solid;
}

/* to-top button */
#toTop{
 position: fixed;
 bottom: 19px;
 right: 1px;
 cursor: pointer;
 display: none;
 opacity: 0.75;
}

/*snack bar*/
#deleted {
  visibility: hidden;
  min-width: 500px;
  margin-left: -250px;
  /*background-color: #333;*/
  /*color: #fff;*/
  text-align: center;
  border-radius: 1px;
  padding: 0px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
}

#deleted.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#saved {
  visibility: hidden;
  min-width: 500px;
  margin-left: -250px;
  /*background-color: #333;*/
  /*color: #fff;*/
  text-align: center;
  border-radius: 1px;
  padding: 0px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
}

#saved.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -moz-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/*snackbar END */

/* hover over image */
.zoom:hover {
  -o-transform: scale(2); 
  -ms-transform: scale(2); /* IE 9 */
  -moz-transform: scale(2); 
  -webkit-transform: scale(2); /* Safari 3-8 */
  transform: scale(2); 
}