﻿.h-100 {
  height: 100%;
}

.h-auto {
  height: auto !important;
}

.m-0 {
  margin: 0;
}

.mt {
  margin-top: 5px;
}

.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px !important;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.content-wrapper {
  min-height: calc(100vh - 115px);
}

.dropdown-menu {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.login-page {
  height: 100% !important;
}

.help-block {
  font-size: 12px;
}

p.help-block {
  margin: 0;
}

.less-padding .panel-body {
  padding: 0;
}

.skin-green .hra-sidebar .panel > .panel-heading {
  background-color: #8A8C9C;
}

.hra-sidebar .panel .panel-heading > h4 > a {
  color: #fff;
}

.hra-sidebar .panel.panel-default.claim-panel > .panel-collapse > .panel-body > ul.list-group {
  max-height: 370px;
  overflow: auto;
  margin-bottom: 40px;
}
.hra-sidebar .panel.panel-default.hra-indicated > .panel-collapse > .panel-body > ul.list-group {
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  overflow-x: hidden;
}

.panel-open .panel-heading > h4 > a > span > i {
  transform: rotate(90deg);
}

.panel-body ul.list-group li.list-group-item > i.fa.fa-info-circle {
  cursor: pointer;
}

ul.list-group li > ul.list-group > li {
  padding: 0;
}

ul.list-group li > ul.list-group > li:last-child {
  border: none;
}

.d-flex h5.claim-code {
  flex: 1 0 25%;
}

.d-flex h5.claim-desc {
  flex: 1 0 75%;
}

.fixedsticky {
  top: 0;
}

.panel-body.border-bottom {
  border-bottom: 1px solid #eee;
}

.p-white.pretty {
  font-size: 16px;
}

.p-white.pretty > .state > label {
  color: #fff;
}

.p-white.pretty > .state > label:before {
  border-color: #fff;
}

li.populatedItem {
  animation: itemBackGround 5s 1;
}

@keyframes itemBackGround {
  0% {
    background: transparent;
  }
  25% {
    background: yellow;
  }
  75% {
    background: yellow;
  }
  100% {
    background: transparent;
  }
}

.table.table-orders > tbody > tr.active:hover, .table.table-orders > tbody > tr.active > td {
    background-color: #42a144ba;
}
.table.table-orders > tbody > tr.active:hover, .table.table-orders > tbody > tr.rejected > td {
    background-color: #de8d8de8;
    color: black;
}
.code-selected .nav-tabs-custom, .code-selected .icd-code{
  display: none;
}
.codeBoxClose .nav-tabs-custom, .codeBoxClose .icd-code {
  display: block;
}
.fixed-height .box-body{
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  overflow-x: hidden;
}
.table-patient-test {
  overflow-x: hidden !important;
}
/*.patient-notes{*/
  /*font-size: 12px;*/
/*}*/
.notes-heading {
 color: #53a1ad !important;
 margin-bottom: 0;
}
.patient-notes {
  color: #000;
}

.child-notes {
  margin-top: 5px;
  line-height: 20px;
  overflow: hidden;
  width: 100%;
}

.notes-desc {
  line-height: 20px;
}

.edit-button-list a {
    color: #083d6b;
}

.edit-button-list span {
  color: #9b9898;
}

.note.odd .notes-section {
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}

.note.even .notes-section {
 /*background-color: #e5f4f6;*/
 border-bottom: 1px solid #eee;
 overflow: hidden;
 padding: 10px;
 width: 100%;
}

.note-node-mozila {
  display: table;
  overflow: hidden;
  width: 100%;
}
.p-l-20{
  padding-left: 20px;
}
.m-l-5{
  margin-left: 5px;
}
.row-table {
  display: table;
  width: 100%;
}

.row-table > [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.min-h-165 {
  min-height: 140px;
}
.profile-section {
  background-image: linear-gradient(270deg, #fef7f8 0%, #EFF9FA 100%);
  border-bottom: 1px solid #eee;
  padding: 5px 15px;
}

.profile-section h1 {
  font-size: 20px;
  margin: 0;
  line-height: 1.2;
}

.profile-section p {
  margin: 0;
}

span.main-text {
  color: #222;
  font-weight: 400;
}

.demographics {
  background-image: linear-gradient(90deg, #EFF9FA 0%, #EBF6F8 100%);
}

.person-height {
  position: relative;
  text-align: center;
}

.person-height img {
  height: 220px;
  text-align: center;
}

.person-height h3 {
  position: absolute;
  top: 50%;
  margin: 0;
  right: 25%;
  transform: translate(30%, -50%);
  text-align: center;
  font-size: 22px;
  line-height: 1.2;
}

.person-height h3 span {
  font-size: 16px;
  line-height: 1.2;
  color: #888;
}

.dg-stats {
  padding: 30px;
}

.dg-stats p {
  margin: 0;
}

.dg-stats > h2 {
  margin: 0;
  font-size: 24px !important;
  font-weight: 600;
}
.dg-stats > h3 {
  margin: 0;
}

.dg-stats-1 {
  padding: 20px;
}

.border-r-b {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.progress-meter {
  min-height: 15px;
  border-bottom: 2px solid #ccc;
}

.progress-meter > .meter {
  position: relative;
  float: left;
  min-height: 15px;
  border-width: 0px;
  border-style: solid;
  border-color: #ccc;
}

.progress-meter > .meter-left {
  border-left-width: 2px;
}

.progress-meter > .meter-right {
  float: right;
  border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
  border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
  position: absolute;
  display: inline-block;
  bottom: -45px;
  width: 100%;
  font-weight: 400;
  font-size: 1em;
  color: #797979;
  text-align: center;
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-group .progress-number {
  float: right;
}

.bmi-heading {
  margin-top: 50px;
  line-height: 1;
  margin-bottom: 0;
}

.border-b {
  border-bottom: 1px solid #eee;
}

.pad-10 {
  padding: 10px;
}

.no-margin {
  margin: 0;
}

.wellness h3, .self-assessment h3 {
  line-height: 1.25;
  margin: 0;
  font-size:16px;
}

.wellness h3 p, .self-assessment h3 p {
  line-height: 1.25;
  margin: 0;
  font-size: 12px;
}

.self-content {
  margin-left: 10px;
}

.self-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f4f4f4;
  padding: 10px;
  border: 1px solid #eee;
  margin: 0 auto;
  display: block;
}

.bg-light {
  background: #e7e7e7;
  padding: 10px;
}

.adl-score {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 60px;
  color: #fff;
  border-radius: 50%;
  background: #8BC34A;
}

.donut-chart {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 0.8rem;
  border-radius: 100%;
}

p.center {
  background: #fff;
  position: absolute;
  text-align: center;
  font-size: 30px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 140px;
  height: 140px;
  margin: auto;
  border-radius: 50%;
  line-height: 140px;
  padding: 0 0;
  color: #222;
}

p.center span {
  font-size: 14px;
  display: block;
  line-height: 15px;
  position: relative;
  top: -55px;
}

.portion-block {
  border-radius: 50%;
  clip: rect(0px, 221px, 110px, 110px);
  height: 100%;
  position: absolute;
  width: 100%;
}

.circle {
  border-radius: 50%;
  clip: rect(0px, 110px, 220px, 0px);
  height: 100%;
  position: absolute;
  width: 100%;
  font-family: monospace;
  font-size: 1.5rem;
}

.four-parts {
  /* Animation */
}

.four-parts #part1 {
  transform: rotate(0deg);
}

.four-parts #part1 .circle {
  background-color: #ddd !important;
  /*transform: rotate(76deg);*/
  animation: first 1s 1 forwards;
}

.four-parts #part1 .circle > h1 {
  position: absolute;
  transform: rotate(285deg);
  top: 76px;
  left: 20px;
}

.four-parts #part2 {
  transform: rotate(90deg);
}

.four-parts #part2 .circle {
  background-color: #ccc !important;
  animation: second 1s 1 forwards 1s;
}

