#jobList thead a{
text-decoration:none;
white-space:nowrap;
}
#jobList .sortLinkasc:after{
content:"";
display:inline-block;
border-top:6px dashed #fff;
border-bottom:6px dashed #fff;
border-left:12px solid #555;
margin-left:10px;
}
#jobList .sortLinkdesc:after{
content:"";
display:inline-block;
border-left:6px dashed #fff;
border-right:6px dashed #fff;
border-top:12px solid #555;
margin-left:10px;
}
#jobList .sortLink:after{
content:"";
display:inline-block;
border-left:6px dashed #fff;
border-right:6px dashed #fff;
border-bottom:12px solid #555;
margin-left:10px;
}
#jobTable {
margin-top:20px;
}
#jobGrid {
text-align:center;
}
#jobGrid:after {
content: '';
display: block;
clear: both;
}
#jobGrid .grid-item,
#jobGrid .grid-sizer {
width: 20%;
}
#jobGrid .grid-item {
float: left;
height: 220px;
border: 0px;
display:flex;
align-items: center;
flex-direction:column;
justify-content:center;         		  
}
#jobGrid .grid-item h3 {
padding:0 20px;
hyphens: auto; 
vertical-align: middle;
}
#jobGrid .grid-item h3 a {
hyphens: auto; 
}
#jobGrid .grid-item h3 a,#jobGrid .grid-item span  {
color:#000;         		  
}
#jobGrid .grid-item--width2 { width: 40%; }
#jobGrid .grid-item--height2 { height: 550px; }
#jobGrid .color1 { background-color:#DEDEDD; }
#jobGrid .color2 { background-color:#d33036; }
#jobGrid .color3 { background-color:#BCBCBC; }
#jobGrid .color4 { background-color:#727271; }
#jobGrid .color5 { background-color:#FAFAFA; }
#jobGrid hr {
border:1px solid #000;
width:30%;
}
.table-scrollable {
width: 100%;
overflow-y: auto;
margin: 0 0 1em;
}
@media only screen and (max-width: 1100px) {
#jobGrid .grid-img {
display:none;
}
}
@media only screen and (max-width: 780px) {
#jobGrid .grid-item,
#jobGrid .grid-sizer {
width: 33%;
}
#jobGrid .grid-img {
display:block;
}
}
@media only screen and (max-width: 500px) {
#jobGrid .grid-item,
#jobGrid .grid-sizer {
width: 100%;
}
#jobGrid .grid-img {
display:none;
}
}