html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

body {
  color: #333;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
  color: rgb(0, 100, 200);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: rgb(0, 80, 160);
}

label {
  display: block;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  -webkit-padding: 0.4em 0;
  padding: 0.4em;
  margin: 0 0 0.5em 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
}

input:disabled {
  color: #ccc;
}

button {
  color: #333;
  background-color: #f4f4f4;
  outline: none;
}

button:disabled {
  color: #999;
}

button:not(:disabled):active {
  background-color: #ddd;
}

button:focus {
  border-color: #666;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }

  ._hj_feedback_container{
    display: none !important;
  }

  #content-wrapper {
    margin: 0 0 0 0px !important;
  }
}



.clickable {
  cursor: pointer;
}

.content-wrapper {
  position: inherit;
  margin: 0 0 0 105px;
}


@media (max-width: 768px) {
  #content-wrapper {    
    position: inherit;
    margin: 0 0 0 105px;
  }

  .sidebar.toggled{
    width: 6.5rem!important;
  }
}

@media (min-width: 768px) {
  #content-wrapper {
    position: inherit;
    margin: 0 0 0 225px;
  }

  .leftMenuToggled #content-wrapper {    
    position: inherit;
    margin: 0 0 0 105px;
  }

  .sidebar.nav-link{
    width: 10rem !important;
  }
}

.sidebar{
  width: 10em!important;
}

#content-wrapper{
  margin: 0 0 0 10em !important
}

@media print {
  /* All your print styles go here */
  #header,
  #footer,
  #nav {
    display: none !important;
  }

  #content-wrapper{
    margin: 0px !important;
  }
}