@charset "UTF-8";

.edit-group {
  width: 100% !important;
}

.main-group {
  width: 100% !important;
  align-content: center;
}

.site-group {
  width: 100% !important;
}

.button-group {
  width: 100% !important;
  align-items: center;
}

.button-padding {
  padding-top: 3em;
  padding-bottom: 3em;
}

.text-padding {
 padding: 1em 15% 1em 15%;
 text-align: center;
 font-size: 1.5em;
}



.filter-box {
  width: 100% !important;
}

.error-text {
  color: red !important;
}

.right-align {
  text-align: right;
}

.exportImg {
  width: 24px;
  height: 24px;
}

.table-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.exportImg:hover {
  cursor: pointer;
}

.wrap-text {
  white-space: pre-wrap
}

.form-gap {
  margin-top: 10px;
}

div.rz-justify-content-center.edit-sub-table-header {
  justify-content: start !important;
}

.menu_br {
  background-color: white !important;
}

.menu_link {
  color: white;
}

  .menu_link:hover {
    cursor: pointer;
    text-decoration: underline;
  }

.menu_group {
  background-color: #3e3e3e;
}

/*.orange-back {
  background-color: rgba(0, 0, 0, 0.6);
}*/

.bold-nav
{
  font-weight:bold;
}

.bar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: darkgray;
  
}

.dropdown .dropdown-menu > li > a:hover, .dropdown .dropdown-menu > li > a:focus {
  color: darkgray;
}


.rz-panel-titlebar > H6 {
  color: white;
}

.top_menu {
  background-color: #3e3e3e;
  margin-bottom: 5px;
}

.logged_in_user_info {
  align-items: start;
  margin-left: 5px;
}

.navbar-brand {
  width: 100%;
}

.buttonViewAccount {
  padding: 5px 0px 0px 5%;
}


@media screen and (min-width: 800px) {
  .login-form {
    margin-left: 15%;
  }

  .logged_in_user_info {
    align-items: end !important;
    margin-right: 5px;
  }

  .button-group {
    width: 100% !important;
    justify-content: space-around;
  }

  .patient-group {
    width: 50% !important;
    justify-content: center;
  }
  .patient-group1 {
    width: 100% !important;
    justify-content: center;
  }
  .patient-group2 {
    width: 100% !important;
    justify-content: center;
  }
  .text-center {
    width:100%;
  }

  .col-exp {
    width: 45%;
  }

  .navbar-brand {
    padding-left: 20%;
    width: 50%;
  }

  .buttonViewAccount {
    padding: 10px 0px 0px 15%;
  }
}


@media screen and (min-width: 1024px) {

  .edit-group {
    width: 30% !important;
  }

  .button-group {
    width: 100% !important;
    justify-content: space-around;
  }
  .patient-group {
    width: 100% !important;
    justify-content: center;
  }
  .patient-group1 {
    min-width: 25% !important;
    justify-content: center;
  }

  .patient-group2 {
    min-width:70% !important;
    justify-content: center;
  }

  .filter-box {
    width: 200px !important;
  }

  .login-form {
    margin-left: 35%;
  }

  .login-text-box {
    width: 500px;
  }

  div.rz-justify-content-center.edit-sub-table-header {
    justify-content: center !important;
  }
  .brand-img
  {
    width:50%;
  }
  .col-exp {
    width: 20%;
  }

  .navbar-brand {
    padding-left: 20%;
    width: 50%;
  }

  .buttonViewAccount {
    padding: 10px 0px 0px 25%;
  }
}

.carousel .item {
  height: 500px;
}

.item img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 500px;
}

.carousel-item img {
  object-fit: cover;
  max-height: 500px;
}

.carousel-caption h5 {
  font-size: 3em;
  color: white;
  background-color: #6ec1e4;
  opacity: .8;
}

hr {
  border: none;
  height: 5px;
  /* Set the hr color */
  color: #333; /* old IE */
  background-color: #333; /* Modern Browsers */
}

.blue-button {
  font-size: 20px;
  font-weight: 500;
  background-color: #FFFFFF;
  border-color: White;
  color: black !important;
  line-height: 1.7em !important;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 3px;
  transition-property: all !important;
  width: 200px;
}

  .blue-button:hover {
    background-color: #FFFFFF;
    color: Black !important;
  }

.navbar-collapse {
  background-color: #3e3e3e;
}

.text-group-width {
  width: 70% !important;
}

.text-group-left br {
  height: 8px !important;
}

.text-group-left {
  font-family: Source Sans Pro;
  font-size: 24px;
  font-weight: 700;
  color: #666666;
  line-height: 1.2;
}