.headerline { font-family: 'Calibri'; font-size: 24px; color: rgb(80, 111, 190); }
.headerline2 { font-family: 'Calibri'; font-size: 22px; color: rgb(80, 111, 190); }
.normalline { font-family: 'Calibri'; font-size: 12px; color: rgb(80, 111, 190); }
.boxdetails { height: 250px; padding: 15px; margin: 10px 5px 45px 5px; width: 40%; min-width: 200px; display: inline-block; vertical-align: middle; }
.boxright { background-color: #f0f0f0; }
.boxleft { background-color: #f0f0f0; }
.resultheader { font-size: 14px; border-bottom: 2px solid #bfce2d; font-weight: bold; text-align: center; padding: 5px; }
.resultline { font-size: 12px; vertical-align: middle; border-bottom: 1px solid #ccc; max-width: 280px; }
.resultline1 { background-color: #dee7f1; }
.resultline2 { background-color: white; }
.custom-button { background:  #bfce2d; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; line-height: 40px; padding: 0 0 0 20px; text-decoration: none; position: relative; border-radius: 5px;}
.custom-button:before {
   content: "\0027E9";
   position: absolute;
   left: .5rem;
}
.resultheader a { color: black; }
.sortimg { width: 10px; height: 10px; padding-top: 3px; padding-left: 5px; }

@media screen and (max-width: 860px) and (orientation: portrait) {
   .boxdetails {
      width: 80%;
      display: block;
      margin: 2em auto;
      box-sizing: border-box;
      height: auto;
   }
}
@media screen and (max-width: 700px) and (orientation: landscape) {
   .boxdetails {
      width: 38%;
   }
}
@media screen and (max-width: 600px) and (orientation: landscape) {
   .boxdetails {
      width: 37%;
   }
}