table tr:first-child td.c0{background:#e37701;}
td.c0{font-weight:bold; font-size:1rem; padding:5px;}
td.c1{font-size:1rem; }

.template-browser{display:flex; justify-content:space-between; align-items:stretch; width:90%; flex-wrap:wrap; margin:1.5rem auto;}
.template-browser fieldset {padding-bottom:10px; border-bottom:1px solid #666; margin-bottom:10px; width:100%;}
.template-browser fieldset legend{font-weight:bold; font-size:1.2rem; margin-left:5px; margin-bottom:5px;}
.template-browser .form-actions{margin:25px auto 10px;}
.template-items{width:75%;}
.template-items a:hover, .template-items a:focus{outline:3px solid #f93;}

table td.views-field-field-gtemplate-thumbnail img{width:auto; height:auto;}

.template-items img{width:100%; height:auto; max-height:300px}
#views-exposed-form-graphic-templates-page{width:25%; padding:0.5rem; background:#eee; align-self:flex-start;}
#views-exposed-form-graphic-templates-page .form-item input{height:0; width:0; margin:0; padding:0;}
#views-exposed-form-graphic-templates-page .form-item input.form-checkbox+label{padding: 0.25rem 0.5rem; margin-right: 0.25rem; background: #bb5b02; color: #fff; transition:all 0.5s;}
#views-exposed-form-graphic-templates-page .form-item input.form-checkbox+label:hover, #views-exposed-form-graphic-templates-page .form-item input.form-checkbox:checked+label{background:#000; color:#fff;}
#views-exposed-form-graphic-templates-page .form-item input.form-checkbox:focus+label{background:#666; color:#fff; outline:1px solid #000;}

@media screen and (max-width: 62em){
  #views-exposed-form-graphic-templates-page{width:100%; margin-bottom:25px;}
  .template-items{width:100%;}
  .template-items ul{padding-left:0;}

}