@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");
body {
  font-family: "Raleway", sans-serif;
}
.logoDesktop {
  background: url(issuerlogo.png) no-repeat;
  width: 212px;
  height: 100px;
}

.logoMobile {
  background: url(mob-logo.png) no-repeat;
  width: 120px;
  height: 100px;
}

.logInAppadvertBanner h2,
.appButtons h6,
.logIn .panel-body .logInAppadvertBanner p.lead,
.logInAppadvertBanner h2 {
  color: #24261f;
  font-family: "Roboto", sans-serif;
}

#toTop:hover {
  background-color: rgba(33, 33, 33, 1);
  color: #fff;
}

a {
  color: #ffc629;
  font-family: "Roboto", sans-serif;
}
a:hover,
a:focus {
  color: #797979;
  font-family: "Roboto", sans-serif;
}
a #linkregisternow {
  color: #ffc629;
}
a #lnkRegisterNow:hover,
a #linkRedisterNow:focus {
  color: #ffc629;
}
p a {
  color: #ffc629;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul.bulletList li::before {
  color: #3b373a;
  font-family: "Roboto", sans-serif;
}

.logIn .section-title h1.page-title {
  color: #333333;
}

blockquote {
  border-left-color: #ffc629;
  background-color: rgba(254, 223, 245, 0.4);
}

.appButtons a {
  color: #ffc629;
  border: 1px solid #ffc629;
}

.reinvestTable.table > tbody > tr > td,
.bankInfoUpdate.table > tbody > tr > td,
.vestShedule.table > tbody > tr > td {
  background-color: #f3fbfc;
  border-top: 1px solid #fff;
}

.offerPlanTable.table > thead,
.allocationsTable.table > thead {
  background-color: #ffc629;
}

.panel-title > a {
  display: block;
  padding: 13px 18px 15px 30px;
  background-color: #ffc629;
}
.panel-title > a.collapsed {
  background-color: #ffc629;
}
.panel-title > a:hover {
  background-color: #333333 !important;
  text-decoration: none;
  color: #fff;
}

.logIn .panel-body p.lead {
  font-size: 16px;
  color: #4a4a4a;
  font-weight: 700;
}

.skybludBg {
  background-color: #fff !important;
}

.transTypeBox {
  background: #f6fef9;
  border: 1px solid #ffc629;
}
.transTypeBox.selectedBdr {
  border: 2px solid #ffc629;
}
.transTypeBox.selectedBdr:hover {
  border: 2px solid #ffc629;
}

#ribbon .breadcrumb {
  color: #ffc629 !important;
  text-decoration: none !important;
}
#ribbon .breadcrumb a {
  color: #ffc629 !important;
  text-decoration: none !important;
}

.text-blue {
  color: #ffc629 !important;
}

.allocationsTable.table > tbody > tr > td,
.allocationsTable.table > tfoot > tr > td {
  background-color: #f3fbfc;
  border-top: 1px solid #fff;
}

.light-gray-bg {
  background-color: #f6fcfe !important;
}

.input-group-addon {
  background-color: #e6faff;
}

.navbar-brand span {
  color: #000000;
  vertical-align: middle;
}

.direct-form .select i {
  background: #e6faff;
  border-left: 1px solid #c4c9d2;
}

.navbar-brand span.logo {
  background-color: #fff;
}

nav.left-nav ul li a:hover,
nav.left-nav ul li a:active:focus {
  color: #ccd8dc;
  text-decoration: none;
  background-color: #333333;
}
nav.left-nav ul li.dropdown a:hover:focus {
  color: #ccd8dc;
  text-decoration: none;
  background-color: #333333;
}

nav.left-nav ul li.active a {
  background-color: #333333;
}
nav.left-nav ul li.active a:active {
  background-color: #333333;
}
nav.left-nav ul li.active a:focus {
  background-color: #333333;
}
nav.left-nav ul li.active a:focus:hover {
  background-color: #333333;
}
nav.left-nav ul li.open > a {
  background-color: #333333;
}
nav.left-nav ul li.open > a b,
nav.left-nav ul li.open > a:focus {
  background-color: #333333;
}
nav.left-nav ul li.open > a:hover {
  background-color: #333333;
}
nav.left-nav ul li.open > a:hover:focus {
  background-color: #333333;
}

.navbar-inverse {
  background-color: #fff;
}

