body {
    color:#797D7E;
}

.dropdown-menu > li > a {
    color:#797D7E;
}

html.login-bg {
    background:none;
    background-color:#FFFFFF;
}

.unauthorised-header > ul {
    background-color:#FFFFFF;
}

.unauthorised-header > ul > li > a {
    color:#F27846 !important;
}

.unauthorised-header > ul {
    height:44px;
}

.header {
    background-color:#FFFFFF;
}

.dropdown-menu > li > a:hover {
    background-color:#F27846 !important;
}

.text-primary {
    color:#F27846;
}

#main-stats .stat .data .number {
    color:#F27846;
}

a {
    color:#F27846;
}

a:hover {
  color: #666;
}

.btn-glow.primary, .btn-success, .btn-info, .btn-flat, .btn-flat.primary, .btn-flat.success, .btn-primary {
    border-color: #F27846;
    background-color:#F27846;
}

.btn-glow.primary:hover, .btn-success:hover, .btn-info:hover, .btn-flat:hover, .btn-flat.primary:hover, .btn-flat.success:hover, .btn-primary:hover {
    border-color: #FFC593;
    background-color:#FFC593;
}

.btn-glow.primary:active:focus, .btn-success:active:focus, .btn-info:active:focus, .btn-flat:active:focus, .btn-flat.primary:active:focus, .btn-flat.success:active:focus, .btn-primary:active:focus {
    border-color: #FFC593;
    background:#FFC593;
}
.btn-glow.primary:active:hover, .btn-success:hover, .btn-info:active:hover, .btn-flat:active:hover, .btn-flat.primary:active:hover, .btn-flat.success:active:hover, .btn-primary:active:hover {
    border-color: #FFC593;
    background:#FFC593;
}
.btn-glow.primary:active, .btn-success:active, .btn-info:active, .btn-flat:active, .btn-flat.primary:active, .btn-flat.success:active, .btn-primary:active {
    border-color: #FFC593;
    background:#FFC593;
}
.btn-glow.primary:focus, .btn-success:focus, .btn-info:focus, .btn-flat:focus, .btn-flat.primary:focus, .btn-flat.success:focus, .btn-primary:focus {
    border-color: #FFC593;
    background:#FFC593;
}

.btn-flat {
    border-color: #F27846 !important;
    background:#F27846 !important;
}

.btn-flat:hover {
    border-color: #FFC593 !important;
    background:#FFC593 !important;
}

.btn-flat.white {
  color: #626263 !important;
  background: #fff !important;
  border: 1px solid #d0dde9 !important;
}

.btn-flat.white: hover {
    border-color: #bbb !important;
    color: #000 !important;
}

.login-wrapper .box .remember label {
    color:#797D7E;
}

.table-hover > tbody > tr:hover, .table-hover tbody tr:hover > td {
    background-color:#FFFFFF;
}

.breadcrumb {
    border-color: #F27846;
    background-color:#FFFFFF;
}

.organisation-view .panel-default .panel-heading {
  background-color: #E3E4E2;
  border: 1px solid #94969B;
}

.navbar-info {
    color:#797D7E;
}

.navbar.navbar-inverse {
    background:#FFFFFF;
    border:none;
    border-bottom: 1px solid #94969B;
}

.navbar-header img {
    display:none;
    max-height: 40px;
    content:url("https://payments.onegate.co.za/uploads/organisation/485a14fd62b66db23227ab287b1ee/3cbbce5b2254877adc532569d5b247b3.png") no-repeat;
}

.navbar-header {
    height: 45px;
    background: url("https://payments.onegate.co.za/uploads/organisation/485a14fd62b66db23227ab287b1ee/3cbbce5b2254877adc532569d5b247b3.png") no-repeat;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.navbar-inverse .nav > li > a {
  border-left: 1px solid #94969B;
  color: #94969B;
  transition: background .1s linear;
  -moz-transition: background .1s linear;
  -webkit-transition: background .1s linear;
  -o-transition: background .1s linear;
}

.pagination > .active > a {
    border-color: #F27846;
    background:#F27846;
}

.pagination > .active > a:hover {
    border-color: #666;
    background:#666;
}

.pagination > li > a:hover, .pagination > li > a:focus {
    color: #94969B;
}

.pagination > li > a{
    color:#F27846;
}

.select2-results .select2-highlighted {
    background:#F27846;
}

body.index header {
    background:#FFFFFF;
    border-bottom: 1px solid #94969B;
}

body.index header li a {
    color:#F27846;
}

body.index header li a:hover {
    color:#438F29;
}

#logo-container img {
    display:none;
    max-height: 40px;
    content:url("https://payments.onegate.co.za/uploads/organisation/485a14fd62b66db23227ab287b1ee/3cbbce5b2254877adc532569d5b247b3.png");
}

