@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

table {
    width: 100%;
    border-spacing: 0;
}

table th {
    border-bottom: solid 2px #fb5144;
    padding: 10px 0;

}

.fixed {
    position: sticky;
    top: 0;
    background-color:white;
}

table td {
    border-bottom: solid 2px #ddd;
    text-align: center;
    padding: 10px 0;
}


tr.header {
    cursor: pointer;
    text-align: left;
}

.header .sign:after {
    content: "+";
    display: inline-block;
}

.header.expand .sign:after {
    content: "-";
}



/*** custom checkboxes ***/
input[type=checkbox] { 
    display:none; 

} 

/* to hide the checkbox itself */
input[type=checkbox] + label:before 
{
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before 
{ 
    content: "\f096"; 

} 
/* unchecked icon */

input[type=checkbox] + label:before 
{ 
    letter-spacing: 10px; 
} 

/* space between checkbox and label */

input[type=checkbox]:checked + label:before 
{ 
    content: "\f046"; 
    color:black;
} 
/* checked icon */

input[type=checkbox]:checked + label:before 
{ 
    letter-spacing: 5px; 
} 
/* allow space for check mark */