.footer {
  background-color: transparent;
  /* background: linear-gradient(
    180deg,
    rgba(0, 32, 92, 0.8) 0%,
    rgba(0, 32, 92, 0.8) 100%
  );
  background-position: left;
  border-top: 3px solid #e3a920; */
  background: #333333;
}
.footer p span.copy,
.footer p a,
.footer p span.abnNo {
  color: #ffffff;
}

/* start "My details" "Log out" section */
.dashboard .navbar-nav.navbar-right > li > a {
  border-bottom-color: #ffc629;
  border-left-color: #fff;
}
.dashboard .navbar-nav.navbar-right > li > a:focus {
  border-bottom-color: #ffc629;
  border-left-color: #fff;
}
.dashboard .navbar-nav.navbar-right > .active > a {
  background-color: #f6fef9;
  border-bottom-color: #333333;
  border-left: 1px solid #333333;
  color: #24261f;
}
.dashboard .navbar-nav.navbar-right > .active > a:focus,
.dashboard .navbar-nav.navbar-right > .active > a:hover {
  background-color: #f6fef9;
  border-bottom-color: #333333;
  border-left: 1px solid #333333;
}
.dashboard .navbar-nav.navbar-right > .active > a:focus,
.dashboard .navbar-nav.navbar-right > .active > a:hover {
  color: #333333;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ffc629;
}

.dashboard .navbar-nav.navbar-right > li.userName {
  color: #000000;
}
.dashboard .navbar-nav.navbar-right > .active > a svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .active > a:focus svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .active > a:hover svg.bd-icon {
  fill: #ffc629;
}

.navbar-inverse .navbar-nav > li > a > svg.bd-icon {
  fill: #ffc629;
}

.dashboard .navbar-nav.navbar-right > li > a:hover svg.bd-icon {
  fill: #ffc629;
}
.dashboard .navbar-nav.navbar-right > .open > a svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .open > a:focus svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .open > a:hover svg.bd-icon {
  fill: #00205c;
}
.dashboard .navbar-nav.navbar-right > li > a:hover {
  color: #00205c;
}
.dashboard .navbar-nav.navbar-right > .open > a {
  color: #00205c;
}
.dashboard .navbar-nav.navbar-right > .open > a:focus,
.dashboard .navbar-nav.navbar-right > .open > a:hover {
  color: #00205c;
}

