html{
overflow-x: hidden;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
html, body{
margin: 0px;
padding: 0px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
h1 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 40px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 37px;
color: #1349B7;
}
h2 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 20px;
}
h3 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 15.4px;
color: #6e6f71;
}
h4 {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 15.4px;
}
p, a {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
}
blockquote {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 21px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 30px;
}
blockquote.ph-comment{
  font-size: 14px;
}
pre {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 18.5714px;
}
/* - */
.newbody{
margin-bottom: 0px;
margin-top: 0px;
}
.carousel-inner > .item > a > img {
padding-bottom:0px;
}
#carousel_inner_conditions .item img {
padding-bottom: 0px;
}
#carousel_inner_conditions .item .carousel-caption {
position: relative;
}
.questiontext{
/*color:#69C;*/
}
.question_help{
color:#69C;
font-family:Verdana, Geneva, sans-serif;
}
.columns-6{
padding-left: 15px;
padding-right: 15px;
}
div.element-state{
width: 10px;
height: 10px;
}
div.enabled-state{
background-color: green;
}
div.disabled-state{
background-color: red;
}
table.rules-sub-table{
width:100%;
background-color: #FEFEFE;
}
table.rules-sub-table > thead{
background-color: #E0E0E0;
}
table.rules-sub-table > tbody > tr > td{
white-space: nowrap;
}
table.rules-sub-table > * > tr > *{
padding: 10px
}
table#rule-report > tbody > tr > td.rule-status{
vertical-align: middle;
}
table#rule-report > tbody > tr.rule_row{
cursor: pointer;
}
table#rule-report > tbody > tr.rules-sub-container > td{
padding: 0px;
}
.corporative-bg{
background-color: #6699cc;
}
.corporative{
background-color: #6699cc;
color: white;
}
a.advice-text{
color: #336699;
text-decoration: underline;
cursor: pointer;
}
a.submenu {
text-decoration: none;
min-width: 100%;
max-width: 100%;
text-align: center;
white-space: normal !important;
}
table.center-table
{
margin: 0 auto ;
float: none;
width: auto;
}
div.tooltip-inner {
max-width: 300px;
max-height: 500px;
text-align: justify;
}
.hide-element{
display: none;
}
.vertical-align{
vertical-align: bottom;
}
.ui-datepicker { z-index: 9999 !important; }
div.malaria_option_container.disabled{
background: #EAEAEA;
}
.panel-danger{
margin-top: 45px;
}
#checkbox-confirm-malaria-treatment{
margin-top: 8px;
}
label.questiontext{
font-size:14px !important;
}
.opacity-7{
opacity: 0.7;
}
.header{
-webkit-box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
background-color: #ffffff;
}
.header .navbar-header a.navbar-brand{
text-decoration: none;
}
a{ text-decoration:none;
color:#1349B7;
}
a:hover{text-decoration:underline;}
.hoverable:hover{
background-color: #f3f3f3;
}
.current{
background-color: #f3f3f3;
}
.navbar{
height: 100%;
border: none;
}
.nav-push{
	margin-left:30px;}