.four-parts #part2 .circle > h1 {
  position: absolute;
  transform: rotate(282deg);
  top: 76px;
  left: 22px;
}

.four-parts #part3 {
  transform: rotate(180deg);
}

.four-parts #part3 .circle {
  background-color: #999 !important;
  animation: third 0.5s 1 forwards 2s;
}

.four-parts #part3 .circle > h1 {
  position: absolute;
  transform: rotate(-75deg);
  top: 70px;
  left: 20px;
}

.four-parts #part4 {
  transform: rotate(270deg);
}

.four-parts #part4 .circle {
  background-color: #888 !important;
  animation: foruth 0.5s 1 forwards 3s;
}

.four-parts #part4 .circle > h1 {
  position: absolute;
  transform: rotate(-79deg);
  top: 82px;
  left: 20px;
}

.four-parts #part1.portion-block.active > .circle,
.four-parts #part2.portion-block.active > .circle,
.four-parts #part3.portion-block.active > .circle,
.four-parts #part4.portion-block.active > .circle {
  background: #337ab7 !important;
  color: #fff !important;
}

.four-parts .portion-block.active > .circle > h1.fancy-title span {
  color: #fff !important;
}

@keyframes first {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

@keyframes second {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

@keyframes third {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

@keyframes foruth {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

.five-parts {
  /* Animation */
}

.five-parts #part1 {
  transform: rotate(0deg);
}

.five-parts #part1 .circle {
  background-color: #ddd;
  /*transform: rotate(76deg);*/
  animation: first1 1s 1 forwards;
}

.five-parts #part1 .circle > h1 {
  position: absolute;
  transform: rotate(308deg);
  top: 41px;
  left: 32px;
}

.five-parts #part2 {
  transform: rotate(54deg);
}

