@charset "UTF-8";
/* CSS Document */
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin: 0 auto;
}
#hd {
  position: fixed;
}
.internal__navigation--block li.active, .internal__navigation--block li:hover {
  cursor: pointer;
  background: #ffffff url(../templates/paperone/images/internal/internal-bg.jpg) repeat 0 0;
}

/*
.header__block img {
  border-bottom-color: #fbad17;
}
*/
.header__block img {
  border-bottom: none;
}
.header__block .header__img, .internal__container {
  margin-top: 80px;
}

.internal__navigation--block li.active a {
  font-family: "Mulish Bold",Arial,sans-serif;
  font-weight: 900;
  color: #21295e;
}
.internal__navigation--block li a:hover {
  color: #21295e;
  cursor: pointer;
  text-decoration: none;
}
body p {
  font-family: "Mulish Bold",Arial,sans-serif;
}
ol li {
  margin-left: 20px;
  margin-bottom: 5px;
}
.landingIntro {
  text-align: center;
    padding: 0 20px;
}
.landingIntro p {
  font-size: 1.5em;
  font-weight: bold;
}
.landingText {
  text-align: center;
}
.rewardsBody .landingText p {
  font-size: 1.3em;
}

.rewardsBody .landingText h2 {
  text-align: center;
  font-size:2em;
  color: #21295e;
}
.rewardsBody {
  margin-left: 0;
  margin-right: 0;
}

.rewardsBody .steps {
  padding: 5px 30px;
  text-align: center;
}
.rewardsBody .steps img {
  width: 70%;
  margin: 0 auto;
}
.rewardsBody .one__col--block.stepsLast {
  margin-bottom: 100px;
}
.rewardsBody h1 {
  color: #21295e;
  display: block;
  text-align: center;
  font-size: 2.61538em;
  margin: 5px 20px 10px 0;
}
.dashboard .rewardsBody h1 {
  text-align: left;
  margin-top: 20px;
}
.rewardsBody h2 {
  font-size:1.5em;
  color: #21295e;
}
.rewardsBody p {
  font-size: 1.2em;
  line-height: 1.4em;
}
.rewardsBody p.small {
  font-size: 1em;
  line-height: 1.1em;
}
.rewardsBody h3 {
  color: #21295e;
  font-family: "festivo14", sans-serif;
  font-size: 2em;
  margin-top: 1em;
}
.rewardsBody h3 a {
  	font-family: "festivo14", sans-serif;
	color: #21295e;
}
.rewardsBody .one__col--block {
  margin-bottom: 30px;
}
.rewardsBody h3 a:hover {
	color: #ff0000;
}
@media screen and (min-width: 480px) {
  .rewardsBody h1 {
    font-size: 2.46154em;
    margin: 5px 20px 10px 0;
  }
}
@media screen and (min-width: 640px) {
    .landingIntro {
  text-align: center;
    padding: 0
    ;
}
  .rewardsBody h1 {
    font-size: 2.69231em;
    margin: 5px 75px 10px 0;
  }
  .rewardsBody h3 {
  margin-top: 0;
}
  .rewardsBody {
  }
  .rewardsBody .steps {
	margin-bottom: 30px;
    padding: 0;
    text-align: left;
  }
  .rewardsBody .steps img {
  width: 100%;
}
}
@media screen and (min-width: 1000px) {
  .rewardsBody h1 {
    font-size: 3.07692em;
    margin: 5px 0 10px;
  }
}
.rewardsBody .tag__line {
  font-family: "Ovo", serif;
  color: #21295e;
  font-size: 1.15385em;
  display: block;
  text-align: center;
  margin: -13px 35px 22px;
}

