* {
  box-sizing: border-box;
}

html, body {
  min-height: 100vh;
}

/* body {
  font-family: Arial, Helvetica, sans-serif;
} */

/* Style the header */
div.header .empty-header {
  height: 71px;
}

/* div.header {
  display: inline-block;
  height: 71px;
  border-bottom: 1px solid #d6d6d6;
  background-color: white;
  text-align: justify; 
  position: fixed;
  left: 0;
  right: 0;
} */

div.header-logo {
  display: inline-block;
  text-align: left;
  padding: 10px 20px;
  width: 200px;
}
div.header-left {
  display: inline-block;
  width: calc(100% - 410px);

  /* ie 7*/ 
  *display: inline;
  *zoom: 1;
  *text-align: left; 
}

div.header-right {
  display: inline-block;
  vertical-align: super;
  width: 400px;
  text-align: right;

  /* ie 7*/
  *display: inline;
  *zoom:1;
  *text-align: right;
}

div.header-right a {
  cursor: pointer;
}

div.header-middle {
  width: calc(100% - 300px);
  vertical-align: super;
}

div.userInfo {
  width: 250px;
  text-align: left;
}

div.app {
  position: relative;
  min-height: 100vh;
}
/* 
div.content {
  min-height: calc(100vh - 110px);
} */

section.more-padding {
  padding-left : 20%;
  padding-right: 20%;
  padding-top: 100px;
}

/* Style the footer */
div.footer {
  width: 100%;
  display: inline-block;
  text-align: center;
  height: 100px;
  padding-top: 10px;
}

div.copyright {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid #d6d6d6;
  width: 80%;
  color: #737070;
}

div.footer.side {
  padding-left: 200px;
}

/* color */
.hightlight-color {
  color: #A52A2A;
}

/* Box */
.box {
  padding: 1.25rem;
}

.box-sm {
  padding: 0.75rem;
}

/* Background */
.bg-blue-light {
  background-color: #e3f2fd;
}

.bg-white {
  background-color: white;
}

section.container {
  font-size: 1rem;
  display: inline-block;
  width: 600px;
}

.login-form {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 10%;
}

.welcome-msg {
  display: inline-block;
  text-align: left;
  width: 90%;
}
.portal-form-row {
  display: inline-block;
  text-align: left;
  width: 100%;
}

.login-form-label {
  display: inline-block;
  font-weight: 700;
  padding: 1% 0;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}


.login-input-form {
  display: inline-block;
  width: 80%;
  text-align: left;
}

.portal-input {
  width: 90%;
  font-size: 1.5rem;
}

.login-input {
  margin-left: 3%;
}

.portal-input.input-short {
  width: 40%;
}

.robot {
  font-size: 12px;
  color: #616161;
  padding-top: 2%;
}

.code-img {
  display: inline-block;
  vertical-align: top;
}

.login-code {
  height: 32px;
}

.login-btns {
  display: inline-block;
  padding-top: 4%;
}

.login-form-btn {
  background-color: #00337D;
  color: #FFFFF9;
  border: 0;
  border-radius: 0.4rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}

.login-form-btn:hover {
  background-color: #68a1f8;
}

.login-form-btn-text {
  font-weight: bold;
  font-size: 15px;
}

a.portal {
  color: #2563ff;
  text-decoration: none;
  background-color: transparent;
}

.forgot-password {
  padding-left: 5%;
  font-size: 10px;
}

.refresh-img-div {
  display: inline-block;
}

.refresh-image {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.loaderDiv.loading .loader,
.loaderDiv.init .loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 45%;
}

