/*
define some base variables to switch the basic prefs easy like: colors, sizes, spaces a.s.o
*/
#container {
  max-width: 550px;
}

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}

.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #2B5889;
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}
.step-circle.disabled {
  background-color: #636464;
  color: #ababab;
  border-color: #636464;
  cursor: not-allowed; /* Added cursor not-allowed */
}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: #2B5889;
  z-index: -1;
}

#multi-step-form {
  overflow-x: hidden;
}

/*
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: 180px;
}
#sidebar-wrapper .sidebar-heading .navbar-brand {
  color: #2B5889;
}
#sidebar-wrapper .sidebar-heading .navbar-brand small {
  color: #547E3A;
  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: #547E3A;
}
#sidebar-wrapper .list-group .list-group-item.active-path {
  background-color: #547E3A;
  color: #ffffff;
}
#sidebar-wrapper .list-group .list-group-item:hover {
  background-color: #2B5889;
  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 #547E3A;
}
#sidebar-wrapper .list-group .list-group-item.child:hover {
  background-color: #ffffff;
  color: #636464;
  border-left: 25px solid #2B5889;
}
#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: #547E3A;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.active-path {
  background-color: #547E3A;
  color: #ffffff;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item:hover {
  background-color: #2B5889;
  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 #547E3A;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child.active-path {
  background-color: #ffffff;
  color: #636464;
  border-left: 30px solid #547E3A;
}
#sidebar-wrapper .list-group .depth-2 .list-group-item.child:hover {
  background-color: #ffffff;
  color: #636464;
  border-left: 30px solid #2B5889;
}
#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: #2B5889;
  }
  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: #2B5889;
  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: #2B5889;
  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;
}

#mapOverlay {
  position: absolute;
  width: 100%;
  height: calc(100vh - 200px);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}

.text-orange {
  color: #f90;
}

.text-blue {
  color: #007bff;
}

.text-green {
  color: #28a745;
}

.text-red {
  color: #dc3545;
}

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

.text-secondary {
  color: #547E3A !important;
}

.table-result {
  width: 100%;
  table-layout: fixed;
}
.table-result th:first-child, .table-result td:first-child {
  width: 40%;
}
.table-result th:not(:first-child), .table-result td:not(:first-child) {
  width: 20%;
}
/*# sourceMappingURL=style.css.map */