#logo-container .logo {
    max-height: 40px;
    background:url("https://payments.onegate.co.za/uploads/organisation/485a14fd62b66db23227ab287b1ee/3cbbce5b2254877adc532569d5b247b3.png") no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 5px !important;
}

.navbar-inverse .navbar-brand {
    padding: 4px 20px;
    width: 100%;
}

.category-head .set-description h3, .set-description h3, .set-description a {
    color:#F27846;
}

#inner-wrap {
    background: #E3E4E2;
}

.set-curl h3 {
    background-color: #F27846;
    color: #000;
}

.set-curl h4 {
    color:#13100D;
}

.set-curl code {
    background: #13100D;
}

.hljs-number, .hljs-command, .hljs-string, .hljs-tag .hljs-value, .hljs-rules .hljs-value, .hljs-phpdoc, .tex .hljs-formula, .hljs-regexp, .hljs-hexcolor, .hljs-link_url {
    color:#438F29;
}

.panel-primary > .panel-heading {
    background-color: #F27846;
    border-color: #F27846;
}

.panel-primary {
    border-color: #F27846;
}

.category-head .set-curl:after {
    background-color:#C5C5C5;
}

button.eftx-bank:hover {
    background-size: contain;
}

body#eftx #payment-container button.eftx-bank {
    margin-bottom: 10px;
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
}


body#eftx .eftx-cancel-transaction {
    display: block !important;
    width: 100% !important;
    float: left;
}

.header, .unauthorised-header>ul {
background: #FFFFFF !important;
}

#forgot-password {
    display: block; /* or inline-block if preferred */
    width: auto !important; /* override fixed width */
    float: none !important; /* remove float */
    text-align: center;
    white-space: nowrap;
    margin: 10px auto; /* center horizontally with auto margin */
    text-decoration: none;
}

.login-wrapper .logo {
max-height: none !important;
}

.login-wrapper .box .action {
border-top: none !important;
background-color: #FFFFFF;
margin: 0 -36px;
position: relative;
top: 30px;
border-radius: 0 0 7px 7px;
padding: 15px 0;
}

.header {
box-shadow: none !important;
width: 100%;
height: 45px;
text-align: center;
padding-top: 28px;
}

.unauthorised-header>ul>li>a, .unauthorised-header>ul>li>a>b.caret {
display: none;
}

/* Container box */
/* Modern styling based on the actual site */
body {
  background: #f5f5f5;
  font-family: 'Open Sans', Arial, sans-serif;
}

.box {
  max-width: 400px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 40px auto;
  border: none;
}

.content-wrap {
  padding: 25px 30px;
}

h6 {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 10px;
  text-align: center;
}

.form-control {
  width: 100%;
  height: 46px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
  transition: border-color 0.2s;
}

.form-control:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
  outline: none;
}

.control-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #555;
  font-size: 14px;
}

.remember {
  display: flex;
  align-items: center;
  margin: 15px 0;
}

.remember label {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #666;
}

#loginform-rememberme {
  margin-right: 6px;
}

#forgot-password {
  float: right;
  font-size: 13px;
  color: #3498db;
  text-decoration: none;
  margin-top: 2px;
}

#forgot-password:hover {
  text-decoration: underline;
}

.btn-glow.primary.login {
  width: 100%;
  height: 46px;
  background: #3498db;
  background: linear-gradient(to right, #3498db, #2980b9);
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 10px;
}

.btn-glow.primary.login:hover {
  background: linear-gradient(to right, #2980b9, #2471a3);
  box-shadow: 0 4px 10px rgba(41, 128, 185, 0.3);
}

.g-recaptcha {
  margin: 15px 0;
  display: flex;
  justify-content: center;
}

.help-block {
  font-size: 12px;
  color: #e74c3c;
  margin-top: -10px;
  margin-bottom: 10px;
}

/* Add username label */
.field-loginform-username label {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #555;
  font-size: 14px;
}

/* Make the form look more coherent */
#login-form {
  margin-top: 20px;
}