.login-status {
  color: transparent;
}

.context-menu-ls {
  position: absolute;
  margin-top: 8px;
  z-index: 2000;
  display: none;
  color: #272727;
}

  .context-menu-ls .CM-Main {
    background-color: #FFF;
    border-radius: 10px;
    margin-right: -10px;
    text-align: left;
    min-width: 200px;
    border: 1px solid #DDD;
  }

  .context-menu-ls .CM-Header {
    padding: 7px 15px 13px 15px;
  }

    .context-menu-ls .CM-Header div:first-child {
      font-weight: 600;
      font-size: 1.1em;
      margin-bottom: 5px;
    }

  .context-menu-ls .Selectable {
    background-color: #F7F7F7;
    padding-bottom: 2px;
    border-radius: 5px;
  }

    .context-menu-ls .Selectable div:hover {
      background-color: #385678;
      color: #FFF;
      cursor: pointer;
    }

    .context-menu-ls .Selectable div {
      border-top: 1px solid #E7E7E7;
    }

      .context-menu-ls .Selectable div a {
        text-decoration: none;
        color: inherit;
        padding: 10px 15px;
        display: block;
      }

.form-group-sm select.form-control {
  border-radius: 0px !important;
}

.form-group-xs select.form-control {
  border-radius: 0px !important;
}

.form-group-sm .form-control {
  border-color: #A4A4A4 !important;
}

.loginDisplay {
  font-variant-alternates: normal !important;
  text-transform: capitalize !important;
  font-size: 12pt;
}

span.form-control {
  text-transform: capitalize;
}

.btn {
  box-shadow: none !important;
}

.table th {
  height: 50pt !important;
  vertical-align: middle !important;
  font-weight: 300 !important;
}

.nedbank-header {
  padding-left: 0px !important;
}

.table td {
  font-weight: 100 !important
}

grid th {
  font-weight: 100 !important
}

grid td {
  font-weight: 100 !important
}

grid tr {
  font-weight: 100 !important
}

.form-control:focus {
  border-color: #11731B !important;
}

.form-group-sm select.form-control:focus {
  border-color: #11731B !important;
}

.fullname {
  font-family: Segoe UI;
  text-align: left;
  color: #11731B !important;
  font-size: 36pt;
}



.loginDisplay {
  font-size: 1.1em;
  display: block;
  text-align: left;
  padding: 20px;
  color: #FFFFFF;
  background-color: #11731B !important;
  position: fixed !important;
  width: 100% !important;
  top: 0px !important;
}

  .loginDisplay a:link {
    color: #11731B;
  }

  .loginDisplay a:visited {
    color: #11731B;
  }

  .loginDisplay a:hover {
    color: #11731B;
  }

.ContextMenu div:hover {
  background-color: #11731B;
  color: #fff;
}

div.menu ul li a:hover {
  background-color: #11731B;
  text-decoration: none;
  color: #FFFFFF;
}

div.menu ul li a:active {
  background-color: #11731B;
  color: #cfdbe6;
  border-bottom: 2px solid;
  border-bottom-color: #a6c8e1;
}



a:link, a:visited {
  color: #11731B;
}

a:hover {
  color: #11731B;
  text-decoration: none;
}

select, input[type='text'], input[type='password'], input[type='checkbox'], input[type='file'], textarea {
  text-align: left !important;
  border-color: #11731B !important;
  border-radius: 0px !important;
  width: 280px;
  border-top: solid 3pt #11731B !important;
  border-left: solid 3pt #11731B !important;
  border-bottom: solid 3pt #11731B !important;
  border-right: solid 3pt #11731B !important;
  border-width: 3pt !important;
}

.Grid caption {
  background: #FFFFFF;
  color: #11731B;
  font-size: 24px;
  font-family: Segoe UI;
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-success {
  background-color: #62BB46 !important;
  /*background:local;*/
  width: 200pt !important;
  height: 50pt !important;
  border-radius: 5pt;
  font-family: Segoe UI;
  font-size: 16pt;
  border: none;
}

  .btn-success:hover {
    background-color: #11731B !important;
    border-color: #11731B !important;
  }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default:hover {
  color: #ffffff !important;
  background-color: #11731B;
}

.btn {
  background-color: #62BB46;
  text-emphasis-color: white;
  width: 340pt;
  opacity: .9;
  height: 50pt;
  margin-top: 20pt;
  font-size: 16pt;
}

  .btn:hover {
    background: none !important;
    background-color: #11731B !important;
    color: #FFFFFF !important;
  }

  .btn:active {
    background: none !important;
    background-color: #11731B;
    color: #FFFFFF;
  }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #11731B !important;
  background: local;
  font-family: Segoe UI;
  font-size: 16pt;
  color: #FFFFFF;
  border-color: #11731B;
}

.reset {
  background-color: #FFFFFF !important;
  border: 2pt solid #11731B !important;
  color: #11731B !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16pt;
  height: 50pt;
  width: 170pt;
  vertical-align: bottom;
  margin-top: 26pt;
  opacity: 1;
}

reset:hover {
  background-color: #11731B !important;
  color: #FFFFFF !important;
}

reset:active {
  background-color: #11731B !important;
  color: #FFFFFF !important;
}

reset:focus {
  background-color: #11731B !important;
  color: #FFFFFF !important;
}

.nedbank-questions {
  color: #11731B;
  font-family: Segoe UI;
  text-align: left;
  font-size: 16pt;
}

.nedbank-centre {
  color: #11731B;
  font-family: Segoe UI;
  text-align: left;
  font-size: 16pt;
}

.ui-widget-header {
  background: none !important;
  background-color: #11731B !important;
}

.calculate {
  color: #FFFFFF !important;
  background-color: #11731B !important;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16pt;
  height: 50pt;
  width: 170pt;
  vertical-align: bottom;
  margin-top: 24pt;
  opacity: 1;
}

.Ok {
  background-color: #11731B !important;
  color: #FFFFFF !important;
}

.Cancel {
  background-color: #FFFFFF !important;
  color: #11731B !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  color: black !important;
}

.ui-datepicker {
  width: 280px;
  height: 360px;
  z-index: 1;
}

.ElectionButton {
  color: #11731B !important;
  border-color: #11731B !important;
}