.dashboard .rewardsBody .tag__line {
  text-align: left;
  margin: 0;
}
@media screen and (min-width: 480px) {
  .rewardsBody .tag__line {
    margin: 15px 85px 15px;
    font-size: 1.15385em;
  }
}
@media screen and (min-width: 640px) {
  .rewardsBody .tag__line {
    margin: 20px 15px 25px;
    font-size: 1.15385em;
  }
}
@media screen and (min-width: 1000px) {
  .rewardsBody .tag__line {
    margin: -5px 0 15px;
    font-size: 1.38462em;
  }
}
.container {
  margin-top: 0;
}
@media screen and (min-width: 480px) {
  .rewardsBody .container {
    width: 480px;
  }
}
@media screen and (min-width: 640px) {
  .rewardsBody .container {
    width: 640px;
  }
}
@media screen and (min-width: 1000px) {
  .rewardsBody .container {
    width: 1000px;
  }
}
.submitForm input[type="password"] {
  padding: 8px;
}
.header__block .container {
  height:594px;
}
.generic__block ol li, .generic__block ul li {
  margin-bottom:15px;
}
#paperOneTable {
  background: #ffffff;
  border: #21295e 4px solid;
}
#paperOneTable td {
    border: #21295e 2px solid;

}
#paperOneTable td table td {
    border: none;

}
#paperOneTable thead {
  background: #21295e;
  color: #ffffff;
  font-size: 0.9em;
}
#paperOneTable th {
  border: none;
}
table#paperOneTable tbody th, table#paperOneTable tbody td {
  padding: 2px 4px;
}
table#paperOneTable td.highlight {
  background: #fce99d;
}
table#paperOneTable td.redHighlight {
  background: #ed7d84;
}
table#paperOneTable td.blueHighlight {
  background: #00c4ff;
}
table.performanceTable {
  width: 100%;
}
table.performanceTable thead th {
  font-family: "Mulish Bold",Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #17659f;
  color: #ffffff;
  padding: 8px 12px;
}
table.performanceTable thead th.board {
  font-family: "Mulish Bold",Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #ffbe48;
  color: #000000;
  padding: 8px 12px;
}
table.performanceTable tbody td {
  text-align: center;
  padding: 8px 12px;
}
table.performanceTable tbody td.tierLight {
  color: #ffffff;
  background-color: #2fa3dd;
}
table.performanceTable tbody td.tierDark {
  color: #ffffff;
  background-color: #008fc9;
}
table.performanceTable tbody td.tierBoardLight {
  color: #000000;
  background-color: #ffd675;
}
table.performanceTable tbody td.tierBoardDark {
  color: #000000;
  background-color: #ffe4a4;
}
table.performanceTable thead tr th:not(:first-child),table.performanceTable tbody tr td:not(:first-child) {
  border-left: 8px #ffffff solid;
}
table.performanceTable tbody tr:nth-child(even) {
    background-color: #e6eaed;
}
table.achievementTable table.performanceTable tbody tr:nth-child(even) {
    background-color: #f3f5f7;
}
table.achievementTable table.performanceTable {
  width: 100%;
}
table.achievementTable table.performanceTable thead th {
  background-image: none;
  background-color: #17659f;
  font-size: 0.7em;
  font-weight:600;
  border-radius: 0;
  text-align: center;
}

table.achievementTable table.performanceTable thead th.board {
  background-image: none;
  background-color: #ffbe48;
  font-size: 0.7em;
  font-weight:600;
  border-radius: 0;
  text-align: center;
}
table.achievementTable table.performanceTable tbody td {
  font-size: 0.7em;
  border-radius: 0;
  text-align: center;
}
table.achievementTable table.performanceTable thead tr th:not(:first-child),table.achievementTable table.performanceTable tbody tr td:not(:first-child) {
  border-left: 8px #e6eaed solid;
}
table.achievementTable table.performanceTable tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
table.achievementTable {
  width: 100%;
  margin: 25px 0;
}
table.achievementTable thead th {
  font-family: "Mulish Bold",Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
  text-align: left;
  background: url("../images/paperone/dashboard_achievement_table_bg.jpg") repeat-y left top;
  background-size: contain;
  color: #ffffff;
  padding: 13px 25px;
  border-collapse:separate;
  border-radius:12px 12px 0 0;
}
table.achievementTable tbody {
  background-color: #e6eaed;
}
table.achievementTable tfoot td {
  background-color: #e6eaed;
  border-collapse:separate;
  border-radius:0 0 12px 12px;
}
table.achievementTable tbody td {
  text-align: left;
  font-size: 1.3em;
  padding: 8px 25px;
}
table.achievementTable tbody tr.subTextRow td {
  vertical-align: top;
  font-weight: 600;
  line-height: 1.1;
  color: #21295e;
  padding-top: 0;
}
table.achievementTable tbody td.rightAlign {
  text-align: right;
}
table.achievementTable tbody tr.largeText td {
  font-family: "Mulish Bold",Arial, Helvetica, sans-serif;
  font-size: 2.7em;
  font-weight: 600;
  color: #21295e;
  padding-bottom: 0;
}
table.achievementTable tbody tr.largeText td span {
  font-weight: 600;
  font-size: 40%;
}
table.achievementTable.singapore tbody tr.largeText td {
  padding-top: 25px;
}
table.achievementTable tbody .achievementLevel {
  background: url("../images/dashboard/achievement_arrow.png") top center no-repeat;
  padding-top: 15px;
  padding-bottom: 25px;
  display: inline-block;
  width: 25%;
  text-align: center;
  vertical-align: top;
}
table.achievementTable.singapore tbody .achievementLevel {
  width: 33%;
}
table.achievementTable.platinum tbody .achievementLevel {
  width: 20%;
}
table.achievementTable tbody .achievementLevel.active {
  font-weight: 700;
  font-size: 150%;
  line-height:1;
}
table.achievementTable .achievementSlider img {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  #paperOneTable {
    background: #ffffff;
    border: #21295e 7px solid;
  }
  #paperOneTable td {
      border: #21295e 4px solid;

  }
  #paperOneTable thead {
    background: #21295e;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
  }
  #paperOneTable th {
    border: none;
  }
  table#paperOneTable tbody th, table#paperOneTable tbody td {
    padding: 8px 10px;
  }
}
/* Tables styles for mobile screens */
@media screen and (max-width: 640px) {
  #paperOneTable th {
    padding: 5px 0;
  }
  table.dataTable thead th, table.dataTable thead td {
    padding: 2px 3px;
  }
  table#paperOneTable tbody th, table#paperOneTable tbody td, table#paperOneTable tbody td a.btn {
    font-size: 75%;
    padding: 2px 3px;
  }
  #paperOneTable td {
    border-width: 1px;
  }
  table.performanceTable thead th {
    font-size: 0.8em;
  }
  table.performanceTable tbody td {
    font-size: 0.8em;
  }
  table.achievementTable thead th {
    font-size: 1em;
    padding: 10px;
  }
  table.achievementTable tbody td {
    font-size: 0.9em;
    padding: 5px 7px;
  }
  table.achievementTable tbody tr.largeText td {
    font-size: 2em;
  }
  table.achievementTable tbody .achievementLevel {
    font-size: 0.9em;
  }
  table.achievementTable tbody .achievementLevel.active {
    font-size: 130%;
  }
}

