/* ========================================================================== 
* Product Name: Corporate Health Partners: CHP2019BASE: UI design
* Author: Sean Kabanuk
* Description: CSS overrides for Whitespace  
* Version: 0.1.0
* Release date: 
========================================================================== */

/* ========================================================================== 
    BASE OVERRIDES
  ========================================================================== */

  body.page-master,
  body, select,
  input {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    color: #666;
}

#page-content a, a:visited, .link  {
    color: #575a89;
}


/* ========================================================================== 
    LAYOUT OVERRIDES
  ========================================================================== */

/* Menu */

#page-header .w-logo img {
    max-height: 60px;
    margin: 15px 0;
}

@media screen and (max-width: 500px) {
    #page-header .w-logo img {
        max-height: 30px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 320px) {
    #page-header .w-logo img {
        max-height: 20px;
    }
}

.w-menu-small {
    background-image: url("/shared/templates/leapfrog/images/menu/menu-black.png");
}

#page-header .w-inbox {
    background-image: url('/shared/templates/leapfrog/images/menu/black-mail.png');
}

#page-header .w-inbox:hover, #page-header .w-inbox.is-selected {
    background-color: #575a89;
}

.w-menu-small:hover, .w-menu-small.is-selected {
    background-color: #575a89;
}

/* Page background colors */

body.page-master {
    background-color: rgba(185,211,50, 0.4) !important;
}

#page-header {
    background-color: #f1f3f4!important;
}

.home .l-section,
.default_aspx .l-section,
.learning .l-section,
.assessment .l-section,
.social .l-section,
.tracking .l-section {
    font-family: Open Sans, sans-serif;
    background-color: #666666;
}

/* Photo banners */


.page-master .default_aspx .w-picture {
    background-image: url('/shared/Customers/CORPHP/hikers2.jpg');
}

.assessmentDashboard .w-picture {
    background-image: url('/shared/Customers/CORPHP/fruit.jpg');
}

.trackingDashboard .w-picture {
    background-image: url('/shared/Customers/CORPHP/mountain-man.jpg');
}

/* Header Quick Links */

.page-master #page-nav .k-item.home:hover .k-link {
    background-color: #575a89;
}
.page-master #page-nav .k-item.assessment:hover .k-link {
    background-color: #b9d332;
}
.page-master #page-nav .k-item.learning:hover .k-link {
    background-color: #666666;
}
.page-master #page-nav .k-item.social:hover .k-link {
    background-color: #666666;
}
.page-master #page-nav .k-item.tracking:hover .k-link {
    background-color: #575a89;
}

/* Stats container */

.w-stats-container {
    display: table;
    background-color: rgba(87, 90, 137, 0.7);
    font-family: Open Sans, sans-serif;
}

.stats-inner {
    display: table-cell;
    vertical-align: middle;
}

.assessmentDashboard .w-stats-container {
    background-color: rgba(87, 90, 137, 0.7);
}

.learningDashboard .w-stats-container {
    background-color: rgba(102, 102, 102, 0.7);
}

.socialDashboard .w-stats-container {
    background-color: rgba(102, 102, 102, 0.7);
}

.trackingDashboard .w-stats-container {
    background-color: rgba(87, 90, 137, 0.7);
}

.page-master #page-nav .k-item.social .k-link,
.page-master #page-nav .k-item.assessment .k-link,
.page-master #page-nav .k-item.learning .k-link,
.page-master #page-nav .k-item.tracking .k-link,
.page-master #page-nav .k-item.home .k-link {
    font-family: Open Sans, sans-serif;
    color: transparent;
    font-size: 1.2em;
}

@media (max-width: 1180px) and (min-width: 651px) {
    .page-master .trackingDashboard.dashboard_aspx .w-stats-container {
        height: 200px;
    }
}

@media (max-width: 650px) and (min-width: 481px) {
    .page-master .trackingDashboard.dashboard_aspx .w-stats-container {
        height: 140px;
    }
    
    .trackingDashboard #page-content {
        padding-top:0;
    }
}

@media (max-width: 480px){
    .page-master .trackingDashboard.dashboard_aspx .w-stats-container {
        height: 100px;
    }
}

  /* ========================================================================== 
    WIDGET OVERRIDES
  ========================================================================== */

.page-master .widget-header,
.page-master .w-header,
.page-master .dashboardWidget .widget-header,
.page-master .dashboardWidget .w-header {
    text-transform: none;
}

.page-master .dashboardWidget {
    padding: 10px 25px 25px 25px;
    border-color:#575a89 !important; /* Globably overriding Leapfrog's widget-specific rules -- SK */
}

.page-master .dashboardWidget .widget-header {
    color: #575a89 !important;
    font-size: 1.7em;
    font-family: 'Open Sans', sans-serif;
}

.page-master .widget-header {
    background-image:none !important;
    padding-left: 0 !important;
}
  
/* Calendar date selector */