/* start left-nav section */
nav.left-nav ul li a,
nav.left-nav ul li.dropdown a:focus,
nav.left-nav ul li a:focus {
  color: #24261f;
}
nav.left-nav ul.dropdown-menu li a {
  color: #24261f;
}
nav.left-nav ul li a:hover,
nav.left-nav ul li a:active:focus,
nav.left-nav ul li a:hover:focus {
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul li.dropdown a:hover:focus {
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul li.active a {
  color: #fff;
  background-color: #ffc629;
}
nav.left-nav ul li.active a:active {
  color: #fff;
  background-color: #ffc629;
}
nav.left-nav ul li.active a:focus {
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul li.active a:focus:hover {
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul li.open a:hover:focus {
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul.dropdown-menu li.active a:focus,
nav.left-nav ul.dropdown-menu li.active a:hover {
  border-left-color: #333333;
  color: #fff;
  background-color: #333333;
}
nav.left-nav ul.dropdown-menu li a:hover,
nav.left-nav ul.dropdown-menu li a:focus {
  border-left-color: #333333;
  color: #ffffff;
  background-color: #333333;
}
nav > ul > li > ul::before {
  border-left-color: #333333;
}
nav > ul ul li.active::before {
  border-left-color: #333333;
}

/* start button section*/
.btn-primary {
  background-color: #ffc629;
  border: #ffc629;
  border-bottom: 1px solid #ffc629;
  color: #ffffff;
  font-weight: bold;
}

.btn-delete {
  background-color: #f26522;
  border: none;
  border-bottom: 2px solid #f26522;
  color: #fff;
}

.btn-primary.active {
  background-color: #00205c !important;
  color: #fff !important;
}

.btn-primary.active:hover,
.btn-primary:focus:hover {
  background-color: #333333;
  color: #fff;
  border: none;
  border-bottom: 2px solid #333333;
  transition: none 0s ease 0s;
  box-shadow: 0 1px 8px rgba(10, 10, 10, 0.4);
  outline: none;
}

.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:hover {
  background-color: #333333;
  color: #fff;
  border: none;
  border-bottom: 2px solid #333333;
  box-shadow: 0 1px 8px rgba(10, 10, 10, 0.4);
  outline: none;
}

.btn-delete.active:hover,
.btn-delete:active:hover {
  background-color: #f26522;
  color: #fff;
  border: none;
  border-bottom: 2px solid #f26522;
  box-shadow: none;
  outline: none;
}

.open > .dropdown-toggle.btn-delete:hover,
.btn-delete:hover {
  background-color: #f26522;
  color: #fff;
  border: none;
  border-bottom: 2px solid #f26522;
  box-shadow: 0 1px 8px rgba(10, 10, 10, 0.4);
  outline: none;
}

.btn-primary.active.focus,
.btn-primary.active:focus {
  background-color: #ffc629;
  border: none;
  border-bottom: 1px solid #ffc629;
  color: #000000;
  box-shadow: none;
  outline: none;
}
.btn-primary:focus {
  background-color: #ffc629;
  border: 1px solid #ffc629;
  border-bottom: 1px solid #ffc629;
  color: #000000;
  box-shadow: none;
  outline: none;
}

.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus {
  background-color: #054e7d;
  color: #fff;
  border: none;
  border-bottom: 2px solid #054e7d;
  box-shadow: none;
  outline: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover {
  background-color: #0064a3;
  border-bottom: 2px solid #054e7d;
  opacity: 0.3;
}
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
  background-color: #0064a3;
  border-bottom: 2px solid #054e7d;
  opacity: 0.3;
}

fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #0064a3;
  opacity: 0.3;
}

.btn-default.defaulthover,
.defaulthover:focus {
  border: 2px solid #fff;
  padding: 10px 12px;
  color: #0064a3;
  background-color: transparent;
}

.btn-default.defaulthover i {
  font-size: 18px;
  margin-left: 5px;
}

.defaulthover.active:hover,
.defaulthover:active:hover {
  background-color: #fff;
  color: #0ca276;
  border: 2px solid #0ca276;
  box-shadow: none;
  outline: none;
}

.open > .dropdown-toggle.defaulthover:hover {
  background-color: #fff;
  color: #0ca276;
  border: 2px solid #0ca276;
  box-shadow: none;
  outline: none;
}

.defaulthover:hover {
  background-color: #fff;
  color: #0ca276;
  border: 2px solid #0ca276;
  box-shadow: none;
  outline: none;
}
.defaulthover.active.focus,
.defaulthover.active:focus {
  background-color: #0ca276;
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 2px solid #0ca276;
}

.open > .dropdown-toggle.defaulthover {
  background-color: #0ca276;
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 2px solid #0ca276;
}

.defaulthover:active.focus,
.defaulthover:active:focus {
  background-color: #0ca276;
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 2px solid #0ca276;
}

.open > .dropdown-toggle.defaulthover.focus,
.open > .dropdown-toggle.defaulthover:focus {
  background-color: #0ca276;
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 2px solid #0ca276;
}

.btn-secondary {
  background-color: #999fa9;
  border: none;
  border-bottom: 2px solid #7a7f88;
  color: #fff;
}
.btn-secondary.active:hover,
.btn-secondary:active:hover {
  background-color: #bbbec5;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}

.open > .dropdown-toggle.btn-secondary:hover {
  background-color: #bbbec5;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}

.btn-secondary:hover {
  background-color: #bbbec5;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus {
  background-color: #7a7f88;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}
.btn-secondary:active.focus,
.btn-secondary:active:focus {
  background-color: #7a7f88;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}
.btn-secondary:focus {
  background-color: #7a7f88;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}

.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus {
  background-color: #7a7f88;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}

/*icon fill section*/
.icon_questionspeech .st0 {
  fill: #0064a3;
}
.icon_questionspeech .st1 {
  fill: #fff;
}
.icon_questionspeech .st2 {
  fill: #none;
}

.vector_thumbsup .st0 {
  fill: #f3f5fc;
}
.vector_thumbsup .st1 {
  fill: #f7c9a4;
}
.vector_thumbsup .st2 {
  fill: #d6a780;
}
.vector_thumbsup .st3 {
  fill: #c01818;
}
.vector_thumbsup .st4 {
  fill: #ffffff;
}

.vector_contact_phone .st0 {
  fill: #f3f5fc;
}
.vector_contact_phone .st1 {
  fill: #c01818;
}

.vector_contact_fax .st0 {
  fill: #f3f5fc;
}
.vector_contact_fax .st1 {
  fill: #f4c56b;
}
.vector_contact_fax .st2 {
  fill: #c01818;
}
.vector_contact_fax .st3 {
  fill: #250858;
}
.vector_contact_fax .st4 {
  fill: #ffffff;
}
.vector_contact_fax .st5 {
  fill: #c47a2a;
}

.vector_contact_stamp .st0 {
  fill: #f3f5fc;
}
.vector_contact_stamp .st1 {
  fill: #ff6501;
}
.vector_contact_stamp .st2 {
  fill: #ffffff;
}
.vector_contact_stamp .st3 {
  fill: #c01818;
}

.home-icon,
.transact-icon,
.history-icon,
.statements-icon,
.documents-icon,
.offers-icon,
.voting-icon,
.contact-icon,
.edit-icon {
  fill: #2b2b2b;
}

.tooltipInfo-icon {
  fill: #0064a3;
}

.mydetails-icon {
  fill: #2b2b2b;
}
.logout-icon {
  fill: #fff;
}

.icon_alert {
  fill: #d43814;
}

.icon_confirm {
  fill: #4c3c8f;
}

.icon_success {
  fill: #0d9c47;
}

.vector_contact_phone {
  fill: #c01818;
}

.bd-Widget > header > h2 {
  color: #222222;
}

.table-res .table > tbody > tr > th + th,
.table-res .table > tbody > tr + tr > th,
.table-res .table > tbody > tr > th + th a,
.table-res .table > tbody > tr + tr > th a {
  background-color: #e3a920;
  color: #fff;
}
.table-res .table > tfoot > tr > th,
.table-res .table > tfoot > tr > th a {
  background-color: #e3a920;
  color: #fff;
}

.table > thead > tr > th {
  color: #fff;
}

.table-striped > tbody > tr,
.table-striped > tfoot > tr:nth-of-type(odd) {
  background-color: #d9dfed;
}

.table-res .table > tbody > tr > th {
  background-color: #fff;
}

#left-panel {
  background-color: #fff;
}

.footerNav p a {
  border-right-color: #3f3f3f;
}

.direct-form .checkbox input:checked + i,
.direct-form .toggle input:checked + i {
  background-color: #404040;
  border-color: #2a2a2a;
}
.direct-form .radio input:checked + i {
  border-color: #2a2a2a;
}
.direct-form .radio input + i:after {
  background-color: #404040;
}

form input:hover,
form textarea:hover {
  border-color: #0088cf;
}

.form-control:focus {
  border-color: #0088cf;
}

form input:hover,
form textarea:hover {
  border-color: #0088cf;
}

.ui-datepicker td .ui-state-hover {
  border-color: #0ca276;
}

form input[type="submit"]:hover,
form button:hover {
  background-color: #0ca276;
}

.ui-datepicker .ui-datepicker-header,
.date-range .input-group .form-control:focus + .ui-datepicker-trigger i {
  background-color: #0ca276;
}

.date-range .input-group .ui-datepicker-trigger:hover i.fa,
.dateInput.input-group .ui-datepicker-trigger:hover i.fa {
  color: #fff;
  background-color: #0ca276;
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  background-color: #0ca276;
}

.direct-form .select select:focus + i {
  border-color: #0088cf;
}
.direct-form .select select:hover {
  border-color: #0088cf;
}
.direct-form .select select:hover + i {
  border-color: #0088cf;
}
.direct-form .select select:hover + i:after {
  color: #3b87e5;
}
.direct-form .select select:focus + i:after {
  color: #3b87e5;
}

@media (max-width: 767px) {
  .hidden-menu #left-panel,
  nav.left-nav ul li a {
    background-color: #2a2a2a;
  }

  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #2a2a2a;
  }

  .hamburger.is-open {
    background-color: #2a2a2a;
  }

  nav.left-nav ul li a {
    border-bottom-color: #404040;
  }
  nav.left-nav ul li.active a {
    border-left-color: #0064a3;
    background-color: transparent;
  }
  nav.left-nav ul li:first-child a {
    border-top-color: #404040;
  }
  nav.left-nav ul li a,
  nav.left-nav ul li.dropdown a:focus,
  nav.left-nav ul li a:focus {
    color: #fff;
  }
  nav.left-nav ul.dropdown-menu li a {
    color: #fff;
  }
  nav.left-nav ul li.dropdown.open {
    background-color: #404040;
  }
  nav.left-nav ul li.dropdown.open.active {
    background-color: #404040;
  }
  nav.left-nav li.open > .dropdown-menu {
    background-color: #404040;
  }
  nav.left-nav ul.dropdown-menu li a {
    background-color: #404040;
  }
  nav.left-nav ul.dropdown-menu li.active a {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav ul li ul.dropdown-menu li a:hover,
  nav.left-nav ul li ul.dropdown-menu li a:focus {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav ul li.open a:hover:focus {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav > ul ul li.active::before {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }

  .bd-Widget.payHistFilter {
    background-color: #ebf9f9;
  }
  .bd-Widget.payHistFilter > header,
  .bd-Widget.payHistFilter > div {
    background-color: #ebf9f9;
  }

  .table-res .table > tbody > tr > th {
    background-color: #0064a3;
    color: #fff;
  }
  .table-res .saleSummry.table > tbody > tr > th + th,
  .table-res .saleSummry.table > tbody > tr + tr > th {
    display: block;
    background-color: #0ca276;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .table-res .saleSummry.table > tfoot > tr > th {
    display: block;
    background-color: #0ca276;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom {
    background-color: #0064a3;
  }

  .footable.table > thead {
    background-color: #0064a3;
    color: #fff;
  }

  table.footable-details > tbody > tr > th {
    color: #7a7f88;
    background-color: #ebf9f9;
  }
  table.footable-details > tbody > tr > td {
    color: #121113;
    font-size: 13px;
    border-top: 0;
    background-color: #ebf9f9;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hidden-menu #left-panel,
  nav.left-nav ul li a {
    background-color: #2a2a2a;
  }

  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #2a2a2a;
  }

  .hamburger.is-open {
    background-color: #2a2a2a;
  }

  nav.left-nav ul li a {
    border-bottom-color: #404040;
  }

  .table-res .table > tbody > tr > th {
    background-color: #0064a3;
  }

  nav.left-nav ul li.active a {
    border-left-color: #0064a3;
    background-color: transparent;
  }
  nav.left-nav ul li:first-child a {
    border-top-color: #404040;
  }
  nav.left-nav ul li a,
  nav.left-nav ul li.dropdown a:focus,
  nav.left-nav ul li a:focus {
    color: #fff;
  }
  nav.left-nav ul.dropdown-menu li a {
    color: #fff;
  }
  nav.left-nav ul li.dropdown.open {
    background-color: #404040;
  }
  nav.left-nav ul li.dropdown.open.active {
    background-color: #404040;
  }
  nav.left-nav li.open > .dropdown-menu {
    background-color: #404040;
  }
  nav.left-nav ul.dropdown-menu li a {
    background-color: #404040;
  }
  nav.left-nav ul.dropdown-menu li.active a {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav ul li ul.dropdown-menu li a:hover,
  nav.left-nav ul li ul.dropdown-menu li a:focus {
    border-left-color: #102b4c;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav ul li.open a:hover:focus {
    border-left-color: #102b4c;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }
  nav.left-nav > ul ul li.active::before {
    border-left-color: #0064a3;
    background-color: #404040;
    border-bottom-color: #2a2a2a;
  }

  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom {
    background-color: #00205c;
  }

  .footable.table > thead {
    background-color: #0064a3;
    color: #fff;
  }

  table.footable-details > tbody > tr > th {
    color: #7a7f88;
    background-color: #ebf9f9;
  }
  table.footable-details > tbody > tr > td {
    color: #121113;
    font-size: 13px;
    border-top: 0;
    background-color: #ebf9f9;
  }
}

/*# sourceMappingURL=override.css.map */

.custom-bg2,
.custom-bg1 {
  background: #f5f5f5;
  background-image: linear-gradient(270deg, #f5f5f5, #f4f4f4);
  background-repeat: repeat-x;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .navbar-inverse .navbar-toggle {
    margin-top: 33px !important;
  }
}

.view-link {
  color: #ffc629 !important;
}

.logIn p.note,
.section-title h1.page-title {
  color: #333333;
}

/* .logIn .panel-group .panel {
  margin-bottom: 0 !important;
}

.panel-group .panel + .panel {
  margin-bottom: 0 !important;
} */

.footer .modal-body a {
  color: #ffc629 !important;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin: 120px auto;
  }
}

.table > thead {
  background-color: #ffc629;
  color: #fff;
}

.thead {
  background-color: #ffc629;
}

.offerPlanTable.table > thead > tr > th,
.allocationsTable.table > thead > tr > th {
  color: #fff;
  background-color: #ffc629;
}


.step-button[aria-expanded="true"] {
    background-color: #ffc629;
    color: #fff;
}

.done {
    background-color: #ffc629;
    color: #fff;
}

#progress::-webkit-progress-value {
    background-color: #ffc629;
    transition: .5s ease;
}