@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type=radio].with-font
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.satisfaction-thumbs label{
    font-size: 24px;
    display: inline-flex;
}
.satisfaction-thumbs
{
    width: 100%;
}
.satisfaction-thumbs tr
{
    text-align: -webkit-center;
}
.satisfaction-thumbs td
{
    box-shadow: 1px red;
}
input[type=radio].with-good ~ label:before{
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    content: "\e125";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: black;
    width: 1.4em;
}
input[type=radio].with-bad ~ label:before{
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    content: "\e126";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: black;
    width: 1.4em;
}

input[type=radio].with-good:checked ~ label:before
{
    font-family: 'Glyphicons Halflings';
    content: "\e125";
    font-size: 1.2em;
    letter-spacing: 5px;
    color: green;
}
input[type=radio].with-bad:checked ~ label:before
{
    font-family: 'Glyphicons Halflings';
    content: "\e126";
    font-size: 1.2em;
    letter-spacing: 5px;
    color: red;
}
input[type=radio].with-good:focus ~ label:before,
input[type=radio].with-good:focus ~ label
{                
    color: green;
}
input[type=radio].with-bad:focus ~ label:before,
input[type=radio].with-bad:focus ~ label
{                
    color: red;
}
.powered_wsdesk span
{
    opacity: 0.4;
    font-size: 10px;
    color: black;
}
.powered_wsdesk a
{
    opacity: 0.4;
    font-size: 10px;
    color: black !important;
}
.satisfaction-div
{
    padding:20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.5s ease-in-out;
}
.satisfaction-div:focus,
.satisfaction-div:hover{
     box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}