/*anything bigger than 768px*/
img {
  display: block;
}
body {
  font-family: "Raleway";
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

/* Vertical Navbar */
@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-x: visible;
  }
  .navbar {
    max-width: 300px;
    margin-right: 0;
    margin-left: 0;
  }
  .navbar-nav,
  .navbar-nav > li,
  .navbar-left,
  .navbar-right,
  .navbar-header {
    float: none !important;
  }
  .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -20px;
  }
}

/*Resize the content to make it sit nicely to the right*/
@media (min-width: 769px) {
  #mainHelp {
    width: calc(100% - 300px);
    overflow-x: scroll;
  }
  .container {
    width: 100%;
  }
  .navbar {
    float: left;
  }
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-Regular.ttf");
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa-Regular.ttf");
}

/* /Vertical Navbar */

.nested-li {
  margin-left: 20px;
  margin-top: -10px;
}

.no-bullet-li {
  list-style-type: none;
}

#mainHelp {
  margin-top: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}

nav {
  height: auto;
}

/* IMAGES */

/**
*responsive class for images`
img{
display:block;
width:100%;
height:auto;
}
*`
*/
/* img px widths: 100, 130, 150, 200, 250, 300, 400, 600, 700, 800*/

.img400px {
  max-height: 400px;
  max-width: auto;
}

.setUpEnv_1 {
  height: auto;
  width: auto;
  max-height: 400px;
}

.CheckVerifAcct2_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.CheckVerifAcct2_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.CheckVerifAcct2_3 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.AccessFirstTime3_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.AccessFirstTime3_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.BasicNavigation4_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.BasicNavigation4_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.BasicNavigation4_3 {
  height: auto;
  width: auto;
  max-height: 150px;
}

.AddingPatient5_1 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.AddingPatient5_2 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.AddingPatient5_3 {
  height: auto;
  width: auto;
  max-height: 400px;
}

.AddingPatient5_4 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.AddingPatient5_5 {
  height: auto;
  width: auto;
  max-height: 150px;
}

.EditingEMR6_1 {
  height: auto;
  width: auto;
  max-height: 250px;
}

.EditingEMR6_2 {
  height: auto;
  width: 840px;
  max-height: auto;
}

.EditingEMR6_3 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.AddingTag7_1 {
  height: auto;
  width: auto;
  max-height: 250px;
}

.AddingTag7_2 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.AddingTag7_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.TimelineNavigation8_1 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.TimelineNavigation8_2 {
  height: auto;
  width: auto;
  max-height: 150px;
}

.SectionTemplates9_1 {
  height: auto;
  width: 600px;
  max-height: 300px;
}

.SectionTemplates9_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.SectionTemplates9_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.SectionTemplates9_4 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.AddingExtInfo10_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.AddingExtInfo10_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.ReferringPatient11_1 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.ReferringPatient11_2 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.ReferringPatient11_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.ReferringPatient11_4 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.VisualizingRN12_1 {
  height: auto;
  width: auto;
  max-width: 600px;
}

.VisualizingRN12_2 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.VisualizingRN12_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.VisualizingRN12_4 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.TrackingReferral13_1 {
  height: auto;
  width: auto;
  max-height: 400px;
}

.TrackingReferral13_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.TrackingReferral13_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.ExchangingMessage14_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.SharingReports15_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.ReferralNotifications16_1 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.ReferralNotifications16_2 {
  height: auto;
  width: auto;
  max-height: 100px;
  margin-bottom: 10px;
}

.ReferralNotifications16_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.RemoteMonitoring17_1 {
  height: auto;
  width: auto;
  max-height: 100px;
}

.RemoteMonitoring17_2 {
  height: auto;
  width: auto;
  max-height: 250px;
  margin-bottom: 10px;
}

.VisualizingHS18_1 {
  height: auto;
  width: auto;
  max-height: 100px;
  margin-bottom: 10px;
}

.VisualizingHS18_2 {
  height: auto;
  width: auto;
  max-height: 250px;
  margin-bottom: 10px;
}

.VisualizingHS18_3 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.VisualizingHS18_4 {
  height: auto;
  width: 840px;
  max-height: 130px;
}

.AnalizingHS19_1 {
  height: auto;
  width: auto;
  max-height: 250px;
}

.AnalizingHS19_2 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.AnalizingHS19_3 {
  height: auto;
  width: auto;
  max-width: 600px;
}

.AnalizingHS19_4 {
  height: auto;
  width: auto;
  max-width: 700px;
}

.AnalizingHS19_5 {
  height: auto;
  width: auto;
  max-height: 300px;
  margin-top: 10px;
}

.Teleconsultation20_1 {
  height: auto;
  width: auto;
  max-height: 200px;
}

.Teleconsultation20_2 {
  height: auto;
  width: auto;
  max-height: 300px;
}

.Teleconsultation20_3 {
  height: auto;
  width: auto;
  max-width: 600px;
}

.Teleconsultation20_4 {
  height: auto;
  width: auto;
  max-width: 800px;
}

img {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media print {
  body.printing * {
    display: none;
  }
  body.printing #print-me {
    display: block;
  }
  /*styling for divs on printed*/
}

@media screen {
  /* Hide the special layer from the screen. */
  #print-me {
    display: none;
  }
}

/* /IMAGES */