.brand-image{
margin-top:7%;
margin-right:10%;
}
.phd-brand-image{
margin-top: -5%;



}
@media screen and (min-width: 531px) and (max-width: 767px) {
.brand-image{
margin: 6%;
}
}
@media screen and (max-width: 530px) {
.brand-image{
margin: 7%;
}
}
.p-brand-image{
margin-top: -2%;
}
@media screen and (min-width: 531px) and (max-width: 767px) {
.p-brand-image{
margin: -2%;
}
}
@media screen and (max-width: 530px) {
.p-brand-image{
margin: -2%;
}
}
.navbar-default .navbar-toggle{
border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
background-color: #ffffff;
}
.navbar-fixed-top, .navbar-fixed-bottom{
position: inherit;
}
.loginh1{
margin: 20px 0px 0px 0px !important;
}
.footer{
border: none;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.navbar-default.footer.navbar-fixed-bottom{
position: absolute;
bottom: 0;
}
@media only screen and (max-width: 500px) {
.navbar-default.footer.navbar-fixed-bottom{
position: inherit;
bottom: 0;
}
}
.dropdown-menu{
border: none;
}
.btn-info{
border: none;
}
.btn:hover{
-webkit-box-shadow: 0px 13px 31px -10px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 13px 31px -10px  rgba(0,0,0,0.44);
box-shadow: 0px 13px 31px -10px  rgba(0,0,0,0.44);
transition: box-shadow 0.1s ease-in-out;
/* transform: scale(1.01, 1.01); */
}
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-link, .btn-lg, .btn-sm, .btn-xs, .btn-block, .navbar-btn{
border: none;
margin-bottom: 1%;
}
.header-img{
background-color: transparent !important;
}
.dropdown-menu > li.title{
padding: 0px;
}
.header .navigation{
margin: 0px;
}
.header .navigation li{
background: none;
}
.moreinfo{
height: 150px;
color: #6e6f71;
border: none;
}
.form-input{
width: 200px;
}

.panel-default > .panel-heading{
background-color: #1349B7;
color: #ececfc;
}

.panel-default > a:hover, a:focus{
color: #fff;
text-decoration: none;
}

.alert-info{
color: #6e6f71;
}
thead, th{
background-color: #E8EFFC;
border: none;
}
.tablescroll, tbody
{
max-width: 100%;
height: 100%;
overflow: auto!important;
}
.reasons, .possible, .incomplete{
line-height: 40px;
}
.btn-pastelred{
background-color: transparent;
color: #6e6f71;
border: 1px solid #1349B7;
margin-bottom: 1%;
}
.btn-pastelred:hover{
background-color: #ff6961;
color: #ffffff;
border: none;
transition: ease-in-out 0.2s;
}
.label-warning{
background-color: transparent;
color: #6e6f71;
border: 2px solid #5bc0de;
}
.label-info{
background-color: transparent;
color: #6e6f71;
border: 2px solid #5bc0de;
}
.label-success{
background-color: transparent;
color: #6e6f71;
border: 2px solid #1349B7;
}
.label-danger{
background-color: transparent;
color: #6e6f71;
border: 2px solid #ff6961;
}
.btn-green{
background-color: transparent;
color: #6e6f71;
border: 2px solid #1349B7;
}
.btn-green:hover{
background-color: #1349B7;
color: #fff;
}
.btn-consult {
/* width: 20%;
height: 20%; */
text-align: center;
padding: 7px 13px;
font-size: 12px;
line-height: 1.42;
/* border-radius: 25px; */
background-color: #1349B7;
color: #fff;
/* float: right; */
margin-top: -1rem;
}
.btn-consult:hover{
background-color: #4a8e24;
color: #fff;
}
.btn-padding{
padding: 3%;
}
.btn-homedash{
margin-bottom: 1%;
}
.pulse-button {
position: relative;
box-shadow: 0 0 0 0 #53982f;
background-color: #53982f;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover
{
-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
.floaterheading{
float: right;
}
h1{
border: none;
}
.btn{
border: 1px solid #1349B7;	}
.btn-success{
background-color: #53982f;
color: #ffffff;
}
.btn-success:hover{
background-color: #4e8f2c;
color: #ffffff;
}
.btn-info{
background-color: #8DAFF2;
color: #ffffff;
}
.btn-info:hover{
background-color: #1349B7;
color: #ffffff;
}
.btn-information{
background-color: #8DAFF2;
color: #ffffff;
padding: 3px 6px 3px 6px;
}
.btn-information:hover{
background-color: #1349B7;
color: #ffffff;
padding: 3px 6px 3px 6px;
}
.btn-primary{
background-color: #1349B7;
color: #ffffff;
}
.btn-primary:hover{
background-color: #FE9191;
color: #ffffff;
}
.btn-default{
border: 1px solid #1349B7;
color: #6e6f71;
}
.btn-default:hover{
background-color: #f5f5f5;
border: 1px solid #1349B7;
}
/* .btn-danger{
border: 1px solid #d9534f;
color: #6e6f71;
background-color: transparent;
}
.btn-danger:hover{
background-color: #d9534f;
color: #ffffff;
border: none;
} */
.btn-dangerDeclined{
background-color: #d9534f;
color: #ffffff;
border: none;
}
.btn-dangerDeclined:hover{
background-color: #d9534f;
color: #ffffff;
border: none;
}
.glyphremove{
top: 2px !important;
}
.accountStatusBtn{
margin-bottom: 1%;
}
input{
margin-bottom: 1%;
}
.pulse-primary {
position: relative;
box-shadow: 0 0 0 0 #134577;
background-color: #134577;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-primary:hover
{
-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
td{
background-color: transparent !important;
}
.accordion{
border: none;
}
a:hover, a:focus{
color: #000;
text-decoration: none;
}
.hovertiles:hover{
-webkit-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -5px rgba(0,0,0,0.75);
}
.btn-normalred{
background-color: #ff6961;
color: #ffffff;
margin-bottom: 1%;
}
.btn-normalred:hover, .btn-normalred:focus{
color: #ffffff;
border: none;
transition: ease-in-out 0.2s;
}
.tableheading{
background-color: #E8EFFC;
}
.table>thead>tr>th{
border: none;
}
/* .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
border-bottom: 1px solid #D3D3D3;
} */
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.list-group-item-header{
background-color: #E8EFFC;
}
@media screen and (max-width: 479px) {
.mobilerequired{
font-size: 1rem;
}
/* .btn{
padding: 5px 2px 5px 2px;
} */
}
@media only screen
and (min-width: 480px)
and (max-width: 959px) {
.mobilerequired{
font-size: 1.2rem;
}
}
.panel-group .panel{
margin-bottom: 1%;
}


.pulseDose {
position: relative;
box-shadow: 0 0 0 0 #E8EFFC;
background-color: #E8EFFC;
-webkit-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
}
.pulseDose:hover
{
-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);}}








/* PATIENT SIDE STYLINGS ONLY!!!!!!**************************************************************************************************************************************************************************************************** */
.patientnav{
float: right;
}
.patientBrand-image{
margin-top: 9%;
}
@media screen and (min-width: 531px) and (max-width: 767px) {
.patientBrand-image{
margin: 2%;
}
.rightfloat{
margin-right: 45%;
}
.carousel-caption{
background-color: transparent;
margin-bottom: 11% !important;
}
.homecontainer{
padding-top: 0px;
}
.paddingHome{
padding-top: 20%;
}
img.carousel-image  {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%) !important;
clip-path: polygon(100% 0, 100% 50%, 0 100%, 0 0) !important;
}
.aboutuscontainer{
width: 100%;
max-width:100%;
background-color: #F8F8F8;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(100% 0, 100% 60%, 0 100%, 0 0);
}
}
@media screen and (max-width: 530px) {
.patientBrand-image{
margin: 3%;
}
.question_help{
display:none;
}
.btn-patientVaccine{
font-size: 1.2rem;
}
.rightfloat{
margin-right: 25%;
}
.carousel-caption{
background-color: transparent;
margin-bottom: 10% !important;
}
.homecontainer{
padding-top: 0px;
}
.paddingHome{
padding-top: 20%;
}
img.carousel-image  {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%) !important;
clip-path: polygon(100% 0, 100% 65%, 0 100%, 0 0) !important;
}
.aboutuscontainer{
width: 100%;
max-width:100%;
background-color: #F8F8F8;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(100% 0, 100% 60%, 0 100%, 0 0);
}
form.navbar-form.navbar-left{
  margin: 0px 10px;
}
.inputNav{
  width: 50%;
}
}
a.hoverable.patientlia {
font-size: 15px !important;
}
.header .navigation li a:hover{
color: #59595b;
}
.form-horizontal .control-label{
text-align: left;
}
.no-margin{
margin-bottom: 0%;
}
.searchbox{
max-width: 100%;
}
input#pharmacy_search{
width: 188px;
}
/* .pharmasq{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
} */
.rightfloat{
float: right;
}
.noMarginTitle{
margin: 0;
}
.selectHeader{
margin-bottom: 1% !important;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
padding-bottom: 0px;
}
.carousel-caption{
background-color: transparent;
margin-bottom: 1%;
}
.headinHome{
color: #ffffff;
}
.btn-circle{
border-radius: 25px;
padding: 10px;
position: relative;
box-shadow: 0 0 0 0 #53982f;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
width:100%;
}
/*
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
display: block;
width:100%;
}
.carousel-inner, .carousel-image{
	/*
height: 400px !important;*/
}
img.carousel-image {
object-fit: cover;
}
.margin-rqia{
margin-top: 10px;
}
img.carousel-image  {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(100% 0, 100% 60%, 0 100%, 0 0);
}
.aboutuscontainer{
width: 100%;
max-width:100%;
background-color: #F8F8F8;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(100% 0, 100% 60%, 0 100%, 0 0);
}
.alert-info{
border: none;
}

