body {
  overflow-y: scroll;
  background: #ffffff;
  font-size: 82.5%;
  background-image: url("../img/bg2.png");
  background-size: 260px;
  background-repeat: repeat;
  /* margin: 0px;
        padding: 0px; */
  width: 100%;
  overflow-x: hidden;
}
.navbar-inverse .navbar-inner {
  background-image: url(../img/pattern.png);
  background-repeat: repeat;
  background-size: 700px;
  background-color: #286896 !important;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: silver;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.navbar-inverse .navbar-inner .nav {
  padding-top: 4px;
}

#flash_container {
  position: fixed;
  margin-top: 55px;
  width: 100%;
  text-align: center;
  background: transparent;
  height: 10px;
  z-index: 1000;
}
#flash {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 3px;
  text-align: center;
  padding-right: 16px;
  font-size: 13px;
  z-index: 1000;
}

#flash_container .alert {
  color: #ffffff;
  background: #ffc40d;
  border: none;
  text-shadow: none;
}
#flash_container .alert-success {
  color: #fff;
  background: #00a300;
  border: none;
}
#flash_container .alert-info {
  color: #fff;
  background: #3366cc;
  border: none;
}
#flash_container .alert-error {
  color: #fff;
  background: #b91d47;
  border: none;
}

#mainnav {
  border-color: #c0c0c0;
  z-index: 1200;
}
#mainnav li a {
  color: #fff;
  font-weight: bold;
}
#mainnav li.active a {
  color: #06f;
  border-color: #c0c0c0;
  border-bottom-color: #ffffff;
  font-size: 15px;
}
#mainnav li.active .dropdown-menu a {
  color: #06f;
  border-color: #c0c0c0;
  border-bottom-color: #ffffff;
  font-size: 95%;
  font-weight: normal;
}
#mainnav .dropdown-menu li:hover a,
#mainnav .dropdown-menu li:focus a {
  color: #ffffff;
  background-color: #fff !important;
  border: none;
}
#mainnav .dropdown.open .dropdown-menu li:focus .open > .dropdown-menu {
  background-color: transparent;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  border-color: #999999;
  background-color: transparent;
}
#mainnav .dropdown-menu li a {
  color: #333;
}
#mainnav .dropdown.active:hover,
#mainnav .dropdown.active:focus {
  background-color: #fff;
  border-color: #fff;
}
#mainnav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}
#mainnav > li:hover .dropdown a {
  color: #fff !important;
}
#mainnav > li:hover .dropdown-menu a {
  color: #286896 !important;
}

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

#mainnav > li:hover .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
#mainnav li.active :hover {
  background-color: #fff;
  color: #286896;
}

h3.title {
  color: #98cb00;
  font-weight: normal;
  text-shadow: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 10px;
  line-height: 32px;
  font-size: 18px;
}
hr {
  border-top-color: #e5e5e5;
  margin-top: 5px;
}

.toolbar {
  background: #e0e0e0 !important;
  border: none;
  outline: none;
  border: 1px solid silver;
  margin-bottom: 20px;
  padding: 10px 10px;
}
.form-compact .toolbar {
  padding: 10px 20px;
}
.toolbar .title {
  line-height: 20px;
  padding: 0;
  margin: 0;
  color: #333333;
}

.table tbody td {
  border: solid 1px #d5d5d5;
  padding: 3px 5px;
}
.table {
  border: solid 1px #d5d5d5;
}

.table .header,
.table tr.header td {
  background: #e0e0e0;
  color: #333333;
  border: solid 1px #d5d5d5;
  font-size: small;
  padding: 3px 5px;
  font-weight: normal;
}
.table tbody tr[onclick],
.table tbody td[onclick] {
  cursor: hand;
  cursor: pointer;
}
.table-hover tbody tr:hover td {
  background: #f2f5a9;
  background: lightorange;
}
.table thead th[sort] {
  cursor: pointer;
  cursor: hand;
}
.table thead th[sort]:hover {
  background: #f1f1a7;
}
.table .row-highlight {
  background: #f5f5f5;
}

.table-lineitems tbody td {
  border: none;
  padding: 3px;
}

.form-compact .control-group {
  margin-bottom: 7px;
}
.form-left-aligned .control-label {
  text-align: left;
  width: 120px;
}

.editable-panel {
  cursor: hand;
  cursor: pointer;
  margin: -3px;
  padding: 3px;
  border: dashed 1px #b5b5b5;
  margin-right: 20px;
}
.editable-panel:hover {
  background: #bbddff;
  opacity: 0.9;
  border: dashed 1px #3366aa;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.95;
  background-color: #e5e5e5;
}
.modal-header {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  moz-border-radius-bottomleft: 0px;
  moz-border-radius-bottomright: 15px;
}