.five-parts #part2 .circle {
  background-color: #ccc;
  animation: second1 1s 1 forwards 1s;
}

.five-parts #part2 .circle > h1 {
  position: absolute;
  transform: rotate(312deg);
  top: 37px;
  left: 36px;
}

.five-parts #part3 {
  transform: rotate(108deg);
}

.five-parts #part3 .circle {
  background-color: #999;
  animation: third1 0.5s 1 forwards 2s;
}

.five-parts #part3 .circle > h1 {
  position: absolute;
  transform: rotate(-75deg);
  top: 72px;
  left: 17px;
}

.five-parts #part4 {
  transform: rotate(180deg);
  clip: rect(0px, 242px, 144px, 110px);
}

.five-parts #part4 .circle {
  background-color: #888;
  animation: foruth1 0.5s 1 forwards 3s;
}

.five-parts #part4 .circle > h1 {
  position: absolute;
  transform: rotate(-110deg);
  top: 127px;
  left: 20px;
}

.five-parts #part5 {
  transform: rotate(288deg);
}

.five-parts #part5 .circle {
  background-color: #666;
  animation: fifth1 0.5s 1 forwards 4s;
}

.five-parts #part5 .circle > h1 {
  position: absolute;
  transform: rotate(-67deg);
  top: 60px;
  left: 23px;
}

.five-parts #part1.portion-block.active > .circle,
.five-parts #part2.portion-block.active > .circle,
.five-parts #part3.portion-block.active > .circle,
.five-parts #part4.portion-block.active > .circle,
.five-parts #part5.portion-block.active > .circle {
  background: #337ab7 !important;
  color: #fff !important;
}

.five-parts .portion-block.active > .circle > h1.fancy-title span {
  color: #fff !important;
}

@keyframes first1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(54deg);
  }
}

@keyframes second1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(54deg);
  }
}

@keyframes third1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(72deg);
  }
}

@keyframes foruth1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(108deg);
  }
}

@keyframes fifth1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(72deg);
  }
}

h1.fancy-title span {
  font: 12px Monaco, MonoSpace;
  height: 80px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: bottom center;
  color: #222;
}

.char1 {
  transform: rotate(6deg);
}

.char2 {
  transform: rotate(12deg);
}

.char3 {
  transform: rotate(18deg);
}

.char4 {
  transform: rotate(24deg);
}

.char5 {
  transform: rotate(30deg);
}

.char6 {
  transform: rotate(36deg);
}

.char7 {
  transform: rotate(42deg);
}

.char8 {
  transform: rotate(48deg);
}

.char9 {
  transform: rotate(54deg);
}

.char10 {
  transform: rotate(60deg);
}

.char11 {
  transform: rotate(66deg);
}

.char12 {
  transform: rotate(72deg);
}

.char13 {
  transform: rotate(78deg);
}

.char14 {
  transform: rotate(84deg);
}

.char15 {
  transform: rotate(90deg);
}

.char16 {
  transform: rotate(96deg);
}

.char17 {
  transform: rotate(102deg);
}

.char18 {
  transform: rotate(108deg);
}

.char19 {
  transform: rotate(114deg);
}

.char20 {
  transform: rotate(120deg);
}