.error-empty-memberID{
  color: red;
  font-style: italic;
}

.btn-finder-link,
.btn-finder-link:focus,
.btn-finder-link:active{
  color:#810F25;
  font-weight: bold;
}

.btn-finder-link:hover{
  color:#9c2c42;
  text-decoration: underline;
}
/* The snackbar - position it at the bottom and in the middle of the screen */
#new_feature_popup {
  opacity: 0;
  /* Hidden by default. Visible on click */
  min-width: 250px;
  max-width: 600px;
  /* Set a default minimum width */
  margin: auto;
  left: 0;
  right: 0;
  /* Divide value of min-width by 2 */
  background-color: #333;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 1;
  /* Add a z-index if needed */
  /* left: 50%; */
  /* Center the snackbar */
  top: -95px;
  /* -95px from the bottom */
}

#new_feature_collapse > .well > div {
  color: #000000;
  padding-top: 5px;
}

#new_feature_title_container{
  cursor: pointer;
  margin-bottom: 10px;
}
#new_feature_video_link {
  color: white;
  font-weight: bold;
}

.location_area_styles{
  background: #EFEEEC;
}
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 76.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.caption{
  cursor: pointer;
}
.tr-pgd{
  border-top: solid 2px #999;
  border-bottom: solid 10px #fff;
}
.tb-margin{
  margin-top: 10px;
  margin-bottom: 10px;
}
.validation-error{
  color: #B94A48;
  font-weight: bold;
}

/* styling bootstrap navbar */

.nav-container {
  -webkit-box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
  box-shadow: 0px 9px 21px -13px rgba(0,0,0,0.75);
}

.nav-container .container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar {
  padding-right: 15px;
  padding-left: 15px;
}

/* logos */

.header .phdlogo {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header .phdlogo img {
  width: auto;
  height: 30px;
}

.header a.logo {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* menu */

.navbar-default .navbar-collapse {
  border: none;
}

.navbar-collapse {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.navbar-collapse li {
  display: block !important;
  padding-left: 0 !important !important;
  padding-right: 0 !important;
}

.navbar-collapse li.first {
  padding-left: 8px !important;
}

/* toggler */

.navbar-toggler {
  position: absolute;
  top: 15px;
  left: 10px;
  border: none;
  background: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-image: none;
  background-size: auto;
  background-size: 150% 150%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}


@media screen and (min-width: 768px) {
  .header a.logo {
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .navbar-toggler {
    display: none;
  }

  .navbar-collapse li.first {
    padding-left: 0px !important;
  }
}