.loaderDiv.loading,
.loaderDiv.init {
  visibility: visible;
  min-width: 100%;
  min-height: 100%;
  z-index: 999999999;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.init {
  visibility: hidden;
}

/* Fixed sidenav, full height */
/* .sidenav {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 71px;
  left: 0;
  overflow-x: hidden;
  padding-right: 5px;
  border-right: 1px solid #d6d6d6;
} */

/* Style the sidenav links and the dropdown button */
button.dropdown-btn > span:first-child {
  display: inline-block;
  width: 80%;
}

button.dropdown-btn > span.menu-arrow {
  width: 30px;
  background-image: url(../images/not_our_down-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  height: 20px;
  margin-top: 6px;
}
button.dropdown-btn.active > span.menu-arrow  {
  width: 30px;
  background-image: url(../images/not_our_up-arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  height: 20px;
  margin-top: 6px;
}

.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #FFFFFF;
  display: block;
  border: none;
  background-color: #14377D;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  margin-bottom: 1px;
  min-height: 50px;
}*/

/* On mouse-over */
/* .sidenav a:hover, .dropdown-btn:hover {
  color: #5B9BE3;
}

.sidenav a.active {
  color: #5B9BE3;
}  */

/* Add an active class to the active dropdown button */
/* .active {
  background-color: green;
  color: white;
} */

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #FFFFFF;
  padding-left: 8px;
}

.dropdown-container a {
  background-color: #FFFFFF;
  color: #000000;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

.normal-form-row {
  display: inline-block; 
  width: 100%;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.normal-form-left {
  display: inline-block;
  width: 40%;
}

.normal-form-right {
  display: inline-block; 
  width: 40%;
}

.inline {
  display: inline-block;
}

.header-cets-id-block {
  display: inline-block;
  margin-right: 15%;
}

.header-company-name-block {
  display: inline-block;
}

.last-login-title {
  color: #007000;
  font-weight: bold;
}

.logout {
  display: inline-block;
  margin-left: 10px;
  color: #2160FF;
  cursor: pointer;
}
.hidden {
  display: none;
}

/* .side-content {
  width: calc(100% - 200px);
  right: 0;
  display: inline-block;
  margin-left: 200px;
  padding: 80px 15px 0px 15px;
} */

.half-block {
  display: inline-block;
  width: 49%;
}

.active-lang {
  color: #2160FF;
}

.block-one-third {
  display: inline-block;
  width: 33%;
}

.pointer {
  cursor: pointer;
}

span.error-code {
  font-size: small;
  /* color: #b3b3b3; */
  padding-top: 10px;
}

/* page specific start */
.chkBpBal-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.chkBpbal-table {
  border: 0;
}

.chkBpbal-table-title {
  background-color: #FFCC99; 
  text-align: center;
}
.chkBpbal-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.chkBpbal-table-data {
  background-color: #FFFFFF; 
  text-align: center;
}
.chkBpbal-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}
.chkBpbal-reminder {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #0000FF;
  font-size: x-small;
}
.chkBpbal-first-reminder {
  padding-top: 20px;
}

.chkRedEvent-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.chkRedEvent-datatable {
  display: inline-block;
  width: 100%;
}

div.chkRedEvent-datatable td.chkRedEvent-entryNum {
  color: #0000FF;
  font-weight: bold;
  cursor: pointer;
}

div.chkRedEvent-datatable .vgt-table.bordered td, 
div.chkRedEvent-datatable .vgt-table.bordered th,
div.chkRedEvent-datatable .vgt-wrap__footer .footer__navigation__page-btn span,
div.chkRedEvent-datatable .vgt-wrap__footer .footer__navigation,
div.chkRedEvent-datatable .vgt-wrap__footer .footer__row-count__select,
div.chkRedEvent-datatable .vgt-wrap__footer .footer__row-count__label {
  font-size: 12px;
}

div.chkRedEvent-datatable .vgt-wrap__footer {
  padding: 5px;
}

div.chkRedEvent-datatable .vgt-table.bordered th,
div.chkRedEvent-datatable .vgt-wrap__footer,
div.chkRedEvent-datatable .vgt-global-search {
  background: #fedbbd;
  border-color: #febc85;
}

div.chkRedEvent-datatable .vgt-table.bordered td, 
div.chkRedEvent-datatable .vgt-table.bordered th {
  border-color: #febc85;
}

div.rewardRedemption-first-row {
  padding-top: 20px;
}

div.rewardRedemption-left-padding {
  padding-left: 20px;
}

div.rewardRedemption-side-content {
  padding-left: 50px;
}

div.redeption-section-type-title {
  text-decoration: underline;
}

div.redemption-section {
  padding: 10px 0;
}

td.redemptionType-header-first {
  width: 20%;
}

td.redemptionType-header-redeemImage {
  width: 50px;
}

.rewardRedemption-table {
  border: 0;
}

.rewardRedemption-table-title {
  background-color: #FFCC99; 
  text-align: center;
}
.rewardRedemption-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
  font-weight: 700;
}

.rewardRedemption-table-data {
  background-color: #FFFFFF; 
  text-align: center;
}
.rewardRedemption-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

span.redemptionItem-desc {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color: #000000;
  font-size: 1;
}

div.redemptionItem-unitPrice {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color: #000000;
  font-size: 1;
}
span.rewardRedemption-special-price {
  color: #FF0000;
}

img.redemptionItem-img {
  max-width: 200px;
}

button.rewardRedemption-submit-btn {
  font-size: 16px;
  border: 2px solid #000000;
  padding: 3px 100px;
  cursor: pointer;
}

div.redemptionItem-last-row {
  padding-bottom: 15px;
}

.rd-chkBpBal-title {
  text-align: left;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.rd-chkBpBal-sub-title {
  font-size:medium;
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  color: rgb(153, 0, 0);
}

.rd-chkBpBal-table {
  border: 0;
  width: 100%;
}

.rd-chkBpBal-table-title {
  background-color: #FFCC99; 
  text-align: center;
}
.rd-chkBpBal-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.rd-chkBpBal-table-data {
  background-color: #FFFFFF; 
  text-align: center;
}
.rd-chkBpBal-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}
.rd-chkBpBal-reminder {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #0000FF;
  font-size: x-small;
}
.rd-chkBpBal-first-reminder {
  padding-top: 20px;
}

.rd-chkRedEvent-datatable {
  display: inline-block;
  width: 100%;
}

div.rd-chkRedEvent-datatable .vgt-table.bordered td, 
div.rd-chkRedEvent-datatable .vgt-table.bordered th,
div.rd-chkRedEvent-datatable .vgt-wrap__footer .footer__navigation__page-btn span,
div.rd-chkRedEvent-datatable .vgt-wrap__footer .footer__navigation,
div.rd-chkRedEvent-datatable .vgt-wrap__footer .footer__row-count__select,
div.rd-chkRedEvent-datatable .vgt-wrap__footer .footer__row-count__label {
  font-size: 12px;
}

div.rd-chkRedEvent-datatable .vgt-wrap__footer {
  padding: 5px;
}

div.rd-chkRedEvent-datatable .vgt-table.bordered th,
div.rd-chkRedEvent-datatable .vgt-wrap__footer,
div.rd-chkRedEvent-datatable .vgt-global-search {
  background: #ffcc99;
  border-color: #FFFFFF;
}

div.rd-chkRedEvent-datatable .vgt-table.bordered td, 
div.rd-chkRedEvent-datatable .vgt-table.bordered th {
  border-color: #FFFFFF;
}

.rd-chkBpBal-confirm-gp {
  display: inline-block;
  text-align: center;
  width: 100%;
}

div.rd-address-sub-title {
  display: inline-block;
  text-align: center;
  font-size: large;
  width: 100%;
}

div.rd-address-sub-title-txt {
  text-decoration: underline;
}

div.rd-address-note {
  padding-top: 20px;
  font-size: 13px;
  display: inline-block;
  width: 100%;
  text-align: left;
}

span.rd-address-info-2 {
  font-weight: bold;
}

div.rd-address-form {
  padding: 0 10%;
  width: 100%;
  display: inline-block;
}

div.rd-address-form-title {
  padding-top: 20px;
  color: #003399;
  font-size: medium;
  display: inline-block;
  width: 100%;
}

div.rd-address-form-title-text {
  display: inline-block;
  width: 50%;
}

div.rd-address-update-btn {
  display:inline-block;
  width: 49;
  text-align: right;
}

button.rd-address-update-btn {
  background-color: #FF0000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 2px 5px;
}

button.rd-address-update-cancel-btn {
  background-color: #007000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 2px 5px;
}

div.rd-address-form-row {
  display: inline-block;
  text-align: center;
  font-size: small;
  width: 100%;
}

div.rd-address-form-first-row {
  padding-top: 10px;
}

div.rd-address-form-row-label {
  display: inline-block;
  text-align: right;
  width: 50%;
}

div.rd-address-form-row-input {
  display: inline-block;
  text-align: left;
  width: 49%;
}

input.rd-address-form-row-input {
  width: 80%;
}

span.update-address {
  text-decoration: line-through;
  color: #FF0000;
}

span.rd-address-form-row-update {
  font-weight: bold;
}

div.rd-address-btn-gp {
  display: inline-block;
  text-align: center;
  width: 100%;
}

div.rd-tnc-row {
  display: inline-block;
  text-align: left;
  width: 100%;
  font-size: small;
}

div.rd-tnc-row > div.rd-tnc-sub-title-txt {
  font-size: large;
}

div.rd-tnc-btn-gp {
  display: inline-block;
  text-align: center;
  width: 100%;
}

div.rd-tnc-padding-top  {
  padding-top: 10px;
}

h2.rd-wait-payment-title {
  border-bottom: 1px solid #d6d6d6;
}

div.rd-wp-waiting-first-row {
  padding-top: 100px;
}

div.rd-wp-waiting-row {
  text-align: center;
  width: 100%;
  display: inline-block;
}
div.rd-wp-waiting-msg {
  font-weight: bold;
}

div.rd-wp-waiting-note-first-row {
  padding-top: 15px;
}

div.rd-wp-waiting-note-row {
  text-align: center;
  width: 100%;
  display: inline-block;
}

form.hidden-form {
  visibility: hidden;
}

div.rd-pymtFail-row {
  width: 100%;
  display: inline-block;
}

div.rd-pymtFail-back-div {
  text-align: right;
  display: inline-block;
}

a.rd-pymtFail-back-href {
  color: #0000ff;
  font-size: 13px;
  text-decoration: none;
}

a.rd-pymtFail-back-href :hover {
  color: #DB4723;
}

h2.rd-pymtSucc-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
  font-weight: bold;
}
div.rd-pymtSucc-row {
  display: inline-block;
  text-align: left;
  width: 100%;
}