.submitForm {
  position: relative;
  margin: 0 0 70px;
  background-color: #fff;
  padding: 20px 15px;
  -o-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.75);
}
.submitForm:before {
  position: absolute;
  display: none;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .submitForm:before {
    display: block;
    background: url(../images/contact-form/form-bg-tablet.png) no-repeat 0 0;
    bottom: -39px;
    right: -13px;
    height: 160px;
  }
}
@media screen and (min-width: 1000px) {
  .submitForm:before {
    display: block;
    background: url(../images/contact-form/form-bg-desktop.png) no-repeat 0 0;
    bottom: -55px;
    right: -63px;
    height: 260px;
  }
}
.submitForm input, .submitForm select, .submitForm textarea {
  width: 100%;
  margin-bottom: 5px;
  outline: none;
}
.submitForm input[type="checkbox"],.submitForm input[type="radio"] {
  width:auto;
}
.submitForm textarea {
  min-height: 140px;
}
.submitForm #address {
  min-height: 132px;
}
.submitForm input[type="text"], .submitForm input[type="tel"], .submitForm input[type="email"], .submitForm select {
  padding: 8px;
}
.submitForm label {
  cursor: pointer;
  color: #333;
  font-size: 1.5em;
}
.submitForm .label__wrap {
  margin-bottom: 7px;
}
.submitForm .label__icon:before {
  font-family: 'FontAwesome';
  font-size: 1.07692em;
  color: #21295e;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}
.submitForm .name:before {
  content: "\f007";
}
.submitForm .contact:before {
  content: "\f098";
}
.submitForm .email:before {
  content: "\f0e0";
}
.submitForm .market:before {
  content: "\f0e0";
}
.submitForm .address:before {
  content: "\f015";
}
.submitForm .message:before {
  content: "\f075";
}
.submitForm .verify:before {
  content: "\f058";
}
.submitForm .submit__button--block {
  margin-bottom: 40px;
}
.submitForm .submit__btn {
  background-color: #21295e;
  height: 50px;
  text-align: center;
  padding: 15px;
  color: #fff;
  border: none;
  text-transform: uppercase;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 640px) {
  .submitForm .submit__btn {
    width: 300px;
    margin: 0;
  }
}
.viewForm {
  position: relative;
  margin: 0 0 70px;
  background-color: none;
}
.viewForm:before {
  position: absolute;
  display: none;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .viewForm:before {
    display: block;
    bottom: -39px;
    right: -13px;
    height: 160px;
  }
}
@media screen and (min-width: 1000px) {
  .viewForm:before {
    display: block;
    bottom: -55px;
    right: -63px;
    height: 260px;
  }
}
.viewForm input, .viewForm select, .viewForm textarea {
  width: 100%;
  margin-bottom: 0px;
  outline: none;
}
.viewForm input[type="checkbox"], .viewForm input[type="radio"] {
  width: auto;
  margin-right: 5px;
}

.contact__form--block  input[type="checkbox"], .contact__form--block input[type="radio"] {
  width: auto;
  margin-right: 5px;
}

.viewForm textarea {
  min-height: 140px;
}
.viewForm input[type="text"], .viewForm input[type="tel"], .viewForm input[type="email"], .viewForm select {
  padding: 8px;
}
.viewForm label {
  cursor: pointer;
  color: #333;
  font-size: 1.5em;
}
.viewForm .label__wrap {
  margin-bottom: 7px;
}
.viewForm .label__icon:before {
  font-family: 'FontAwesome';
  font-size: 1.07692em;
  color: #21295e;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}
.adminForm select {
  width: auto;
  padding: 7px 2px;
  margin-bottom: 30px;
  font-size: 1.2em;
}
.checkboxWrap {
  display: inline-block;
  font-size: 120%;
  margin-right: 2em;
}

.file-error-message li {
  list-style: none;
}
.sub__nav--wrap .sub__nav ul.dropdown-menu li {
  float: none;margin-left: 0;
}
.sub__nav--wrap .sub__nav ul.dropdown-menu li a {
  color: #21295e;
}
fieldset.closePacked {
  border-top: #cccccc 2px solid;
  position: relative;
}
fieldset.closePacked h3 {
  margin: 15px;
  color: #21295e;
  font-weight: bold;
}
.closePacked div {
  margin: 5px 0;
}
#delete_claim.submit__btn {
  background: #ff0000;
}
  #metalRibbon a {
    background: url("../images/paperone/metal_ribbon.png") no-repeat;
    background-size:cover;
    width: 95px;
    height: 120px;
    position: absolute;
    top: -10px;
    left:0;
  }
  #paperOneTable {
    font-size: 0.7em;
  }
  table#paperOneTable tbody td a.btn {
    font-size: 0.9em;
  }
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
  padding-right: 10px;
}
.dashboard .rewardsBody h1.centerMobile {
  text-align: center;
}

