/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,300,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
/*===============================*/
body {font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  letter-spacing: -2px;
}
.custom_container {
  max-width: 97%;
}
a {
    color: #3d92b6;
}
a:hover {text-decoration:none;}


/* ----- header css starts ------ */
header {
  float: left;
  padding: 0 0 2px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.logo {
  float: left;
  margin-right: 6px;
  margin-top: 3px;
  width: 39px;
}
.welcome {
  margin-top: 4px;
}
.welcome p {
  color: #fff;
  display: inline-block;
}
.right-list {
  list-style: none;
  margin-top: 16px;
}
.right-list li {
  background: url(../images/divider.png) no-repeat right center;
  display: inline-block;
  padding: 0 8px 0 4px;
}
.right-list li:last-child {background:none;}
.right-list li img {
  width: 23px;
}
.right-list li:last-child::after {
  content: none;
}
.welcome-client {
  color: #61B5DC;
  font-size: 13px;
  font-style: italic;
  margin-top: 1px;
  padding-bottom: 2px;
  padding-right: 9px;
  text-align: right;
}
.welcome > span {
  color: #ffffff;
  float: left;
  font-family: open sans;
  line-height: 16px;
  margin-top: 2px;
}
.welcome h3 {
  color: #2483D2;
  font-size: 39px;
  font-weight: 300;
  line-height: 1;
  margin: 6px 0;
}
.right-list {
  list-style: none;
  margin: 16px 0 0 0;
  padding: 0;
  text-align: right;
}
.right-list i {
  color: #2483D2;
  font-size: 21px;
}
.right-list i:hover {
  color: #3493e2;
}
.custom_container {
  clear: both;
  margin: 23px auto;
  padding: 0 15px;
}
nav.custom_nav.navbar {
  background:#ededed;
  border: 0 none;
  border-radius: 0 0 3px 3px;
  clear: both;
  margin-bottom: 12px;
  min-height: inherit;
}
nav.custom_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.custom_nav ul li {
  display: block;
  margin: 0;
}
nav.custom_nav ul.nav li ul li a {
  display: block;
  padding: 6px;
}
nav.custom_nav ul.nav li a {
  display: inline-block;
  font-family: open sans;
  font-size: 12px;
  font-weight: 500;
  padding: 9px 10px;
  text-transform: uppercase;
}
nav.custom_nav ul.nav li ul li {
  border-bottom: 1px solid #dddddd;
}
nav.custom_nav ul.nav li ul li a {
  text-transform:none !important;
}
nav.custom_nav .dropdown-menu {
  background: #fbfbfb;
  border-color: #e8e8e8;
  border-top: 0 none #e8e8e8;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  float: left;
  min-width: 509px;
  padding: 13px 0 13px 15px;
  width: 100%;
}
/*nav.custom_nav ul.nav li ul li ul.third-child li {
  border: 0;
}*/
nav.custom_nav ul.nav li a .fa-shopping-cart {
  font-size: 16px;
  margin-right: 5px;
}
nav.custom_nav ul.nav li ul li:after {content:none;}
nav.custom_nav ul.nav li::after {
  background: #0463b2;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 0;
}
nav.custom_nav ul.nav li:hover:after {
  width:100%;
}
.custom_nav #navbar ul.nav li.active > a {
  background: #e7e7e7;
  color: #5d95a2;
  display:block;
}
.navbar-brand {
  display: none;
}
.custom_nav #navbar {
  padding: 0;
}
.welcome-client {
  margin-top: 6px;
  text-align: right;
}
.custom_nav.navbar-default .navbar-header button.navbar-toggle, .custom_nav.navbar-default .navbar-header button.navbar-toggle:focus, .custom_nav.navbar-default .navbar-header button.navbar-toggle:hover {
    background: #71bad9;
    border-color: #61aac9;
}
.custom_nav.navbar-default .navbar-header button.navbar-toggle:focus, .custom_nav.navbar-default .navbar-header button.navbar-toggle:hover {background:#71bad9;}
.custom_nav .navbar-header button .icon-bar {
  background:#ffffff;
  border-color:#98c9cf
}
.tooltip .tooltip-inner .tooltip-arrow {background:#fff !important;}
.custom_nav .dropdown-toggle .caret {
  margin-left: 8px;
}
.custom_nav .dropdown-menu > li, .custom_nav .dropdown-menu > li {
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out
}
.nav.navbar-nav.second {
  background:#2483D2;
  clear: both;
  float: none;
  text-align: center;
}
nav.custom_nav ul.nav.second li {
  display: inline-block;
  float:none;
}
nav.custom_nav ul.nav.second li > a.dropdown-toggle {
  color: #ffffff;
}
nav.custom_nav ul.nav.first li {
  display: inline-block;
  float: none;
}
nav.custom_nav ul.first {
  text-align: center;
}
nav.custom_nav ul.nav.first li ul li {
  display: block;
}
nav.custom_nav ul.nav.first li ul.dropdown-menu > li {
  border-bottom: 0 none;
  border-right: 1px solid #e0e0e0;
  display: inline-block;
  margin-right: 17px;
  padding-right: 20px;
  vertical-align: top;
}
nav.custom_nav ul.nav.first li ul.dropdown-menu > li:last-child {
  margin: 0;
  padding: 0;
}
nav.custom_nav ul.nav.second > .open > a, nav.custom_nav ul.nav.second > .open > a:focus, nav.custom_nav ul.nav.second > .open > a:hover {background:none; color:#efefef}
nav.custom_nav ul.nav.second li ul.dropdown-menu ul li {
  display: block;
}
nav.custom_nav ul.nav.second li ul.dropdown-menu > li {
  border-bottom: 0 none;
}
nav.custom_nav ul.nav li ul.dropdown-menu li a {
  font-size: 13px;
}
nav.custom_nav ul.nav li ul.dropdown-menu li a i {
  font-size: 14px;
  margin-right: 7px;
}
nav.custom_nav ul.nav li ul.dropdown-menu li ul li i {
  color: #8d8d8d;
  font-size: 14px;
}
nav.custom_nav ul.nav li ul.dropdown-menu li ul li a i {
  margin-right: 2px;
}
nav.custom_nav ul.nav li ul.dropdown-menu li:last-child {
  border: 0 none;
}
nav.custom_nav .dropdown-menu > li > a:focus, nav.custom_nav .dropdown-menu > li > a:hover {background:none; color:#5bb0d4;}
nav.custom_nav .know-screening .dropdown-menu {
  min-width: 689px;
}
nav.custom_nav .know-prevention .dropdown-menu {
  min-width: 331px;
}
nav.custom_nav .v-triage-symptoms .dropdown-menu {
  min-width: 634px;
}
nav.custom_nav .know-diseases .dropdown-menu {
  min-width: 570px;
}
nav.custom_nav .medical-emergencies .dropdown-menu {
  min-width: 233px;
}
nav.custom_nav ul.nav.first li.medical-emergencies ul.dropdown-menu > li {
  border: 0 none;
  margin: 0;
  padding: 0;
}
nav.custom_nav .know-drugs .dropdown-menu {
  left: 19px;
  width: 97%;
}
nav.custom_nav .know-drugs .dropdown-menu li {
  width: 224px;
}
nav.custom_nav ul li.know-drugs, nav.custom_nav ul li.know-treatment, nav.custom_nav ul li.know-tests, nav.custom_nav ul li.know-providers, nav.custom_nav ul li.shopping-cart {
  position: static;
}
nav.custom_nav .know-treatment .dropdown-menu {
  left: 580px;
  width: 682px;
}
nav.custom_nav .know-tests .dropdown-menu {
  left: 578px;
  width: 683px;
}
nav.custom_nav .know-providers .dropdown-menu {
  left: 211px;
  width: 1050px;
}
nav.custom_nav ul.nav.first li.shopping-cart ul.dropdown-menu li {
  display: block;
  border: 0 none;
    margin: 0;
    padding: 0;
}
nav.custom_nav .shopping-cart .dropdown-menu {
  left: 1128px;
  min-width: inherit;
  width: 137px;
}
/*custom nav css starts*/

div#menu nav {
  height: auto !important;
}
div#menu {display:none;}
/*custom nav css ends*/
/* ----- header css ends ------ */

/* ----- content area css starts ------ */
.content-area .content {
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding-bottom: 12px;
}


/* ----- content area css ends ------ */


/* ----- footer css starts ------ */
.footer {
  background:#f7f4ef;
  border-top: 1px solid #dddddd;
  bottom: 0;
  padding-top: 7px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.footer p {
  margin: 0;
}
.bottom-foot {
  background: #2483D2;
  color: #ffffff;
  float: left;
  font-size: 12px;
  padding-top: 3px;
  width: 100%;
}
.footer-bt-links {
  margin: 0 0 3px 0;
  padding: 0;
}
.footer-bt-links li {
  display: inline-block;
  margin: 0 6px;
}
.footer-links {
  padding-bottom: 7px;
}
.footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links ul li {
  display: inline-block;
  margin: 0 16px;
}
.footer-bt-links li a {
  color: #175462;
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out;
}
.footer-bt-links li a:hover {
  color: #fff;
}
.footer-links ul li::after {
  background:#549dbc;
  border-radius: 100%;
  content: "";
  height: 4px;
  margin-left: 14px;
  position: absolute;
  top: 15px;
  width: 4px;
}
.footer-links ul li:last-child::after {
  content: none;
}

/* ----- footer css ends ------ */



/* Media CSS starts */
@media (max-width:1024px) {

nav.custom_nav .know-providers .dropdown-menu {
  left: 393px;
  min-width: inherit;
  width: 290px;
}

nav.custom_nav .shopping-cart .dropdown-menu {
    left: 557px;
}
nav.custom_nav .know-treatment .dropdown-menu {
    left: 239px;
}
nav.custom_nav .know-tests .dropdown-menu {
    left: 334px;
}
nav.custom_nav .know-drugs .dropdown-menu {
  left: 473px;
  min-width: inherit;
  width: 31%;
}
nav.custom_nav .know-drugs .dropdown-menu li {
  width: 284px;
}
nav.custom_nav ul.nav.first .know-drugs .dropdown-menu li {
  border-right: 0 none;
  margin: 0;
  padding: 0;
}
}
@media (max-width:768px) {
nav.custom_nav .know-screening .dropdown-menu {
  min-width: 421px;
}
nav.custom_nav .v-triage-symptoms .dropdown-menu {
  min-width: 360px;
}
nav.custom_nav .know-diseases .dropdown-menu {
  min-width: 235px;
}
nav.custom_nav ul.nav.first .know-diseases .dropdown-menu li {
  border-right: 0;
}
nav.custom_nav .know-screening .dropdown-menu {
  left: -130px;
  min-width: 687px;
}
nav.custom_nav .v-triage-symptoms .dropdown-menu {
  left: -250px;
  min-width: 630px;
}
nav.custom_nav .medical-emergencies .dropdown-menu {
  left: -81px;
}
nav.custom_nav .know-drugs .dropdown-menu {
  left: 99px;
  width: 65%;
}
nav.custom_nav ul.nav.first .know-drugs .dropdown-menu li:nth-child(2), nav.custom_nav ul.nav.first .know-drugs .dropdown-menu li:nth-child(4) {
  border: 0 none;
  margin: 0;
  padding: 0;
}
nav.custom_nav .know-treatment .dropdown-menu {
  left: 40px;
}
nav.custom_nav .know-tests .dropdown-menu {
    left: 45px;
}
nav.custom_nav .know-providers .dropdown-menu {
  left: 430px;
  min-width: inherit;
  width: 291px;
}
nav.custom_nav ul.nav.first .know-providers ul.dropdown-menu > li {
  border-bottom: 1px solid #dddddd;
  border-right: 0 none;
  display: block;
  margin: 0 20px 0 0;
  padding: 0;
}
nav.custom_nav ul.nav.first li ul.dropdown-menu > li:last-child {
  margin: 0 20px 0 0;
}

}
@media (max-width:767px) {
.welcome h3 {
  font-size: 32px;
}
.logo {
  width: 31px;
}
nav.custom_nav {
  display: none;
}
div#menu {
  display: block;
  height: auto !important;
  min-height: auto !important;
}
.custom_container {
  max-width: 93%;
}
nav.custom_nav .know-drugs .dropdown-menu li {
  width: auto;
}
nav.custom_nav.navbar.navbar-default ul.dropdown-menu {
  min-width: auto;
  padding: 0;
  background:#fdfdfd;
  width:auto;
}
nav.custom_nav ul.nav.first li a, nav.custom_nav ul.nav.second li a {
  display: block;
}
nav.custom_nav.navbar.navbar-default ul.nav.first li ul.dropdown-menu li {
  border: 0 none;
  margin: 0;
  padding: 0;
}
nav.custom_nav.navbar.navbar-default ul.nav.first li ul.dropdown-menu > li {
  display: block;
}
.footer {
  position: static;
}
nav.custom_nav ul.nav li::after {display:none;}
.nav.navbar-nav.second {background:none;}
nav.custom_nav ul.nav.second li > a.dropdown-toggle {
  color: #777777;
}
nav.custom_nav ul.nav.first li, nav.custom_nav ul.nav.second li{
  display: block;
}
nav.custom_nav ul.first, .nav.navbar-nav.second {text-align:left;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
  padding: 5px 15px 5px 12px;
}
nav.custom_nav ul.dropdown-menu li ul {
  padding-left: 16px;
}
nav.custom_nav ul li {
    display: block;
}
.footer-links ul li::after {
  content: none;
}
.footer-links ul li {
  margin: 0 7px;
}
.welcome {text-align:left;}
.welcome-client {
  background: #ffffff;
  border-radius: 50px;
  margin-top: 7px;
  padding: 3px 0;
  text-align: center;
}
.navbar-default .navbar-brand {
  color: #71bad9;
  display: block;
  float: left;
  font-family: open sans;
  font-size: 18px;
  height: 50px;
  line-height: 20px;
  padding: 15px;
}
.welcome > span {
  display: none;
}
.right-list {text-align:center;}
.bottom-foot {
  padding: 10px 15px;
}
.footer-bt-links li {
  margin: 0 4px;
}
.footer-links ul {
  padding: 0 15px;
}
}