.rd-pymtSucc-exchange-date {
  color: #0000FF;
}

.rd-pymtSucc-table {
  border: 0;
}

.rd-pymtSucc-table-title {
  background-color: #FFCC99; 
  text-align: center;
}
.rd-pymtSucc-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.rd-pymtSucc-data {
  background-color: #FFFFFF; 
  text-align: center;
}
.rd-pymtSucc-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}
.rd-pymtSucc-pointinfo-label {
  display: inline-block;
  width: 50%;
}
.rd-pymtSucc-pointinfo-data {
  display: inline-block;
}

.rd-pymtSucc-padding {
  padding-left: 15px;
}

div.rd-pymtSucc-redeeeminfo {
  padding-top: 20px;
}

div.rd-pymtSucc-current-transaction {
  font-size: large;
  color: #003399;
  font-weight: bold;
}

.rd-pymtSucc-btn-gp {
  text-align: center;
  padding-top: 15px;
}

.rd-charity-info {
  padding: 0 10%;
  display: inline-block;
  width: 100%;
}

.rd-charity-paragraph {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.rd-charity-btn-gp {
  width: 100%;
  display: inline-block;
  text-align: center;
}

div.rd-item-content-left {
  width: 49%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
div.rd-item-content-right {
  width: 50%;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
div.content.rd-item-table {
  display: table;
  width: 100%;
}

div.content.rd-item-table {
  display: table;
  width: 100%;
  padding: 0 5%;
}
div.body.rd-item-body {
  width: 100%;
  height: 100%;
  display: table-row;
  vertical-align: middle;
}

.chpwd-form {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 100px;
}

.chpwd-input-form {
  display: inline-block;
  width: 80%;
  text-align: left;
}

.chpwd-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.chpwd-info {
  display: inline-block;
  text-align: left;
  width: 100%;
}

.chpwd-input-form {
  display: inline-block;
  padding: 0 10%;
  text-align: left;
}

.chpwd-form-label {
  display: inline-block;
  font-weight: 700;
  padding: 1% 0;
}

.chpwd-input {
  margin-left: 3%;
}

.chpwd-note {
  font-size: 12px;
  color: #616161;
  padding-top: 2%;
}

.chpwd-form-btn {
  background-color: #00337D;
  color: #FFFFF9;
  border: 0;
  border-radius: 0.4rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}

.chpwd-form-btn:hover {
  background-color: #68a1f8;
}

.chpwd-form-btn-text {
  font-weight: bold;
  font-size: 15px;
}

.chpwd-btns {
  display: inline-block;
  padding-top: 4%;
}

div.chpwd-input-form > div.portal-form-row:first-child {
  padding-top: 15px;
}

.chk-coup-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.chk-coup-table {
  border: 0;
}

.chk-coup-table-title {
  background-color: #FFCC99; 
  text-align: center;
}
.chk-coup-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.chk-coup-table-data {
  background-color: #FFFFFF; 
  text-align: center;
}
.chk-coup-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}
.chk-coup-reminder {
  /* font-family: Arial, Helvetica, sans-serif; */
  color: #0000FF;
  font-size: x-small;
}
.chk-coup-first-reminder {
  padding-top: 20px;
}

.desnom-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.desnom-login-form {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 100px;
}

.desnom-login-input-form {
  display: inline-block;
  width: 80%;
  text-align: left;
}

.desnom-login-form-label {
  display: inline-block;
  font-weight: 700;
  padding: 1% 0;
}

.desnom-login-input {
  margin-left: 3%;
}

.desnom-login-note {
  font-size: 12px;
  color: #616161;
  padding-top: 2%;
}

.desnom-login-reminder {
  font-size: 13px;
  padding-top: 2%;
}

.desnom-login-btns {
  display: inline-block;
  padding-top: 4%;
}

.desnom-login-form-btn {
  background-color: #00337D;
  color: #FFFFF9;
  border: 0;
  border-radius: 0.4rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}

.desnom-login-form-btn-text {
  font-weight: bold;
  font-size: 15px;
}

.elinom-table {
  border: 0;
}

.elinom-table-title {
  background-color: #EBEBEB; 
  text-align: center;
  border: 1px solid #808080;
}
.elinom-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-weight: bold;
}

.elinom-table-data {
  background-color: #FFFFFF; 
  text-align: center;
  border: 1px solid #808080;
}
.elinom-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.desnom-email-label, .desnom-confirm-email-label {
  padding: 7px 10px;
  display: inline-block;
  width: 20%;
}

.desnom-nominee-name {
  padding-left: 5px;
}

.exinom-table {
  border: 0;
}

.exinom-table-title {
  background-color: #FFFFE1; 
  text-align: center;
  border: 1px solid #808080;
}
.exinom-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-weight: bold;
}