@media screen and (min-width: 1000px) {
  #metalRibbon a {
    width: 191px;
    height: 242px;
    left: -20px;
  }
  #paperOneTable,table#paperOneTable tbody td a.btn {
    font-size: 1em;
  }
  table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
  }
  .dashboard .rewardsBody h1.centerMobile {
    text-align: left;
  }

  .header {
    position: relative;
  }

  .header__block__mobile {
      display: none;
    }
}
.header__block__mobile {
  padding: 20px 20%;
}
.contact__form--block input[type="password"] {
  padding: 8px;
}
td.cellTitle {
  width: 300px;
  background: #21295e;
  color: #ffffff;
  font-size: 1.1em;
}
h1 span.redHighlight {
  color:#971a4b;
}
.internal__container p.boldText {
  font-size:120%;
  font-weight: bold;
}
.dashboard .rewardsBody .performancePage h2, .dashboard .rewardsBody .performancePage h3, .dashboard .rewardsBody .performancePage h1 {
  text-align: center;
}
.performancePage .row {
  margin-left: 0;
  margin-right: 0;
}
.dashboard .rewardsBody .performancePage h1 {
  font-family: "Muli", sans-serif;
  font-size: 2.2em;
  color:#971a4b;
  text-transform: uppercase;
}
.dashboard .rewardsBody .performancePage h2 {
  font-family: "Mulish Bold", sans-serif;
  font-size: 1.3em;
  font-weight: 600;
  text-align: left;
}
.dashboard .rewardsBody .performancePage h3 {
  font-family: "Muli", sans-serif;
  font-size: 1.2em;
}
.dashboard .rewardsBody .performancePage .quarterSelect {
  padding: 0;
}
h2.totalWeight {
  font-family: "Muli", sans-serif;
  font-size: 1.2em;
  color: #ffffff;
  background: #21295e;
  padding: 7px 12px;
}
.borderRight {
  border-bottom: 1px solid #21295e;
}
.timer {
  font-family: "Muli", sans-serif;
}
.performancePage {
  padding: 0 50px;
  margin: 0;
}
.performancePage div.three__col--block {
  padding: 0.5em;
  margin: 0.5em;
}
.uploadIcon {
    width: 70%;
    margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .performancePage {
    padding: 0 8px;
    margin: 0;
  }
}
@media screen and (min-width: 640px) {
    .performancePage {
        padding: 0;
    }
    .borderRight {
        border-right: 1px solid #21295e;
        border-bottom: none;
    }
    .uploadIcon {
        width: 100%;
        margin: 0;
    }
    .performancePage div.three__col--block {
        padding: 0;
        margin: 0;
    }
}
.performancePage div#volumeTarget {
    margin: 0 auto;
}
.file-actions {
    display: none;
}
.panel-body p {
    font-size: 1em;
}
.one__col--grid a {
    text-decoration: underline;
}
.panel-body ol, .panel-body ul {
    margin-left: 30px;
}
.termsAndConditions ol ul, .termsAndConditions ol ol, .termsAndConditions ol ol ol {
    margin-top: 5px;
    margin-bottom: 8px;
}
tr.highLight, tr.highLight td, td.highLight {
  background-color: #fce99d;
}
.internal__navigation--block a {
  padding: 16px 12px;
}
.error {
  color: red;
}
.checked_ok {
  color:green;
}
#AprilLogoLeft {
  float: left;
}
#AprilLogoLeft img {
  height: 25px;
}

