:root {
  --accent: #33B9CB;
  --dark: #091D3E;
  --light: #e3f2fd;
  --gray: #d5dfe3;
}

.bg-theme-accent {
  background-color: var(--accent);
}

.bg-theme-dark {
  background-color: var(--dark);
}

.bg-theme-light {
  background-color: var(--light);
}

.bg-theme-gray {
  background-color: var(--gray);
}


@font-face {
  font-family: 'jost';
  src: url('https://fonts.googleapis.com/css?family=Jost');
}

body {
  background-color: #fff;
  font-family: "Roboto";
  zoom: .85;
}

.jumbotron {
  /* background-image: url(../img/bg.jpg);
  background-size: cover;
  /* background-color: #444; */
  color: #fff;
  padding: 25px;
}


/* #mainmenu {
  background: url(../img/bg1.jpg) no-repeat center center;
  background-size: cover;
  box-shadow: 0px 1px 2px #aaa;

} */

h1, h2, h3, h4, h5, h6 {
  color: var(--dark);
  font-family: "Jost";
}

a {
  color: var(--dark);
  font-family: "Rubik";
}

select.dd_filter, .card, .form-control {
  border-color: var(--light) !important;
}

.btn-primary, .btn-success, .page-item.active .page-link {
  background-color: var(--dark);
  border: var(--dark);
  color: #fff;
}

.btn-primary:hover,
.btn-success:hover,
.btn-primary:focus,
.btn-success:focus,
.btn-primary:active,
.btn-success:active {
  background-color: var(--light) !important;
  border: var(--light) !important;
  color: var(--dark) !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: var(--light);
  color: var(--dark);
}

.page-link {
  color: var(--accent);
}

#mainmenu a {
  color: var(--dark);
}

.bg-gradient-1 {
  /* background: #2980b9;
  background: -webkit-linear-gradient(legacy-direction(to left), #2980b9 0%, #2c3e50 100%);
  background: -webkit-gradient(linear, right top, left top, from(#2980b9), to(#2c3e50));
  background: -webkit-linear-gradient(right, #2980b9 0%, #2c3e50 100%);
  background: -o-linear-gradient(right, #2980b9 0%, #2c3e50 100%);
  background: linear-gradient(to left, #2980b9 0%, #2c3e50 100%);
  border-color: #2980b9; */
  background-color: var(--light)
}

.widget-tile {
  cursor: pointer;
  margin: 8px;
  color: var(--dark);
  border-radius: 5%;
}

table#home_apps {
  font-size: .8em;
}

.container {
  min-height: 375px;
}

.card h2 {
  font-size: 3.5em;
}

.card-header {
  font-weight: bold;
}

table {
  width: 100%;
}

td {
  vertical-align: top;
}

/* .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #fafafa;
} */

.table-striped>tbody>tr>td, .table-striped>tbody>tr>th {
  background-color: #fff;
  border-bottom-color: var(--light);
  border-bottom: 1px solid var(--light);
}



.bg-info td {
  color: white;
  font-weight: bold;
}

.card-body a {
  display: block;
}

.results a {
  font-size: 0.7em;
}

.pointer {
  cursor: pointer;
}

.form-control {
  margin: 4px 0px;
  font-weight: 500;
  font-size: 1.1em;
  color: rgb(10, 10, 80);
  border: 1px solid #cdcdcd;
}

label {
  margin-top: 1rem;
  margin-bottom: 0;
  /* margin-left: .8rem; */
  color: #888;
  font-size: smaller;
}

.form-control:disabled {
  background-color: inherit !important;
  border: none;
}

a:hover {
  text-decoration: none;
}

input:read-only {
  background-color: transparent !important;
  border: none;
}

.footer {
  border-top: 1px solid silver;
  padding: 20px;
  margin-top: 60px;
}

.mw-90 {
  min-width: 90px;
  margin-right: 10px;
}

#datagrid tr {
  cursor: pointer
}

/* table.table {width: 100%;} */


.tab-content {
  /* background: #fdfdfd; */
  line-height: 25px;
  /* border: 1px solid #ddd; */
  /* border-top: 5px solid #e74c3c;
  border-bottom: 5px solid #e74c3c; */
  padding: 30px 25px;
}

.nowrap {
  white-space: nowrap;
}

span.amount {
  text-align: right;
  /* width: 100%; */
  float: right;
  margin-right: 5px;
}

span.amount::before {
  content: '$ ';
}



.table-responsive {
  width: 100%;
}


.banner {
  min-height: 100vh;
}

@media screen and (max-width: 600px) {
  .banner {
    visibility: hidden;
    clear: both;
    display: none !important;
  }
}


.widget-tile.PaymentPending * {
  color: red !important;
}

.widget-tile.PayPolicy * {
  color: darkorange !important;
}


.widget-tile.SavePolicy * {
  color: darkorange !important;
}


.widget-tile.SavePolicyDocReq * {
  color: darkorange !important;
}


.widget-tile.RequestSaleLost * {
  color: darkorange !important;
}