/* ******************************************************** */
input,
textarea,
.uneditable-input {
  width: 300px;
  border-radius: 0px !important;
  border: 1px solid #98cb00 !important;
  background-color: #fff;
}
select {
  width: 315px;
  border-radius: 0px !important;
  border: 1px solid #98cb00 !important;
  background-color: #fff;
}
.btn-info {
  border-radius: 0px;
  font-size: 15px;
  background-color: #3a87ad !important;
  width: 130px;
  background-image: none;
}
.btn-info:hover {
  background: #06f;
  transform: scale(1.02);
  border: 1px solid #357;
}

label {
  font-weight: bold;
}

.toolbar input,
.toolbar textarea,
.toolbar .uneditable-input,
.toolbar select {
  width: 160px;
}
/*progress bar on navigation*/
/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 4px;
  background: #c5d1a0;
}
.progress-container.login {
  width: 100%;
  height: 4px;
  background: #98cb00;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #98cb00;
  width: 0%;
}

.navbar-inverse .navbar-inner {
  box-shadow: 0px 3px 5px grey;
  border: none;
}

.btn-default {
  border-radius: 0px;
}

#contactus i {
  font-size: 17px;
  color: #06f;
  margin-right: 5px;
}

.label-danger,
.badge-danger {
  background-color: red;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #06f !important;
  border-bottom-color: #06f !important;
}
.nav .dropdown-toggle .caret {
  border-top-color: silver;
  border-bottom-color: silver;
  margin-top: 6px;
}
.form.well {
  min-height: 390px;
}
.toolbar .btn {
  border-radius: 0px;
  box-shadow: 0px 0px 3px silver;
}
#mainnav.nav-tabs {
  background-color: #3a87ad;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #286896;
}
.dropdown.active:hover .dropdown-toggle {
  background-color: transparent;
}

.dropdown-menu li > a {
  font-weight: normal !important;
}
#main .row {
  border: 1px solid #438abd;
  min-height: 500px;
  margin-top: -21px;
  padding-top: 15px;
  background-color: #fff;
  box-shadow: 0px 1px 3px silver;
  /* position: relative; */
}
.brand img {
  max-width: 153px;
  object-fit: cover;
  height: 30px;
  padding: 7px 0px;
}
img.brand-blasta {
  object-fit: cover;
  height: 30px;
}

/* ******************************************* */
/* Mwesigwa's css */
.nav li.organisation_name {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 10px 20px;
}
img.company_logo {
  margin-left: 5% !important;
  height: 120px;
  width: 80px;
  object-fit: cover;
}

.toolbar .btn-info {
  width: 50px;
  border-radius: 0px !important;
}