.char21 {
  transform: rotate(126deg);
}

.char22 {
  transform: rotate(132deg);
}

.char23 {
  transform: rotate(138deg);
}

.char24 {
  transform: rotate(144deg);
}

.char25 {
  transform: rotate(150deg);
}

.cchar1 {
  transform: rotate(5deg);
}

.cchar2 {
  transform: rotate(10deg);
}

.cchar3 {
  transform: rotate(15deg);
}

.cchar4 {
  transform: rotate(20deg);
}

.cchar5 {
  transform: rotate(25deg);
}

.cchar6 {
  transform: rotate(30deg);
}

.cchar7 {
  transform: rotate(35deg);
}

.cchar8 {
  transform: rotate(40deg);
}

.cchar9 {
  transform: rotate(45deg);
}

.cchar10 {
  transform: rotate(50deg);
}

.cchar11 {
  transform: rotate(55deg);
}

.cchar12 {
  transform: rotate(60deg);
}

.cchar13 {
  transform: rotate(65deg);
}

.cchar14 {
  transform: rotate(70deg);
}

.cchar15 {
  transform: rotate(75deg);
}

.cchar16 {
  transform: rotate(80deg);
}

.cchar17 {
  transform: rotate(85deg);
}

.cchar18 {
  transform: rotate(90deg);
}

.cchar19 {
  transform: rotate(95deg);
}

.cchar20 {
  transform: rotate(100deg);
}

.cchar21 {
  transform: rotate(105deg);
}

.cchar22 {
  transform: rotate(110deg);
}

.cchar23 {
  transform: rotate(115deg);
}

.cchar24 {
  transform: rotate(120deg);
}

.cchar25 {
  transform: rotate(125deg);
}
.main-heading {
  margin: 7px 0;
  font-size: 22px;
  text-transform: uppercase;
}

.foot-container {
  max-width: 100% !important;
}

.foot-box {
  width: 100%;
  padding: 1% 2%;
  background: #fff;
  float: left;
}

