#t .title {
    font-size: 30px;
    margin-bottom: 1.5em;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 2px 0px #fff;
}
#t tr{
    
    border:5px groove window; font-weight: bold;
    
    
}
    

#t {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse; 
color: #000000;


}

    #t tr td, #table tr th {
    direction: rtl;    padding: 8px;
        color: #000000;
        text-align: right;
        vertical-align:middle;
 font-weight: normal;
 
                
    }
    
    #t tr th {
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAB8C9), to(#6E84A2), color-stop(.5,#6E84A2));
        background: -moz-linear-gradient(0% 65% 90deg,#6E84A2, #AAB8C9, #AAB8C9 100%);
        color: #000000;
        font-weight: normal;
    }
    
    #t tr td {
        cursor: pointer;
        border-bottom: 1px solid #eaeaea;
        vertical-align:middle;
         font-weight: normal;
         
    }
    
    #t tr:hover {
      
		background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
        color: #fff;
    }

#t .col-input {
    width: 1%;
}

#td .col-name {
    width: 20%;
}

#t .col-response {
    width: 15%;
}

a, a:visited, a:hover {
    text-decoration: none;
    color: #000;
}
#t td {border-style: ridge; }
#t th {border-style: ridge; border-width: thin; }

@media all and (max-device-width: 760px) {
  
table#t, #t td{
width: 100% !important;
display: inline-table !important;
font-size:4vw;
 direction:rtl !important;
}
#t tr:nth-child(2n) {
  background-color: #00bf50;
}

#t th {
display:none;
}
#t td:before {
  content: attr(title) ":";
  display: inline-block;
  font-weight: bold;
  min-width: 260px;
  direction:rtl !important;
}

tr td:nth-child(12), tr td:nth-child(13), tr td:nth-child(15) {
  text-decoration: underline;
  text-shadow: 0 1px 10px red;
}

}