body {
  background-color: #e7edf5;
  min-width: 360px;
}

body.fixed-sidebar .navbar-static-side {
  width: 250px;
}

body.mini-navbar .nav-header {
  background-color: #15283c;
}

body.fixed-sidebar #page-wrapper {
  margin: 0 0 0 250px;
}

@media (min-width: 769px) {
  .mini-navbar .metismenu {
    display: none !important;
  }
}

.action-icon:hover {
  color: #fff;
}

.bg-blue {
  background-color: #c0f1ff;
}

.bg-blue-2 {
  background-color: rgb(2, 50, 145);
}

.bg-darkblue {
  background-color: #15283c;
}

.bg-gray {
  background: #e7edf5;
}

.bg-green {
  background-color: #4ebc4c;
}

.bg-ligthblue{
  background-color: #4FC3F7;
}

.bg-mainpage {
  background-color: #f8f8f8;
}

.bg-orange {
  background-color: #e04403;
}

.bg-red {
  background-color: #950d0d;
}

.bg-red-list {
  background-color: #FFEBEE
}

.bg-softgreen {
  background-color: #ccf1cf;
}

.bg-yellow {
  background-color: #F9A825;
}

.border-darkblue {
  border-color: #15283c; 
}

.btn-action.dim {
  border-color: #e04403;
  box-shadow: inset 0 0 0 #e04403, 0 5px 0 0 #e04403, 0 10px 5px #999 !important;
}

.btn-action.dim:hover {
  background-color: #e04403;
  border-color: #e04403;
  box-shadow: inset 0 0 0 #e04403, 0 5px 0 0 #e04403, 0 10px 5px #999 !important;
  color: #fff;
}

.btn-edit {
  margin: "5px";
}

.btn-darkblue {
  background-color: #15283c;
  color: #fff;
}

.btn-darkblue:hover {
  background-color: #15283c;
  color: #fff;
  opacity: 0.9;
}

.btn-green {
  background-color: #4cbb17;
  color: #fff;
}

.btn-green:hover {
  opacity: 0.8;
  color: #fff;
}

@media (max-width: 440px) {
  .btn-height {
    height: 35px;
  }
}

.btn-link:hover, .btn-link:focus {
  color: #039;
  text-decoration: none;
}

.btn-orange {
  background-color: #e04403;
  color: #fff;
}

.btn-orange:hover {
  background-color: #e04403;
  color: #fff;
  opacity: 0.9;
}

.btn-orange2 {
  border-color: #e04403;
  color: #e04403;
}

.btn-orange2:hover {
  color: #e04403;
  opacity: 0.7;
}

@media (max-width: 1050px) {
  .categories-flow-root {
    display: flow-root;
}
}

.collapse-title>a:after {
  content: "\f078";
  font-family: 'FontAwesome';
}

.collapse-title>a[aria-expanded="true"]:after {
  content: "\f077";
}

.comment {
  word-break: break-all;
}

@media (max-width: 575px) {
  .btn-none {
    display: none;
  }
}

@media (min-width: 575px) {
  .btn-open {
    display: none;
  }
}

.nav .nav-second-level collapse in {
  background-color: #4cbb17;
}

.form-input:focus {
  border-color: #e6e6e6;
}

.login-page {
  background-size: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.list-style {
  list-style-type: none;
}

.message-history{
  height: 400px;
  overflow-y: scroll;
}

.nav-header {
  background: #15283c;
  padding: 33px 25px;
}

.navbar-border {
  background-color: #15283c;
  background-image: url('https://themewagon.github.io/pluto/images/layout_img/pattern_h.png');
  border-color: #e7edf5;
  border-right-style: groove;
}

.navbar-button {
  border-color: white;
  color: white;
}

.navbar-button:hover {
  background-color: #15283c;
  border-color: #fff;
  color: #fff;
  opacity: 1;
}

.nav.navbar-right .logout {
  color: #15283c;
}

.nav.navbar-right .logout:hover {
  color: #15283c;
  opacity: 0.9;
}

.nav > li.active {
  border-left: 4px solid #e7edf5;
}

.nav > li.active > a {
  background: #15283c;
  opacity: 0.8;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
  background-color: #15283c;
  color: #fff;
  opacity: 1;
}

@media (max-width: 433px) {
  .pending-grid {
    display: grid;
  }
}

.nav .nav-second-level {
  background: #15283c;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fbfdff;
}

.text-darkblue {
  color: #15283c;
}

.text-darkgray {
  color: #1e3d59;
}

.text-gold {
  color: #DAA520;
}

.text-gray {
  color: #e7edf5;
}

.text-green {
  color: #4ebc4c;
}

.text-orange {
  color: #e04403;
}

.text-decoration-underline {
  text-decoration: underline;
}

.mini-navbar .nav .nav-second-level {
  background-color: #15283c;
  color: white;
}

.mini-navbar .nav-second-level li a {
  color: #fff
}

@media (max-width: 640px) {
  .mini-navbar .header-logo {
    display: none;
  }

  .slimScrollBar {
    height: 100%;
  }
}

@media (max-width: 992px) {
  .table-width {
    width: 100vh;
  }
}

@media (min-width: 768px) {
  .navbar-static-side {
    width: 270px;
  }
}

.list-group{
  max-height: 250px;
  margin-bottom: 10px;
  overflow-y:auto;
}

.list-group-item:hover {
  background-color: darkgray;
  color: white;
}

.list-group-item > .fa-chevron-right {
  display: none;
}

.list-group-item:hover > .fa-chevron-right {
  display: inline;
  text-align: center;
}

.list-group::-webkit-scrollbar {
  width: 8px;
}

.list-group::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
.list-group::-webkit-scrollbar-thumb {
  background: gray; 
  border-radius: 10px;
}

.list-group::-webkit-scrollbar-thumb:hover {
  background: grey; 
}

.selected {
  background-color: red;
  color: white;
}

.selected:hover{
  background-color: blue;
  color: white;
}

.nonselected {
  background-color: #999;
}

.pointer {
  cursor: pointer;
  pointer-events: auto;
}

.bg-widget:hover {
  background-color: #e7edf5;
  cursor: pointer;
}

.google-maps {
  height: 50vh;
  width: 100%;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
}

.pagination > .activePage > a {
  cursor: pointer;
  z-index: 2;
  background-color: #a1a1a1;
  color: white;
}