.exinom-table-data {
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #808080;
}
.exinom-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.desnom-desc  {
  padding-top: 15px;
}

.desnom-tnc-gp {
  background-color: #F8F8F8;
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.desnom-tnc {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 8pt;
  line-height: 120%;
  color: #555555;
  width: 96%;
  display: inline-block;
}
.desnom-confirm-checkbox {
  display: inline-block;
  width: 3%;
  padding-left: 1%;
}

.desnom-btn-gp {
  margin-top : 15px;
  text-align: center;
}

.desnom-note {
  padding-top: 15px;
}

.desnomcon-add-table {
  margin-top: 15px;
  border: 0;
}

.desnomcon-add-table-title {
  background-color: #EBEBEB; 
  text-align: center;
  border: 1px solid #808080;
}
.desnomcon-add-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-weight: bold;
}

.desnomcon-add-table-data {
  background-color: #FFFFFF; 
  text-align: center;
  border: 1px solid #808080;
}
.desnomcon-add-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.desnomcon-del-table {
  margin-top: 15px;
  border: 0;
}

.desnomcon-del-table-title {
  background-color: #FFFFE1; 
  text-align: center;
  border: 1px solid #808080;
}
.desnomcon-del-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-weight: bold;
}

.desnomcon-del-table-data {
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #808080;
}