/*
.page-master .w-calendar.horizfix .dt {
      color: #00aeef;
  }

.page-master .w-calendar.horizfix .calendar {
    background-image: url('/shared/templates/leapfrog/images/icons/blue-cal.png');
}

.page-master .w-calendar.horizfix .next {
    background-image: url('/shared/templates/leapfrog/images/icons/blue-next.png');
}

.page-master .w-calendar.horizfix .prev {
    background-image: url('/shared/templates/leapfrog/images/icons/blue-prev.png');
}
*/
/* ADD A BUDDY */

.socialDashboard .addABuddy {
    border-radius: 0;
    padding: 7px;
}

.addABuddy.buttons.button-green {
    background-color: #B9D332;
}

.buddiesWidget ul.tabs {
    display: none;
}

.w-buddies .buddies-linked {
    background-color: #8589cd;
}

.w-buddies .buddies-linked .k-panelbar>li.k-state-default>.k-link.k-state-selected,.w-buddies .buddies-linked .k-panelbar>li>.k-state-focused.k-state-hover,.w-buddies .buddies-linked .k-panelbar>li>.k-state-selected,.w-buddies .buddies-linked .k-panelbar>li>.k-state-selected.k-state-hover {
    background-color: #8589cd;
}

.w-buddies .buddies-asked {
    background-color: #6c70a9;
}

.w-buddies .buddies-asked .k-panelbar>li.k-state-default>.k-link.k-state-selected,.w-buddies .buddies-asked .k-panelbar>li>.k-state-focused.k-state-hover,.w-buddies .buddies-asked .k-panelbar>li>.k-state-selected,.w-buddies .buddies-asked .k-panelbar>li>.k-state-selected.k-state-hover {
    background-color: #6c70a9;
}

.w-buddies .buddies-waiting {
    background-color: #575A89;
}

.w-buddies .buddies-waiting .k-panelbar>li.k-state-default>.k-link.k-state-selected,.w-buddies .buddies-waiting .k-panelbar>li>.k-state-focused.k-state-hover,.w-buddies .buddies-waiting .k-panelbar>li>.k-state-selected,.w-buddies .buddies-waiting .k-panelbar>li>.k-state-selected.k-state-hover {
    background-color: #575A89;
}

/* Wellness sCore */

.w-wellScore .desc h3 {
    display: inline-block;
    font-size: 1.5em;
    padding: 13px 1px 0 0;
    color: #575A89;
}

.w-wellScore .group {
    font-size: 1rem;
}

.w-wellScore .group.level-0 {
    background-color: rgba(102, 102, 102, 0.4);
    margin: 10px 0 10px 0;
    padding: 0 5px 5px 0;
}
.w-wellScore .group.level-0.welcome {
    background-color: #ffffff;
    margin: 20px 0 20px 0;
    padding: 0 10px 10px 0;
}

.w-wellScore .icon {
    margin-top: -5px;
    margin-right: 10px;
}

.w-wellScore .desc .tooltip {
    display: inline-block;
}

.w-wellScore .level-1 {
    margin-left: 10px;
}

.w-wellScore .points {
    margin-top: 15px;
}


/* Content buttons */


#page-content a.corp-content-button,
#page-content .wellnessScoreWidget .w-wellScore a {
    display: inline-block;
    color: #575a89;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: .8em;
    border: 2px solid #575a89;
    background-color: transparent;
    -webkit-transition: 0.1s background-color linear, 0.1s color linear;
    -moz-transition: 0.1s background-color linear, 0.1s color linear;
    -o-transition: 0.1s background-color linear, 0.1s color linear;
    transition: 0.1s background-color linear, 0.1s color linear;
}

#page-content a.corp-content-button:hover,
#page-content .wellnessScoreWidget .w-wellScore a:hover {
    color: white;
    background-color: #575a89;
    text-decoration: none;
}

/* Health Resources layout */

.cc-container:after,
.custom-content-feature:after {
    content: "";
    display: table;
    clear: both;
}

.cc-container {
    background-color:#f1f3f4;
    padding:20px;
}

.cc-container.margin {
    margin-right: 40px;
}

.cc-image {
    float:right;
    padding-left:10px;
    padding-right:20px;
}

@media screen and (max-width: 480px) {
    .cc-container.margin {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

/* Old Colors

body.page-master {
    background-color: #cddd6d !important;
}

.w-wellScore .group.level-0 {
    background-color: rgba(185,211,50, 0.4);
    margin: 20px 0 20px 0;
    padding: 0 10px 10px 0;
}

*/
/* Fix for missing colors */
.page-master .form_default_aspx .form-web.form {
    border-top: 10px solid #575a89;
        border-top-color: rgb(87, 90, 137);
    border-color: #575a89 !important;
}
.form-web .section .header h2 {
    color: #575a89;
}
.page-master .form_default_aspx .form-web .top .progress {
    background-color: #575a89;
}

.w-wellScore .group.level-0:first-of-type {
background-color: #ffffff;
margin: 20px 0 20px 0;
padding: 0 10px 10px 0;
}