#PaperOneLogoRight {
  float: left;
}
#PaperOneLogoRight img {
  height: 25px;
  margin-left:15px;
  margin-top: 7px;
}
.mastheadLogos {
    position: absolute;
    top:10px;
    left:10px;
}

@media screen and (min-width: 1000px) {




}
@media screen and (min-width: 1000px) {
    .mastheadLogos {
    position: inherit;
  }

  #AprilLogoLeft {
    position: absolute;
    top:15px;
    left: 25px;
  }
  #AprilLogoLeft img {
    height: 40px;
  }
  #PaperOneLogoRight {
    position: absolute;
    top: 15px;
    right: 25px;
  }

  #PaperOneLogoRight img {
    height: 32px;
  }
}
#back-to-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 9999;
    width: 38px;
    height: 38px;
    text-align: center;
    font-weight: bold;
    line-height: 38px;
    background: #21295e;
    color: #FFFF00;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.6s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e4a82d;
    color: #21295e;
}
#back-to-top.show {
    opacity: 1;
}
.shieldLogo {
  margin-top:50px;
}
#cloneButton {
  cursor: pointer;
}
.btn-red {
  background-color: red;
  color: white;
}
#updateTables {
  text-align: center;
  margin-top: 1.3em;
  padding-left: 25px;
}
#downloadButton:disabled {
  opacity: 0.4;
}
.loadingIndicator {
  color: red;
}
.archiveBody .nav>li>a {
  padding: 12px 8px;
}
#paperOneTable td.tableMergeLeft {
  border-right: none;
}
#paperOneTable td.tableMergeRight {
  border-left: none;
}
#paperOneTable thead.headerCenter th {
  text-align: center;
}
/* New Navbar */
.nav__wrap {
  width: 100%;
}
.aprilNavbar {
  margin-top: 15px;
}
.aprilNavbar .nav>li>a {
  padding: 10px 0;
  margin-left: 15px;
}
.aprilNavbar .nav a.active, .aprilNavbar .nav .open>a, .aprilNavbar .nav .open>a:focus, .aprilNavbar .nav .open>a:hover, .aprilNavbar .nav .open>a:active {
  background-color: transparent;
  color: #febe10;
}
.aprilNavbar .nav .dropdown-menu>.active>a, .aprilNavbar .nav .dropdown-menu>.active>a:focus, .aprilNavbar .nav .dropdown-menu>.active>a:hover {
  background-color: #21295e;
}
.dropdown-menu li a {
  color: #21295e;
}
.dropdown-menu li:hover {
  background-color: #21295e;
}
.aprilNavbar a {
    color: #eaeaea;
    font-size: 0.76923em;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0;
    display: block;
}
.aprilNavbar li.active a {
  color: #febe10;
}
.aprilNavbar #mainNav {
  margin-left: 130px;
}
.aprilNavbar #mainNav a:hover {
  background-color: transparent;
  color: #cccccc;
}
@media screen and (min-width: 1300px) {
  .aprilNavbar #mainNav {
  margin-left: 0;
}
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.dl-menuwrapper .dl-menu {
  width: 90%;
}
.dl-menuwrapper li a:after, .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
  content: none;
}
.expand-menu {
  display: none;
}
.expand-menu.expand {
  display: block;
}
.dl-menuwrapper ul.expand-menu li a {
  padding-left: 30px;
  font-size: 85%;
  padding-top: 5px;
  padding-bottom: 5px;
}