.desnomcon-del-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.desnomcon-btn-gp {
  margin-top : 15px;
  text-align: center;
}

.desnomcon-title {
  text-align: center;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: large;
  color: rgb(153, 0, 0);
}

.desnomcon-nominee-name {
  padding: 5px;
}

.desnomcon-add-table-title {
  font-weight: bold;
  padding: 5px;
}

.desnomcon-del-table-title {
  font-weight: bold;
  padding: 5px;
}

.encoin-arrow-img {
  width: 15px;
  height: 17px;
}

.encoin-left {
  display: inline-block;
  width: 30px;
}

.encoin-right {
  display: inline-block;
  width: calc(100% - 35px);
}

.encoin-user-title {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 13pt;
  line-height: 110%;
  font-weight: bold;
}

.encoin-user-title > a:hover {
  color: #DB4723;
}

.encoin-user-type-row {
  border-bottom: 1px solid #EDD7CC;
}

.encoin-user-first-row {
  margin-top: 15px;
}


.enrcour-login-form {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 100px;
}

.enrcour-login-input-form {
  display: inline-block;
  width: 80%;
  text-align: left;
}

.enrcour-login-form-label {
  display: inline-block;
  font-weight: 700;
  padding: 1% 0;
}

.enrcour-login-input {
  margin-left: 3%;
}

