html {background: rgb(20,110,152); background: radial-gradient(circle at top left, rgba(20,110,152,1) 0%, rgba(37,160,218,1) 74%) left top fixed; background-size: cover; min-width: 360px;}
.leaderboard-page-wrapper {box-sizing: border-box; margin: 0; padding: 0; font-family: Montserrat, sans-serif; font-size: 16px; margin-bottom: 40px;}
.secondary-font-size {font-size: 14px;}
.tertiary-font-size {font-size: 12px;}
.sub-heading {display: block;}
.div-header-wrapper {display: block; width: 100%;  padding: 10px 0; position: relative; text-align: center; margin-top: 20px; color: #fff;text-shadow: 1px 1px 1px rgba(58,82,26,0.9);}
.div-header-wrapper h1 {margin: 0 auto; color: #fff; font-size: 1.6em; font-weight: 100;}
.row-wrapper {position: relative; width: 100%; text-align: center; margin-top: 20px;}
.toggle-button-wrapper {display: inline-block; width: auto;  background-color: #00435b; height: 36px; border-radius: 8px; margin: 0 auto;}
#toggleView, #leaderboardDateSelector {overflow: hidden;}
#toggleView a, #leaderboardDateSelector a, #leaderboardAprilSalesContest a {display: block; float: left; line-height: 36px; text-decoration: none; padding: 0 18px; color: #8cc63f; border-radius: 8px; text-transform: uppercase;}
#toggleView a:hover, #leaderboardDateSelector a:hover, #leaderboardAprilSalesContest a:hover {color: #fff; background-color: #8cc63f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
.toggle-selected {color: #fff !important; background: #8cc63f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

#toggleView a.leaderboard-nav-icon {display: block; padding: 3px 0; float: left;  width: 30px; height: 30px; background-image: url("../Images/Leaderboard-Nav-Search-Icon.png"); background-position: 0 0; background-repeat: no-repeat;}

a.search-link {display: inline-block; width: 36px; height: 36px; padding: 0 !important; background-image:url('../../Images/MagnifyingGlass.png'); background-position: 8px 8px; background-repeat: no-repeat; background-color: rgba(0,158,214,0.4);}
a.search-link:hover {background-color: #8cc63f;}


.leaderboard-wrapper {position: relative; text-align: center; width: 100%;}
.leaderboard {display: inline-block; position: relative; width: 94%; max-width: 1280px; margin: 0; background-color: #fff; border-radius: 8px; text-align: left; color: #005f82; overflow: hidden;}
.leaderboard-header-wrapper {display: inline-block; position: relative; width: 96%; padding: 0 2%; background-color: #00435b; color: rgba(255,255,255, 0.8); text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}
.leaderboard-item-wrapper {display: inline-block; position: relative; width: 96%; padding: 20px 2%; min-height: 30px; border-bottom: 1px solid rgba(161,161,161, 0.5); background: linear-gradient(0deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) 100%);}
.leaderboard-no-data {display: inline-block;float: left; width: 100%; padding: 20px 0;}

.employee-item-wrapper {display: inline-block; position: relative; width: 96%; padding: 20px 2%; min-height: 30px; border-bottom: 1px solid rgba(161,161,161, 0.5); background: linear-gradient(0deg, rgba(221,221,131,0.45) 0%, rgba(253,253,150,0.8) 50%, rgba(253,253,150,0.5) 100%);}

.bubble {display: block; background: #005f82; color: #fff; border-radius: 14px; width: 28px; text-align: center; height: 28px; line-height: 28px; font-weight: bold; font-size: 16px; text-shadow: 1px 1px 1px rgba(58,82,26,0.9); margin-left: 4px;}

.items {display: inline-block; float: left; box-sizing: border-box; font-size: 11px;}
/* -------------------- Leaderboard Header ----------------------- */
.header {padding: 10px 0;}

/* -------------------- Leaderboard Items ----------------------- */
.item-rank { width: 12%;}
.item-label {width: 52%; line-height: 28px !important; }
.item-opps {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.item-opps-mobile {display: inline-block; width: 100%; padding: 0; box-sizing: border-box;}
.item-gross-dollars {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.item-gross-dollars-mobile {display: inline-block; width: 100%; padding: 0; box-sizing: border-box;}
.item-total {width: 26%; line-height: 28px !important; text-align: right;}
.item-detail-link {width: 10%; line-height: 28px !important; text-align: right;}
.item-detail-link a {text-decoration: none; font-size: 1.4em; line-height: 12px; color: #005f82;}
.item-detail-additional-details-wrapper {display: inline-block; box-sizing: border-box; float: left; width: 100%; border-top: 1px solid rgba(161,161,161, 0.5); margin-top: 10px}
.item-detail-additional-details-wrapper span {display: inline-block; float: left; width: 100%;}
.row-highlighted {}


.item-sub-text {font-size: 10px; font-style: italic;}
.default-line-height {line-height: 28px !important;}


.top-ten-item-rank { width: 12%;}
.top-ten-item-label {width: 52%; line-height: 14px; }
.top-ten-item-opps {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.top-ten-item-gross-dollars {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.top-ten-item-total {width: 26%; line-height: 28px !important; text-align: right;}
.top-ten-item-detail-link {width: 10%; line-height: 28px !important; text-align: right;}
.top-ten-item-detail-link a {text-decoration: none; font-size: 1.4em; line-height: 12px; color: #005f82;}
.top-ten-item-detail-additional-details-wrapper {display: inline-block; box-sizing: border-box; float: left; width: 100%; border-top: 1px solid rgba(161,161,161, 0.5); margin-top: 10px}
.top-ten-item-detail-additional-details-wrapper span {display: inline-block; float: left; width: 100%;}
.top-ten-row-highlighted {}

.tech-team-item-rank { width: 12%;}
.tech-team-item-label {width: 52%; line-height: 14px;}
.tech-team-item-opps {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.tech-team-item-gross-dollars {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.tech-team-item-overall-rank {width: 60%; display: none; line-height: 28px !important; text-align: right;}
.tech-team-item-total {width: 26%; line-height: 28px !important; text-align: right;}
.tech-team-item-detail-link {width: 10%; line-height: 28px !important; text-align: right;}
.tech-team-item-detail-link a {text-decoration: none; font-size: 1.4em; line-height: 12px; color: #005f82;}
.tech-team-item-detail-additional-details-wrapper {display: inline-block; box-sizing: border-box; float: left; width: 100%; border-top: 1px solid rgba(161,161,161, 0.5); margin-top: 10px}
.tech-team-item-detail-additional-details-wrapper span {display: inline-block; float: left; width: 100%;}
.tech-team-row-highlighted {}

.nested-item-wrapper {display: inline-block; float: left; background-color: #fff; border-radius: 4px; width: 46%; border: 1px solid rgba(161,161,161, 0.5); margin: 16px 0 0  2%; overflow: hidden;}
.nested-item-header {display: inline-block; float: left; width: 100%; background-color: #ACACAC; color: #fff; padding: 6px 0; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
.nested-item-content { padding: 8px 0; color: #676767; text-shadow: none; text-align: center;}

.no-display {display: none !important;}

@media only screen and (min-width : 320px) and (max-width : 480px) {
    .leaderboard-page-wrapper {margin-top: 50px;}
    .secondary-font-size {font-size: 12px;}
    .tertiary-font-size {font-size: 10px;}
    .no-display {display: none !important;}
}

@media only screen and (min-width : 480px) and (max-width : 600px) {
    .leaderboard-page-wrapper {margin-top: 50px;}
    .items {font-size: 13px;}
    .nested-item-content {font-size: 1.4em;}
    .no-display {display: none !important;}
}

@media only screen and (min-width : 600px) and (max-width : 686px) {
    .leaderboard-page-wrapper {margin-top: 50px;}
    .items {font-size: 14px;}
    .nested-item-content {font-size: 1.4em;}
    .no-display {display: none !important;}
}

@media only screen and (min-width : 686px) and (max-width : 900px) {
    .leaderboard-page-wrapper {margin-top: 40px;}
    .nested-item-content {font-size: 1.4em;}
    .items {font-size: 14px;}
    .item-rank {width: 8%;}
    .item-label {width: 37%;}
    .item-gross-dollars {display: inline-block; width: 24%;}
    .item-gross-dollars-mobile {display: none !important;}
    .item-total {width: 22%;}
    .item-detail-link {width: 9%;}

    .top-ten-item-rank {width: 8%;}
    .top-ten-item-label {width: 37%;}
    .top-ten-item-gross-dollars {display: inline-block; width: 24%;}
    .top-ten-item-gross-dollars-mobile {display: none !important;}
    .top-ten-item-total {width: 22%;}
    .top-ten-item-detail-link {width: 9%;}

    .tech-team-item-rank {width: 8%;}
    .tech-team-item-label {width: 37%;}
    .tech-team-item-gross-dollars {display: inline-block; width: 24%;}
    .tech-team-item-gross-dollars-mobile {display: none !important;}
    .tech-team-item-total {width: 22%;}
    .tech-team-item-detail-link {width: 9%;}
    .no-display {display: none !important;}
}

@media only screen and (min-width : 900px) and (max-width : 1024px) {
    .items {font-size: 14px;}
    .nested-item-content {font-size: 1.4em;}
    .item-rank {width: 8%;}
    .item-label {width: 22%;}
    .item-opps {display: inline-block; width: 22%;}
    .item-opps-mobile {display: none !important;}
    .item-gross-dollars {display: inline-block; width: 20%;}
    .item-gross-dollars-mobile {display: none !important;}
    .item-total {width: 22%;}
    .item-detail-link, .item-detail-link a {display: none !important;}
    .item-detail-additional-details-wrapper {display: none !important;}
    .row-highlighted {background: none; color: #005f82 !important;}

    .top-ten-item-rank {width: 8%;}
    .top-ten-item-label {width: 22%;}
    .top-ten-item-gross-dollars {display: inline-block; width: 20%;}
    .top-ten-item-gross-dollars-mobile {display: none !important;}
    .top-ten-item-opps {display: inline-block; width: 22%;}
    .top-ten-item-opps-mobile {display: none !important;}
    .top-ten-item-total {width: 22%;}
    .top-ten-item-detail-link, .item-detail-link a {display: none !important;}
    .top-ten-item-detail-additional-details-wrapper {display: none !important;}
    .top-ten-row-highlighted {}

    .tech-team-item-rank {width: 8%;}
    .tech-team-item-label {width: 22%;}
    .tech-team-item-gross-dollars {display: inline-block; width: 20%;}
    .tech-team-item-gross-dollars-mobile {display: none !important;}
    .tech-team-item-opps {display: inline-block; width: 22%;}
    .tech-team-item-opps-mobile {display: none !important;}
    .tech-team-item-total {width: 22%;}
    .tech-team-item-detail-link {width: 6%;}
    .no-display {display: none !important;}
}

@media only screen and (min-width : 1024px)  {
    .items {font-size: 14px;}
    .nested-item-content {font-size: 1.4em;}
    .item-rank {width: 5%;}
    .item-label {width: 24%;}
    .item-opps {display: inline-block; width: 24%;}
    .item-opps-mobile {display: none !important;}
    .item-gross-dollars {display: inline-block; width: 21%;}
    .item-gross-dollars-mobile {display: none !important;}
    .item-total {width: 24%;}
    .item-detail-link, .item-detail-link a {display: none !important;}
    .item-detail-additional-details-wrapper {display: none !important;}
    .row-highlighted {color: #005f82 !important;}

    .top-ten-item-rank {width: 5%;}
    .top-ten-item-label {width: 24%;}
    .top-ten-item-gross-dollars {display: inline-block; width: 21%;}
    .top-ten-item-gross-dollars-mobile {display: none !important;}
    .top-ten-item-opps {display: inline-block; width: 24%;}
    .top-ten-item-opps-mobile {display: none !important;}
    .top-ten-item-total {width: 24%;}
    .top-ten-item-detail-link, .item-detail-link a {display: none !important;}
    .top-ten-item-detail-additional-details-wrapper {display: none !important;}
    .top-ten-row-highlighted {}


    .tech-team-item-rank {width: 5%;}
    .tech-team-item-label {width: 24%;}
    .tech-team-item-opps {display: inline-block; width: 18%;}
    .tech-team-item-opps-mobile {display: none !important;}
    .tech-team-item-gross-dollars {display: inline-block; width: 17%;}
    .tech-team-item-gross-dollars-mobile {display: none !important;}
    .tech-team-item-overall-rank {display: inline-block; width: 18%;}
    .tech-team-item-overall-rank-mobile {display: none !important;}
    .tech-team-item-total {width: 18%;}
    .tech-team-item-detail-link, .tech-teamitem-detail-link a {display: none !important;}
    .tech-team-item-detail-additional-details-wrapper {display: none !important;}
    .tech-team-row-highlighted {}
    .no-display {display: none !important;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}