@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
  font-size: 16px;
  font-family: 'Roboto';
  color: #333;
}

.bg {
  background-color: #eaeaea;
}

a {
  color: #d44501;
}

.sidebar-dark .nav-item .nav-link, .sidebar-dark .nav-item .nav-link i {
  color: #fff;
}
.sidebar-dark .nav-item.active, .sidebar-dark .nav-item.active .nav-link {
  background: #d44501;
}
.sidebar.toggled .sidebar-brand .sidebar-brand-text {
  display: inline;
}
.sidebar .sidebar-brand {
  text-transform: none;
}

#wrapper #content-wrapper {
  background-color: #fafafa;
}
.modal-full {
  min-width: 100%;
  margin: 0;
}

.modal-full .modal-content {
  min-height: 100vh;
}
.table {
  color: #333;
}

.bg-primary {
  background-color: #d44501 !important;
}
/* 
.fas {
  color: #fff;
} */

.trans-bg {
    background-color: rgba(250, 250, 250, 0.7);
}

.fas-light {
  color: #ffffff;
}

.bg-dark {
  background-color: #d44501 !important;
  background-color: #fff !important;
}

header .navbar, .bg-light .navbar {
  background-color: #d44501 !important;
}

.btn-outline-secondary {
  color: #fff;
  background-color: #d44501;
  border-color: #d44501;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #d44501;
  border-color: #d44501;
}

.bg-gradient-primary {
  background-color: #707780;
  background-image: linear-gradient(180deg,#707780 10%,#707780 100%);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active {
  color: #7a0019;
}

.sidebar-brand-text, .navbar-dark .navbar-brand {
  color:#d44501;
}

.btn-primary:hover, .btn-primary:active, .show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  background-color: #d44501;
  border-color: #d44501;
  color: #ffffff;
}
.btn-primary {
  background-color: #d44501;
  border-color: #d44501;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #d44501;
}
.jumbotron {
  margin-bottom: 0;
}

  th.sortable::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0dc";
    right: 8px;
    color: #999;
  }
  
  th.sortable.asc::after {
    content: "\f0d8";
  }
  
  th.sortable.desc::after {
    content: "\f0d7";
  }
  
  th.sortable:hover::after {
    color: #333;
  }

.alert-warning {
    background-color: #289062;
    border-color: #289062;
    color: #fff;
}

.list-group-item-success {
  background-color: #0f6848;
  color: #fff;
}

.page-item.active .page-link {
  background-color: #d44501;
  border-color: #d44501;
}

.text-primary {
  color: #d44501 !important;
}

.details .detail_label {
  text-transform: uppercase;
  font-size: 0.7em;
  color: #999;
}

.ms-parent {
  padding: 0;
}

button.ms-choice {
  height: 36px;
  border: 1px solid #d1d3e2;
}

.ms-parent span {
  margin-top: 5px;
}

    /* Settings */
    ul#report-category,
    ul#report-list {
        list-style-type: none;
    }

    #report-category li,
    #report-list li {
        cursor: pointer;
        border-bottom: 1px solid #f0f0f0;
        padding: 0.4em 0 0.4em 0.5em;
        margin: 0;
    }

    #report-category li:nth-child(odd),
    #report-list li:nth-child(even) {
        background-color: #f9f9f9;
    }

    #report-category li.active,
    #report-list li.active {
        cursor: text;
        background-color: #e0e0e0;
        background-image: background-position: 98% 50%;
        background-repeat: no-repeat;
    }

    #report-list li.active {}

    #report-category li:hover,
    #report-list li:hover {
        background-color: #eaeaea;
    }

    #report-category li.processing,
    #report-list li.processing {
        background-position: right center;
        background-repeat: no-repeat;
    }

    .report-description {
        background: #f9f9f9;
        border: 1px solid #eaeaea;
        margin: 0.2em;
        padding: 0.5em;
    }

    .report-description p,
    .report p {
        margin: 0;
        margin-bottom: 1em;
    }

    .report-description p:last-child {
        margin: 0;
    }

    h3.report-title {
        padding-top: 0;
    }

    div.report-config {
        float: left;
        width: 50%;
    }

    div.report-description-container {
        float: left;
        width: 50%;
    }

    .report p {
        margin-bottom: 1em;
    }

    .report p.watermark {
        color: #aaa;
        margin-top: -0.5em;
        float: left;
        width: 70%;
        font-size: 0.8em;
    }

    .report p.config_report {
        float: right;
        width: 30%;
        margin-top: -0.5em;
        color: #aaa;
        cursor: pointer;
        text-align: right;
        font-size: 0.8em;
    }

    .report p.config_report:hover {
        color: #333;
    }

    .report div.config_container {
        display: none;
        font-size: 0.8em;
        background: #fff;
        padding: 1em;
        margin: 0.5em;
        border: 1px solid #aaa;
    }


.card-announcement, .bg-primary {
  background-color:  #000e54 !important;
}

.card-announcement .card-title {
  color: white;
}

.card-announcement .alert-success {
  color: #d44501;
  background: white;
}

.topbar .dropdown-list .dropdown-header {
  background-color: #d44501;
  border-color: #d44501;
}


@media(max-width:767px){
  /* 
   * Changed selector to `.tab-content > .tab-pane` in order to override `.fade:not(.show)`
   * In BS4 Beta `.tab-pane`s were rendered hidden by just `.fade`
   */
  .nav-link {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
  }
}

.transaction-credit {
  color:#289062
}

.transaction-debit {
  color:#d44501;
}


.modal-dialog,
.modal-content {
  /* 80% of window height */
  height: 98%;
}

.modal-dialog {
  max-width: 98%;
}
.modal-body {
  max-height: calc(100vh - 65px);
  overflow-y: none;
}

/* Grouped table */
.grouped_table_2 tr.odd td:first-child,
.grouped_table_2 tr.even td:first-child {
    padding-left: 4em;
}

.grouped_table_2 h5.group-header-tab-1,
.grouped_table_2 .group-footer-tab-1 {
  margin-left: 1em;
  color: #666;
}

.grouped_table_2 h5.group-header-tab-2,
.grouped_table_2 .group-footer-tab-2 {
  margin-left: 2em;
  color: #999
}

/* nav tabs */
.nav-tabs {
  background: #707780;
  padding-top: 0.7rem;
  padding-left: 1rem;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}

.nav-tabs .nav-item {
  background: #ADB3B8;
  margin-right: 10px;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
.nav-tabs .nav-link {
  color: #222;
}

.border {
  border-top: 1px solid #707780 !important;
  border-left: 1px solid #707780 !important;
  border-right: 1px solid #707780 !important;
  border-bottom: 1px solid #707780 !important;
}


.selectdatewidget, .graduationmonthyearwidget {
  width: 30% !important;
  margin-right: .5em;
  display: inline-block !important;
}