.enrcour-login-note {
  font-size: 12px;
  color: #616161;
  padding-top: 2%;
}

.enrcour-login-reminder {
  font-size: 13px;
  padding-top: 2%;
}

.enrcour-login-btns {
  display: inline-block;
  padding-top: 4%;
}

.enrcour-login-form-btn {
  background-color: #00337D;
  color: #FFFFF9;
  border: 0;
  border-radius: 0.4rem;
  padding: 0.5rem 1.5rem;
  cursor: pointer;
}

.enrcour-login-form-btn-text {
  font-weight: bold;
  font-size: 15px;
}

.optr-lession-section {
  margin-top: 15px;
}
.optr-arrow {
  width: 30px;
  display: inline-block;
}

.optr-class-desc {
  width: calc(100% - 35px);
  display: inline-block;
}

.optr-class-desc {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 13pt;
  line-height: 110%;
  color: #DB4723;
  font-weight: bold;
}

.optr-lession-table {
  border: 0;
}

.optr-lession-table-title {
  background-color: #EFEFEF; 
  text-align: center;
  border: 1px solid #808080;
}
.optr-lession-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-weight: bold;
}

.optr-lession-table-data {
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #808080;
}

.optr-lession-av-seats.full {
  background-color: #666666;
  color: #FFFFFF;
  font-weight: bold;
}

.optr-lession-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: small;
}

