/*
define some base variables to switch the basic prefs easy like: colors, sizes, spaces a.s.o
*/
/*
The FRAX main Stylesheet
Here we can style and override all Styles
*/
body {
  padding: 0;
  margin: 0;
}

html, body, .map-container {
  height: 99%;
  font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.hidden {
  display: none;
}

/*
Sidebar nav Styles
*/
#wrapper {
  overflow-x: hidden;
}
#wrapper .navbar-toggler {
  display: none;
}

#sidebar-wrapper {
  min-height: 900px;
  margin-left: -250px;
  transition: margin 0.25s ease-out;
}
#sidebar-wrapper .sidebar-heading {
  padding: 30px 0px 0px 25px;
  font-size: 14px;
  height: 90px;
}
#sidebar-wrapper .sidebar-heading .navbar-brand {
  color: #03662A;
}
#sidebar-wrapper .sidebar-heading .navbar-brand small {
  color: #8B4836;
  font-size: 10px;
}
#sidebar-wrapper .list-group {
  width: 250px;
}
#sidebar-wrapper .list-group .list-group-item {
  border: none;
  border-bottom: 1px solid #E5E2EF;
}
#sidebar-wrapper .list-group .list-group-item.active {
  background-color: #8B4836;
}
#sidebar-wrapper .list-group .list-group-item.active-path {
  background-color: #8B4836;
  color: #ffffff;
}
#sidebar-wrapper .list-group .list-group-item:hover {
  background-color: #03662A;
  color: #ffffff;
}
#sidebar-wrapper .list-group .list-group-item i {
  margin-right: 15px;
  width: 15px;
  display: inline-block;
}
#sidebar-wrapper .list-group .list-group-item.child {
  border: none;
  border-left: 25px solid #636464;
}
#sidebar-wrapper .list-group .list-group-item.child.active {
  background-color: #ffffff;
  color: #636464;
  border-left: 25px solid #8B4836;
}
#sidebar-wrapper .list-group .list-group-item.child:hover {
  background-color: #ffffff;
  color: #636464;
  border-left: 25px solid #03662A;
}
#sidebar-wrapper .list-group .depth-2 > li:first-child {
  border-top: 1px solid #E5E2EF !important;
}
#sidebar-wrapper .list-group .depth-2 > li:last-child {
  border-bottom: none;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item {
  border: none;
  border-bottom: 1px solid #E5E2EF;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.active {
  background-color: #8B4836;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.active-path {
  background-color: #8B4836;
  color: #ffffff;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item:hover {
  background-color: #03662A;
  color: #ffffff;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item i {
  margin-right: 15px;
  width: 15px;
  display: inline-block;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child {
  border: none;
  border-left: 30px solid #ababab;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child.active {
  background-color: #ffffff;
  color: #636464;
  border-left: 30px solid #8B4836;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child.active-path {
  background-color: #ffffff;
  color: #636464;
  border-left: 30px solid #8B4836;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child:hover {
  background-color: #ffffff;
  color: #636464;
  border-left: 30px solid #03662A;
}
#sidebar-wrapper .list-group ul {
  display: none;
  list-style: none;
  padding-left: 0px;
}
#sidebar-wrapper .list-group ul li {
  border-bottom: 1px solid #E5E2EF;
}
#sidebar-wrapper .list-group .active-path ul {
  display: inline;
}

#page-content-wrapper {
  min-width: 100vw;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .sidebar-heading {
    writing-mode: vertical-rl;
    transform: rotateZ(180deg);
    padding: 15px 10px;
    font-size: 14px;
    height: 90px;
    width: 40px;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .sidebar-heading .navbar-brand {
    color: #03662A;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .sidebar-heading .navbar-brand small {
    display: none;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .list-group {
    width: 40px;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .list-group .child-wrapper {
    display: none;
  }
  body.sb-sidenav-toggled #wrapper #sidebar-wrapper .sidebar-text {
    display: none;
  }
}
/*
DATATABLES
try to style the datatables and make it responsive
*/
.datatablesContainer {
  /*
  we need the media querys because the tabs are initial hidden on mobile and has no "size"
  */
}
.datatablesContainer .dataTables_scrollHeadInner, .datatablesContainer .table {
  width: 100% !important;
}
.datatablesContainer .tableWrap {
  width: 120px;
}
.datatablesContainer tbody tr:hover {
  background-color: #03662A;
  color: #fff;
  cursor: pointer;
}
.datatablesContainer tbody tr:hover.child {
  color: #000000;
}
@media (max-width: 576px) {
  .datatablesContainer {
    width: 290px;
  }
  .datatablesContainer .tableWrap {
    width: 100px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .datatablesContainer {
    width: 490px;
  }
  .datatablesContainer .tableWrap {
    width: 150px;
  }
}

#messages {
  position: fixed;
  top: 60px;
  left: 20%;
  width: 60%;
  z-index: 99999;
}

/*
Collapsible Modal
*/
.modal-header .btnGrp {
  position: absolute;
  top: 15px;
  right: 20px;
}
.modal-header .overlay-action-button {
  background: none;
  border: none;
}
.modal-header button .fa {
  font-size: 25px;
  margin-left: 20px;
}

.min {
  width: 250px;
  height: 35px;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px;
  float: left;
  position: static !important;
}
.min .btnGrp {
  top: 9px;
  right: 15px;
}
.min .btnGrp .modalClose {
  display: none;
}
.min .btnGrp .fa {
  font-size: 14px;
  color: #ffffff;
}
.min .modal-content {
  background-color: #03662A;
  color: #ffffff;
}
.min .modal-title {
  font-size: 10px;
}
.min .modal-dialog, .min .modal-content {
  height: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.min .modal-header {
  height: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 3px 5px !important;
}

.minmaxCon {
  height: 35px;
  bottom: 10px;
  left: 10px;
  position: fixed;
  width: auto;
  z-index: 2300;
}

/*
add a small footer ?!
*/
footer {
  height: 10%;
  background-color: #333;
}
/*# sourceMappingURL=style.css.map */