/* TopOperators Table */

.topoperators { max-width:768px; margin:0 auto 30px; font-size: 14px; }
.topoperators .title h2 { margin:0;
  padding: 10px;
  background: #ffce43;
  text-transform: uppercase;
  font-weight:700;
  font-size:1.2em;
  color: #000
}

.topoperators.table .header,
.topoperators.table .rank,
.topoperators.table .name,
.topoperators.table .paygrade,
.topoperators.table .rating { display:none; }

.topoperators.table .tpmgt-container {
  background: #f3f4e4;
  padding: 4px 4px 0;
  border: 1px solid #e4e4e4;
}
.topoperators.table .tpmgt-op {
  position:relative;
  padding: 10px;
  margin: 0 0 4px;
  background:#fff;
  border: 1px solid #e1e2d3;
}
.topoperators.table .tpmgt-op.first { background: #ffdf91;
  background: -moz-radial-gradient(center,ellipse cover,#fefcf4 20%,#ffdf91 100%);
  background: -webkit-radial-gradient(center,ellipse cover,#fefcf4 20%,#ffdf91 100%);
  background: radial-gradient(ellipse at center,#fefcf4 20%,#ffdf91 100%);
 }

.topoperators.table .tpmgt-entry { display:flex;
  flex-flow:row nowrap;
  justify-content:space-between;
  align-items:center;
}
.topoperators.table .logo { width: auto; }
.topoperators.table .bonus { width: auto; padding:10px; }
.topoperators.table .actions { width: auto; }

.tpmgt-op .logo img { display:block; height:80px; width:auto; max-width:200px; margin:0 auto; }
.tpmgt-op .bonus { font-size: 21px; color: #e45304; font-weight:bold; }
.tpmgt-op .bonus span { font-size:15px; color:#555; display: block; padding-top:4px; }
.tpmgt-op a.cta {
  display: block;
  width:180px ;
  padding: 23px 10px;
  margin:0 0 5px;
  color: #FFF;
  line-height: 1em;
  font-size:18px;
  font-weight: 600;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  border-bottom: 3px solid #107816;
  background: #18b821;
  background-image: -moz-linear-gradient(top,#18b821 0%,#16a71e 100%);
  background-image: -webkit-linear-gradient(top,#18b821 0%,#16a71e 100%);
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.tpmgt-op a.cta:hover {
  background: #ff6500;
  background-image:linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  background-image:-moz-linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  background-image:-webkit-linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  border-bottom:3px solid #c93c00;
}


@media screen and (max-width:575px) {

.topoperators.table .tpmgt-entry { flex-flow:column }
.topoperators.table .bonus { position:static; padding: 15px 0; }
  
}

/* Operator Banner */

.operator-banner { max-width:768px; margin: 0 auto 20px; font-size: 14px; }

.operator-banner .title {
  display:block;
  padding:12px 10px 10px;
  background-color:#ffce43;
  line-height:1.2;
  font-size:1.2em;
  text-align:center;
  font-weight:bold;
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:#e4e4e4;

}

.operator-banner .banner-body {
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-evenly;
  align-items:center;
  text-align:center;
  padding: 8px 10px;
  border: 1px solid #e4e4e4;
  background: radial-gradient(center,ellipse cover,#fefcf4 20%,#ffdf91 100%);
  background: -moz-radial-gradient(center,ellipse cover,#fefcf4 20%,#ffdf91 100%);
  background: -webkit-radial-gradient(center,ellipse cover,#fefcf4 20%,#ffdf91 100%);
}

.operator-banner .logo { display:block; }
.operator-banner .logo img { height:80px; width:auto; max-width:200px; }
.operator-banner .bonus { line-height:1.1; font-size: 21px; color:#393939;; font-weight:bold; }
.operator-banner .bonus .value { font-size:1.1em; color: #e45304; }

.operator-banner .actions .cta {
  display: block; 
  width:180px;
  padding: 23px 10px;
  margin:0;
  color: #FFF;
  line-height: 1em;
  font-size:18px;
  font-weight: 600;
  text-transform:uppercase;
  text-align:center;
  text-decoration:none;
  border-bottom: 3px solid #107816;
  background: #18b821;
  background-image: -moz-linear-gradient(top,#18b821 0%,#16a71e 100%);
  background-image: -webkit-linear-gradient(top,#18b821 0%,#16a71e 100%);
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.operator-banner .actions .cta:hover {
  background: #ff6500;
  background-image:linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  background-image:-moz-linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  background-image:-webkit-linear-gradient(top,#ff6500 0%,#ff4d00 100%);
  border-bottom:3px solid #c93c00;
}

@media screen and (max-width:575px) {

.operator-banner .banner-body { flex-flow:column }
.operator-banner .info, .operator-banner .bonus { margin-bottom:15px; }

}