/*scrol to the top button*/
.scroll-to-top {
  display: none;
  position: fixed;
  right: 35px;
  bottom: 35px;
  font-size: 1.15em;
  height: 40px;
  width: 40px;
  background: rgba(10, 79, 117);
  line-height: 38px;
  color: #ffffff;
  z-index: 99;
  text-align: center;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media (max-width: 768px) {
  .scroll-to-top {
    right: 20px;
    bottom: 20px;
    font-size: 1.1em;
    height: 30px;
    width: 30px;
    line-height: 18px;
    padding: 5px;
  }
}

.login_body {
  min-height: 490px !important;
  padding-top: 20px;
}
.navbar.footer {
  margin-bottom: 0px;
}
.navbar.footer .navbar-inner {
  margin-bottom: -10px;
  background-color: #98cb00 !important;
  border-radius: 0px;
  /* position: absolute;
        width: 100%;
        margin-left: -10%; */
}
.intro_desc p.descr {
  /* font-weight: bold; */
  text-align: justify;
  margin-top: -15px;
}
.span5.intro_desc {
  border: 1px solid grey;
  padding: 0px 15px;
  margin-top: 5px;
  margin-left: 12px;
}
.intro_desc p.welcome_to {
  background-color: #ffffff;
  padding: 10px;
  margin-top: -20px;
  width: 137px;
  color: #98cb00;
  font-weight: bold;
  font-size: 15px;
}
.login_body input {
  width: 100%;
  border-radius: 0px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.login_body label {
  display: block;
  margin-bottom: 5px;
  margin-left: 3px;
  font-weight: bold;
}
.login_body .tab-content {
  overflow: auto;
  border: 1px solid #286896;
  padding: 10px;
  min-height: 105px;
  border-top: none !important;
  margin-top: -20px;
}
.form-compact h4 {
  color: #98cb00;
  font-size: 20px;
  /* text-align: center; */
  /* margin-bottom:30px; */
}
.login_body .form-compact .btn {
  background: #357;
  border-radius: 0px;
  width: 100%;
  color: #fff;
  transition: 0.4s all ease;
  font-size: 17px;
  padding: 6px;
}
.form-compact .btn:hover {
  background: #06f;
  transform: scale(1.02);
  border: 1px solid #357;
}

/* for the homepage starts */
#main.container {
  min-height: 500px;
  border-top-color: silver;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: none;
  margin-top: -20px;
  padding: 20px 0px;
  margin-bottom: -30px;
}
form .errorlist {
  color: red;
}
.navbar .brand {
  padding: 2px 5px 2px;
  margin-left: 2px;
}
input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #fff !important ;
}
.btn-success {
  margin: 0px 10px;
}
.dropdown-menu {
  margin-top: 0px;
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.open > .dropdown-menu {
  padding: 5px 5px;
  border-bottom: 2px solid #3a87ad;
}
.active.dropdown:hover .dropdown-menu {
  display: block !important;
  padding: 5px !important;
  border-bottom: 2px solid #3a87ad;
}
td .dropdown-toggle {
  display: block;
  border: 1px solid #0088cc;
  color: #0088cc;
  text-align: center;
  padding: 2px 5px;
  margin-right: auto !important;
  margin-left: auto !important;
  transition: ease 1s;
  border-radius: 3px;
}
td .dropdown:hover .dropdown-menu {
  display: block !important;
  padding: 5px !important;
  background-color: #f2f5a9;
}
td .dropdown-toggle:hover {
  text-decoration: none !important;
  background-color: #0088cc;
  color: #fff;
}
td .dropdown .caret {
  border-top: 4px solid #0088cc;
  transition: all ease 1s;
}
td .dropdown-toggle:hover .caret {
  border-top: 4px solid #fff !important;
}
td .open > .dropdown-menu:hover {
  padding: 5px 5px;
  background-color: #f2f5a9;
}
.btn-success:hover {
  background-color: #98cb00;
  background-image: linear-gradient(to bottom, #98cb00, #98cb00);
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #335577;
}
td .edit {
  display: block;
  border: 1px solid #0088cc;
  color: #0088cc;
  text-align: center;
  padding: 1px 3px;
  margin-right: auto !important;
  margin-left: auto !important;
  transition: ease 1s;
  border-radius: 3px;
  max-width: 70px;
}
td .edit:hover {
  text-decoration: none !important;
  background-color: #0088cc;
  color: #fff;
}

td .dropdown {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.login_body .toolbar {
  background: #fff !important;
}
form.myform_cont {
  display: flex;
}
form.myform_cont .btn {
  background: #357;
  border-radius: 0px;
  width: 80px;
  color: #fff;
  transition: 0.4s all ease;
  margin-top: 20px;
}
form.myform_cont .btn:hover {
  background: #06f;
  transform: scale(1.02);
  border: 1px solid #357;
}
.hide_content {
  display: none;
}
.show_content {
  display: block;
}

@media (min-width: 1200px) {
  .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .span12 {
    width: 1142px !important;
    overflow-x: scroll;
    /* height: 90%;
    position: absolute; */
  }
}

/*********************************************************8 */

p.crdt_display {
  color: #fff;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  padding: 30px 2px;
  margin-right: -30px;
  background-color: inherit;
  border-radius: 10px;
}

.crdt_display {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.crdt_display.span7 {
  padding-left: 20px;
  margin-top: 30px;
}
.chart {
  background: #f5f5f5;
  /* border: solid 1px #98cb00!important; */
  margin-bottom: 15px;
  height: 178px;
  box-shadow: 1px 1px 3px grey;
  border-radius: 10px;
}
.dash_b .icon {
  color: #98cb00;
  font-size: 20px;
  margin-right: 10px;
}
.dash_b h4 {
  color: #3a87ad;
  font-size: 15px;
}
.dash_b .table {
  box-shadow: 1px 1px 2px #777;
}

.dash_b .btn-info {
  border-radius: 0px;
  padding: 0px 5px;
  font-size: 13px;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.low_credit_email {
  font-size: 13px;
}
.low_credit_email:hover {
  /* transform: scale(1.5); */
  text-decoration: none;
  color: red;
  text-decoration: none;
}