.sec-mrg-top {
  margin-top: 20px;
}
.patient-brief {
  margin-top:6px;
}
.bg-light .box > .box-header > .box-title{
  font-size: 16px;
}
.header-main {
  width: 100%;
  float: left;
  padding: 1%;
  font-size: 20px;
  color: #fff;
  background-image: linear-gradient(180deg, #4171D6 0%, #7367FF 100%);
  /*background: rgb(86, 86, 86); !* Old browsers *!*/
  /*!* IE9 SVG, needs conditional override of 'filter' to 'none' *!*/
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  /*background: -moz-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%); !* FF3.6+ *!*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86, 86, 86, 1)), color-stop(100%, rgba(58, 58, 58, 1))); !* Chrome,Safari4+ *!*/
  /*background: -webkit-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%); !* Chrome10+,Safari5.1+ *!*/
  /*background: -o-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%); !* Opera 11.10+ *!*/
  /*background: -ms-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%); !* IE10+ *!*/
  /*background: linear-gradient(to bottom, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%); !* W3C *!*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#3a3a3a', GradientType=0); !* IE6-8 *!*/
}

/*.head-font{ color:#fff; text-align:left; float:left;}*/

.common {
  width: 100%;
  float: left;
}

.box-cover {
  width: 100%;
  float: left;
  background: #fff;
  -moz-box-shadow: 0 0 7px #a3a3a3;
  -webkit-box-shadow: 0 0 7px #a3a3a3;
  box-shadow: 0 0 7px #a3a3a3;
  margin-top: 20px;
}

.inner-box {
  width: 96%;
  margin: 2%;
  float: left;
}

.table-body {
  width: 100%;
  background: #fff;
  float: left;
}

.table-row {
  width: 100%;
  height: auto;
  float: left;
  border-bottom: 1px solid #c9c7c7;
}

.table-column {
  width: 100%;
  padding: 15px;
  line-height: 40px;
  float: left;
}

.table-column1 {
  width: 45.9%;
  padding: 0 2%;
  line-height: 40px;
  color: #5f5f5f;
  border-right: 1px solid #c9c7c7;
  float: left;
}

.table-column2 {
  width: 45.9%;
  padding: 0 2%;
  line-height: 40px;
  color: #008000;
  float: left;
}

.profile-section h1 {
  margin: 0;
  font-size: 20px;
}

.profile-section p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.profile-section span.main-text {
  color: #222;
  font-weight: 500;
}

.mrg-top {
  margin-top: 30px;
}

.img-box {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  float: left;
}

.status-label {
  float: left;
  line-height: 30px;
  font-size: 14px;
  font-weight: normal;
}

/* new added float:left*/
.round {
  max-width: 100%;
  min-height: 10px;
  max-height: 100%;
  float: left;
}

.green-round {
  background: url(img/green.png) no-repeat;
}

.orange-round {
  background: url(img/orange.png) no-repeat;
}

.pink-round {
  background: url(img/pink.png) no-repeat;
}

.red-round {
  background: url(img/red.png) no-repeat;
}

.round-box-colum1 {
  width: 50%;
  float: left;
}

.gray-value-line {
  width: 100%;
  float: left;
  background: #e8e8e8;
  padding: 1% 2%;
  font-size: 16px;
  color: #0477c0;
}

/* last changes */

.box-shadow {
  background: #fff;
  -moz-box-shadow: 0 0 7px #a3a3a3;
  -webkit-box-shadow: 0 0 7px #a3a3a3;
  box-shadow: 0 0 7px #a3a3a3;
}

.common-box {
  padding: 2%;
  float: left;
  width: 100%;
}

/* width:96% */ /*width:1250px;*/
.inner-report-box {
  width: 100%;
  padding: 2%;
  background: #fff;
  float: left;
}

.green {
  background: #aac149;
}

/*.green-light{background:#d4e0a4;}*/
.green-light {
  background: #d0e0a0;
}

.orange {
  background: #f6a838;
}

/*.orange-light{background:#fad39b;}*/
.orange-light {
  background: #f8d098;
}

.pink {
  background: #dc454d;
}

/*.pink-light{background:#e0767b;}*/
.pink-light {
  background: #e8b8b8;
}

.red {
  background: #c0040f;
}

/*.red-light{background:#e0454e;}*/
.red-light {
  background: #e8b8b8;
}

.color-head {
  width: 100%;
  float: left;
  padding: 1%;
  font-size: 22px;
  color: #fff;
}

.uppercase {
  text-transform: uppercase;
}

.summary-column1 {
  width: 26%;
  padding: 0 2%;
  font-size: 14px;
  line-height: 40px;
  color: #5f5f5f;
  float: left;
}

.summary-column2 {
  width: 66%;
  padding: 0 2%;
  font-size: 14px;
  line-height: 40px;
  /*color:#5f5f5f;*/
  color: #008000;
  float: left;
}

.value-cover {
  width: 100%;
  float: left;
}

.value-option {
  width: 44px;
  height: 35px;
  float: left;
  margin-bottom: 10%;
}

.value-detail {
  width: 95%;
  padding: 2%;
  float: left;
  min-height: 170px;
}

/* width:91%; */

.current-year-value-detail {
  width: 70%;
  padding: 2%;
  float: left;
}

/* width:91%; */
.previous-bio-values {
  width: 28%;
  padding: 2%;
  float: right;
}

.value-box {
  width: 5%;
  float: left;
  margin-top: 1%;
}

.green-arrow {
  width: 100%;
  height: 100%;
  float: left;
  background: url(https://www.informinfluenceinspire.com/healthcare/public/reports/img/option-green.png) no-repeat;
}

.green-arrow:hover {
  background: url(https://www.informinfluenceinspire.com/healthcare/public/reports/img/option-green-hover.png) no-repeat;
}

.listing {
  width: 96%;
  padding: 0 2%;
  font-size: 14px;
  line-height: 40px;
  float: left;
  /*border-bottom:1px solid #c9c7c7;*/
}

.border-cover {
  width: 100%;
  height: 9px;
  float: left;
}

.page-border {
  width: 100%;
  height: 9px;
  background: url(https://www.informinfluenceinspire.com/healthcare/public/reports/img/page-border.png) repeat-x;
  float: left;
}

/* height:100% */
.common-box-gray {
  width: 100%;
  padding: 2%;
  background: #f2f2f2;
  border-width: 0 1px 1px 1px;
  font-size: 14px;
  border-color: #c1c1c1;
  border-style: solid;
  float: left;
}

.curv-box {
  width: 40%;
  top: 1px;
  position: relative;
  float: left;
}

.curve-image {
  width: 100%;
  height: 100%;
  background: url(https://www.informinfluenceinspire.com/healthcare/public/reports/img/red-curv.png) no-repeat;
  float: left;
}

.common-box-red {
  width: 99.9%;
  padding: 0;
  background: #f2f2f2;
  border-width: 0 1px 1px 1px;
  font-size: 14px;
  border-color: #c10611;
  border-style: solid;
  color: #000;
  float: left;
}

.red-header {
  width: 99.9%;
  float: left;
  padding: 1% 0;
  font-size: 16px;
  color: #fff;
  border-width: 1px 1px 1px 1px;
  border-color: #c10611;
  border-style: solid;
  background: rgb(247, 131, 136); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ODM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjAxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(247, 131, 136, 1) 0%, rgba(191, 1, 12, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 131, 136, 1)), color-stop(100%, rgba(191, 1, 12, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(247, 131, 136, 1) 0%, rgba(191, 1, 12, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(247, 131, 136, 1) 0%, rgba(191, 1, 12, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(247, 131, 136, 1) 0%, rgba(191, 1, 12, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(247, 131, 136, 1) 0%, rgba(191, 1, 12, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78388', endColorstr='#bf010c', GradientType=0); /* IE6-8 */
}

.yello-header {
  width: 99.9%;
  float: left;
  padding: 1% 0;
  font-size: 16px;
  color: #fff;
  border-width: 1px 1px 1px 1px;
  border-color: #ed8d18;
  border-style: solid;
  background: rgb(255, 197, 89); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzU1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzg5MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 197, 89, 1) 0%, rgba(236, 137, 20, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 197, 89, 1)), color-stop(100%, rgba(236, 137, 20, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 197, 89, 1) 0%, rgba(236, 137, 20, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 197, 89, 1) 0%, rgba(236, 137, 20, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 197, 89, 1) 0%, rgba(236, 137, 20, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 197, 89, 1) 0%, rgba(236, 137, 20, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc559', endColorstr='#ec8914', GradientType=0); /* IE6-8 */
}

.common-box-yello {
  width: 99.9%;
  padding: 0;
  background: #f2f2f2;
  border-width: 0 1px 1px 1px;
  font-size: 14px;
  border-color: #ed8d18;
  border-style: solid;
  color: #000;
  float: left;
}

.green-header {
  width: 99.9%;
  float: left;
  padding: 1% 0;
  font-size: 16px;
  color: #fff;
  border-width: 1px 1px 1px 1px;
  border-color: #8da129;
  border-style: solid;
  background: rgb(201, 226, 106); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZTI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Y2EwMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(201, 226, 106, 1) 0%, rgba(140, 160, 39, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201, 226, 106, 1)), color-stop(100%, rgba(140, 160, 39, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(201, 226, 106, 1) 0%, rgba(140, 160, 39, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(201, 226, 106, 1) 0%, rgba(140, 160, 39, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(201, 226, 106, 1) 0%, rgba(140, 160, 39, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(201, 226, 106, 1) 0%, rgba(140, 160, 39, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e26a', endColorstr='#8ca027', GradientType=0); /* IE6-8 */
}

.common-box-green {
  width: 99.9%;
  padding: 0;
  background: #f2f2f2;
  border-width: 0 1px 1px 1px;
  font-size: 14px;
  border-color: #8da129;
  border-style: solid;
  color: #000;
  float: left;
}

.purple-header {
  width: 99.9%;
  float: left;
  padding: 1% 0;
  font-size: 16px;
  color: #fff;
  border-width: 1px 1px 1px 1px;
  border-color: #84679c;
  border-style: solid;
  background: rgb(201, 226, 106); /* Old browsers */
  background: rgb(191, 171, 199); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYWJjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MzY1OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(191, 171, 199, 1) 0%, rgba(131, 101, 155, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(191, 171, 199, 1)), color-stop(100%, rgba(131, 101, 155, 1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(191, 171, 199, 1) 0%, rgba(131, 101, 155, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(191, 171, 199, 1) 0%, rgba(131, 101, 155, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(191, 171, 199, 1) 0%, rgba(131, 101, 155, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(191, 171, 199, 1) 0%, rgba(131, 101, 155, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfabc7', endColorstr='#83659b', GradientType=0); /* IE6-8 */
}

.common-box-purple {
  width: 99.9%;
  padding: 0;
  background: #f2f2f2;
  border-width: 0 1px 1px 1px;
  font-size: 14px;
  border-color: #84679c;
  border-style: solid;
  color: #000;
  float: left;
}

.bio-colum {
  width: 44%;
  padding: 0% 2%;
  float: left;
}

.bio-colum2 {
  width: 25%;
  padding: 0.5% 2%;
  float: left;
}

.bio-colum2 p {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.bio-colum2 ul li {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.bio-colum2 ul, .bio-colum3 ul {
  list-style-type: circle;
}

.bio-colum3 ul {
  padding-left: 15px;
}

.bio-colum3 ul li {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.bio-colum3 {
  width: 75%;
  padding: 0.5% 2%;
  float: left;
}

/* last changes */ /* width:46%*/
.bio-row {
  width: 100%;
  float: left;
  line-height: 40px;
  border-bottom: 1px solid #c9c7c7;
}

.bio-colum1 {
  width: 100%;
  padding: 0 2%;
  float: left;
}

.img-box1 {
  width: 20px;
  height: 20px;
  margin-left: 5%;
  float: left;
}

.foot-detail {
  width: 100%;
  line-height: 30px;
  font-weight: normal;
  font-size: 14px;
  float: left;
}

.foot-point-icon {
  width: 5%;
  float: left;
}

.foot-points {
  width: 90%;
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  float: left;
}

.foot-icon {
  width: 42px;
  height: 38px;
  float: left;
}

.red-font {
  font-size: 16px;
  color: #c90000;
}

.green-font {
  color: #008000;
}

.gray-font {
  color: #5f5f5f;
}

.blue-font {
  color: #0477C0;
}

.pink-font {
  color: #fff;
  font-size: 20px;
}

.mrg-top-s {
  margin-top: 20px;
}

.bio-colum-padding {
  padding-left: 2%;
}

.align-center {
  text-align: center;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

.bottom-border {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.previous {
  border: 0;
}

.inline-display {
  display: inline;
}

.footnotes {
  color: #FF0000;
}

/*****Print.css****/
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  top: 65px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  /*background-image: linear-gradient(90deg, #4171D6 0%, #7367FF 100%);*/
  background: -moz-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(86, 86, 86, 1)), color-stop(100%, rgba(58, 58, 58, 1)));
  background: -webkit-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%);
  background: -o-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%);
  background: -ms-linear-gradient(top, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%);
  background: linear-gradient(to bottom, rgba(86, 86, 86, 1) 0%, rgba(58, 58, 58, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#3a3a3a', GradientType=0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 0 15px;
  margin-top: 65px;
}
#page-content-wrapper .sub-header {
  margin:0 -20px;
  position: fixed;
  width: calc(100% - 250px);
}
#page-content-wrapper .sub-header .navbar .navbar-custom-menu ul.nav li a {
 padding: 19px 11px;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

/* Sidebar Styles */
.user-profile {
  color: #fff;
  /*border-bottom: 1px solid #345aab;*/
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

.user-profile h2 {
  color: #fff;
  font-size: 25px;
  margin-bottom: 0;
}

.user-profile h2 + p {
  margin-bottom: 0;
}

.sidebar-nav {
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #333;
  padding: 0;
}

.sidebar-nav li a[aria-expanded="true"] {
  border-bottom: 1px solid transparent;
}

.sidebar-nav li a:hover, .sidebar-nav li a:focus, .sidebar-nav li a:active, .sidebar-nav li a.active {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.nav-header-primary span {
  margin-right: 15px;
}

#submenu1 {
  background: rgba(233, 233, 233, 0.1);
  border-bottom: 1px solid #333;
}

#submenu1 li a {
  border: none;
  padding: 0 0 0 15px;
  color: #fff !important;
}

.print-button1 {
  padding: 15px 20px;
}
.drop-up.dropdown-menu {
  top: auto;
  bottom: 100%;
}
@media (min-width: 768px) {
  #wrapper {
    padding-left: 0;
  }

  #wrapper.toggled {
    padding-left: 250px;
  }

  #sidebar-wrapper {
    width: 0;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }

  #page-content-wrapper {
    padding: 0 20px;
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

.faded-black {
    color: #9b9898 !important;
}
.m-l-10 {
    margin-left: 10px;
}
.m-r-10 {
    margin-right: 10px;
}