* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}
.square {
    height: 18px;
    width: 18px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    border-radius: 5px;
    padding-left: 20px;
}

.templateImageContainer {
    display: inline-block !important;
    height: 130px;
    width: 110px;
    border-width: 1px;
    border-color: grey;
    border-style: solid;
    border-radius: 5px;
    margin: 2px;
    overflow: hidden !important;
}

#templatesBodyImages,#templatesHeaderImages,#templatesFooterImages{
    margin:2% 0 0 6%;
}

.templateImageContainer{
    opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

.templateImageContainer:hover {
    opacity: .3;
  }