/* Background */
#background {
  background-repeat: no-repeat;
  background-size: cover;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}
#background {
  background-color: #FFFFFF;
    background-image: url(/assets/fallback/web_background-8adb55cc489c4323233a6c48dac78992171df9a3691999a79788b5a2b080b347.png);
}

/* Header */
#org-nav {
  border-bottom-color: rgba(51, 51, 51, 0.2);
}
#org-nav .dropdown-menu {
  border: 1px solid rgba(51, 51, 51, 0.1);
}
#org-nav, #organization-nav #more .dropdown-menu {
  background: rgba(241, 241, 241, 0.95);
}

#org-nav .navbar-brand img {
  background-image: url(https://hothealthapp-production.s3.amazonaws.com/uploads/web_logos/14/logo-phar.png);
}

#organization-nav .btn-success,
#common-nav>.btn-success {
  border-color: #333333;
  background-color: #333333;
  color: #F1F1F1;
}
#organization-nav .btn-success:hover,
#organization-nav .btn-success:focus,
#common-nav>.btn-success:hover, 
#common-nav>.btn-success:focus {
  background-color: #F1F1F1;
  color: #333333;
}
#common-nav>.dropdown>#myAccountDropdown, 
#menuButton, 
#organization-nav .btn-outline-secondary,
#common-nav>.btn-outline-secondary,
#menuless-back-button {
  border-color: #333333;
  color: #333333;
}
#common-nav>.dropdown>#myAccountDropdown:hover, 
#common-nav>.dropdown>#myAccountDropdown:focus, 
#menuButton:hover, 
#menuButton:focus, 
#organization-nav .btn-outline-secondary:hover,
#organization-nav .btn-outline-secondary:focus,
#common-nav>.btn-outline-secondary:hover, 
#common-nav>.btn-outline-secondary:focus,
#menuless-back-button:hover,
#menuless-back-button:focus {
  background-color: #333333;
  color: #F1F1F1;
}

#organization-nav>ul>li .nav-link {
  color: #333333;
}
#organization-nav>ul>.dropdown-divider {
  border-top-color: #333333;
}
#organization-nav>ul>li .nav-link:hover,
#organization-nav>ul>li .nav-link:focus,
#organization-nav>ul .dropdown-menu > li > a:hover,
#organization-nav>ul .dropdown-menu > li > a:focus {
  background-color: #d9d9d9;
}
#organization-name {
  color: #333333;
}

/* Body */
body {
  background-color: #FFFFFF;
  color: #333333;
  font-family: Helvetica, Arial, sans-serif;
}
.form-text {
  color: rgba(51, 51, 51, 0.5);
}
body.content-centered #body .container,
body.content-full-width #body .container:not(.no-bg) {
  background-color: rgba(255, 255, 255, 0.0);
}
h1 {
  color: #333333;
}
.breadcrumb-item.active,
.breadcrumb a:hover {
  color: rgba(51, 51, 51, 0.75) !important;
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb a {
  color: rgba(51, 51, 51, 0.5) !important;
}
.page-header {
  border-color: rgba(51, 51, 51, 0.2);
}
h1, h2, h3, h4, h5 {
  font-family: Helvetica, Arial, sans-serif;
}

.half a,
.full a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item-action):not(.chosen-default):not(.chosen-single):not(.card):not(.fc-event) {
  color: #292929;
}
.half a:hover,
.full a:not(.btn):not(.nav-link):not(.dropdown-item):not(.list-group-item-action):not(.chosen-default):not(.chosen-single):not(.card):not(.fc-event):hover {
  color: #333333;
}

/* Buttons */
#body .btn-brand, #body .slider-handle {
  background-color: #333333;
  color:            #FFFFFF;
  border-color:     #292929;
}
#body .btn-brand.active, #body .btn-brand:hover, #body .btn-brand:focus {
  background-color: #292929;
  border-color:     #1f1f1f;
}
#body .btn-outline-brand {
  color:            #333333;
  border-color:     #333333;
}
#body .btn-outline-brand:hover, #body .btn-outline-brand:focus{
  background-color: #333333;
  color:            #FFFFFF;
}

/* Form.io Pages */
#body .page-item.active .page-link {
  background-color: #333333;
  color:            #FFFFFF;
  border-color:     #666666;

}

#body .page-link {
  color: #333333;
}


/* Previews */
.laptop {
  background-image: url(https://pharmax.hothealth.com.sg/assets/organization/laptop-wireframe-black-1e7540377021e97860a3d5356b81b7240ead0ea33e93027bf6e14da5669fa26d.png);
}
.phone {
  background-image: url(https://pharmax.hothealth.com.sg/assets/organization/phone-wireframe-black-a2b1d8c677fa58c0ba3db43e6b71d58bfc7022e0731f678c9e09b572975413ea.png);
}

/* Tables */
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  /*border-color: rgba(51, 51, 51, 0.2);*/
}

/* Home page */
.content-full-width .map,
.content-centered .map .container {
  background-color: #F1F1F1;
}
.content-full-width #get-the-app, .content-centered #get-the-app .container {
  background-color: #F1F1F1;
  color: #333333;
  border-width: 1px 0px;
  border-style: solid;
  border-color: rgba(51, 51, 51, 0.2);
}

/* Footer */
#footer {
  background: #333333;
  border-top-color: rgba(51, 51, 51, 0.2);
  color: #F1F1F1;
}
#note_in_footer a {
  color: #F1F1F1;
}

#footer .btn  {
  background-color: #F1F1F1;
  color:            #333333;
  border-color:     #c1c1c1;
}
#footer .btn:hover, #footer .btn:focus {
  background-color: #c1c1c1;
  border-color:     #919191;
}

#legal {
  background: #333333;
}
#legal, #legal a, #legal a:hover  {
  color: #F1F1F1;
}