.optr-lession-table-date-title {
  width: 140px;
}

.optr-lession-table-time-title {
  width: 100px;
}

.optr-lession-table-address-title {
  width: 50%;
}

.optr-lesin-course-title {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 12pt;
  line-height: 110%;
  font-weight: bold;
  color: #000099;
  background-color: #CCCCCC;
}
.optr-lesin-class-type {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 13pt;
  line-height: 110%;
  font-weight: bold;
  color: #DB4723;
}

.optr-lesin-course-table {
  width: 100%;
}

.optr-lesin-label {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 10pt;
  line-height: 110%;
  background-color: #EFEFEF;
  font-weight: bold;
}

.optr-lesin-data-data {
  /* font-family: "Arial", "Helvetica", "sans-serif"; */
  font-size: 10pt;
  line-height: 110%;
}

.optr-lesin-course-table td {
  border: 1px solid #CCCCCC;
}

.optr-confirm-selected-course {
  text-align: left;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: 13pt;
  line-height: 110%;
  font-weight: bold;
  color: #DB4723;
}

.optr-confirm-course-table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}

.optr-confirm-course-table-title {
  background-color: #EFEFEF; 
  text-align: center;
  border: 1px solid #CCCCCC;
}
.optr-confirm-course-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
  font-weight: bold;
}

.optr-confirm-course-table-data {
  background-color: #FFFFFF;
  text-align: center;
  border: 1px solid #CCCCCC;
}
.optr-confirm-course-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
}
.optr-confirm-course-footer {
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  font-size: 10pt;
  line-height: 110%;
}

.optr-confirm-course-footer-label {
  display: inline-block;
  width: 20%;
  text-align: right;
  font-weight: bold;
}

.optr-confirm-course-footer-data {
  display: inline-block;
  width: 79%;
  text-align: left;
}

.optr-confirm-payment-table tr {
  background-color: #C0C0C0;
}

.optr-confirm-payment-table tr.optr-confirm-payment-active {
  background-color: #FFFFFF;
}

.optr-confirm-payment-table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
  border: 1px solid #CCCCCC;
}

.optr-confirm-payment-table-title {
  background-color: #EFEFEF; 
  text-align: left;
  border: 1px solid #CCCCCC;
}
.optr-confirm-payment-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
  font-weight: bold;
}

.optr-confirm-payment-table-data {
  text-align: left;
  width: 50%;
}
.optr-confirm-payment-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
}

.optr-confirm-label-main-desc {
  font-weight: bold;
}


.optr-header-left {
  display: inline-block;
  width: 49%;
}

.optr-header-right {
  display: inline-block;
  width: 50%;
  text-align: right;
}

.optr-view-selected-course-btn {
  background-color: #993301;
  color: #FFFFFF;
  line-height: 20px;
  border: 0;
  font-weight: bold;
  cursor: pointer;
}

.optr-confirm-btn-gps {
  margin-top: 30px;
}

.optr-view-title {
  text-align: left;
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: 13pt;
  line-height: 110%;
  font-weight: bold;
  color: #DB4723;
}

.optr-view-selected-table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}

.optr-view-selected-table-title {
  background-color: #EFEFEF; 
  text-align: left;
  border: 1px solid #CCCCCC;
}
.optr-view-selected-table-title-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
  font-weight: bold;
}

.optr-view-selected-table-data {
  background-color: #FFFFFF;
  text-align: left;
  border: 1px solid #CCCCCC;
}
.optr-view-selected-table-data-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
}

.optr-view-selected-table-footer {
  background-color: #EFEFEF; 
  border: 1px solid #CCCCCC;
}
.optr-view-selected-table-footer-label {
  /* font-family: "Arial, Helvetica, sans-serif"; */
  color : #000000; 
  font-size: 10pt;
  line-height: 110%;
  font-weight: bold;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  background-image: none !important;
}

/* page specific end */